.top{position:relative;overflow-x:clip;overflow-y:clip;max-width:100%;background:linear-gradient(180deg,var(--hero-top) 0%,var(--hero-bottom) 100%)}
.top-spot{position:absolute;inset:26% -10% -16% 46%;pointer-events:none;background:radial-gradient(closest-side,var(--accent-a06) 0%,var(--coral-a06) 58%,var(--transparent) 100%);animation:r1-breathe 10s ease-in-out infinite}
.notice{position:relative;z-index:3;margin-top:20px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:46px;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-panel);box-shadow:0 12px 30px -20px var(--accent-a28)}
.notice-tag{display:flex;align-items:center;padding:0 22px;background:var(--text);color:var(--on-dark);font-size:14px;font-weight:600;letter-spacing:.02em;white-space:nowrap}
.notice-text{display:flex;align-items:center;margin:0;padding:10px 22px;font-size:14px;color:var(--text-muted)}
.notice-link{display:flex;align-items:center;gap:6px;padding:0 22px;font-size:14px;font-weight:600;color:var(--text);text-decoration:none;white-space:nowrap}
.notice-link span{transition:transform var(--duration) ease}
.notice-link:hover span{transform:translateX(3px)}
.hero{position:relative;z-index:2;padding-top:44px;padding-bottom:56px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 560px;column-gap:40px;align-items:center}
.hero-copy{position:relative;z-index:3}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 26px;font-size:14px;font-weight:600;color:var(--text)}
.eyebrow svg{width:22px;height:22px;flex:0 0 22px}
.eyebrow-frame{fill:none;stroke:var(--text);stroke-width:1.4}
.eyebrow-shield{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.eyebrow-sep{color:var(--text-muted);font-weight:400}
.display{margin:0;font-family:var(--font-display);font-weight:800;font-size:64px;line-height:1.1;letter-spacing:-.03em;color:var(--text)}
.display-line{display:block}
.lede{margin:32px 0 0;max-width:560px;font-size:17px;line-height:1.75;color:var(--text-muted)}
.lede strong{color:var(--text);font-weight:600}
.trust-line{display:flex;flex-wrap:wrap;align-items:center;row-gap:6px;list-style:none;margin:20px 0 0;padding:0;font-size:14px;font-weight:500;color:var(--text)}
.trust-line li{margin:0}
.trust-line li+li::before{content:"·";margin:0 10px;color:var(--text-muted)}
.spec-card{margin-top:32px;max-width:560px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 26px 50px -26px var(--accent-a28),inset 0 1px 0 var(--white)}
.spec-row{display:flex;align-items:center;gap:16px;padding:13px 18px}
.spec-row+.spec-row{border-top:1px dashed var(--border)}
.spec-label{flex:0 0 64px;font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--text-muted);letter-spacing:.04em}
.platforms,.flags{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:0;padding:0}
.platforms li,.flags li{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:14px;font-weight:500;color:var(--text);line-height:24px}
.pf-icon{width:18px;height:18px;flex:0 0 18px;color:var(--text);fill:currentColor}
.flag{width:22px;height:15px;flex:0 0 22px;border-radius:var(--r-face);overflow:hidden}
.f-red{fill:var(--flag-red)}
.f-white{fill:var(--flag-white)}
.f-blue{fill:var(--flag-blue)}
.f-green{fill:var(--flag-green)}
.f-edge{fill:none;stroke:var(--text-a12);stroke-width:.6}
.hero-device{position:relative;width:560px;height:600px;justify-self:end}
.rig{position:absolute;left:0;top:0;width:560px;height:600px;transform-origin:0 0}
.rig-halo{position:absolute;left:40px;top:10px;width:480px;height:480px;border-radius:var(--r-round);background:radial-gradient(circle at 50% 20%,var(--coral-a20) 0%,var(--transparent) 34%),radial-gradient(closest-side,var(--accent-a18) 0%,var(--accent-a06) 58%,var(--transparent) 100%);animation:r1-breathe 9s ease-in-out infinite}
.rig-floor{position:absolute;left:25px;top:400px;width:520px;height:150px;border-radius:var(--r-round);background:radial-gradient(closest-side,var(--accent-a12) 0%,var(--transparent) 100%)}
.rig-dots{position:absolute;left:380px;top:430px;width:180px;height:160px;opacity:.85}
.dot-field{background:linear-gradient(135deg,var(--coral),var(--accent));mask-image:radial-gradient(circle at 4px 4px,currentColor 2.5px,var(--transparent) 3px);mask-size:18px 18px;-webkit-mask-image:radial-gradient(circle at 4px 4px,currentColor 2.5px,var(--transparent) 3px);-webkit-mask-size:18px 18px}
.rig-dots::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--transparent),var(--hero-bottom))}
.scene{position:absolute;left:280px;top:250px;width:0;height:0;z-index:1}
.stage{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(-36deg)}
.plinth-face{position:absolute}
.plinth-top{left:-170px;top:-170px;width:340px;height:340px;transform:translateY(150px) rotateX(90deg);background:var(--plinth-top);box-shadow:inset 0 0 0 1px var(--white-a55);border-radius:var(--r-face);overflow:hidden}
.plinth-shadow{position:absolute;left:50%;top:50%;width:270px;height:270px;margin:-135px 0 0 -135px;border-radius:var(--r-round);background:radial-gradient(closest-side,var(--accent-a12) 0%,var(--accent-a06) 55%,var(--transparent) 100%);animation:r1-shadow 7s ease-in-out infinite}
.plinth-glow{position:absolute;left:16%;top:58%;width:68%;height:34%;border-radius:var(--r-round);background:radial-gradient(closest-side,var(--coral-a20) 0%,var(--accent-a10) 55%,var(--transparent) 100%)}
.plinth-front{left:-170px;top:-18px;width:340px;height:36px;transform:translate3d(0,168px,170px);background:linear-gradient(180deg,var(--plinth-front) 0%,var(--plinth-side) 140%);box-shadow:inset 0 1px 0 var(--white-a80);display:flex;align-items:center;justify-content:center;gap:10px}
.lane{display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--bg-panel);font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text);letter-spacing:.02em;white-space:nowrap}
.lane-dot{width:5px;height:5px;flex-shrink:0;border-radius:var(--r-round);background:var(--accent)}
.plinth-side{left:-170px;top:-18px;width:340px;height:36px;transform:translate3d(170px,168px,0) rotateY(90deg);background:linear-gradient(180deg,var(--plinth-side) 0%,var(--plinth-front) 160%);box-shadow:inset 0 1px 0 var(--white-a55),inset 1px 0 0 var(--white-a55);display:flex;align-items:center;justify-content:center}
.plinth-os{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap}
.cube{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d;animation:r1-float 7s ease-in-out infinite}
.cube-face{position:absolute;left:-110px;top:-110px;width:220px;height:220px;border-radius:var(--r-face)}
.cube-front{transform:translateZ(110px);background:radial-gradient(circle at 50% 50%,var(--white-a35) 0%,var(--transparent) 40%),linear-gradient(180deg,var(--coral-a35) 0%,var(--transparent) 26%),linear-gradient(165deg,var(--accent-2) 0%,var(--accent) 74%,var(--accent-dark) 118%);box-shadow:inset 0 0 0 1px var(--white-a35),inset 0 1px 0 var(--white-a80)}
.cube-front::after{content:"";position:absolute;inset:18px;border:1px solid var(--white-a14);border-radius:var(--r-face)}
.cube-logo{position:absolute;left:50%;top:50%;width:104px;height:104px;margin:-52px 0 0 -52px;color:var(--white);filter:drop-shadow(0 0 12px var(--white-a55))}
.cube-logo path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cube-right{transform:rotateY(90deg) translateZ(110px);background:linear-gradient(180deg,var(--coral-a20) 0%,var(--transparent) 24%),linear-gradient(195deg,var(--accent-3) 0%,var(--accent-dark) 84%);box-shadow:inset 0 0 0 1px var(--white-a20),inset 1px 0 0 var(--white-a55)}
.cube-vert{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);writing-mode:vertical-rl;font-family:var(--font-mono);font-size:15px;font-weight:600;letter-spacing:.32em;color:var(--white-a80);white-space:nowrap}
.cube-top{transform:rotateX(90deg) translateZ(110px);background:radial-gradient(circle at 28% 72%,var(--white-a55) 0%,var(--transparent) 46%),linear-gradient(to top,var(--lavender) 0%,var(--coral) 100%);box-shadow:inset 0 0 0 1px var(--white-a55)}
.tile{position:absolute;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:14px;border:1px solid var(--white-a35);border-radius:var(--r-sm);color:var(--white);-webkit-backdrop-filter:blur(10px) saturate(130%);backdrop-filter:blur(10px) saturate(130%);box-shadow:0 24px 44px -14px var(--accent-a40),inset 0 1px 0 var(--white-a55);animation:r1-bob 6s ease-in-out infinite}
.tile svg{width:30px;height:30px;flex:0 0 30px}
.tile svg path,.tile svg circle{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tile-a{left:30px;top:46px;width:120px;height:120px;background:radial-gradient(circle at 100% 100%,var(--white-a35) 0%,var(--transparent) 42%),linear-gradient(150deg,var(--glass-hi) 0%,var(--glass-lo) 100%)}
.tile-b{left:396px;top:296px;width:124px;height:124px;background:radial-gradient(circle at 0% 0%,var(--white-a35) 0%,var(--transparent) 42%),linear-gradient(150deg,var(--glass-hi) 0%,var(--glass-lo) 100%);animation-delay:-2.2s}
.tile-b svg{align-self:flex-end}
.tile-c{left:24px;top:270px;width:112px;height:112px;background:radial-gradient(circle at 100% 0%,var(--white-a35) 0%,var(--transparent) 42%),linear-gradient(150deg,var(--glass-hi) 0%,var(--glass-lo) 100%);animation-delay:-4.1s}
.tile-label{display:block;font-size:15px;font-weight:600;line-height:1.3}
.tile-num{display:block;font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.tile-unit{display:block;font-size:13px;font-weight:500;color:var(--white-a80);line-height:1.4}
.tile-joint{position:absolute;width:16px;height:16px;background:var(--white);box-shadow:0 0 12px 3px var(--white-a80),0 0 28px 6px var(--coral-a35)}
.tile-a .tile-joint{right:-1px;bottom:-1px}
.tile-b .tile-joint{left:-1px;top:-1px}
.tile-c .tile-joint{right:-1px;top:-1px}
.peek{position:relative;z-index:2;border-top:1px solid var(--border);background:var(--bg);padding-top:56px;padding-bottom:96px}
.peek-kicker{margin:0 0 12px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--accent)}
.peek-title{margin:0;font-family:var(--font-display);font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.25;color:var(--text)}
.tab-set{min-width:0}
.tab-bar,[role="tablist"]{display:flex;align-items:center;gap:8px;max-width:100%;overflow-x:auto;padding:6px;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:28px}
[role="tab"]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;padding:10px 20px;border:1px solid var(--transparent);border-radius:var(--r-md);background:var(--transparent);color:var(--text-muted);font-size:15px;font-weight:600;white-space:nowrap}
[role="tab"]:hover{color:var(--text)}
[role="tab"][aria-selected="true"]{background:var(--bg-panel);color:var(--accent-dark);border-color:var(--border);box-shadow:0 8px 18px -12px var(--accent-a28)}
[role="tabpanel"]{min-width:0}
.feature-browser{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:32px;margin-top:40px}
.feature-browser [role="tablist"]{display:flex;flex-direction:column;align-items:stretch;overflow:visible;background:var(--transparent);border:0;padding:0;gap:8px}
.feature-browser [role="tab"]{position:relative;justify-content:flex-start;gap:16px;text-align:left;white-space:normal;padding:18px 20px;color:var(--text);box-shadow:none}
.feature-browser [role="tab"]::before{content:"";position:absolute;inset:16px auto 16px 0;width:3px;border-radius:var(--r-face);background:var(--transparent)}
.feature-browser [role="tab"][aria-selected="true"]::before{background:var(--accent)}
.feature-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;color:var(--white);background:linear-gradient(140deg,var(--accent-2),var(--accent-dark));border:1px solid var(--white-a55);border-radius:var(--r-xs);box-shadow:0 6px 14px var(--accent-a12)}
.feature-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.feature-name{display:block;font-size:16px;font-weight:600}
.feature-note{display:block;margin-top:4px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);font-weight:400}
.feature-detail{position:relative;overflow-x:clip;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:40px;box-shadow:var(--panel-shadow)}
.feature-detail::after{content:"";position:absolute;width:100px;height:90px;right:0;bottom:0;background:radial-gradient(circle,var(--accent-a18) 2px,var(--transparent) 3px);background-size:14px 14px;pointer-events:none}
.feature-detail p{position:relative;z-index:1;color:var(--text-muted)}
.glass-stack{position:relative;max-width:100%;min-height:240px;margin-bottom:32px}
.glass-slab{position:absolute;width:55%;max-width:260px;min-height:108px;padding:20px;color:var(--white);background:linear-gradient(145deg,var(--glass-hi),var(--glass-lo));border:1px solid var(--white-a55);border-radius:var(--r-sm);box-shadow:0 20px 40px -20px var(--accent-a40)}
.glass-slab:first-child{top:0;left:0}
.glass-slab:nth-child(2){top:62px;left:23%}
.glass-slab:nth-child(3){top:124px;right:0}
.glass-slab strong{display:block;font-size:18px}
.glass-slab p{font-size:13px;margin:6px 0 0;color:var(--white-a80)}
.steps-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.steps-layout .glass-stack{min-height:340px}
.steps-layout .glass-slab{min-height:150px}
.steps-layout .glass-slab:nth-child(2){top:90px}
.steps-layout .glass-slab:nth-child(3){top:180px}
.toc-tabs{position:sticky;top:var(--toc-offset);z-index:20;display:flex;gap:6px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:10px;margin-top:32px;margin-bottom:40px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 12px 32px -24px var(--accent-a28)}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:40px;padding:8px 16px;border-radius:var(--r-sm);white-space:nowrap;text-decoration:none;color:var(--text-muted);font-size:14px}
.toc-tabs a:hover{background:var(--bg-panel-2);color:var(--text)}
.toc-tabs a.is-current{background:var(--accent);color:var(--on-dark)}
.toc-tabs.toc-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--toc-landing)}
.faq-list{border-top:1px solid var(--border)}
.faq-item{border-bottom:1px solid var(--border);padding:0}
.faq-item summary{position:relative;cursor:pointer;list-style:none;padding:24px 44px 24px 0;font-weight:600;font-size:17px;color:var(--text)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:4px;top:24px;width:24px;height:28px;text-align:center;color:var(--accent);font-family:var(--font-mono)}
.faq-item[open] summary::after{content:"−"}
.faq-item>div{max-width:860px;padding:0 24px 24px 0;color:var(--text-muted)}
.faq-item p:last-child{margin-bottom:0}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.plan-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:32px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--panel-shadow),inset 0 1px 0 var(--white)}
.plan-card.is-current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--panel-shadow)}
.plan-card.is-best{border-top:3px solid var(--accent)}
.plan-topline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.plan-name{font-size:20px;font-weight:700;margin:0}
.plan-price{font-family:var(--font-display);font-size:42px;font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--text);margin:12px 0}
.plan-price small{font-family:var(--font-body);font-size:14px;font-weight:400;color:var(--text-muted);letter-spacing:normal}
.plan-traffic{font-family:var(--font-mono);font-size:14px;color:var(--accent-dark)}
.plan-list{list-style:none;padding:0;margin:24px 0 32px;color:var(--text-muted);font-size:15px}
.plan-list li{display:flex;gap:10px;align-items:baseline}
.plan-list li::before{content:"✓";color:var(--accent);flex-shrink:0}
.plan-card .btn{margin-top:auto;width:100%}
.badge,.tag{display:inline-flex;align-items:center;gap:6px;min-height:28px;max-width:100%;padding:4px 10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-panel-2);color:var(--text);font-size:12px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;white-space:normal}
.badge-best{color:var(--accent-dark);background:var(--accent-a10);border-color:var(--accent-a18)}
.badge-current{background:var(--accent);border-color:var(--accent);color:var(--on-dark)}
.status-dot{width:6px;height:6px;flex:0 0 6px;border-radius:var(--r-round);background:var(--success)}
.table-scroll{overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel)}
.data-table,.route-table,.compare-table{width:100%;min-width:680px;font-size:15px;text-align:left}
.data-table caption,.route-table caption,.compare-table caption{text-align:left;padding:18px 24px;font-size:16px;font-weight:700;color:var(--text);background:var(--bg-panel)}
.data-table th,.route-table th,.compare-table th{padding:16px 24px;background:var(--bg-panel-2);color:var(--text);font-weight:600;white-space:nowrap}
.data-table td,.route-table td,.compare-table td{padding:18px 24px;color:var(--text-muted);border-top:1px solid var(--border)}
.table-scroll :is(td,th):first-child{color:var(--text);font-weight:600}
.route-group th{background:var(--bg-panel-2);color:var(--accent-dark)}
.table-note{font-size:13px;color:var(--text-muted);margin-top:12px}
.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:flex-start;flex-direction:column;gap:20px;min-width:0;padding:24px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 20px 44px -32px var(--accent-a28)}
.platform-card .pf-icon{width:28px;height:28px;flex-basis:28px}
.platform-card h3{font-size:18px;margin:0}
.platform-card .btn{margin-top:auto;font-size:13px;padding-inline:12px;max-width:100%}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.article-card{min-width:0;padding-top:24px;border-top:2px solid var(--border-strong)}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 12px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-bottom:16px}
.article-card h3{font-size:22px;line-height:1.5}
.article-card h3 a{color:var(--text);text-decoration:none}
.article-card h3 a:hover{color:var(--accent)}
.article-card p{font-size:15px;color:var(--text-muted)}
.callout{margin:32px 0;padding:24px 28px;border-left:3px solid var(--accent);border-radius:0 var(--r-md) var(--r-md) 0;background:var(--accent-a06);color:var(--text)}
.callout p:last-child{margin:0}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px;margin-top:48px;background:var(--text);color:var(--on-dark);border-radius:var(--r-lg);box-shadow:0 24px 52px -28px var(--accent-a28)}
.promo-copy{min-width:0}
.promo-brand{display:block;font-family:var(--font-display);font-size:22px;font-weight:800;margin-bottom:8px}
.promo-block p{margin:0;font-size:15px;color:var(--on-dark)}
.promo-block .btn{background:var(--bg-panel);color:var(--text);flex-shrink:0;white-space:nowrap}
.promo-block .btn:hover{background:var(--bg-panel-2)}
.blog-band{background:var(--bg-panel-2);border-block:1px solid var(--border);padding-top:64px;padding-bottom:64px}
.help-section{display:grid;grid-template-columns:minmax(160px,.65fr) minmax(0,2fr);gap:48px;margin-block:56px}
.help-body{min-width:0}
.help-body>p{color:var(--text-muted)}
.preview-section{padding-top:80px;padding-bottom:80px;border-top:1px solid var(--border)}
.preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.preview-swatch{min-width:0;padding:16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md)}
.preview-swatch code{display:block;font-size:12px;margin-top:12px;color:var(--text)}
.swatch{display:block;height:64px;border:1px solid var(--border);border-radius:var(--r-sm)}
.sw-bg{background:var(--bg)}.sw-panel{background:var(--bg-panel)}.sw-panel2{background:var(--bg-panel-2)}.sw-border{background:var(--border)}.sw-accent{background:var(--accent)}.sw-accent-dark{background:var(--accent-dark)}.sw-text{background:var(--text)}.sw-muted{background:var(--text-muted)}.sw-success{background:var(--success)}.sw-warn{background:var(--warn)}.sw-error{background:var(--error)}.sw-coral{background:var(--coral)}.sw-lavender{background:var(--lavender)}.sw-accent2{background:var(--accent-2)}.sw-accent3{background:var(--accent-3)}.sw-white{background:var(--white)}.sw-hero{background:linear-gradient(var(--hero-top),var(--hero-bottom))}.sw-plinth{background:linear-gradient(var(--plinth-top),var(--plinth-front),var(--plinth-side))}.sw-strong{background:var(--border-strong)}.sw-ink{background:var(--ink-hover)}.sw-glass{background:linear-gradient(var(--glass-hi),var(--glass-lo))}.sw-tints{background:linear-gradient(90deg,var(--accent-a06),var(--accent-a10),var(--accent-a12),var(--accent-a18),var(--accent-a28),var(--accent-a40))}.sw-highlights{background:linear-gradient(90deg,var(--white-a14),var(--white-a20),var(--white-a35),var(--white-a55),var(--white-a80)),var(--accent)}.sw-coral-tints{background:linear-gradient(90deg,var(--coral-a06),var(--coral-a20),var(--coral-a35))}.sw-ink-tints{background:linear-gradient(90deg,var(--border-soft),var(--text-a12),var(--text-a40))}.sw-flags{background:linear-gradient(90deg,var(--flag-red),var(--flag-red) 25%,var(--flag-blue) 25%,var(--flag-blue) 50%,var(--flag-green) 50%,var(--flag-green) 75%,var(--flag-white) 75%)}
.preview-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-block:24px}
.type-display{font-family:var(--font-display);font-size:40px;font-weight:800;line-height:1.2}
.type-mono{font-family:var(--font-mono);font-size:14px}
.preview-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.preview-footer-note{margin-top:24px;font-size:13px;color:var(--text-muted)}
@keyframes r1-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
@keyframes r1-shadow{0%,100%{opacity:1}50%{opacity:.68}}
@keyframes r1-breathe{0%,100%{opacity:.82}50%{opacity:1}}
@keyframes r1-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(max-width:1180px){
  .display{font-size:56px}
  .hero-grid{grid-template-columns:minmax(0,1fr) 482px}
  .hero-device{width:482px;height:516px}
  .rig{transform:scale(.86)}
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1024px){
  .hero-grid{grid-template-columns:minmax(0,1fr);row-gap:48px}
  .hero-device{justify-self:center;width:504px;height:540px}
  .rig{transform:scale(.9)}
  .plan-grid{gap:16px}
  .plan-card{padding:24px}
}
@media(max-width:768px){
  .notice{grid-template-columns:minmax(0,1fr)}
  .notice-tag{padding:8px 18px}
  .notice-text{padding:10px 18px 4px}
  .notice-link{padding:4px 18px 12px}
  .display{font-size:40px}
  .hero{padding-top:36px;padding-bottom:48px}
  .rig-dots{display:none}
  .tile-a{left:62px;top:72px}
  .tile-c{left:56px;top:262px}
  .tile-b{left:372px;top:292px}
  .plan-grid,.article-grid{grid-template-columns:minmax(0,1fr)}
  .feature-browser,.steps-layout{grid-template-columns:minmax(0,1fr);gap:32px}
  .feature-detail{padding:28px}
  .preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .help-section{grid-template-columns:minmax(0,1fr);gap:16px}
  .promo-block{flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
  .display{font-size:36px}
  .lede{font-size:16px}
  .spec-row{flex-direction:column;align-items:flex-start;gap:8px}
  .spec-label{flex:0 0 auto}
  .hero-device{width:403px;height:432px}
  .rig{transform:scale(.72)}
  .peek-title{font-size:26px}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-card{padding:20px}
  .promo-block{padding:24px}
  .preview-section{padding-top:56px;padding-bottom:56px}
  .glass-slab{padding:16px}
  .glass-slab strong{font-size:16px}
  .feature-note{overflow-wrap:anywhere}
}
@media(max-width:480px){
  .hero-device{width:347px;height:372px}
  .rig{transform:scale(.62)}
}
@media(max-width:400px){
  .hero-device{width:302px;height:324px}
  .rig{transform:scale(.54)}
}
@media(max-width:340px){
  .hero-device{width:280px;height:300px}
  .rig{transform:scale(.5)}
  .platform-grid{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  .cube,.plinth-shadow,.rig-halo,.top-spot,.tile{animation:none}
}