.landing-page{--cream:#f5efe6;--cream-dark:#ede5d8;--forest:#1c2d27;--forest-mid:#2e4a3f;--gold:#b8895a;--gold-light:#d4a97a;--sage:#6b8c7a;--sage-light:#a8c4b4;--text:#1c2d27;--text-mid:#4a6357;--text-light:#7a9688;--white:#fdfaf6;background:var(--cream);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}.landing-page *,.landing-page :before,.landing-page :after{box-sizing:border-box;margin:0;padding:0}.landing-page nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5efe6e0;border-bottom:1px solid #b8895a26;justify-content:space-between;align-items:center;padding:20px 48px;display:flex;position:fixed;top:0;left:0;right:0}.landing-page .nav-logo{letter-spacing:.04em;color:var(--forest);font-family:Cormorant Garamond,serif;font-size:22px;font-weight:500}.landing-page .nav-logo span{color:var(--gold)}.landing-page .nav-links{align-items:center;gap:32px;list-style:none;display:flex}.landing-page .nav-links a{letter-spacing:.04em;color:var(--text-mid);font-size:13px;font-weight:400;text-decoration:none;transition:color .2s}.landing-page .nav-links a:hover{color:var(--gold)}.landing-page .nav-cta{background:var(--forest);text-transform:uppercase;border-radius:2px;padding:9px 22px;color:var(--cream)!important;letter-spacing:.07em!important;font-size:12px!important;transition:background .2s!important}.landing-page .nav-cta:hover{background:var(--gold)!important;color:var(--white)!important}.landing-page .hero{grid-template-columns:1fr 1fr;min-height:100vh;padding-top:80px;display:grid}.landing-page .hero-left{flex-direction:column;justify-content:center;padding:80px 64px 80px 80px;display:flex;position:relative}.landing-page .hero-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);opacity:0;margin-bottom:20px;font-size:11px;font-weight:500;animation:.6s .2s forwards fadeUp}.landing-page .hero-title{color:var(--forest);opacity:0;margin-bottom:24px;font-family:Cormorant Garamond,serif;font-size:clamp(44px,5vw,68px);font-weight:300;line-height:1.05;animation:.6s .35s forwards fadeUp}.landing-page .hero-title em{color:var(--gold);font-style:italic}.landing-page .hero-sub{color:var(--text-mid);opacity:0;max-width:440px;margin-bottom:48px;font-size:15px;font-weight:300;line-height:1.7;animation:.6s .5s forwards fadeUp}.landing-page .hero-rule{background:var(--gold);opacity:0;width:48px;height:1px;margin-bottom:24px;animation:.4s .3s forwards fadeUp}.landing-page .access-cards{opacity:0;flex-wrap:wrap;gap:16px;animation:.6s .65s forwards fadeUp;display:flex}.landing-page .access-card{cursor:pointer;border:1px solid;border-radius:3px;flex:1;min-width:180px;padding:28px 28px 24px;text-decoration:none;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.landing-page .access-card:before{content:"";transform-origin:0;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.landing-page .access-card:hover{transform:translateY(-3px)}.landing-page .access-card:hover:before{transform:scaleX(1)}.landing-page .card-passkey{color:var(--cream);background:#1c332a;border-color:#c15c35;box-shadow:0 4px 24px #c15c3533}.landing-page .card-passkey:before{background:#c15c35}.landing-page .card-passkey:hover{transform:translateY(-3px);box-shadow:0 8px 32px #c15c3552}.landing-page .card-passkey .card-label{color:#e88b67}.landing-page .card-patient{background:var(--forest);border-color:var(--forest);color:var(--cream);box-shadow:0 4px 24px #1c2d272e}.landing-page .card-patient:before{background:var(--gold)}.landing-page .card-patient:hover{box-shadow:0 8px 32px #1c2d2747}.landing-page .card-doctor{border-color:var(--gold);color:var(--forest);background:0 0}.landing-page .card-doctor:before{background:var(--forest)}.landing-page .card-doctor:hover{background:#b8895a0d;box-shadow:0 4px 20px #b8895a26}.landing-page .card-icon{margin-bottom:14px;font-size:24px;display:block}.landing-page .card-label{letter-spacing:.15em;text-transform:uppercase;opacity:.7;margin-bottom:6px;font-size:10px;font-weight:500}.landing-page .card-title{margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:22px;font-weight:500;line-height:1.2}.landing-page .card-desc{opacity:.65;font-size:12px;font-weight:300;line-height:1.5}.landing-page .card-patient .card-label{color:var(--sage-light)}.landing-page .card-doctor .card-label{color:var(--gold)}.landing-page .hero-right{background:var(--forest-mid);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.landing-page .hero-right-inner{z-index:2;text-align:center;padding:40px;position:relative}.landing-page .hero-stat{opacity:0;flex-direction:column;align-items:center;margin-bottom:48px;animation:.8s .8s forwards fadeIn;display:flex}.landing-page .hero-stat-num{color:var(--cream);font-family:Cormorant Garamond,serif;font-size:72px;font-weight:300;line-height:1}.landing-page .hero-stat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--sage-light);margin-top:8px;font-size:11px}.landing-page .modules-preview{text-align:left;opacity:0;flex-direction:column;gap:10px;animation:.8s 1s forwards fadeIn;display:flex}.landing-page .mod-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:3px;align-items:center;gap:14px;padding:14px 18px;transition:background .2s;display:flex}.landing-page .mod-item:hover{background:#ffffff17}.landing-page .mod-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.landing-page .mod-name{color:var(--cream);flex:1;font-size:13px;font-weight:300}.landing-page .mod-tag{letter-spacing:.1em;color:var(--text-light);text-transform:uppercase;font-size:10px}.landing-page .bg-circle{background:radial-gradient(circle,#b8895a1f 0%,#0000 70%);border-radius:50%;position:absolute}.landing-page .bg-c1{width:500px;height:500px;top:-100px;right:-100px}.landing-page .bg-c2{width:300px;height:300px;bottom:-50px;left:-50px}.landing-page .divider-band{background:var(--cream-dark);border-top:1px solid #b8895a33;border-bottom:1px solid #b8895a33;align-items:center;gap:40px;padding:40px 80px;display:flex}.landing-page .divider-text{color:var(--text-mid);flex:1;font-family:Cormorant Garamond,serif;font-size:18px;font-style:italic;font-weight:300}.landing-page .compliance-pills{flex-wrap:wrap;gap:10px;display:flex}.landing-page .pill{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border:1px solid #b8895a66;border-radius:20px;padding:5px 12px;font-size:10px;font-weight:500}.landing-page .section{padding:100px 80px}.landing-page .section-header{margin-bottom:60px}.landing-page .section-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;font-size:11px}.landing-page .section-title{color:var(--forest);font-family:Cormorant Garamond,serif;font-size:44px;font-weight:300;line-height:1.1}.landing-page .section-title em{color:var(--sage);font-style:italic}.landing-page .modules-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px;display:grid}.landing-page .module-tile{background:var(--white);cursor:default;border:1px solid #b8895a1f;padding:36px 32px;transition:background .25s,transform .25s;position:relative}.landing-page .module-tile:hover{background:var(--forest);z-index:2;transform:scale(1.01)}.landing-page .module-tile:hover .tile-name,.landing-page .module-tile:hover .tile-desc{color:var(--cream)}.landing-page .module-tile:hover .tile-icon{background:#ffffff1a}.landing-page .module-tile:hover .tile-label{color:var(--gold-light)}.landing-page .tile-icon{background:#b8895a1a;border-radius:2px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;font-size:20px;transition:background .25s;display:flex}.landing-page .tile-label{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-size:10px;font-weight:500;transition:color .25s}.landing-page .tile-name{margin-bottom:10px;font-family:Cormorant Garamond,serif;font-size:22px;font-weight:500;transition:color .25s}.landing-page .tile-desc{color:var(--text-mid);font-size:13px;font-weight:300;line-height:1.6;transition:color .25s}.landing-page footer{background:var(--forest);color:var(--cream);padding:60px 80px 40px}.landing-page .footer-grid{grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.landing-page .footer-logo{margin-bottom:14px;font-family:Cormorant Garamond,serif;font-size:26px;font-weight:400}.landing-page .footer-logo span{color:var(--gold)}.landing-page .footer-desc{color:var(--sage-light);max-width:320px;font-size:13px;font-weight:300;line-height:1.7}.landing-page .footer-col-title{letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;font-size:11px;font-weight:500}.landing-page .footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}.landing-page .footer-links a{color:var(--sage-light);font-size:13px;font-weight:300;text-decoration:none;transition:color .2s}.landing-page .footer-links a:hover{color:var(--cream)}.landing-page .footer-bottom{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:24px;display:flex}.landing-page .footer-legal{color:var(--text-light);font-size:11px;font-weight:300}.landing-page .footer-gdpr{color:var(--sage-light);align-items:center;gap:8px;font-size:11px;display:flex}.landing-page .gdpr-dot{background:var(--sage-light);border-radius:50%;width:6px;height:6px;display:inline-block}.landing-page .modal-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#1c2d27e0;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.landing-page .modal-overlay.active{opacity:1;pointer-events:all}.landing-page .modal-box{background:var(--white);text-align:center;border-radius:4px;width:90%;max-width:480px;padding:48px 52px;transition:transform .3s;position:relative;transform:translateY(20px)scale(.97)}.landing-page .modal-overlay.active .modal-box{transform:translateY(0)scale(1)}.landing-page .modal-close{cursor:pointer;color:var(--text-light);background:0 0;border:none;font-size:20px;line-height:1;transition:color .2s;position:absolute;top:18px;right:18px}.landing-page .modal-close:hover{color:var(--forest)}.landing-page .modal-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-size:10px;font-weight:500}.landing-page .modal-title{color:var(--forest);margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:30px;font-weight:500;line-height:1.2}.landing-page .modal-sub{color:var(--text-mid);margin-bottom:32px;font-size:13px;font-weight:300;line-height:1.6}.landing-page .qr-wrapper{border:2px solid var(--forest);background:#fff;border-radius:3px;margin-bottom:20px;padding:18px;display:inline-flex;position:relative}.landing-page .scope-selector{margin-bottom:24px}.landing-page .scope-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-mid);margin-bottom:12px;font-size:11px;font-weight:500}.landing-page .scope-pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.landing-page .scope-pill{color:var(--text-mid);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #b8895a59;border-radius:2px;padding:7px 14px;font-size:12px;font-weight:300;transition:all .2s}.landing-page .scope-pill.active{background:var(--forest);border-color:var(--forest);color:var(--cream)}.landing-page .scope-pill:hover:not(.active){border-color:var(--gold);color:var(--gold)}.landing-page .generate-btn{background:var(--forest);width:100%;color:var(--cream);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;border-radius:2px;padding:14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:background .2s,transform .15s}.landing-page .generate-btn:hover{background:var(--gold);transform:translateY(-1px)}.landing-page .modal-note{color:var(--text-light);margin-top:14px;font-size:11px;line-height:1.5}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.landing-page .pulse{animation:2s ease-in-out infinite pulse}@media (max-width:900px){.landing-page nav{flex-wrap:wrap;justify-content:center;gap:16px;padding:16px 24px}.landing-page .hero{grid-template-columns:1fr;min-height:auto;margin-top:80px;padding-top:20px}.landing-page .hero-left{padding:60px 24px 40px}.landing-page .hero-title{font-size:52px}.landing-page .hero-rule{margin-bottom:32px}.landing-page .hero-right{padding:40px 24px}.landing-page .hero-right-inner{padding:0}.landing-page .bg-c1,.landing-page .bg-c2{display:none}.landing-page .divider-band{text-align:center;flex-direction:column;gap:24px;padding:32px 24px}.landing-page .compliance-pills{justify-content:center}.landing-page .section{padding:60px 24px}.landing-page .section-title{font-size:36px}.landing-page .footer-grid{grid-template-columns:1fr;gap:32px}.landing-page footer{padding:40px 24px 30px}.landing-page .footer-bottom{text-align:center;flex-direction:column;gap:16px}}@media (max-width:480px){.landing-page nav{flex-direction:column;gap:12px;padding:12px 16px}.landing-page .nav-links{flex-wrap:wrap;justify-content:center;gap:16px}.landing-page .hero-title{font-size:40px}.landing-page .hero{margin-top:100px}.landing-page .access-card{min-width:100%}.landing-page .section-title{font-size:28px}}@media (max-width:600px){.landing-page .modal-box{width:95%;padding:32px 24px}.landing-page .modal-title{font-size:24px}}
