/* Shared controls */
.tabs{min-width:0}
[role="tablist"]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-md);width:fit-content;max-width:100%;margin-bottom:24px}
[role="tab"]{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 20px;border-radius:var(--r-sm);background:var(--clear);color:var(--text-muted);font-weight:700;white-space:nowrap}
[role="tab"][aria-selected="true"]{background:var(--panel);color:var(--text);box-shadow:var(--highlight),var(--shadow-card)}
[role="tabpanel"]{min-width:0}
.toc-tabs{position:sticky;top:var(--toc-offset);z-index:15;display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:8px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--highlight),var(--shadow-card);margin-bottom:32px;scrollbar-width:thin}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border-radius:var(--r-sm);font-size:14px;white-space:nowrap;flex-shrink:0}
.toc-tabs a.is-current{color:var(--accent-dark);background:var(--panel-2);font-weight:700}
.toc-tabs.toc-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:var(--toc-landing)}
.faq-item{border-bottom:1px solid var(--border);padding-block:8px}
.faq-item summary{position:relative;list-style:none;cursor:pointer;min-height:56px;padding:14px 40px 14px 0;font-size:18px;font-weight:700}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:8px;top:14px;color:var(--accent-dark);font-family:var(--font-mono);font-size:22px;line-height:1.3}
.faq-item[open] summary::after{content:"−"}
.faq-item p{color:var(--text-muted);padding-right:24px;margin-bottom:16px}
.badge,.tag{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 10px;border-radius:var(--r-xs);background:var(--panel-2);color:var(--accent-dark);font-size:12px;font-weight:700;line-height:1.5;max-width:100%;overflow:hidden;overflow-wrap:anywhere}
.badge-success{color:var(--success);background:color-mix(in srgb,var(--success) 9%,var(--panel))}
.badge-warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 9%,var(--panel))}
.badge-error{color:var(--error);background:color-mix(in srgb,var(--error) 9%,var(--panel))}
.fact-pill{display:inline-flex;align-items:center;gap:10px;min-height:32px;padding:4px 14px 4px 10px;border-radius:var(--r-pill);background:var(--panel);border:1px solid var(--border);box-shadow:var(--highlight),0 8px 18px -12px color-mix(in srgb,var(--accent) 40%,transparent);font-size:13px;font-weight:600;color:var(--text);max-width:100%}
.dot{width:8px;height:8px;border-radius:var(--r-round);background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);flex-shrink:0}
.num{font-family:var(--font-mono);font-weight:700}
.sep{color:var(--text-muted);margin-inline:2px}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{margin:0}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px 4px 10px;border-radius:var(--r-pill);background:var(--panel);border:1px solid var(--border);box-shadow:var(--highlight);font-size:13px;font-weight:600;color:var(--text);max-width:100%;overflow:hidden;overflow-wrap:anywhere}
.chip>svg{display:block}
.os{width:16px;height:16px;color:var(--text)}
.plan-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:32px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--highlight),var(--shadow-card);min-width:0}
.plan-card h3,.plan-card p{margin:0}
.plan-card.is-featured{border:1.5px solid var(--accent);box-shadow:var(--highlight),var(--shadow-lift)}
.plan-card.is-current{outline:2px solid var(--accent-dark);outline-offset:4px}
.plan-badge{align-self:flex-start;display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:var(--r-xs);background:var(--panel-2);color:var(--accent-dark);font-size:12px;font-weight:800}
.plan-price{font-family:var(--font-mono);font-size:40px;font-weight:800;line-height:1.2;letter-spacing:var(--heading-tracking);font-variant-numeric:tabular-nums}
.plan-price small{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--text-muted)}
.plan-specs{list-style:none;margin:0;padding:0;color:var(--text-muted);font-size:15px}
.plan-specs li{padding-block:8px;border-bottom:1px solid var(--hairline);margin:0}
.plan-card .btn{margin-top:auto;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(--r-md);background:var(--panel);box-shadow:var(--highlight),var(--shadow-card)}
.data-table,.route-table{width:100%;min-width:680px;border-collapse:collapse;text-align:left;font-size:15px}
.data-table caption,.route-table caption{text-align:left;padding:16px;font-weight:800;color:var(--text)}
.data-table th,.data-table td,.route-table th,.route-table td{padding:16px 20px;border-bottom:1px solid var(--border);vertical-align:top;word-break:keep-all;color:var(--text)}
.data-table th,.route-table th{background:var(--panel-2);font-weight:700;white-space:nowrap}
.route-group th{background:color-mix(in srgb,var(--accent) 9%,var(--panel));color:var(--accent-dark)}
.data-table tr:last-child td,.route-table tr:last-child td{border-bottom:0}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.platform-card{display:flex;align-items:flex-start;flex-direction:column;gap:16px;padding:24px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--highlight),var(--shadow-card);min-width:0}
.platform-card>svg{width:32px;height:32px}
.platform-card h3{font-size:18px;margin:0}
.platform-card p{font-size:14px;color:var(--text-muted);margin:0}
.platform-card .btn{font-size:13px;padding-inline:12px;margin-top:auto;max-width:100%}
.article-card{display:flex;flex-direction:column;gap:16px;padding:28px;border-top:3px solid var(--accent);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--highlight),var(--shadow-card);min-width:0}
.article-card h3{font-size:22px;margin:0}
.article-card h3 a:hover{color:var(--accent-dark)}
.article-card p{font-size:15px;color:var(--text-muted);margin:0}
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}
.article-card .text-link{margin-top:auto;font-size:14px}
.callout{margin:24px 0;padding:20px 24px;border-left:3px solid var(--accent);border-radius:var(--r-sm);background:var(--panel-2);color:var(--text)}
.callout p:last-child{margin-bottom:0}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:48px;padding:32px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--highlight)}
.promo-block h2,.promo-block h3{font-size:24px;margin:0 0 8px}
.promo-block p{margin:0;color:var(--text-muted)}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.float-cta{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:35;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border-radius:var(--r-sm);background:var(--button-gradient);color:var(--text);font-size:14px;font-weight:800;box-shadow:var(--highlight),var(--shadow-lift);white-space:nowrap}
.float-cta svg{width:18px;height:18px}
body:has(.float-cta)::after{content:"";display:block;height:calc(88px + env(safe-area-inset-bottom,0px))}
.divider-link{display:flex;align-items:center;gap:32px;margin-top:48px}
.divider-link::before,.divider-link::after{content:"";height:1px;flex:1;background:var(--text)}
.divider-link a{display:inline-flex;align-items:center;min-height:40px;font-size:15px;white-space:nowrap}
.features-layout{display:grid;grid-template-columns:1fr 2fr;gap:64px;align-items:start}
.features-intro{position:sticky;top:var(--anchor-offset);min-width:0}
.features-intro p{color:var(--text-muted)}
.echo-card{display:flex;align-items:center;gap:12px;max-width:100%;margin-top:32px;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--highlight),var(--shadow-card);font-size:13px}
.echo-card svg{width:32px;height:32px;color:var(--accent-dark)}
.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
.feature-item{display:flex;align-items:flex-start;gap:16px;padding-block:32px;border-bottom:1px solid var(--border);min-width:0}
.feature-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text);flex-shrink:0}
.feature-icon svg{width:20px;height:20px}
.feature-item h3{font-size:18px;margin:0 0 12px}
.feature-item p{font-size:15px;color:var(--text-muted);margin:0}
.feature-item>div:last-child{min-width:0}
.blog-heading{position:relative;isolation:isolate;padding-top:24px;overflow-x:clip}
.blog-heading::before{content:"";position:absolute;inset:0 24% 20% 0;background:var(--panel-2);z-index:-1;border-radius:var(--r-lg)}
.blog-heading p,.blog-heading .article-meta{margin-left:24px}
/* Approved first-screen construction */
.hero{position:relative;padding-top:48px;padding-bottom:56px}
.hero-grid{display:grid;grid-template-columns:46fr 54fr;gap:48px;align-items:center}
.hero-copy{position:relative;z-index:2;min-width:0}
.hero-title{margin:24px 0 0;font-family:var(--font-display);font-weight:900;font-size:clamp(52px,4.6vw,66px);line-height:1.12;letter-spacing:var(--display-tracking);color:var(--text)}
.hero-title .line{display:block}
.hero-lead{margin:24px 0 0;max-width:33em;font-size:17px;line-height:1.75;color:var(--text-muted)}
.hero-lead strong{color:var(--text);font-weight:700}
.trust{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:center;row-gap:4px;font-size:15px;line-height:1.6;color:var(--text-muted)}
.trust li{display:inline-flex;align-items:center;white-space:nowrap;margin:0}
.trust li+li::before{content:"";width:4px;height:4px;border-radius:var(--r-round);margin:0 12px;background:color-mix(in srgb,var(--text-muted) 70%,transparent);flex-shrink:0}
.spec{margin-top:32px;padding-top:24px;border-top:1px solid var(--border);display:grid;gap:16px}
.spec-label{margin:0 0 8px;font-family:var(--font-mono);font-size:11.5px;font-weight:500;letter-spacing:.08em;color:var(--text-muted)}
.flag{display:block;border-radius:var(--r-xs);overflow:hidden}
.flag.f-20{width:20px;height:14px}
.flag.f-18{width:18px;height:12px}
.flag.f-28{width:28px;height:19px}
.f-red{fill:var(--flag-red)}
.f-navy{fill:var(--flag-navy)}
.f-white{fill:var(--flag-white)}
.f-white-s{fill:none;stroke:var(--flag-white)}
.f-red-s{fill:none;stroke:var(--flag-red)}
.f-edge{fill:none;stroke:color-mix(in srgb,var(--text) 16%,transparent);stroke-width:1}
.stage{position:relative;height:620px;min-width:0}
.plate{position:absolute;left:0;right:136px;top:40px;height:536px;border-radius:var(--r-xl);background:radial-gradient(110% 85% at 16% 10%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 56%),radial-gradient(80% 70% at 92% 100%,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 62%),var(--panel-2);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--white) 70%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--border) 85%,transparent)}
.rk-window{position:absolute;left:36px;right:56px;top:40px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-window);transform:rotate(-2deg)}
.rk-clip{border-radius:var(--r-lg);overflow:hidden}
.rk-bar{position:relative;display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 12px;background:var(--chrome-gradient);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--white) 55%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--accent-dark) 26%,transparent)}
.rk-tools{display:flex;gap:4px}
.rk-tool{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--r-xs);background:color-mix(in srgb,var(--panel) 90%,transparent);color:var(--accent-dark);box-shadow:0 1px 2px color-mix(in srgb,var(--accent-dark) 28%,transparent)}
.rk-tool svg{width:14px;height:14px}
.rk-emblem{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 3px color-mix(in srgb,var(--accent-dark) 35%,transparent))}
.em-fill{fill:var(--white)}
.em-ink{stroke:var(--accent)}
.em-node{fill:var(--accent)}
.em-dot{fill:var(--accent-dark)}
.rk-body{display:grid;grid-template-columns:108px minmax(0,1fr)}
.rk-side{padding:14px 10px;background:color-mix(in srgb,var(--panel-2) 55%,var(--panel));border-right:1px solid var(--border)}
.rk-side-head{margin:0 0 8px;padding:0 6px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:var(--text-muted)}
.rk-regions{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.rk-regions li{display:flex;align-items:center;gap:8px;height:32px;padding:0 8px;border-radius:var(--r-xs);font-size:13px;color:var(--text-muted);white-space:nowrap;margin:0}
.rk-regions li.is-on{color:var(--text);font-weight:700;background:var(--panel);box-shadow:0 0 0 1px var(--border),0 4px 10px -6px color-mix(in srgb,var(--accent) 45%,transparent)}
.rk-pip{margin-left:auto;width:6px;height:6px;border-radius:var(--r-round);background:var(--accent);flex-shrink:0}
.rk-side-more{display:grid;gap:2px;margin:12px 0 0;padding:10px 8px 0;border-top:1px solid var(--border);font-size:11.5px;color:var(--text-muted)}
.rk-side-more b{font-family:var(--font-mono);font-size:12px;color:var(--text)}
.rk-canvas{display:flex;flex-direction:column;gap:10px;min-width:0;padding:16px 18px 0}
.rk-block{position:relative;padding:11px 12px;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--border)}
.rk-picked{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;border:1.5px solid var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent-2) 10%,var(--panel)),var(--panel));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}
.rk-picked-text{display:grid;gap:2px;min-width:0}
.rk-kicker{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:var(--text-muted)}
.rk-title{font-size:16px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
.rk-check{display:grid;place-items:center;width:22px;height:22px;margin-left:auto;border-radius:var(--r-round);background:color-mix(in srgb,var(--accent) 18%,var(--panel));color:var(--accent-dark);flex-shrink:0}
.rk-check svg{width:13px;height:13px}
.rk-insert{position:absolute;left:50%;bottom:-12px;display:grid;place-items:center;width:22px;height:22px;border-radius:var(--r-round);transform:translateX(-50%);background:var(--panel);border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);color:var(--accent-dark);box-shadow:0 3px 8px -3px color-mix(in srgb,var(--accent) 50%,transparent)}
.rk-insert svg{width:12px;height:12px}
.rk-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}
.rk-label svg{width:14px;height:14px}
.rk-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.rk-chip{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:var(--r-xs);background:var(--panel-2);font-family:var(--font-mono);font-size:11.5px;font-weight:600;color:var(--text)}
.rk-chip.is-on{color:var(--accent-dark);background:color-mix(in srgb,var(--accent) 16%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent)}
.rk-row{display:flex;align-items:center;gap:8px;min-height:46px;padding:8px 12px}
.rk-row-name{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;white-space:nowrap}
.rk-row-name svg{width:16px;height:16px;color:var(--accent-dark)}
.rk-row-name.is-soft{font-weight:500;color:var(--text-muted)}
.rk-row-end{display:flex;align-items:center;gap:8px;margin-left:auto}
.rk-state{font-size:11.5px;font-weight:600;color:var(--accent-dark)}
.rk-switch{position:relative;width:38px;height:22px;border-radius:var(--r-pill);background:var(--accent);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--accent-dark) 38%,transparent);flex-shrink:0}
.rk-knob{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:var(--r-round);background:var(--white);box-shadow:0 1px 3px color-mix(in srgb,var(--accent-dark) 45%,transparent)}
.rk-value{font-size:13.5px;font-weight:800;white-space:nowrap}
.rk-slot{display:flex;align-items:center;gap:6px;min-height:48px;padding:10px 12px;border-radius:var(--r-md);border:1.5px dashed color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 5%,transparent);font-size:12px;color:var(--text-muted)}
.rk-slot svg{width:14px;height:14px;color:var(--accent-dark)}
.rk-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:2px -18px 0;padding:12px 18px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--panel-2) 32%,var(--panel))}
.rk-plan{display:inline-flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}
.rk-plan-tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--r-xs);background:var(--panel-2);font-weight:700}
.rk-plan-num{font-family:var(--font-mono);font-size:12.5px;font-weight:700}
.rk-import{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 12px;border-radius:var(--r-xs);background:var(--text);color:var(--panel);font-size:12px;font-weight:700;white-space:nowrap}
.rk-import svg{width:14px;height:14px}
.rk-drag{position:relative;z-index:3;display:flex;align-items:center;gap:10px;width:fit-content;max-width:calc(100% - 96px);margin:16px 80px 16px 16px;padding:10px 12px;border-radius:var(--r-md);background:var(--panel);border:1.5px solid var(--accent);box-shadow:var(--highlight),var(--shadow-lift)}
.rk-drag-tile,.rk-badge-tile{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--accent-dark);flex-shrink:0}
.rk-drag-tile svg,.rk-badge-tile svg{width:20px;height:20px}
.rk-drag-text,.rk-badge-text{display:grid;gap:1px}
.rk-drag-text b,.rk-badge-text b{font-size:14px;font-weight:800;white-space:nowrap}
.rk-drag-text span{font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted);white-space:nowrap}
.rk-cursor{position:absolute;left:20px;bottom:-14px;width:20px;height:20px}
.cur-fill{fill:var(--text);stroke:var(--panel);stroke-width:1.4;stroke-linejoin:round}
.rk-rail{position:absolute;right:0;top:8px;display:flex;flex-direction:column;gap:16px;width:112px;margin:0;padding:0;list-style:none}
.rk-piece{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:132px;padding:12px 8px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--border);box-shadow:var(--highlight),var(--shadow-card);text-align:center;margin:0}
.rk-piece.is-edge{opacity:.72}
.rk-piece-tile{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-sm);background:var(--panel-2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 85%,transparent);color:var(--text)}
.rk-piece-tile svg{width:22px;height:22px}
.rk-piece-name{font-size:13px;font-weight:700;line-height:1.3}
.rk-piece-sub{font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted);white-space:nowrap}
.rk-badge{position:absolute;left:-18px;bottom:-26px;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--border);box-shadow:var(--highlight),var(--shadow-lift);transform:rotate(-3deg)}
.rk-badge-text span{font-size:11px;color:var(--text-muted);white-space:nowrap}
.peek{position:relative;padding-top:56px;padding-bottom:96px;background:var(--bg);border-top:1px solid var(--hairline)}
.peek h2{margin:12px 0 0;font-size:40px}
.peek p{margin:16px 0 0;max-width:36em;font-size:17px;line-height:1.75;color:var(--text-muted)}
/* Preview furniture is intentionally shared with documentation pages. */
.svg-bank{position:absolute;width:0;height:0;overflow:hidden}
.sample-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-block:24px}
.swatch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.swatch{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;min-width:0;box-shadow:var(--highlight)}
.swatch-color{height:64px;border-bottom:1px solid var(--border)}
.swatch code{display:block;padding:12px;background:var(--clear);font-size:12px}
.sw-bg{background:var(--bg)}
.sw-top{background:var(--bg-hero-top)}
.sw-bottom{background:var(--bg-hero-bottom)}
.sw-panel{background:var(--panel)}
.sw-panel2{background:var(--panel-2)}
.sw-border{background:var(--border)}
.sw-accent{background:var(--accent)}
.sw-accent2{background:var(--accent-2)}
.sw-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-white{background:var(--white)}
.sw-flagred{background:var(--flag-red)}
.sw-flagnavy{background:var(--flag-navy)}
.sw-clear{background:var(--clear)}
.type-display{font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.2;letter-spacing:var(--heading-tracking)}
.preview-note{color:var(--text-muted);font-size:14px}
@media(max-width:1180px) and (min-width:769px){
  .hero-grid{gap:24px;grid-template-columns:44fr 56fr}
  .rk-window{left:16px;right:40px}
  .rk-body{grid-template-columns:88px minmax(0,1fr))}
  .rk-side{padding-inline:6px}
  .rk-canvas{padding-inline:12px}
  .rk-foot{margin-inline:-12px;padding-inline:12px}
  .rk-rail{width:88px}
  .rk-piece{height:128px}
  .rk-drag{right:-24px}
}
@media(max-width:1000px){
  .features-layout{gap:32px}
  .feature-list{column-gap:24px}
  .feature-item{gap:12px}
  .grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:768px){
  .hero{padding-top:32px;padding-bottom:40px}
  .hero-grid{grid-template-columns:1fr;gap:32px}
  .hero-title{font-size:40px}
  .hero-copy{max-width:640px}
  .stage{height:auto;min-height:0;display:flex;flex-direction:column;padding:24px 16px;isolation:isolate}
  .plate{inset:0;height:auto;z-index:-1}
  .rk-window{position:relative;inset:auto;transform:none;width:100%}
  .rk-drag{position:absolute;right:8px;bottom:70px;width:172px;max-width:none;margin:0;transform:none}
  .rk-rail{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin-top:24px}
  .rk-piece{height:112px;padding:8px 4px}
  .rk-piece-sub{font-size:9px}
  .rk-badge{display:none}
  .features-layout{grid-template-columns:1fr}
  .features-intro{position:static}
  .feature-list{grid-template-columns:1fr}
  .feature-item{padding-block:24px}
  .promo-block{align-items:flex-start;flex-direction:column;gap:24px}
  .swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .peek h2{font-size:30px}
}
@media(max-width:640px){
  .hero-title{font-size:clamp(30px,9vw,40px)}
  .hero .cta-row{margin-top:24px;gap:8px}
  .hero .btn{padding-inline:18px}
  .hero-lead{margin-top:20px}
  .trust{font-size:13px;gap:4px 12px}
  .trust li+li::before{display:none}
  .stage{padding:16px 8px}
  .rk-body{grid-template-columns:70px minmax(0,1fr))}
  .rk-side{padding:12px 4px}
  .rk-side-head{padding-inline:4px;font-size:9px}
  .rk-regions li{padding-inline:4px;gap:4px;font-size:11px}
  .rk-regions .flag{width:14px;height:10px}
  .rk-pip{display:none}
  .rk-side-more{padding-inline:4px;font-size:10px}
  .rk-side-more b{font-size:10px}
  .rk-canvas{padding:12px 8px 0;gap:8px}
  .rk-picked{padding:10px 8px;gap:6px}
  .rk-title{font-size:12px;white-space:normal}
  .rk-kicker{font-size:9px}
  .rk-check{width:18px;height:18px}
  .rk-picked .flag{width:20px;height:14px}
  .rk-block{padding:10px 8px}
  .rk-chip{font-size:9px;padding-inline:5px}
  .rk-chips{gap:4px}
  .rk-row{flex-wrap:wrap;gap:4px}
  .rk-row-name{font-size:11px;gap:4px;white-space:normal}
  .rk-row-name svg{width:13px;height:13px}
  .rk-row-end{gap:4px}
  .rk-state{font-size:10px}
  .rk-switch{width:30px;height:18px}
  .rk-knob{width:14px;height:14px}
  .rk-value{font-size:11px}
  .rk-slot{font-size:10px;padding-bottom:64px}
  .rk-foot{margin-inline:-8px;padding:10px 8px}
  .rk-plan{gap:4px;font-size:10px}
  .rk-plan-tag{padding-inline:4px}
  .rk-plan-num{font-size:10px}
  .rk-import{font-size:10px;padding-inline:8px}
  .rk-drag{right:8px;bottom:88px;width:146px;padding:8px;gap:8px}
  .rk-drag-text b{font-size:12px}
  .rk-drag-text span{font-size:9px}
  .rk-piece-name{font-size:11px}
  .rk-piece-tile{width:32px;height:32px}
  .rk-piece-tile svg{width:18px;height:18px}
  .rk-piece-sub{font-size:8px;white-space:normal;overflow-wrap:anywhere}
  .rk-piece{height:104px}
  .grid-5{grid-template-columns:1fr}
  .swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .float-cta{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .divider-link{gap:16px}
  .plan-card{padding:24px}
}