.coast-hero{position:relative;overflow-x:clip;max-width:100%;padding-top:24px;padding-bottom:72px;background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg) 78%)}
.coast-hero::before{content:"";position:absolute;inset:-14% -6% 42% 46%;background:radial-gradient(closest-side,var(--seaglass-a22),var(--seaglass-a04) 62%,var(--transparent));pointer-events:none;z-index:0}
.tideline{position:absolute;left:0;right:0;bottom:0;width:100%;height:190px;z-index:0;pointer-events:none}
.tide-back{fill:var(--bg-panel2);opacity:.55}
.tide-front{fill:var(--bg-panel2)}
.hero-stack{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}
.kicker{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:4px 14px;border-radius:var(--radius-pill);background:var(--bg-panel);font-size:13px;line-height:18px;font-weight:var(--weight-medium);letter-spacing:.04em;color:var(--text-muted);box-shadow:inset 0 0 0 1px var(--edge),0 4px 14px var(--accent-a10);margin-bottom:14px;max-width:100%}
.kicker-dot{width:8px;height:8px;flex-shrink:0;border-radius:var(--radius-round);background:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}
.hero-title{font-family:var(--font-display);font-weight:var(--weight-normal);font-size:66px;line-height:1.1;letter-spacing:var(--tracking-title);color:var(--text);margin-bottom:20px}
.hero-title .kw{color:var(--accent)}
.cta-pair{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:18px}
.hero-lede{font-size:17px;line-height:1.75;color:var(--text-muted);margin-bottom:8px}
.hero-lede strong{font-weight:var(--weight-medium);color:var(--text)}
.trust-line{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;font-size:14px;line-height:22px;color:var(--text-muted);margin:0 0 22px;padding:0;list-style:none}
.trust-line li{display:inline-flex;align-items:center;gap:6px}
.ico-check{width:14px;height:14px;flex-shrink:0;fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.platform-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 30px;margin:0 0 12px;padding:0;list-style:none}
.platform-row li{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:22px;color:var(--text-muted)}
.platform-row svg{width:18px;height:18px;flex-shrink:0;fill:currentColor;color:var(--text-faint)}
.route-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;margin-bottom:28px}
.flag-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0;padding:0;list-style:none}
.flag-list li{display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:22px;color:var(--text-muted)}
.flag{width:20px;height:20px;flex-shrink:0;display:block;border-radius:var(--radius-round);overflow:hidden;box-shadow:0 2px 6px var(--slate-a14)}
.fl-white{fill:var(--flag-white)}
.fl-red{fill:var(--flag-red)}
.fl-blue{fill:var(--flag-blue)}
.fl-green{fill:var(--flag-green)}
.fl-st-white{fill:none;stroke:var(--flag-white);stroke-width:4.6}
.fl-st-red{fill:none;stroke:var(--flag-red);stroke-width:1.5}
.fl-ring{fill:none;stroke:var(--slate-a18);stroke-width:1}
.route-more{display:inline-flex;align-items:center;min-height:24px;font-size:14px;line-height:22px;color:var(--slate);border-bottom:1px solid var(--transparent);transition:border-color var(--ease-time)}
.route-more:hover{border-bottom-color:var(--slate)}
.plan-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;width:100%;max-width:1040px}
.plan-card{min-width:0;position:relative;padding:20px 28px;border-radius:var(--radius);background:linear-gradient(180deg,var(--transparent) 48%,var(--seaglass-a04) 100%),var(--bg-panel);box-shadow:var(--shadow-panel);transition:transform .35s ease,box-shadow .35s ease}
.plan-card:hover{transform:translateY(-4px)}
.plan-card[data-tilt]:hover{transform:none}
.audience-pill{display:inline-block;min-height:26px;max-width:100%;padding:4px 14px;border-radius:var(--radius-pill);font-size:13px;line-height:18px;font-weight:var(--weight-medium);letter-spacing:.08em}
.audience-pill--green{background:var(--accent-tint);color:var(--accent-dark)}
.audience-pill--slate{background:var(--slate-tint);color:var(--slate)}
.plan-diagram{height:144px;margin:10px 0;max-width:100%}
.flow-line{display:flex;align-items:center;height:100%;max-width:400px;margin:0 auto}
.flow-node{position:relative;flex-shrink:0}
.flow-dot{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-round);background:var(--accent-tint);color:var(--accent);box-shadow:inset 0 1px 0 var(--hl),0 6px 16px var(--accent-a10)}
.flow-dot svg{width:26px;height:26px}
.flow-label{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;font-size:13px;line-height:16px;color:var(--text-muted);white-space:nowrap}
.flow-dash{flex:1;min-width:0;height:0;margin:0 10px;border-top:2px dashed var(--accent-a45)}
.flow-beacon{position:relative;flex-shrink:0;width:92px;height:115px}
.beacon-halo{position:absolute;inset:-6% -18% 10%;border-radius:var(--radius-round);background:radial-gradient(closest-side,var(--seaglass-a22),var(--transparent));pointer-events:none}
.beacon{position:relative;display:block;width:100%;height:100%}
.mesh{position:relative;width:380px;max-width:100%;height:144px;margin:0 auto}
.mesh-lines{position:absolute;left:0;top:0;width:100%;height:144px}
.mesh-lines path{fill:none;stroke:var(--slate-a40);stroke-width:1.6;stroke-dasharray:4 5;stroke-linecap:round}
.mesh-top{position:absolute;left:calc(50% - 30px);top:0;width:60px;height:75px}
.mesh-top .beacon-halo{inset:-10% -30% 6%}
.mesh-node{position:absolute;top:42px}
.mesh-node--left{left:5.79%}
.mesh-node--right{right:5.79%}
.mesh-dot{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-round);background:var(--slate-tint);color:var(--slate);box-shadow:inset 0 1px 0 var(--hl),0 6px 16px var(--slate-a08)}
.mesh-dot svg{width:24px;height:24px}
.mesh-label{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:6px;font-size:13px;line-height:16px;color:var(--text-muted);white-space:nowrap}
.mesh-base{position:absolute;left:calc(50% - 18px);top:96px;width:36px;height:45px}
.mesh-tag{position:absolute;left:calc(50% + 22px);top:122px;min-height:22px;padding:2px 10px;border-radius:var(--radius-pill);background:var(--bg-panel);font-size:12px;line-height:18px;color:var(--slate);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--edge),0 4px 10px var(--slate-a08)}
.ico-line{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ico-fill{fill:currentColor}
.plan-name{font-family:var(--font-display);font-size:22px;line-height:26px;font-weight:var(--weight-medium);letter-spacing:.02em;margin-bottom:8px}
.plan-name--green{color:var(--accent)}
.plan-name--slate{color:var(--slate)}
.price-groove{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px;border-radius:var(--radius);background:var(--bg-panel2);box-shadow:inset 0 1px 3px var(--slate-a08);margin:0 0 6px;list-style:none}
.price-groove li{min-width:0;display:flex;flex-direction:column;align-items:center;padding:3px 4px;border-radius:var(--radius-sm);background:var(--white-a60);box-shadow:inset 0 1px 0 var(--hl)}
.price-amt{font-family:var(--font-display);font-size:17px;line-height:22px;font-weight:var(--weight-medium);color:var(--text);font-variant-numeric:tabular-nums}
.price-amt small{font-size:12px;font-weight:var(--weight-normal);color:var(--text-muted)}
.price-cap{font-family:var(--font-mono);font-size:12px;line-height:16px;color:var(--text-muted)}
.plan-note{font-size:14px;line-height:20px;color:var(--text-muted);margin-bottom:12px}
.plan-actions{display:flex;align-items:center;justify-content:center;gap:20px}
.btn-plan{display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:148px;padding:8px 22px;border-radius:var(--radius);font-size:15px;font-weight:var(--weight-medium);color:var(--white);white-space:nowrap;flex-shrink:0;box-shadow:inset 0 1px 0 var(--white-a25);transition:filter var(--ease-time)}
.btn-plan:hover{filter:brightness(1.06)}
.btn-plan--green{background:var(--accent)}
.btn-plan--slate{background:var(--slate)}
.plan-link{display:inline-flex;align-items:center;min-height:24px;font-size:14px;line-height:20px;color:var(--text-muted)}
.plan-link:hover{color:var(--text)}
.float-chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-pill);font-size:13px;line-height:18px;font-weight:var(--weight-medium);white-space:nowrap;box-shadow:inset 0 1px 0 var(--hl),0 2px 6px var(--slate-a08),0 14px 32px var(--accent-a16)}
.float-chip svg{width:15px;height:15px;flex-shrink:0}
.float-chip--lock{top:-18px;left:-40px;background:var(--white);color:var(--text);transform:rotate(-4deg)}
.lock-body{fill:var(--accent)}
.lock-arc{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round}
.lock-hole{fill:var(--white)}
.float-chip--refund{bottom:-22px;right:-44px;background:var(--accent-tint);color:var(--accent-dark);transform:rotate(3deg)}
.float-chip--refund svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.s-accent{stop-color:var(--accent)}
.s-accent-dark{stop-color:var(--accent-dark)}
.s-white{stop-color:var(--white)}
.s-glass{stop-color:var(--bg-top)}
.s-lamp{stop-color:var(--lamp)}
.s-clear{stop-opacity:0}
.s-slate{stop-color:var(--slate)}
.s-slate-lift{stop-color:var(--slate-lift)}
.lh-beam{opacity:.6}
.lh-shadow{fill:var(--slate);opacity:.14}
.lh-slate{fill:var(--slate)}
.lh-ink{fill:var(--text)}
.lh-white{fill:var(--white)}
.lh-gloss{fill:none;stroke:var(--white);stroke-opacity:.5;stroke-width:3;stroke-linecap:round}
.lh-glass{stroke:var(--border);stroke-width:1.2}
.lh-core{fill:var(--lamp-core)}
.lh-mullion{fill:none;stroke:var(--border);stroke-width:1.2}
.lh-glint{fill:none;stroke:var(--white);stroke-opacity:.8;stroke-width:1.8;stroke-linecap:round}
.lh-shine{fill:var(--white);opacity:.3}
.lh-roof{fill:var(--accent-dark)}
.lh-roof-glint{fill:none;stroke:var(--white);stroke-opacity:.35;stroke-width:2;stroke-linecap:round}
.lh-cheek{fill:var(--white);opacity:.28}
.lh-smile{fill:none;stroke:var(--text);stroke-width:2;stroke-linecap:round}
.lh-strap{fill:none;stroke:var(--slate);stroke-width:1.6;stroke-linecap:round}
.lh-plate-shine{fill:var(--white);opacity:.22}
.lh-arrow{fill:none;stroke:var(--white);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.lh-speed{fill:none;stroke:var(--seaglass);stroke-width:2;stroke-linecap:round}
.factband{background:var(--bg-panel2);padding-top:18px;padding-bottom:40px}
.factband ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 40px;font-family:var(--font-mono);font-size:14px;line-height:22px;color:var(--text-muted);list-style:none;margin:0;padding:0}
.factband b{font-weight:var(--weight-medium);color:var(--slate)}
.tabs{min-width:0}
.tab-list,[role="tablist"]{display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:6px;border-radius:var(--radius-pill);background:var(--bg-panel2);box-shadow:inset 0 1px 3px var(--slate-a08);margin-bottom:var(--space-3)}
[role="tab"]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:8px 22px;border-radius:var(--radius-pill);background:var(--transparent);color:var(--text-muted);font-size:15px;white-space:nowrap}
[role="tab"][aria-selected="true"]{background:var(--bg-panel);color:var(--accent-dark);box-shadow:var(--shadow-small)}
[role="tabpanel"]{min-width:0}
.toc-tabs{position:sticky;top:var(--header-height);z-index:25;display:flex;align-items:center;gap:8px;padding:10px;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;background:var(--bg-panel);border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--edge),0 8px 24px var(--accent-a10);margin-bottom:var(--space-4)}
.toc-tabs.is-static{position:static}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:40px;padding:7px 16px;border-radius:var(--radius-pill);font-size:var(--text-small);white-space:nowrap;color:var(--text-muted)}
.toc-tabs a:hover,.toc-tabs a.is-active{color:var(--accent-dark);background:var(--accent-tint)}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--toc-offset)}
.faq-item{border-bottom:1px solid var(--border);padding-block:var(--space-2)}
.faq-item summary{position:relative;list-style:none;cursor:pointer;padding:8px 32px 8px 0;min-height:44px;font-weight:var(--weight-medium)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:4px;top:8px;color:var(--accent-dark);font-size:22px;line-height:28px}
.faq-item[open] summary::after{content:"−"}
.faq-answer{padding-top:var(--space-1);padding-bottom:var(--space-2);color:var(--text-muted)}
.faq-answer p+p{margin-top:var(--space-2)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.period-card{position:relative;min-width:0;padding:var(--space-4);border-radius:var(--radius);background:var(--bg-panel);box-shadow:var(--shadow-panel)}
.period-card.is-selected,.period-card[aria-current="true"]{box-shadow:inset 0 0 0 2px var(--accent),0 20px 48px var(--accent-a16)}
.period-card h3{margin-bottom:var(--space-2)}
.period-price{font-family:var(--font-mono);font-size:32px;line-height:1.4;color:var(--slate);margin-block:var(--space-2)}
.period-price small{font-family:var(--font-body);font-size:var(--text-small);color:var(--text-muted)}
.period-features{padding-left:1.2em;margin-block:var(--space-3);color:var(--text-muted);font-size:15px}
.best-badge{display:inline-flex;align-items:center;min-height:26px;padding:3px 12px;border-radius:var(--radius-pill);background:var(--accent-tint);color:var(--accent-dark);font-size:13px;margin-bottom:var(--space-2);max-width:100%}
.badge,.tag{display:inline-block;max-width:100%;overflow:hidden;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;padding:3px 12px;border-radius:var(--radius-pill);background:var(--accent-tint);color:var(--accent-dark);font-size:13px;line-height:22px}
.badge-slate{background:var(--slate-tint);color:var(--slate)}
.table-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel)}
.data-table,.route-table{width:100%;min-width:660px;border-collapse:collapse;font-size:15px;text-align:left}
.data-table th,.route-table th,.table-scroll th{background:var(--bg-panel2);color:var(--slate);font-weight:var(--weight-medium);white-space:nowrap}
.data-table th,.data-table td,.route-table th,.route-table td{padding:14px 18px;border-bottom:1px solid var(--border);word-break:keep-all}
.data-table td:first-child,.route-table td:first-child{color:var(--text);font-weight:var(--weight-medium)}
.data-table tr:last-child td,.route-table tr:last-child td{border-bottom:0}
.route-table .region-row th{background:var(--accent-tint);color:var(--accent-dark);padding-block:10px}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.prose>.data-table th,.prose>.data-table td{min-width:120px}
.platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}
.platform-card{min-width:0;text-align:center;padding:var(--space-3) var(--space-2);border-radius:var(--radius);background:var(--bg-panel);box-shadow:var(--shadow-small)}
.platform-card svg{display:block;width:32px;height:32px;margin:0 auto var(--space-2);fill:currentColor;color:var(--slate)}
.platform-card h3{font-size:17px;letter-spacing:0;margin-bottom:var(--space-2)}
.platform-card .btn{padding-inline:12px;font-size:13px;max-width:100%}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.article-card{min-width:0;padding:var(--space-4);background:var(--bg-panel);border-radius:var(--radius);box-shadow:var(--shadow-small)}
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:13px;color:var(--text-muted);margin-bottom:var(--space-2)}
.article-card h3{margin-bottom:var(--space-2)}
.article-card p{font-size:15px;color:var(--text-muted);margin-bottom:var(--space-2)}
.article-card>a:last-child{display:inline-flex;align-items:center;min-height:32px;color:var(--accent-dark);font-size:var(--text-small)}
.article-masthead{border-top:4px solid var(--accent);border-bottom:1px solid var(--border);padding-block:var(--space-3);margin-bottom:var(--space-4)}
.article-masthead h1{font-size:clamp(32px,4vw,52px);line-height:1.25;text-align:left}
.article-masthead p{margin-top:var(--space-3);color:var(--text-muted)}
.callout{padding:var(--space-3);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;background:var(--accent-tint);color:var(--accent-dark);margin-block:var(--space-3)}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius);background:var(--bg-panel2);box-shadow:inset 0 1px 0 var(--hl);margin-block:var(--space-5)}
.promo-copy{min-width:0}
.promo-copy strong{font-family:var(--font-display);font-size:22px;color:var(--slate)}
.promo-copy p{margin-top:var(--space-1);font-size:15px;color:var(--text-muted)}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.float-cta{position:fixed;right:20px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:50;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 20px;border-radius:var(--radius-pill);background:var(--slate);color:var(--white);font-size:15px;font-weight:var(--weight-medium);white-space:nowrap;box-shadow:inset 0 1px 0 var(--white-a25),0 12px 28px var(--slate-a18)}
.float-cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.float-cta-dot{width:8px;height:8px;flex-shrink:0;border-radius:var(--radius-round);background:var(--seaglass)}
.float-cta:hover{background:var(--slate-lift)}
body:has(.float-cta)::after{content:"";display:block;height:calc(88px + env(safe-area-inset-bottom,0px));background:var(--bg-panel2)}
.feature-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-8);align-items:center}
.feature-pair>*{min-width:0}
.feature-list{list-style:none;padding:0;margin:0}
.feature-list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-2);margin-block:var(--space-3)}
.feature-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-round);background:var(--accent-dark);color:var(--white)}
.feature-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.feature-list h3{font-size:19px;margin-bottom:var(--space-1)}
.feature-list p{color:var(--text-muted);font-size:16px}
.tidal-rule{border:0;border-top:2px dashed var(--border);margin-block:var(--space-8)}
.client-window{position:relative;min-width:0;border-radius:var(--radius);background:var(--bg-panel);box-shadow:var(--shadow-panel)}
.window-chrome{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border-bottom:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;background:var(--bg-top);font-size:13px;color:var(--text-muted)}
.window-dot{width:10px;height:10px;border-radius:var(--radius-round);flex-shrink:0;background:var(--success)}
.window-dot--red{background:var(--error)}
.window-dot--yellow{background:var(--warn)}
.window-caption{margin-left:8px}
.window-body{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.5fr);min-height:260px}
.window-sidebar{padding:var(--space-2);background:var(--bg-panel2);border-radius:0 0 0 var(--radius);font-size:13px;color:var(--text-muted)}
.window-sidebar p{padding:8px;border-radius:var(--radius-sm)}
.window-sidebar .is-current{color:var(--accent-dark);background:var(--accent-tint)}
.window-detail{padding:var(--space-3);min-width:0}
.window-detail h3{font-size:19px;margin-bottom:var(--space-2)}
.window-detail p{font-size:14px;color:var(--text-muted);margin-bottom:var(--space-2)}
.window-mascot{position:absolute;right:8px;bottom:-16px;width:100px;height:125px}
.device-panel{position:relative;overflow-x:clip;min-height:300px;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-panel2);border-radius:var(--radius)}
.device-panel>.beacon{width:120px;height:150px;flex-shrink:0}
.device-stack{display:flex;flex-direction:column;gap:var(--space-2)}
.device-outline{display:flex;align-items:center;justify-content:center;width:100px;min-height:64px;border:3px solid var(--slate);border-radius:var(--radius);font-size:13px;color:var(--slate);background:var(--bg-panel)}
.preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}
.token-swatch{min-width:0;padding:var(--space-2);border-radius:var(--radius);background:var(--bg-panel);box-shadow:var(--shadow-small);font-family:var(--font-mono);font-size:12px}
.token-color{display:block;height:48px;margin-bottom:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-sm)}
.sw-bg{background:var(--bg)}
.sw-bg-top{background:var(--bg-top)}
.sw-panel{background:var(--bg-panel)}
.sw-panel2{background:var(--bg-panel2)}
.sw-border{background:var(--border)}
.sw-accent{background:var(--accent)}
.sw-deep{background:var(--accent-deep)}
.sw-dark{background:var(--accent-dark)}
.sw-tint{background:var(--accent-tint)}
.sw-slate{background:var(--slate)}
.sw-slate-lift{background:var(--slate-lift)}
.sw-slate-tint{background:var(--slate-tint)}
.sw-text{background:var(--text)}
.sw-muted{background:var(--text-muted)}
.sw-faint{background:var(--text-faint)}
.sw-success{background:var(--success)}
.sw-warn{background:var(--warn)}
.sw-error{background:var(--error)}
.sw-white{background:var(--white)}
.sw-lamp{background:var(--lamp)}
.sw-core{background:var(--lamp-core)}
.sw-seaglass{background:var(--seaglass)}
.preview-label{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);margin-bottom:var(--space-1)}
.preview-display{font-family:var(--font-display);font-size:40px;line-height:1.3;font-weight:var(--weight-normal)}
.preview-mono{font-family:var(--font-mono);font-size:15px}
.preview-nav{position:sticky;top:0;z-index:60}
@media(max-width:1024px){
  .hero-title{font-size:52px}
  .plan-pair{grid-template-columns:minmax(0,1fr);max-width:520px;gap:48px}
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .feature-pair{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}
}
@media(max-width:768px){
  .hero-title{font-size:40px;line-height:1.2}
  .pricing-grid{grid-template-columns:minmax(0,1fr)}
  .article-grid{grid-template-columns:minmax(0,1fr)}
  .promo-block{flex-direction:column;align-items:flex-start;gap:var(--space-3)}
}
@media(max-width:640px){
  .coast-hero{max-width:100%}
  .hero-title{font-size:36px;line-height:1.2}
  .cta-pair{flex-direction:column;width:100%}
  .cta-pair .btn{width:100%}
  .hero-lede{font-size:16px}
  .plan-card{padding:20px 16px}
  .mesh{width:100%;max-width:380px}
  .mesh-node--left{left:0}
  .mesh-node--right{right:0}
  .mesh-tag{padding-inline:5px;font-size:11px}
  .float-chip--lock{left:0;transform:none}
  .float-chip--refund{right:0;transform:none}
  .price-amt{font-size:15px}
  .plan-actions{flex-direction:column;gap:10px}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .period-card,.article-card{padding:var(--space-3)}
  .float-cta{right:16px}
  .device-panel{max-width:100%;gap:var(--space-2);padding:var(--space-2)}
  .device-outline{width:88px}
  .preview-display{font-size:28px}
}
@media(prefers-reduced-motion:reduce){
  .plan-card,.btn-plan{transition:none}
  .plan-card:hover{transform:none}
}