/* Public landing. Keep effects static and the account/payment hooks in home.php. */
:root{--bg:#0a0a0a;--panel:#111213;--border:#26292d;--border-bright:#454c55;--text:#f4f4f5;--muted:#9b9da3;--subtle:#747780;--accent:#368fde;--green:#77c8a3;--amber:#dfb86c;--red:#e99797}
html{background:var(--bg)!important;scroll-padding-top:30px}
html.home-page{scrollbar-width:none}
html.home-page::-webkit-scrollbar,html.home-page body::-webkit-scrollbar{display:none;width:0;height:0}
body{background:var(--bg)!important;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*,*::before,*::after{box-shadow:none!important;text-shadow:none!important}
button,a{ -webkit-tap-highlight-color:transparent }
button{cursor:pointer}
.shell{width:min(1120px,calc(100% - 64px));margin-inline:auto}
.nav{position:relative;background:#0a0a0a!important;border-bottom:1px solid #191a1d!important}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:28px;height:74px}
.brand{width:auto;height:auto;overflow:visible;color:#f5f5f6;font-size:18px;font-weight:650;letter-spacing:-.055em;line-height:1.2}
.brand span{color:#368fde}
.nav-links{display:flex;align-items:center;gap:23px;margin-left:auto}
.nav-links a,.nav-links button{padding:8px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#999da4!important;font-size:13px!important;font-weight:500!important;letter-spacing:0}
.nav-links a:hover,.nav-links button:hover{border:0!important;background:transparent!important;color:#f5f5f6!important}
.nav-actions{display:flex;align-items:center;gap:22px;margin-left:auto}
.nav-help{display:flex;align-items:center;gap:16px}
.nav-status{padding:0;border:0;background:none;color:#999da4;font-size:13px;font-weight:550;white-space:nowrap}
.nav-status:hover{color:#f5f5f6}
.nav-status:focus-visible{outline:2px solid #368fde;outline-offset:3px}
.nav-login,.nav-faq{padding:0;border:0;background:none;color:#e9e9ec;font-size:13px;font-weight:550}
.nav-faq{color:#999da4}.nav-faq:hover{color:#f5f5f6}
.nav-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:36px;padding:0 14px;border:1px solid #e4e6e8!important;border-radius:6px!important;background:#e4e6e8!important;color:#101114!important;font-size:12px!important;font-weight:550!important;letter-spacing:-.01em}
.nav-action:hover{background:#fff!important;border-color:#fff!important}
.landing-hero{position:relative;display:flex;align-items:center;min-height:calc(100svh - 74px);overflow:hidden;padding:126px 0 92px;background:linear-gradient(115deg,#131923 0%,#10141a 46%,#0d1016 100%)}
.landing-hero:before{content:"";display:block;position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0%,transparent 53%,rgba(71,117,178,.035) 53%,rgba(71,117,178,.035) 72%,transparent 72%)}
.landing-hero:after{display:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1fr;align-items:center;min-height:360px;width:min(1000px,calc(100% - 64px))}
.hero-copy{text-align:left;max-width:480px}
.landing-hero h1{margin:0 0 25px;color:#f3f3f4;max-width:none;font-size:clamp(48px,5.5vw,72px);line-height:1.04;font-weight:570;letter-spacing:-.065em}
.landing-hero h1 span{display:inline;color:#368fde}
.hero-lede{max-width:430px;margin:0;color:#a0a2a9;font-size:19px;font-weight:400;line-height:1.65;letter-spacing:-.02em}
.hero-lede strong{font-weight:400;color:#d8d9de}
.hero-actions{justify-content:flex-start;gap:12px;margin-top:31px}
.hero-actions .btn{min-height:46px;padding:0 17px;gap:14px;border:1px solid #303237;border-radius:6px;background:#131416;color:#e1e2e5;font-size:13px;font-weight:550}
.hero-actions .btn:hover{border-color:#595d65;background:#1b1d20}
.hero-actions .btn.primary{border-color:#e5e8ed;background:#e5e8ed;color:#131518}
.hero-actions .btn.primary:hover{border-color:#fff;background:#fff}
.button-arrow{font-family:system-ui,sans-serif;font-size:17px;line-height:1}
.hero-points{display:flex;flex-wrap:wrap;gap:32px;margin:33px 0 0;padding:0;border:0;border-radius:0;background:none;list-style:none}
.hero-points li{display:grid;gap:5px;margin:0;padding:0;border:0;min-height:0;text-align:left}
.hero-points b{color:#e2e4e8;font-size:15px;font-weight:580;letter-spacing:-.025em}
.hero-points span{color:#72767e;font-size:11px;line-height:1.4}
.hero-points li:first-child b:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#75c79d;vertical-align:2px}
.section,.script-section{padding:74px 0;animation:none!important}
.script-section{border-top:1px solid #1b1d20}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px}
.section h2,.section-head h2{margin:0;color:#eceef1;font-size:28px;line-height:1.2;font-weight:580;letter-spacing:-.04em}
.section-head p{margin:0;color:#838992;font-size:13px;line-height:1.6}
.products{grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:20px}
.product{min-height:340px;border:1px solid #2a2d32;border-radius:9px;background:#111316;transition:none}
.product:hover{border-color:#484f59;transform:none;background:#13161a}
.product-cover{height:165px;border-bottom:1px solid #262b32;background:#141b25}
.product-cover:after{background:linear-gradient(to top,#111316,transparent 80%)}
.product-cover img{filter:none;opacity:1;transition:none}
.cover-fallback{background:linear-gradient(120deg,#1a283d,#111720)}
.cover-fallback:before,.cover-fallback:after{display:none}
.cover-fallback svg{width:26px;height:26px;color:#576f8c}
.product-main{padding:0 20px 19px}
.product .status{border-color:#2d3f40;background:#121c1b}
.product h3{font-size:20px;font-weight:600;letter-spacing:-.035em}
.product p{color:#929aa5;font-size:13px}
.product-foot{border-color:#2b2e34}
.product-access-trigger,.product-features-trigger{border-color:#343b44;border-radius:5px;background:#1c242e;color:#becbdc;font-weight:550}
.product-access-trigger:hover,.product-features-trigger:hover{border-color:#667b92;background:#222f40}
body.faq-open{overflow:hidden}
.faq-panel{width:min(580px,calc(100% - 36px));max-width:none;max-height:calc(100svh - 48px);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid #323944;border-radius:10px;background:#11151b;color:#e8eaed}
.faq-panel::backdrop{background:rgba(4,6,9,.82)}
.faq-panel-head{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 25px 22px;border-bottom:1px solid #2a313b}
.faq-panel-head h2{margin:0;font-size:21px;font-weight:550;letter-spacing:-.035em;line-height:1.3}
.faq-panel-close{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:1px solid #343c47;border-radius:6px;background:#171d26;color:#c3ccd9;line-height:1}
.faq-panel-close svg{display:block;width:16px;height:16px;pointer-events:none}
.faq-panel-close:hover{background:#232d3a;color:#fff}
.faq-panel-close:focus-visible,.nav-faq:focus-visible{outline:2px solid #368fde;outline-offset:3px}
.faq-panel-body{padding:4px 25px 17px}
.faq{display:grid;grid-template-columns:1fr;gap:0}
.faq details{background:none;border:0;border-bottom:1px solid #292c31;border-radius:0;will-change:auto}
.faq details:last-child{border-bottom:0}
.faq summary{min-height:60px;padding:16px 0;color:#c4c8ce;font-size:13px;font-weight:500}
.faq summary:after{margin-left:24px;color:#757e8b;font-size:18px;transition:none}
.faq p{padding:0 24px 18px 0;color:#858e9b;font-size:12px;line-height:1.75}
.faq p a{color:#73b8f0;text-decoration:underline;text-underline-offset:3px}
.account-dialog,.account-verify-dialog,.product-features-dialog,.product-access-dialog,.payment-method-dialog{border-color:#323944!important;background:#11151b!important;border-radius:10px}
.account-modal,.account-verify-modal,.product-features-modal,.product-access-modal,.payment-method-modal{background:rgba(4,6,9,.95)!important}
.account-head,.account-verify-head,.product-features-head,.product-access-head,.payment-method-head{border-color:#2a313b!important}
.claim-form input{border-color:#343c47;background:#0b0f14;border-radius:6px}
.claim-form .btn,.account-open{background:#e5e8ed!important;color:#151922!important;border:1px solid #e5e8ed!important;border-radius:6px;font-weight:550}
.product-feature-item,.access-plan,.payment-method-summary,.payment-provider{border-color:#2c3540!important;background:#0d1219!important}
.access-plan-button{border-color:#d6e2ee!important;background:#d6e2ee!important;color:#131b25!important;font-weight:550}
.access-plan-button.muted{border-color:#303744!important;background:#1b222c!important;color:#8d96a2!important}
@media(min-width:1450px){.landing-hero{padding-top:152px;padding-bottom:118px}.hero-grid{gap:100px}}
@media(max-width:980px){.shell{width:calc(100% - 48px)}.hero-grid{gap:36px}.landing-hero{padding:87px 0 80px}.hero-lede{font-size:17px}.hero-points{gap:22px}.hero-points b{font-size:13px}.showcase-cover{min-height:180px}.showcase-cover strong{font-size:34px}.showcase-body{padding:17px}.nav-actions{margin-left:12px;gap:16px}.faq-layout{gap:40px}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.nav-in{height:66px;gap:12px}.brand{font-size:17px}.nav-links{display:none}.nav-actions{margin-left:0;gap:17px}.nav-action{min-height:34px;padding-inline:11px}.nav-login{font-size:12px}.landing-hero{padding:60px 0 59px}.hero-grid{grid-template-columns:1fr;gap:43px;min-height:0;width:calc(100% - 36px)}.hero-copy{max-width:540px}.landing-hero h1{font-size:57px;margin-bottom:20px}.hero-lede{max-width:430px;font-size:17px}.hero-actions{margin-top:25px}.hero-actions .btn{flex:none;min-height:43px}.hero-points{gap:30px;margin-top:27px}.hero-points b{font-size:14px}.hero-points span{font-size:10px}.script-showcase{width:100%;max-width:540px;margin:0}.showcase-cover{min-height:180px}.showcase-body{padding:19px}.section,.script-section{padding:52px 0}.section-head{align-items:flex-start;flex-direction:column;gap:11px;margin-bottom:24px}.products{grid-template-columns:1fr}.faq-section{padding:43px 0 53px}.faq-layout{grid-template-columns:1fr;gap:25px}.faq-heading p{margin-top:9px}.footer-in{gap:20px;padding:22px 0}.footer-links{gap:18px}}
@media(max-width:360px){.nav-actions{gap:10px}.nav-action{padding-inline:9px;font-size:11px!important}.landing-hero h1{font-size:49px}.hero-points{gap:20px}.hero-points b{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media(max-width:760px){.landing-hero{min-height:calc(100svh - 66px)}.nav-actions{gap:13px}.nav-faq{font-size:12px}.faq-panel{max-height:calc(100svh - 28px)}.faq-panel-head{padding:20px 18px}.faq-panel-head h2{font-size:19px}.faq-panel-body{padding:0 18px 12px}}
@media(max-width:360px){.nav-actions{gap:11px}.nav-login{display:none}}
@media(max-width:760px){.nav-help{gap:12px}.nav-status{font-size:12px}}
@media(max-width:480px){.nav-login{display:none}}
@media(max-width:380px){.nav-action .button-arrow{display:none}}