.hero{position:relative;padding:16px 24px 30px;text-align:center}
.hero__inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;min-width:0}
.badge{display:inline-flex;align-items:center;gap:9px;min-height:32px;margin:0 0 18px;padding:6px 15px 6px 12px;border-radius:var(--radius-pill);background:var(--panel);border:1px solid var(--border);font-size:14px;font-weight:var(--weight-semibold);color:var(--text);line-height:1.3;max-width:100%}
.badge__dot{flex-shrink:0;width:8px;height:8px;border-radius:var(--radius-round);background:var(--success);box-shadow:0 0 0 3px var(--sage-tint)}
.hero__title{margin:0 0 14px;font-family:var(--font-display);font-size:var(--fs-h1);font-weight:var(--weight-bold);line-height:1.14;letter-spacing:var(--tracking-title);color:var(--text)}
.hero__line{display:block}
.hero__globe{display:inline-block;width:1.1em;height:1.1em;margin:0 .1em;vertical-align:-.2em}
.hero__globe .sv-stroke,.hero__globe .sv-edge{stroke-width:2.4}
.lede{margin:0 0 40px;max-width:880px;font-size:var(--fs-lede);line-height:1.5;color:var(--text-muted)}
.lede strong{color:var(--text);font-weight:var(--weight-bold)}
.duo{position:relative;display:flex;justify-content:center;gap:24px;margin:0 0 48px;max-width:100%}
.offer{position:relative;width:300px;min-height:300px;padding:26px 26px 24px;display:flex;flex-direction:column;align-items:center;background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius-xl);box-shadow:var(--shadow-card),inset 0 0 0 1px var(--card);transition:transform .28s ease;min-width:0}
.offer:hover{transform:translateY(-4px)}
.offer__art{display:block;flex-shrink:0;width:132px;height:104px}
.offer__text{margin:12px 0 16px;font-size:15px;line-height:1.6;color:var(--text)}
.offer__label{color:var(--text-muted)}
.offer .btn{width:100%;height:44px;padding:0 16px}
.price{font-family:var(--font-mono);font-size:14.5px;font-weight:var(--weight-semibold);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.keep-chip{display:inline-block;vertical-align:top;margin-top:1px;min-height:22px;padding:0 10px;border-radius:var(--radius-pill);background:var(--sage-tint);font-size:13px;font-weight:var(--weight-semibold);line-height:22px;color:var(--text)}
.offer__corner{position:absolute;top:14px;left:14px;height:24px;padding:0 11px;border-radius:var(--radius-pill);background:var(--mist-tint);color:var(--text);font-size:12.5px;font-weight:var(--weight-bold);line-height:24px;letter-spacing:.02em}
.float-devices{position:absolute;z-index:2;left:-44px;bottom:-26px;transform:rotate(-5deg);display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px 0 6px;border-radius:var(--radius-pill);background:var(--card);border:1px solid var(--card-edge);box-shadow:var(--shadow-float);font-size:13px;font-weight:var(--weight-semibold);color:var(--text);white-space:nowrap}
.float-devices__icon{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-round);background:var(--sage-tint);display:grid;place-items:center}
.float-devices__icon svg{width:16px;height:16px}
.float-devices__sep{color:var(--text-muted)}
.float-shield{position:absolute;z-index:2;top:-10px;right:-56px;transform:rotate(7deg);display:flex;align-items:center}
.float-shield__badge{position:relative;z-index:1;width:40px;height:44px;margin-right:-14px;flex-shrink:0;filter:drop-shadow(var(--shadow-shield))}
.float-shield__text{height:30px;padding:0 13px 0 20px;border-radius:var(--radius-pill);background:var(--card);border:1px solid var(--card-edge);box-shadow:var(--shadow-float);font-size:13px;font-weight:var(--weight-bold);line-height:28px;white-space:nowrap;color:var(--text)}
.trust{display:flex;flex-wrap:wrap;justify-content:center;row-gap:8px;margin:0 0 20px;padding:0;list-style:none;font-size:15px;line-height:24px;color:var(--text-muted)}
.trust li{display:inline-flex;align-items:center;gap:7px}
.trust li+li::before{content:"";flex-shrink:0;width:4px;height:4px;margin:0 14px 0 7px;border-radius:var(--radius-round);background:var(--border)}
.trust svg{width:16px;height:16px;flex-shrink:0;color:var(--text)}
.trust .sv-stroke{stroke:currentColor;stroke-width:1.9}
.pill-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 12px;margin:0;padding:0;list-style:none}
.pill-row+.pill-row{margin-top:10px}
.pill{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:4px 5px;border-radius:var(--radius-pill);background:var(--panel);border:1px solid var(--border);color:var(--text);font-size:14.5px;font-weight:var(--weight-semibold);text-decoration:none;transition:background-color var(--speed) ease,border-color var(--speed) ease}
.pill:hover{background:var(--card);border-color:var(--lavender)}
.pill__icon{flex-shrink:0;width:30px;height:30px;border-radius:var(--radius-round);display:grid;place-items:center;color:var(--text)}
.pill__icon svg{width:17px;height:17px;display:block;fill:currentColor}
.pill__icon--mist{background:var(--mist-tint)}
.pill__icon--sage{background:var(--sage-tint)}
.pill__icon--lav{background:var(--lavender-tint)}
.pill__flag{flex-shrink:0;width:30px;height:30px;border-radius:var(--radius-round);overflow:hidden;box-shadow:0 0 0 1px var(--border)}
.pill__flag svg{display:block;width:30px;height:30px}
.pill__plus{flex-shrink:0;width:28px;height:28px;margin-left:2px;border-radius:var(--radius-round);display:grid;place-items:center;background:var(--bg);color:var(--text-muted)}
.pill__plus::before{content:"+";font-size:20px;font-weight:var(--weight-normal);line-height:1}
.pill__plus svg{width:12px;height:12px}
.pill__plus path{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.sheet-wrap{background:var(--bg-bottom)}
.next{position:relative;padding:76px 24px 96px;background:var(--panel);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;box-shadow:0 -1px 0 var(--card-edge);text-align:center;overflow-x:clip}
.next__cue{position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:44px;height:44px;border-radius:var(--radius-round);background:var(--panel);box-shadow:var(--shadow-cue);display:grid;place-items:center;color:var(--text)}
.next__cue svg{width:18px;height:18px}
.next__cue path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.next__title{margin:0 0 12px;font-family:var(--font-display);font-size:40px;font-weight:var(--weight-bold);line-height:1.2;letter-spacing:var(--tracking-title)}
.next__text{max-width:640px;margin:0 auto;color:var(--text-muted)}
.sv-stroke{fill:none;stroke:var(--text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sv-edge{stroke:var(--text);stroke-width:2;stroke-linejoin:round}
.sv-white{fill:none;stroke:var(--card);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.f-mist{fill:var(--mist)}
.f-white{fill:var(--card)}
.f-ink{fill:var(--text)}
.f-sage{fill:var(--sage)}
.f-lav-tint{fill:var(--lavender-tint)}
.f-ground{fill:var(--lavender);opacity:.28}
.f-shade{fill:var(--text);opacity:.10}
.f-glass{fill:var(--card);opacity:.26}
.f-gloss{fill:var(--card);opacity:.55}
.st-mist{stop-color:var(--mist)}
.st-lav{stop-color:var(--lavender)}
.st-apd{stop-color:var(--apricot-deep)}
.st-apl{stop-color:var(--apricot)}
.st-card{stop-color:var(--card)}
.fl-red{fill:var(--flag-red)}
.fl-white{fill:var(--flag-white)}
.fl-blue{fill:var(--flag-blue)}
.fl-ring{fill:none;stroke:var(--text);stroke-opacity:.12;stroke-width:1}
.scenery{position:relative;max-width:1000px;margin:48px auto 0;min-height:430px;padding:48px 12% 64px;border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--mist),var(--mist-tint));overflow:hidden;text-align:left}
.scenery__land{position:absolute;inset:0;width:100%;height:100%}
.client-window{position:relative;z-index:1;background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}
.client-window__bar{display:flex;align-items:center;gap:8px;padding:16px 20px;background:var(--panel);border-bottom:1px solid var(--border);font-size:13px;color:var(--text-muted)}
.window-dot{width:8px;height:8px;border-radius:var(--radius-round);background:var(--mist);flex-shrink:0}
.window-dot--lav{background:var(--lavender)}
.window-dot--sage{background:var(--sage)}
.client-window__title{margin-left:8px}
.client-window__body{padding:32px}
.client-window__row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);font-size:15px}
.client-window__row:last-child{border-bottom:0}
.pigeon{position:absolute;z-index:2;left:2%;bottom:12px;width:160px;height:190px}
.tab-shell{min-width:0}
.feature-picker{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:48px;align-items:start}
.feature-picker [role="tablist"]{display:flex;flex-direction:column;gap:12px}
[role="tablist"]{min-width:0}
.feature-tab{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--panel);text-align:left;color:var(--text);font-size:16px;font-weight:var(--weight-semibold)}
.feature-tab .pill__plus{margin-left:auto}
.feature-tab[aria-selected="true"]{background:var(--card);box-shadow:var(--shadow-soft);border-color:var(--text-muted)}
.feature-tab[aria-selected="true"] .pill__plus{background:var(--accent);color:var(--card)}
.feature-tab[aria-selected="true"] .pill__plus::before{content:"✓";font-size:16px}
.feature-detail{position:relative;margin-top:40px;padding:72px 40px 40px;background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}
.feature-detail__icon{position:absolute;top:-48px;left:40px;width:96px;height:96px}
.feature-detail p{color:var(--text-muted)}
.fact-row{display:flex;flex-wrap:wrap;gap:8px}
.fact-chip,.tag{display:inline-flex;align-items:center;min-height:28px;padding:4px 12px;background:var(--groove);border-radius:var(--radius-pill);font-size:13px;color:var(--text);max-width:100%;overflow-wrap:anywhere}
.tag{background:var(--lavender-tint)}
.cycle-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;padding:8px;background:var(--groove);border-radius:var(--radius-xl);width:fit-content;max-width:100%}
.cycle-tabs [role="tab"]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border:0;background:var(--clear);border-radius:var(--radius-pill);font-weight:var(--weight-semibold)}
.cycle-tabs [aria-selected="true"]{background:var(--card);box-shadow:var(--shadow-soft)}
.toc-tabs{position:sticky;top:12px;z-index:25;display:flex;gap:8px;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:8px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-soft);margin-bottom:32px}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:40px;padding:8px 18px;border-radius:var(--radius-pill);text-decoration:none;font-size:14px;color:var(--text-muted);white-space:nowrap}
.toc-tabs a.is-current{background:var(--groove);color:var(--text);font-weight:var(--weight-bold)}
.toc-tabs.is-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--toc-offset)}
.faq-item{background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius-xl);margin-bottom:12px;box-shadow:var(--shadow-soft)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:20px 24px;list-style:none;cursor:pointer;font-weight:var(--weight-semibold)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:var(--radius-round);background:var(--groove);font-size:20px;font-weight:var(--weight-normal)}
.faq-item[open] summary::after{content:"−"}
.faq-item__body{padding:0 24px 24px;color:var(--text-muted)}
.faq-item__body p:last-child{margin-bottom:0}
.plan-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:32px;background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}
.plan-card.is-current{border:2px solid var(--text);padding:31px}
.plan-card__badge{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 12px;margin-bottom:16px;border-radius:var(--radius-pill);background:var(--sage-tint);font-size:13px;font-weight:var(--weight-semibold)}
.plan-card__price{margin:16px 0 24px;font-family:var(--font-mono);font-size:36px;font-weight:var(--weight-bold);line-height:1.3;font-variant-numeric:tabular-nums}
.plan-card__price small{font-family:var(--font-body);font-size:14px;font-weight:var(--weight-normal);color:var(--text-muted)}
.plan-card__facts{list-style:none;padding:0;margin:0 0 24px;color:var(--text-muted);font-size:15px}
.plan-card__facts li{padding:8px 0;border-bottom:1px solid var(--border)}
.plan-card .btn{width:100%}
.table-scroll{overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card)}
.data-table,.route-table{border-collapse:collapse;width:100%;min-width:640px;text-align:left;font-size:15px}
.data-table th,.data-table td,.route-table th,.route-table td{padding:16px 20px;border-bottom:1px solid var(--border);word-break:keep-all}
.table-scroll th,.data-table th,.route-table th{background:var(--panel);color:var(--text);white-space:nowrap;font-weight:var(--weight-bold)}
.data-table td:first-child,.route-table td:first-child{color:var(--text);font-weight:var(--weight-semibold)}
.data-table tr:last-child td,.route-table tr:last-child td{border-bottom:0}
.route-table .route-group th{background:var(--groove)}
.route-table caption,.data-table caption{text-align:left;padding:20px;font-weight:var(--weight-bold);color:var(--text)}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.platform-card{display:flex;align-items:center;flex-direction:column;gap:16px;min-width:0;padding:24px 16px;background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);text-align:center}
.platform-card__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-round);background:var(--mist-tint)}
.platform-card__icon svg{width:28px;height:28px;fill:currentColor}
.platform-card h3{font-size:18px;margin:0}
.platform-card .btn{font-size:14px;padding-inline:14px;max-width:100%}
.article-card{display:flex;flex-direction:column;min-width:0;padding:28px;background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}
.article-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px;font-size:13px;color:var(--text-muted)}
.article-card h3{font-size:22px}
.article-card h3 a{text-decoration:none}
.article-card h3 a:hover{text-decoration:underline}
.article-card p{font-size:15px;color:var(--text-muted)}
.article-card__link{display:inline-flex;align-items:center;min-height:32px;margin-top:auto;font-size:14px;font-weight:var(--weight-semibold)}
.blog-hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:32px;align-items:start}
.blog-hero h1{font-size:clamp(36px,4vw,52px)}
.blog-meta{padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);font-size:14px}
.callout{margin:24px 0;padding:24px 28px;border-left:4px solid var(--mist);border-radius:var(--radius-xl);background:var(--mist-tint);color:var(--text)}
.callout p:last-child{margin-bottom:0}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;padding:32px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);min-width:0}
.promo-block__copy{min-width:0}
.promo-block__brand{font-size:22px;font-weight:var(--weight-bold);margin-bottom:8px}
.promo-block p{margin-bottom:0;color:var(--text-muted);font-size:15px}
.promo-block .btn{flex-shrink:0;white-space:nowrap;margin-top:0}
.float-cta{position:fixed;right:28px;bottom:calc(28px + env(safe-area-inset-bottom,0px));z-index:35;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 18px 0 20px;border-radius:var(--radius-pill);background:var(--text);color:var(--card);font-size:15px;font-weight:var(--weight-bold);text-decoration:none;box-shadow:var(--shadow-ink)}
.float-cta svg{width:16px;height:16px}
.float-cta path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
body:has(.float-cta)::after{content:"";display:block;height:calc(88px + env(safe-area-inset-bottom,0px))}
.preview-section{padding-top:64px;padding-bottom:64px}
.preview-section>h2{margin-bottom:32px}
.preview-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.swatch{display:flex;align-items:center;gap:12px;margin:0;padding:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);font-size:13px;font-family:var(--font-mono)}
.swatch__paint{width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-round);border:1px solid var(--border)}
.paint-bg{background:var(--bg)}
.paint-top{background:var(--bg-top)}
.paint-bottom{background:var(--bg-bottom)}
.paint-panel{background:var(--panel)}
.paint-card{background:var(--card)}
.paint-groove{background:var(--groove)}
.paint-border{background:var(--border)}
.paint-edge{background:var(--card-edge)}
.paint-accent{background:var(--accent)}
.paint-accent-dark{background:var(--accent-dark)}
.paint-text{background:var(--text)}
.paint-muted{background:var(--text-muted)}
.paint-success{background:var(--success)}
.paint-warn{background:var(--warn)}
.paint-error{background:var(--error)}
.paint-mist{background:var(--mist)}
.paint-mist-tint{background:var(--mist-tint)}
.paint-lavender{background:var(--lavender)}
.paint-lavender-tint{background:var(--lavender-tint)}
.paint-sage{background:var(--sage)}
.paint-sage-tint{background:var(--sage-tint)}
.paint-apricot{background:var(--apricot)}
.paint-apricot-deep{background:var(--apricot-deep)}
.paint-flag-red{background:var(--flag-red)}
.paint-flag-white{background:var(--flag-white)}
.paint-flag-blue{background:var(--flag-blue)}
.paint-warm{background:var(--glow-warm)}
.paint-cool{background:var(--glow-cool)}
.paint-veil{background:var(--veil)}
.paint-clear{background:var(--clear)}
.preview-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}
.preview-actions .btn{margin-top:0}
.type-display{font-size:64px;line-height:1.14;letter-spacing:var(--tracking-title);font-weight:var(--weight-bold);margin-bottom:24px}
@media(max-width:980px){
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .feature-picker{gap:28px;grid-template-columns:minmax(220px,.9fr) minmax(0,1.2fr)}
}
@media(max-width:760px){
  .duo{flex-direction:column;align-items:center;gap:44px}
  .offer{width:min(100%,340px)}
  .float-devices{left:-6px}
  .float-shield{right:-6px;top:-18px}
  .feature-picker{display:block}
  .feature-picker [role="tablist"]{flex-direction:row;overflow-x:auto;padding-bottom:16px;max-width:100%}
  .feature-tab{width:auto;min-width:max-content}
  .feature-detail{margin-top:56px}
  .blog-hero{grid-template-columns:minmax(0,1fr)}
  .blog-meta{order:-1;display:flex;flex-wrap:wrap;gap:16px}
  .promo-block{flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
  .hero{padding:24px 18px 40px}
  .hero__title{font-size:38px}
  .lede{font-size:17px;margin-bottom:40px}
  .trust{font-size:14px}
  .trust li+li::before{margin:0 10px 0 4px}
  .float-devices{left:6px;bottom:-22px;transform:none}
  .float-shield{right:6px;transform:none}
  .next{padding:56px 18px}
  .next__title{font-size:30px}
  .float-cta{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .scenery{padding:32px 20px 120px;min-height:430px;max-width:100%}
  .pigeon{width:108px;height:128px;left:12px;bottom:0}
  .client-window__body{padding:20px}
  .client-window__bar{padding:12px;font-size:12px}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-detail{padding:64px 24px 24px}
  .feature-detail__icon{left:24px}
  .plan-card{padding:24px}
  .plan-card.is-current{padding:23px}
  .type-display{font-size:38px}
  .promo-block{padding:24px}
}
@media(prefers-reduced-motion:reduce){
  .offer:hover{transform:none}
}