/* AuthKit-inspired editorial layout, with S8's own brand and product. */
.landing{background:#fff;color:#191c22;--navy:#191c22;--muted:#71747d;--line:#ececf0;--radius:18px;font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif}
.landing .container{width:min(1120px,calc(100% - 64px))}.landing .site-header{position:relative;background:#fff;border-bottom:0;backdrop-filter:none}.landing .header-inner{height:84px}.landing .brand{font-size:20px;letter-spacing:-.04em}.landing .brand img{height:35px;width:35px}.landing .brand small{font-size:11px}.landing .site-header nav{gap:29px;font-size:13px;font-weight:400;color:#65666e}.landing .site-header nav a:hover{color:#111}.landing .header-actions .button{min-height:34px;padding:7px 20px;font-size:12px;border:1px solid #ececf0;background:#fff;color:#596170}.landing .button{min-height:45px;padding:12px 23px;font-size:14px;box-shadow:0 3px 5px #d76c0010,0 8px 18px #d76c0015}.landing .button:hover{transform:none;background:#ed7100;box-shadow:0 4px 16px #d76c0025}.landing .button.outline:hover{background:#fafafa;box-shadow:none}.landing .orange{color:#ff7a00}
.landing .hero{display:block;position:relative;background:#fff;color:#191c22;overflow:hidden;isolation:isolate}.landing .hero:after{display:none}.authkit-hero{position:relative;padding-top:43px;padding-bottom:18px}.landing .hero-copy{position:relative;z-index:2;max-width:750px;margin:0 auto;text-align:center}.landing .hero .eyebrow{font-size:22px;color:#f07820;font-weight:600;letter-spacing:-.03em;margin:0 0 13px}.landing .hero h1{max-width:750px;font-size:clamp(42px,4.8vw,63px);line-height:1.04;font-weight:650;letter-spacing:-.055em;margin:0 auto 23px}.landing .hero-description{max-width:600px;margin:0 auto;font-size:19px;color:#777982;line-height:1.5;letter-spacing:-.015em}.landing .hero-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:27px}.hero-guide{font-size:14px;color:#585c64;display:inline-flex;gap:12px;align-items:center}.hero-guide:hover{color:#111}.hero-guide span{font-size:22px;line-height:1}.landing .hero .release-note{font-size:10px;color:#92959e;margin:13px 0 0;min-height:16px}
.product-stage{position:relative;display:grid;grid-template-columns:1fr 270px 1fr;align-items:center;gap:0;max-width:855px;margin:36px auto 0;isolation:isolate;padding:6px 0 20px}.product-stage:before{content:"";position:absolute;z-index:-2;left:50%;top:-45px;bottom:-35px;width:100vw;transform:translateX(-50%);background:radial-gradient(ellipse at 25% 85%,#f6e8ff 0%,transparent 50%),radial-gradient(ellipse at 78% 85%,#ffe9d9 0%,transparent 55%),linear-gradient(0deg,#f3f1fb 0%,#fff0 80%);pointer-events:none}.product-stage:after{content:"";position:absolute;z-index:-1;left:50%;bottom:-40px;height:80px;width:100vw;transform:translateX(-50%);background:linear-gradient(0deg,#fff,#fff0);pointer-events:none}.landing .flight-visual{padding:0;margin:0;display:flex;flex-direction:column;align-items:center;min-width:0;width:auto;z-index:2}.landing .flight-visual:before,.landing .flight-visual:after{display:none}.landing .preview-phone{width:243px;border-radius:32px;padding:5px;background:#fff;border:1px solid #d7d9df;box-shadow:0 12px 40px #242a3b17,0 2px 5px #242a3b10;transform:none!important;animation:none!important}.landing .preview-phone:before{display:none}.landing .preview-phone img{border-radius:27px}.landing .flight-visual figcaption{color:#92929c;font-size:9px;margin-top:12px;white-space:nowrap}.stage-card{position:relative;background:#ffffffed;border:1px solid #e9e7eb;box-shadow:0 8px 25px #28273806;border-radius:17px;padding:27px 29px;min-height:297px}.stage-ticket{transform:translateX(18px);padding-right:38px}.stage-modes{transform:translateX(-18px);padding-left:36px}.mini-label{font-size:8px;letter-spacing:.13em;color:#99939e;display:block;white-space:nowrap}.stage-card h2{font-size:24px;letter-spacing:-.04em;line-height:1.1;font-weight:600;margin:18px 0 14px}.stage-card p{font-size:12px;color:#98949f;line-height:1.6;margin:0}.stage-plane{display:block;font-size:25px;color:#f18a34;margin:18px 0 -9px}.ticket-perforation{border-top:1px dashed #e9e5ed;margin:24px -29px 14px}.ticket-route{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#aaa1af;gap:7px;letter-spacing:.08em}.ticket-route strong{font-size:12px;color:#6b6571}.mode-line{display:flex;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #f0edf2;font-size:11px;color:#67616d;white-space:nowrap}.state-dot{height:7px;width:7px;border-radius:50%;flex:none}.state-dot.green{background:#39b686;box-shadow:0 0 0 3px #39b6860b}.state-dot.red{background:#ee6969}.state-dot.gray{background:#a3a3b3}.stage-modes>p{margin-top:18px}
.landing .section{padding-top:64px}.landing .section-heading{align-items:end;margin-bottom:30px}.landing .section-heading h2,.landing .feature-intro h2,.landing .faq-section h2{font-size:35px;line-height:1.13;letter-spacing:-.045em;font-weight:600}.landing .eyebrow{color:#918c99;letter-spacing:.06em;font-size:10px}.landing .section-heading>p{font-size:13px;line-height:1.6;color:#92909a}.landing .steps{gap:36px}.landing .steps li{border-color:#eae7ed;padding-top:23px}.landing .step-number{font-size:10px;color:#aaa3b0}.landing .step-icon{background:#f5f3f8;color:#78727f;border:1px solid #edeaf1;box-shadow:none;width:36px;height:36px;font-size:20px}.landing .steps h3{font-size:16px;font-weight:600;letter-spacing:-.02em}.landing .steps p{font-size:12px;color:#93909b;line-height:1.7}.landing .feature-section{padding-top:70px;gap:65px;align-items:start}.landing .feature-intro{padding-top:10px}.landing .feature-intro>p:not(.eyebrow){font-size:13px;color:#93909b;line-height:1.7}.landing .feature-grid{gap:0;border-top:1px solid #eeebf1}.landing .feature-grid article{border:0;border-bottom:1px solid #eeebf1;background:white;border-radius:0;padding:22px 18px}.landing .feature-symbol{color:#9e94b1;font-size:21px}.landing .feature-grid h3{font-size:14px;font-weight:600;letter-spacing:-.015em}.landing .feature-grid p{font-size:12px;color:#93909b;line-height:1.6}.landing .price-card{border:1px solid #eae7ed;border-radius:17px;padding:25px;box-shadow:0 3px 8px #17131c02}.landing .price-card h3{font-weight:600;letter-spacing:-.045em;margin:18px 0 8px}.landing .price-card .eyebrow{font-size:11px;letter-spacing:0;color:#817988}.landing .price-card .button{box-shadow:none;border-color:#ede8f0;border-radius:9px;font-size:12px;color:#6d6575}.landing .pricing-note{font-size:11px;color:#a29aa9}.landing .partner-promo>.boarding-ticket{background:linear-gradient(110deg,#f8f5fc,#fffaf5);border:1px solid #eee6ee;box-shadow:none;border-radius:20px}.landing .partner-promo-brand{background:transparent;color:#89818f;border-right:1px dashed #ddd5e1}.landing .partner-promo-brand>span{color:#9f92b2}.landing .partner-promo-copy{padding:32px 38px}.landing .partner-promo h2{font-size:29px;font-weight:600;letter-spacing:-.04em}.landing .partner-promo-copy>p:not(.eyebrow){color:#9c92a1;font-size:13px}.landing .faq-section{gap:70px;padding-bottom:65px}.landing .faq-list details{border-color:#eeeaf1}.landing .faq-list summary{font-size:14px;font-weight:500;color:#615969;padding-top:18px;padding-bottom:18px}.landing .faq-list p{color:#96909d;font-size:12px;line-height:1.7}.landing .site-footer{background:#fcfbfd;border-color:#eeeaf1}.landing .footer-inner{padding-top:26px;padding-bottom:26px;font-size:11px;color:#9d95a4}.landing .footer-inner .brand{font-size:18px}
/* Match the public partner entry, preserving the working cabinet. */
.program-public{background:#fff}.program-public .partner-sidebar{border-bottom:1px solid #f2eef5}.program-public .program-hero{background:#fff;border:0;border-radius:0;padding-top:32px}.program-public .program-cover,.program-public .program-hero:after,.program-public .flight-visual:before,.program-public .flight-visual:after{display:none}.program-public .program-copy h1{color:#191c22;font-weight:600;letter-spacing:-.045em}.program-public .program-copy .lead{color:#88818f}.program-public .preview-phone{transform:none!important;animation:none!important;background:#fff;border-color:#ddd7e3;box-shadow:0 12px 40px #39303f12}.program-public .program-terms{border-color:#eee8f0;border-radius:14px}.program-public .program-term strong{font-weight:600;color:#332d3a}.program-public .program-copy .eyebrow{color:#c28a56}.program-public .flight-chip{box-shadow:0 4px 18px #392e4810;border-color:#efeaf2}
@media(max-width:900px){.landing .container{width:calc(100% - 44px)}.landing .site-header nav{gap:18px;font-size:12px}.landing .brand{font-size:18px}.product-stage{grid-template-columns:1fr 230px 1fr;max-width:750px}.landing .preview-phone{width:220px}.stage-card{padding:24px 23px;min-height:285px}.stage-ticket{padding-right:28px}.stage-modes{padding-left:27px}.stage-card h2{font-size:22px}.landing .hero h1{font-size:53px}.landing .feature-section{gap:30px}.landing .faq-section{gap:35px}}
@media(max-width:700px){.landing .container{width:calc(100% - 36px)}.landing .header-inner{height:68px}.landing .brand{font-size:17px}.landing .brand img{width:32px;height:32px}.landing .brand small{font-size:10px}.landing .header-actions .button{font-size:11px;padding:6px 17px}.authkit-hero{padding-top:34px;padding-bottom:0}.landing .hero .eyebrow{font-size:18px;margin-bottom:15px}.landing .hero h1{font-size:clamp(34px,8.7vw,49px);line-height:1.06;margin-bottom:19px}.landing .hero-description{font-size:15px;line-height:1.6;max-width:340px}.landing .hero-actions{gap:20px;margin-top:23px}.landing .hero-actions .button{font-size:12px;min-height:42px;padding:11px 18px}.hero-guide{font-size:12px;gap:6px}.landing .hero .release-note{font-size:9px;margin-top:12px}.product-stage{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:29px;padding-bottom:14px}.landing .flight-visual{order:0;width:100%;padding:0}.landing .preview-phone{width:211px;border-radius:29px;padding:4px}.landing .preview-phone img{border-radius:25px}.landing .flight-visual figcaption{font-size:8px;margin-top:10px}.stage-card{order:1;transform:none;flex:1;min-width:0;border-radius:13px;min-height:0;padding:18px 16px}.mini-label{font-size:6px;letter-spacing:.07em}.stage-card h2{font-size:19px;margin-top:13px;margin-bottom:10px}.stage-card p{font-size:10px}.stage-plane{position:absolute;right:15px;top:31px;font-size:22px;margin:0}.ticket-perforation{margin:18px -16px 12px}.ticket-route{font-size:7px}.ticket-route strong{font-size:10px}.ticket-route>span:nth-child(2){display:none}.mode-line{font-size:9px;gap:6px;padding:7px 0}.state-dot{width:6px;height:6px}.stage-modes>p{display:none}.product-stage:before{top:70px;bottom:-25px}.landing .section{padding-top:43px}.landing .section-heading{margin-bottom:22px}.landing .section-heading h2,.landing .feature-intro h2,.landing .faq-section h2{font-size:28px}.landing .section-heading>p{font-size:12px}.landing .steps{gap:0}.landing .steps li{padding:18px 0 18px 52px}.landing .steps h3{font-size:15px}.landing .steps p{font-size:11px}.landing .step-icon{width:35px;height:35px;top:20px}.landing .feature-section{padding-top:32px}.landing .feature-grid{margin-top:22px}.landing .feature-grid article{padding:19px 12px}.landing .feature-grid h3{font-size:13px}.landing .feature-grid p{font-size:11px}.landing .price-card{padding:20px}.landing .price-card h3{margin:0;font-size:29px}.landing .price-card .button{font-size:11px}.landing .partner-promo-copy{padding:25px 23px}.landing .partner-promo h2{font-size:25px}.landing .partner-promo-copy>p:not(.eyebrow){font-size:12px}.landing .faq-section{padding-bottom:43px}.landing .faq-list summary{font-size:13px}.landing .footer-inner{gap:18px;font-size:10px}.program-public .program-hero{padding:20px 5px}.program-public .program-copy h1{font-size:33px}}
.landing .hero .eyebrow{display:block;text-align:center}.landing .hero .release-note{color:#737680}.landing .stage-card p,.landing .mini-label{color:#77717f}.landing .mini-label{font-size:9px;letter-spacing:.09em}.landing .steps p,.landing .feature-intro>p:not(.eyebrow),.landing .feature-grid p,.landing .faq-list p,.landing .partner-promo-copy>p:not(.eyebrow){color:#74717c}.landing .section-heading>p,.landing .pricing-note{color:#797480}.landing .eyebrow{color:#7c7485}.landing .footer-inner{color:#79717f}
@media(max-width:700px){.landing .mini-label{font-size:7px;letter-spacing:.04em}}
/* Stronger section hierarchy: separate surfaces, readable text, defined cards. */
.landing{--muted:#536274;--line:#d7e0ea}
.landing .section-heading h2,.landing .feature-intro h2,.landing .faq-section h2{color:#102b46}
.landing .section-heading>p,.landing .steps p,.landing .feature-intro>p:not(.eyebrow),.landing .feature-grid p,.landing .faq-list p,.landing .pricing-note{color:#526276}
.landing .section .eyebrow,.landing .feature-intro .eyebrow{color:#a6551b;font-size:11px;letter-spacing:.07em}
.landing .section .eyebrow:before,.landing .feature-intro .eyebrow:before{content:"";display:inline-block;width:19px;height:3px;border-radius:2px;background:#f18532;margin-right:9px;vertical-align:middle}
.landing .install-section{padding-top:54px}
.landing .steps{gap:18px}
.landing .steps li{padding:25px 24px 23px;border:1px solid #dbe3ec;border-radius:17px;background:#f6f8fb;min-height:0}
.landing .step-icon{position:static;width:42px;height:42px;border-radius:12px;background:#fff1e4;border:1px solid #f1d7bf;color:#a6571c;margin:0 0 17px}
.landing .step-number{top:25px;right:24px;font-size:11px;font-weight:650;color:#64768b}
.landing .steps h3{font-size:17px;color:#132e4b;margin-bottom:12px}
.landing .steps p{font-size:13px;line-height:1.7;margin:0}
.landing .feature-section{position:relative;isolation:isolate;margin-top:56px;padding-top:48px;padding-bottom:48px;background:#f0f4f9;box-shadow:0 0 0 100vmax #f0f4f9;clip-path:inset(0 -100vmax);gap:48px;align-items:center}
.landing .feature-intro{padding-top:0}
.landing .feature-intro>p:not(.eyebrow){font-size:14px;line-height:1.75;max-width:350px}
.landing .feature-grid{border:0;gap:14px;margin:0}
.landing .feature-grid article{border:1px solid #d5dfea;border-radius:16px;padding:23px;background:#fff;box-shadow:0 3px 8px #18364e05}
.landing .feature-symbol{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#eaf1fb;color:#315d8b;font-size:22px}
.landing .feature-grid article:nth-child(2) .feature-symbol{background:#fff0e0;color:#a65a21}
.landing .feature-grid article:nth-child(3) .feature-symbol{background:#e7f4ef;color:#32755d}
.landing .feature-grid article:nth-child(4) .feature-symbol{background:#edeafb;color:#65528b}
.landing .feature-grid h3{font-size:16px;color:#17324e;margin:15px 0 10px}
.landing .feature-grid p{font-size:13px;line-height:1.65;margin-bottom:0}
.landing #plans{padding-top:56px}
.landing .price-card{border:1px solid #cdd9e6;border-radius:18px;padding:28px;background:#fff;box-shadow:0 6px 20px #18364e08}
.landing .price-card:nth-child(2){border-color:#eab482;background:#fffaf5}
.landing .price-card .eyebrow{font-size:13px;letter-spacing:0;color:#4c6178;font-weight:650}
.landing .price-card .eyebrow:before{display:none}
.landing .price-card h3{color:#102b46;font-size:37px}
.landing .price-card .muted{color:#586b80;font-size:13px}
.landing .price-card .button{border:1px solid #bfd0e2;background:#f2f6fb;color:#244f7c;font-size:13px;min-height:45px}
.landing .price-card .button:hover{background:#e8eff8;border-color:#89a7c9}
.landing .pricing-note{font-size:12px;line-height:1.7;margin-top:20px}
.landing .partner-promo>.boarding-ticket{background:#fff7ed;border-color:#edc7a5;box-shadow:0 4px 16px #9b591208}
.landing .partner-promo-brand{background:#fff0de;color:#314e68;border-right-color:#e0b994}
.landing .partner-promo-brand>span{color:#bf702d}
.landing .partner-promo-copy>p:not(.eyebrow){color:#665b4f;font-size:14px}
.landing .faq-list{display:grid;gap:10px}
.landing .faq-list details{border:1px solid #d9e2ec;border-radius:13px;padding:0 19px;background:#f8fafc}
.landing .faq-list details[open]{background:#fff;border-color:#aebfd2}
.landing .faq-list summary{font-size:15px;font-weight:600;color:#243e59;padding:18px 24px 18px 0}
.landing .faq-list summary:after{color:#557a9e}
.landing .faq-list p{font-size:13px;line-height:1.7}
.landing .site-footer{background:#f0f4f8;border-top-color:#d6e0e9}
.landing .footer-inner{color:#52667b;font-size:12px}
@media(max-width:900px){.landing .feature-section{gap:28px}.landing .feature-grid article{padding:20px}.landing .steps li{padding:23px 20px}.landing .step-number{right:20px}}
@media(max-width:700px){
 .landing .install-section{padding-top:39px}.landing .steps{grid-template-columns:1fr;gap:12px}.landing .steps li{padding:21px;min-height:0}.landing .step-icon{position:static;top:auto;left:auto;margin-bottom:14px}.landing .step-number{top:23px;right:21px}.landing .steps h3{font-size:17px;padding-right:0}.landing .steps p{font-size:13px}
 .landing .feature-section{display:block;margin-top:34px;padding-top:33px;padding-bottom:33px}.landing .feature-intro>p:not(.eyebrow){font-size:13px;max-width:none}.landing .feature-grid{margin-top:23px;gap:11px}.landing .feature-grid article{padding:18px 16px}.landing .feature-grid h3{font-size:15px;margin-top:13px}.landing .feature-grid p{font-size:12px}.landing .feature-symbol{width:34px;height:34px;font-size:20px}
 .landing #plans{padding-top:38px}.landing .price-card{padding:23px}.landing .price-card h3{font-size:31px}.landing .price-card .eyebrow{font-size:12px}.landing .price-card .muted{font-size:12px}.landing .pricing-note{font-size:11px}.landing .section .eyebrow,.landing .feature-intro .eyebrow{font-size:10px}.landing .faq-list summary{font-size:14px}.landing .faq-list p{font-size:12px}
}
@media(max-width:380px){.landing .feature-grid{grid-template-columns:1fr}.landing .feature-grid article{padding:20px}}
@media(prefers-reduced-motion:reduce){.landing *{scroll-behavior:auto!important;transition:none!important}}