@import url("assets/wind-fonts.css");
:root{
  --body:18px;--large:20px;--h3:26px;
  --section:clamp(34px,3.6vw,48px);--display:clamp(42px,5vw,72px);
  --action-top:#9400ff;--action-bottom:#5c00ff;--action-text:#fff;
}
body,button,input,output,summary{font-family:"IBM Plex Sans",Arial,sans-serif}
body{font-weight:400;font-size:18px;line-height:1.6}
h1{font-family:"Mona Sans","IBM Plex Sans",Arial,sans-serif;font-size:var(--display);font-weight:700;line-height:1.04;letter-spacing:normal}
h2,h3,.logo,.brand,.stat b,.conn .st,.conn .row b{font-family:"IBM Plex Sans",Arial,sans-serif;letter-spacing:normal}
h2{font-size:var(--section);font-weight:700;line-height:1.2}
h3{font-size:26px;line-height:1.3;font-weight:700}
.brand{font-family:"Mona Sans","IBM Plex Sans",Arial,sans-serif;font-weight:700;letter-spacing:-.6px}
.brand span span{font-weight:500}
.desktop-nav{font-size:18px;font-weight:700;gap:28px}
.desktop-nav a{color:#bbc1cc}
.btn{
  min-height:58px;padding:16px 24px;border:0;border-radius:46px;
  font-family:"IBM Plex Sans",Arial,sans-serif;font-size:18px;font-weight:700;
  letter-spacing:normal;line-height:1.4;
}
.btn-primary{
  color:var(--action-text);background:linear-gradient(180deg,var(--action-top),var(--action-bottom));
  box-shadow:0 4px 4px rgba(0,0,0,.25),inset 0 -2px 3px rgba(0,0,0,.3),inset 0 1px 1px rgba(255,255,255,.3),inset 0 2px 3px rgba(255,255,255,.4);
}
.btn-primary:hover{
  background:linear-gradient(180deg,#a624ff,#7020ff);
  box-shadow:0 5px 18px rgba(112,32,255,.2),inset 0 -2px 3px rgba(0,0,0,.3),inset 0 2px 3px rgba(255,255,255,.4);
}
.btn-secondary{color:#69e6a8;background:rgba(10,53,35,.75);box-shadow:inset 0 1px 1px rgba(130,255,177,.1)}
.btn-secondary:hover{background:rgba(17,74,49,.9)}
.btn-small{font-size:16px;min-height:46px;padding:10px 22px}
.hero-copy h1{max-width:1000px}
.hero-lead{font-size:20px;line-height:1.6;max-width:640px}
.hero-actions .btn{font-size:20px}
.hero-note{font-size:15px}
.stage-note strong{font-weight:600}
.section-heading{max-width:760px}
.section-heading p{font-size:18px;line-height:1.65;max-width:570px}
.feature-layout{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:64px;margin-top:16px}
.feature-layout>div{min-width:0}
.feature-art,.feature-art[data-mode=ai],.feature-art[data-mode=games]{
  height:auto;min-height:360px;display:flex;align-items:center;justify-content:center;
  background:none;border-radius:0;filter:none;
}
.feature-art img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;filter:drop-shadow(0 20px 32px rgba(0,0,0,.15))}
.tabs{gap:4px;margin-bottom:24px}
.tab{font-family:"IBM Plex Sans",Arial,sans-serif;font-size:16px;font-weight:600;min-height:48px;padding:10px 16px;border-radius:10px;color:#98a7b9}
.tab[aria-selected=true]{background:rgba(148,0,255,.13);color:#d8c0ff;box-shadow:inset 0 1px rgba(214,173,255,.08)}
.tab:hover{background:rgba(148,0,255,.08)}
.tab-copy h3{font-size:28px;font-weight:700;line-height:1.25}
.tab-copy p{font-size:18px;line-height:1.65;max-width:440px;margin-top:18px}
.locations{gap:18px;margin-top:24px}
.location{background:none;padding:0;color:#8d9cad;font-size:15px;gap:0}
.location:before{display:none}
.feature-divider{margin-top:36px;padding-top:32px}
.mini-feature>.icon{display:none}
.mini-feature strong{font-size:18px;font-weight:600}
.mini-feature p{font-size:16px;line-height:1.55;color:#94a2b4}
.price-panel{
  padding:64px 56px;gap:72px;border-radius:24px;
  background:linear-gradient(90deg,rgba(6,10,19,.4),rgba(6,10,19,.08)),url("assets/feature-pricing.webp") center/cover no-repeat;
  box-shadow:inset 0 1px rgba(208,221,242,.13),0 24px 70px rgba(0,0,0,.12);
}
.price-panel:after{display:none}
.price-intro h2{font-size:42px;line-height:1.15;max-width:440px}
.price-intro p{font-size:18px;line-height:1.6;max-width:430px;color:#bbc1cc}
.price-facts{gap:12px;margin-top:28px;font-size:16px;color:#c5cede}
.price-facts .icon{width:16px;color:#c3a6ff}
.price-value{gap:14px}
.price-value strong{font-family:"Mona Sans","IBM Plex Sans",Arial,sans-serif;font-weight:600;font-size:112px;letter-spacing:-.035em}
.price-value .currency{font-size:38px;font-weight:500}
.price-value .unit{font-size:20px}
.month-equivalent{font-size:15px;max-width:360px;line-height:1.5;margin-top:18px}
.stepper-row{margin-top:28px;padding:20px 0;border-color:rgba(207,214,231,.14)}
.stepper-row>span{font-size:16px}
.stepper{gap:18px}
.stepper button{background:rgba(200,189,234,.09);font-size:24px}
.stepper button:hover:not(:disabled){background:rgba(200,189,234,.16)}
.stepper output{font-size:24px;font-weight:500}
.price-controls .btn{font-size:18px}
.price-footnote{font-size:14px;color:#929eb0}
.setup-heading p{font-size:18px}
.step-number{font-family:"IBM Plex Sans",Arial,sans-serif;font-weight:600;color:#c8b0f4;background:rgba(157,111,238,.09)}
.step h3{font-size:24px;font-weight:700}
.step p{font-size:17px}
.platforms{font-size:16px}
.faq-list summary{font-size:18px;font-weight:500}
.faq-list details p{font-size:17px}
.faq-intro p{font-size:18px}
.footer p,.footer-links{font-family:"IBM Plex Sans",Arial,sans-serif;font-size:16px;font-weight:400}
.footer-links{gap:24px}
@media(max-width:1100px){.desktop-nav{gap:20px;font-size:16px}.feature-layout{gap:32px}.price-panel{padding:48px 40px;gap:48px}.price-intro h2{font-size:38px}}
@media(max-width:960px){.feature-layout{grid-template-columns:.95fr 1.05fr;gap:24px}.tab{font-size:15px;padding:10px 12px}.price-panel{padding:40px 32px;gap:40px}.price-intro h2{font-size:34px}.price-value strong{font-size:96px}.feature-art{min-height:300px}}
@media(max-width:680px){
  h1{font-size:clamp(40px,10vw,60px);letter-spacing:normal;line-height:1.08}
  .hero-copy h1{font-size:clamp(40px,10vw,60px)}
  .hero-lead{font-size:18px;line-height:1.55}
  .hero-actions .btn{font-size:17px;min-height:58px;padding:15px 18px}
  .hero-note{font-size:14px;max-width:300px}
  .section-heading p{font-size:17px}
  .feature-layout{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:32px}
  .feature-art,.feature-art[data-mode=ai],.feature-art[data-mode=games]{min-height:0;width:100%;max-width:500px}
  .feature-art img{width:100%}
  .tabs{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,.65fr);gap:4px;margin-bottom:24px}
  .tab{font-size:15px;padding:11px 8px;border-radius:9px;min-width:0;white-space:normal;line-height:1.3}
  .tab-copy h3{font-size:26px}
  .tab-copy p{font-size:17px;margin-top:16px}
  .locations{gap:16px;margin-top:20px}
  .location{font-size:14px}
  .feature-divider{margin-top:12px;gap:24px}
  .mini-feature strong{font-size:18px}
  .mini-feature p{font-size:16px}
  .price-panel{grid-template-columns:1fr;padding:36px 24px;gap:40px;border-radius:20px;background-position:60% center}
  .price-intro h2{font-size:34px;line-height:1.2}
  .price-intro p{font-size:17px;margin-top:20px}
  .price-facts{font-size:16px;margin-top:24px}
  .price-value strong{font-size:96px}
  .price-value .unit{font-size:18px}
  .price-controls .btn{font-size:17px;padding:15px 18px;min-height:58px}
  .stepper-row{gap:12px}
  .stepper-row>span{font-size:15px}
  .stepper{gap:12px}
  .stepper button{width:42px;height:42px}
  .setup-heading p{font-size:17px}
  .step h3{font-size:22px}
  .step p{font-size:17px}
  .faq-list summary{font-size:18px}
  .faq-list details p{font-size:17px}
  .final-cta .btn{font-size:18px}
  .footer-links{gap:10px 20px;font-size:15px}
}
@media(max-width:420px){.stepper-row{flex-wrap:wrap}.stepper-row>span{flex:1 0 100%}.stepper{width:100%;justify-content:space-between}}

/* Hero: one clear focal point, aligned benefits, website-first connection. */
.hero-stage{height:354px;margin-top:24px;max-width:760px}
.hero-robot{width:294px;top:0}
.orbit{width:620px;height:104px;top:79%;opacity:.72}
.hero-note{display:flex;flex-wrap:wrap;justify-content:center;column-gap:18px;row-gap:6px;max-width:none;margin:20px auto 0;line-height:1.6}
.hero-note strong{color:#bac8d7}
.hero-note a{color:#a99abf;text-underline-offset:4px;text-decoration:underline;text-decoration-color:rgba(169,154,191,.35)}
.hero-note a:hover,.price-footnote a:hover{color:#ded0ff}
.hero-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,900px);margin:0 auto;padding:24px 0 32px;gap:0;text-align:center;border-top:1px solid rgba(167,191,216,.12);border-bottom:0}
.hero-bottom>div{padding:0 24px}
.hero-bottom>div+div{border-left:1px solid rgba(167,191,216,.14)}
.hero-bottom strong{display:block;font-size:18px;font-weight:500;line-height:1.4;color:#e2e8ee}
.hero-bottom span{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:#8f9eb1}
.final-alternative{display:block;width:fit-content;margin:20px auto 0;color:#ad9cce;font-size:16px;text-decoration:underline;text-underline-offset:5px}
.price-footnote a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:960px){.hero-bottom>div{padding:0 14px}.hero-bottom strong{font-size:16px}.hero-bottom span{font-size:14px}}
@media(max-width:680px){
 .hero-stage{height:292px;margin-top:26px}.hero-robot{width:238px}.orbit{width:400px;height:76px;top:79%}
 .hero-note{display:block;max-width:340px;font-size:13px}.hero-note a{display:block;margin-top:8px}
 .hero-bottom{grid-template-columns:1fr;gap:0;padding:8px 0 16px;max-width:340px;text-align:left}
 .hero-bottom>div{padding:17px 0;display:flex;flex-direction:column;gap:3px}
 .hero-bottom>div+div{border-left:0;border-top:1px solid rgba(167,191,216,.1)}
 .hero-bottom strong{font-size:17px}.hero-bottom span{display:block!important;margin-top:0;font-size:14px}
}

/* Persistent navigation lives outside the clipped hero. */
html{scroll-padding-top:112px}
.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(6,10,19,.12);transition:background .22s,box-shadow .22s;isolation:isolate}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:backdrop-filter .22s}
.site-header.is-scrolled{background:rgba(6,10,19,.78);box-shadow:0 1px rgba(183,210,230,.12),0 8px 32px rgba(0,0,0,.12)}
.site-header.is-scrolled::before{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-header .masthead{padding-block:24px;min-height:100px;border-bottom:1px solid rgba(183,210,230,.12)}
.site-header.is-scrolled .masthead{border-bottom-color:transparent}
.hero{padding-top:100px}
.brand-avatar{width:44px;height:44px;flex:0 0 44px;object-fit:cover;border-radius:50%;clip-path:circle(50%);box-shadow:0 0 0 1px rgba(146,202,255,.28)}
.brand{gap:12px}
.footer .brand-avatar{width:40px;height:40px;flex-basis:40px}
@media(max-width:680px){
 html{scroll-padding-top:96px}
 .site-header .masthead{padding-block:16px;min-height:80px}
 .hero{padding-top:80px}
 .brand-avatar{width:40px;height:40px;flex-basis:40px}
 .site-header .mobile-nav nav{background:rgba(12,23,36,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
}
@media(prefers-reduced-motion:reduce){.site-header,.site-header::before{transition:none}}

/* Centered section introduction and alternating illustrated benefit stories. */
.use-cases>.section-heading{max-width:900px;margin-inline:auto;text-align:center;margin-bottom:48px}
.use-cases>.section-heading h2{max-width:850px;margin-inline:auto}
.use-cases>.section-heading p{max-width:620px;margin-inline:auto;margin-top:22px}
.case-cta{margin-top:28px;font-size:17px;min-height:52px;padding:13px 22px}
.benefit-stories{display:grid;gap:56px;border-top:1px solid var(--line);margin-top:64px;padding-top:64px}
.benefit-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;align-items:center;max-width:1040px;margin-inline:auto;width:100%}
.benefit-picture{display:flex;align-items:center;justify-content:center;min-width:0}
.benefit-picture img{width:100%;max-width:390px;height:auto;aspect-ratio:4/3;object-fit:contain}
.benefit-copy{max-width:460px;min-width:0}
.benefit-copy h3{font-size:32px;line-height:1.22;font-weight:700}
.benefit-copy p{margin-top:20px;font-size:18px;line-height:1.65;color:var(--muted)}
.benefit-copy .btn{margin-top:26px;font-size:17px;min-height:52px;padding:13px 22px}
.benefit-story-reverse .benefit-picture{grid-column:2;grid-row:1}
.benefit-story-reverse .benefit-copy{grid-column:1;grid-row:1}
@media(max-width:960px){.benefit-story{gap:40px}.benefit-copy h3{font-size:28px}.benefit-copy p{font-size:17px}.benefit-stories{gap:48px}}
@media(max-width:680px){
 .use-cases>.section-heading{margin-bottom:36px}.use-cases>.section-heading h2{font-size:36px;max-width:350px}.use-cases>.section-heading p{font-size:17px;margin-top:20px}
 .benefit-stories{gap:56px;margin-top:40px;padding-top:40px}
 .benefit-story{grid-template-columns:minmax(0,1fr);gap:22px}
 .benefit-picture img{max-width:290px}
 .benefit-story-reverse .benefit-picture,.benefit-story-reverse .benefit-copy{grid-column:auto;grid-row:auto}
 .benefit-copy{max-width:none}.benefit-copy h3{font-size:28px}.benefit-copy p{margin-top:16px;font-size:17px}
 .benefit-copy .btn,.case-cta{font-size:16px;margin-top:22px;padding:13px 18px}
}

/* Keep tariff details readable over the illustrated sky. */
.price-facts{gap:0;background:rgba(5,10,20,.76);border:1px solid rgba(187,202,228,.14);border-radius:16px;padding:4px 18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-width:450px;color:#edf1f8}
.price-facts li{padding:13px 0;gap:12px;line-height:1.5}
.price-facts li+li{border-top:1px solid rgba(196,210,234,.14)}
.price-facts .icon{color:#b9ffe0;width:20px;height:20px;stroke-width:2.4}
.month-equivalent{color:#c7d1e1;font-size:16px;margin-top:18px}
@media(max-width:680px){.price-facts{padding:3px 14px;border-radius:14px}.price-facts li{padding:12px 0;font-size:15px}.month-equivalent{font-size:15px}}

/* A device-first setup section; all connection actions stay on the website. */
.setup-intro{text-align:center;max-width:760px;margin:0 auto 54px}
.setup-intro h2{font-size:48px;line-height:1.14}
.setup-intro p{font-size:19px;line-height:1.6;max-width:590px;margin:22px auto 0;color:var(--muted)}
.setup-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:72px;align-items:center}
.setup-device-side{min-width:0}
.setup-device-art{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;margin-bottom:20px}
.device-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:510px;margin:auto}
.device-picker button{border:1px solid rgba(183,210,230,.15);border-radius:12px;padding:11px 18px;min-height:48px;background:rgba(12,23,36,.65);color:#b2bfd0;font-size:16px;font-weight:500;line-height:1.3;transition:background .16s,border-color .16s,color .16s}
.device-picker button:hover{border-color:rgba(137,233,225,.5);color:#f3f6f5}
.device-picker button[aria-pressed=true]{background:rgba(56,213,195,.13);border-color:#46d8ca;color:#a9fff1;box-shadow:inset 0 1px rgba(180,255,245,.08)}
.setup-guide{background:linear-gradient(145deg,rgba(22,35,53,.65),rgba(7,13,24,.4));border:1px solid rgba(175,194,219,.13);border-radius:24px;padding:34px 32px;min-width:0}
.setup-guide>h3{font-size:26px;font-weight:600;line-height:1.3;color:#e9f0f5}
.setup-path{list-style:none;counter-reset:setup-step;margin:28px 0;padding:0}
.setup-path li{counter-increment:setup-step;display:grid;grid-template-columns:32px minmax(0,1fr);gap:16px;position:relative;padding:0 0 26px}
.setup-path li::before{content:counter(setup-step);display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(112,216,211,.3);border-radius:50%;color:#8ef1dc;font-size:15px;font-weight:500;background:#0d202a;z-index:1}
.setup-path li:not(:last-child)::after{content:"";position:absolute;left:15px;top:33px;bottom:1px;width:1px;background:linear-gradient(rgba(112,216,211,.3),rgba(112,216,211,.08))}
.setup-path li:last-child{padding-bottom:0}
.setup-path h4{font-size:19px;font-weight:600;line-height:1.4;margin:1px 0 8px;color:#f0f3f8}
.setup-path p{font-size:16px;line-height:1.6;color:#aebed0;margin:0}
.setup-guide>.btn{width:100%;font-size:18px}
.setup-guide-note{font-size:13px;line-height:1.5;color:#8999ad;text-align:center;margin:14px auto 0;max-width:340px}
@media(max-width:960px){.setup-layout{gap:32px}.setup-guide{padding:28px 24px}.device-picker{gap:8px}.device-picker button{padding:10px 14px;font-size:15px}.setup-guide>h3{font-size:24px}}
@media(max-width:680px){.setup-intro{margin-bottom:30px}.setup-intro h2{font-size:36px}.setup-intro p{font-size:17px;margin-top:20px}.setup-layout{grid-template-columns:minmax(0,1fr);gap:30px}.setup-device-art{max-width:440px;margin:0 auto 16px}.device-picker{gap:8px;max-width:360px}.device-picker button{padding:10px 14px;min-height:46px}.setup-guide{padding:28px 22px;border-radius:20px}.setup-guide>h3{font-size:24px}.setup-path{margin:26px 0}.setup-path li{gap:13px}.setup-path h4{font-size:18px}.setup-path p{font-size:16px}.setup-guide>.btn{font-size:17px;padding:15px 16px}}

/* Final reading section and a quiet lighthouse horizon. */
.faq-section{display:block;padding-top:72px;padding-bottom:0}
.faq-heading{text-align:center;max-width:760px;margin:0 auto 46px}
.faq-heading p{font-size:18px;color:var(--muted);margin-top:18px}
.faq-list{max-width:960px;margin:0 auto}
.faq-list details{border:0;border-bottom:1px solid rgba(183,210,230,.12);border-radius:0;padding:0 24px;transition:background .18s}
.faq-list details:first-child{border-top:0}
.faq-list summary{padding:26px 44px 26px 0;font-size:20px;font-weight:600;line-height:1.4;color:#d5deea}
.faq-list summary:hover{color:#fff}
.faq-list summary:after{top:25px;right:0;color:#8d9eb6;font-size:25px;font-weight:400}
.faq-list details[open]{background:rgba(25,35,52,.78);border-radius:18px;border-bottom-color:transparent;margin-block:8px}
.faq-list details[open] summary{color:#fff;padding-bottom:16px}
.faq-list details[open] summary:after{color:#91eada}
.faq-list .faq-answer{max-width:830px;padding:0 26px 26px 0}
.faq-list .faq-answer p{padding:0;font-size:17px;line-height:1.75;color:#b9c7d9}
.faq-list a{color:#9af0dd;text-decoration-color:rgba(154,240,221,.5)}
.faq-help{display:flex;justify-content:center;align-items:center;gap:20px;margin:36px auto 0;font-size:16px}
.faq-help p{color:#90a0b5}
.faq-help a{display:inline-flex;align-items:center;gap:10px;color:#a0efda;min-height:44px;font-weight:500}
.faq-help .icon{width:18px}
.footer-horizon{height:240px;position:relative;overflow:hidden;pointer-events:none;margin-top:8px;background:linear-gradient(transparent 65%,#050911)}
.footer-horizon img{width:min(100%,1440px);max-width:none;height:auto;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.footer-horizon:after{content:"";position:absolute;inset:auto 0 0;height:24px;background:linear-gradient(transparent,#050911)}
.site-footer{position:relative;background:#050911;padding:26px 0 30px}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:36px}
.footer-identity{display:flex;align-items:center;gap:24px;flex-shrink:0}
.footer-identity .brand{font-size:20px}.footer-identity .brand-avatar{width:38px;height:38px;flex-basis:38px}
.footer-identity p{color:#788a9f;font-size:13px;margin:0}
.site-footer .footer-links{max-width:630px;gap:12px 24px;font-size:14px;color:#95a7bc}
.site-footer .footer-links a:hover{color:#e6f2f8}
@media(max-width:1100px){.footer-inner{align-items:flex-start}.footer-identity{align-items:flex-start;flex-direction:column;gap:10px}.site-footer .footer-links{max-width:510px}}
@media(max-width:680px){
 .faq-section{padding-top:32px;padding-bottom:0}.faq-heading{margin-bottom:30px}.faq-heading h2{font-size:36px}.faq-heading p{font-size:17px;margin-top:16px}
 .faq-list details{padding:0 16px}.faq-list summary{font-size:17px;padding:22px 30px 22px 0;line-height:1.5}.faq-list summary:after{top:21px;font-size:23px}
 .faq-list details[open]{border-radius:14px}.faq-list details[open] summary{padding-bottom:14px}.faq-list .faq-answer{padding:0 0 22px}.faq-list .faq-answer p{font-size:16px;line-height:1.65}
 .faq-help{flex-direction:column;gap:2px;text-align:center;margin-top:28px;font-size:16px}
 .footer-horizon{height:150px;margin-top:10px}.footer-horizon img{width:800px}
 .site-footer{padding:22px 0 28px}.footer-inner{display:block}.footer-identity{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.footer-identity .brand{font-size:18px}.footer-identity p{font-size:12px}.footer-identity .brand-avatar{width:32px;height:32px;flex-basis:32px}
 .site-footer .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;justify-content:start;margin-top:22px;font-size:13px;max-width:none}.site-footer .footer-links a{min-height:36px;line-height:1.5}
}

/* Continuous silhouette: the land and footer share one solid fill. */
.footer-horizon{height:240px;background:none;margin-top:28px;overflow:hidden}
.footer-horizon img{width:max(100%,1000px);height:240px;object-fit:fill;bottom:-1px;max-width:none}
.footer-horizon:after{display:none}
.site-footer{background:#050911;margin-top:-1px;padding-top:22px}
@media(max-width:680px){.footer-horizon{height:180px;margin-top:16px}.footer-horizon img{width:1000px;height:180px}}

/* Footer uses the reference's IBM Plex Sans body scale throughout. */
.site-footer,.site-footer a,.site-footer p{font-family:"IBM Plex Sans",Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400}
.site-footer .footer-links{font-family:"IBM Plex Sans",Arial,sans-serif;font-size:16px;line-height:24px;gap:12px 26px;max-width:690px}
.site-footer .footer-links a{min-height:36px}
.site-footer .footer-identity p{font-size:16px;line-height:24px}
.site-footer .brand,.site-footer .brand span{font-family:"IBM Plex Sans",Arial,sans-serif;font-size:20px;line-height:28px;font-weight:700;letter-spacing:normal}
.site-footer .brand span span{font-weight:400}
@media(max-width:680px){.site-footer .footer-identity{flex-wrap:wrap;gap:12px 20px}.site-footer .footer-links{font-size:16px;line-height:24px;gap:12px 18px}.site-footer .footer-links a{min-height:40px}.site-footer .footer-identity p{font-size:16px;line-height:24px}}

/* Expanding FAQ answers grows the document downward without scroll anchoring. */
html,body{overflow-anchor:none}
.faq-list details[open]{margin-block:0}

/* Setup panel shares the cosmic illustration used in the tariff surface. */
.setup-guide{border:0;box-shadow:none;background:linear-gradient(105deg,rgba(6,11,20,.66),rgba(6,11,20,.42)),url("assets/feature-pricing.webp") center/cover no-repeat}
.setup-guide>h3{font-size:28px;font-weight:700}
.setup-path h4{font-size:20px;font-weight:600}.setup-path p{font-size:17px;color:#b8c8db}
.device-picker button{border-color:transparent;background:rgba(16,29,43,.8)}
.device-picker button:hover{border-color:transparent;background:rgba(24,48,61,.85)}
.device-picker button[aria-pressed=true]{border-color:transparent;background:rgba(29,107,96,.32);box-shadow:inset 0 0 0 1px rgba(70,216,202,.65)}
@media(max-width:680px){.setup-guide>h3{font-size:25px}.setup-path h4{font-size:18px}.setup-path p{font-size:16px}}

/* Device tabs match the feature tabs above. */
.device-picker{gap:4px}
.device-picker button{font-family:"IBM Plex Sans",Arial,sans-serif;font-size:16px;font-weight:600;min-height:48px;padding:10px 16px;border:0;border-radius:10px;color:#98a7b9;background:transparent;box-shadow:none}
.device-picker button:hover{border:0;background:rgba(148,0,255,.08);color:#cbb6e5}
.device-picker button[aria-pressed=true]{border:0;background:rgba(148,0,255,.13);color:#d8c0ff;box-shadow:inset 0 1px rgba(214,173,255,.08)}
@media(max-width:680px){.device-picker button{font-size:15px;padding:11px 14px;border-radius:9px}}