.hero{position:relative;z-index:1}
.hero-in{max-width:var(--wrap);margin:0 auto;padding:28px var(--gutter) 56px;display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:48px;align-items:center}
.copy{position:relative;z-index:3;min-width:0}
.copy .tag{min-height:34px;padding:0 16px 0 12px}
.h1{margin-top:24px;line-height:1.06;letter-spacing:-.03em}
.h1-line{display:block}
.h1-mark{padding:0 .04em;background:linear-gradient(180deg,var(--clear) 64%,var(--mark) 64%,var(--mark) 92%,var(--clear) 92%)}
.lead{margin-top:28px;max-width:30em;font-size:17px;line-height:1.75;color:var(--text-muted)}
.lead strong{color:var(--text);font-weight:700}
.trust{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;max-width:470px}
.trust li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.trust-ico{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:var(--r-sm);background:var(--teal-mist);color:var(--accent-dark);box-shadow:inset 0 1px 0 var(--hl),0 0 0 1px var(--tint-12)}
.trust-ico svg{width:16px;height:16px}
.rows{margin-top:28px;padding-top:24px;border-top:1px solid var(--border);display:grid;gap:16px}
.row-cap{margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--text-muted)}
.plats{display:flex;flex-wrap:wrap;gap:8px}
.plats li{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding-inline:12px;border-radius:var(--r-pill);background:var(--bg-panel);box-shadow:inset 0 1px 0 var(--hl),0 0 0 1px var(--border);font-size:13px;font-weight:600}
.plats svg{display:block;width:17px;height:17px}
.flags{display:flex;flex-wrap:wrap;gap:10px 18px}
.flags li{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600}
.flag{position:relative;display:inline-flex;flex-shrink:0;width:24px;height:16px;border-radius:var(--r-xs);overflow:hidden;box-shadow:0 0 0 1px var(--ink-10)}
.flag svg{display:block;width:100%;height:100%}
.flag-sm{width:18px;height:12px;border-radius:var(--r-xs)}
.flag-md{width:21px;height:14px;border-radius:var(--r-xs)}
.stage{position:relative;z-index:1;height:850px;min-width:0}
.rig{position:absolute;left:0;top:0;width:632px;height:850px;transform-origin:0 0}
.float-shadow{position:absolute;left:70px;right:10px;bottom:2px;height:56px;border-radius:var(--r-circle);background:radial-gradient(closest-side,var(--tint-20),var(--clear));filter:blur(10px)}
.desk{position:absolute;left:24px;top:84px;z-index:2;width:560px;height:416px;transform:perspective(2200px) rotate(-4deg) rotateY(-6deg)}
.desk-edge{position:absolute;inset:0;border-radius:var(--r-lg);transform:translate(10px,18px);background:linear-gradient(150deg,var(--bg-panel-2),var(--border) 55%,var(--sand));box-shadow:0 60px 100px -36px var(--tint-12),0 34px 60px -30px var(--ink-10)}
.desk-shell{position:relative;height:100%;padding:10px;border-radius:var(--r-lg);background:linear-gradient(155deg,var(--white),var(--bg-panel) 45%,var(--bg-panel-2));box-shadow:inset 0 1px 0 var(--hl),inset 0 0 0 1px var(--hl-soft),0 0 0 1px var(--border),0 40px 80px -24px var(--tint-12)}
.desk-shell::before{content:"";position:absolute;left:30px;right:30px;top:0;height:1px;background:linear-gradient(90deg,var(--clear),var(--hl),var(--clear));z-index:4}
.screen{position:relative;height:100%;border-radius:var(--r-md);overflow:hidden;background:var(--white);box-shadow:inset 0 0 0 1px var(--border)}
.screen::after,.phone-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(128deg,var(--glare),var(--clear) 34%);pointer-events:none;z-index:3}
.chrome{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:36px;padding-inline:14px;background:linear-gradient(180deg,var(--bg-panel),var(--bg-panel-2));border-bottom:1px solid var(--border)}
.dots{display:inline-flex;gap:6px}
.dots i{width:10px;height:10px;border-radius:var(--r-circle);background:var(--coral);box-shadow:inset 0 -1px 1px var(--ink-10)}
.dots i:nth-child(2){background:var(--apricot)}.dots i:nth-child(3){background:var(--sand)}
.chrome-title{font-size:12px;font-weight:700;letter-spacing:.01em}
.ui{display:grid;grid-template-columns:132px minmax(0,1fr) 138px;grid-template-rows:minmax(0,1fr) auto;gap:10px;height:calc(100% - 36px);padding:12px;background:linear-gradient(180deg,var(--white),var(--bg-panel))}
.ui-label{font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--text-muted)}
.regions{grid-column:1;grid-row:1;padding:10px 8px;border-radius:var(--r-md);background:linear-gradient(180deg,var(--bg-panel),var(--bg-panel-2));box-shadow:inset 0 1px 0 var(--hl),inset 0 0 0 1px var(--border)}
.regions .ui-label{padding:0 6px 6px}
.reg{display:flex;align-items:center;gap:8px;height:31px;padding-inline:8px;border-radius:var(--r-sm);font-size:12.5px;font-weight:600}
.reg.is-on{background:var(--white);box-shadow:0 0 0 1px var(--border),0 6px 14px -8px var(--tint-30)}
.reg-tag{margin-left:auto;padding:1px 6px;border-radius:var(--r-pill);background:var(--teal-mist);font-size:9.5px;font-weight:700;color:var(--accent-dark)}
.ui-main{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:10px;min-width:0}
.line-card{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:var(--r-md);background:linear-gradient(160deg,var(--white),var(--teal-mist));box-shadow:inset 0 1px 0 var(--hl),0 0 0 1px var(--border),0 14px 26px -18px var(--tint-30)}
.line-name{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:16.5px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
.line-row{display:flex;align-items:center;gap:10px;margin-top:10px}
.toggle{position:relative;flex-shrink:0;width:38px;height:22px;border-radius:var(--r-pill);background:var(--border);box-shadow:inset 0 1px 2px var(--ink-10)}
.toggle i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:var(--r-circle);background:var(--white);box-shadow:0 2px 4px var(--ink-10)}
.toggle.is-on{background:var(--accent-dark)}.toggle.is-on i{left:19px}
.conn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--success)}
.dot-ok{width:8px;height:8px;box-shadow:0 0 0 3px var(--ok-ring)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.chip{display:inline-flex;align-items:center;min-height:24px;max-width:100%;padding:2px 9px;border-radius:var(--r-pill);background:var(--bg-panel-2);font-size:11.5px;font-weight:600;color:var(--text-muted);overflow-wrap:anywhere}
.chip.is-on{background:var(--teal-soft);color:var(--accent-dark);box-shadow:inset 0 0 0 1px var(--tint-20)}
.mode{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:var(--r-pill);background:var(--bg-panel-2);box-shadow:inset 0 1px 2px var(--ink-06)}
.mode-opt{display:flex;align-items:center;justify-content:center;height:26px;border-radius:var(--r-pill);font-size:11.5px;font-weight:600;color:var(--text-muted)}
.mode-opt.is-on{background:var(--white);color:var(--text);box-shadow:0 2px 6px -2px var(--ink-10)}
.ui-plan{grid-column:3;grid-row:1/3;padding:8px;border-radius:var(--r-md);background:linear-gradient(180deg,var(--bg-panel),var(--bg-panel-2));box-shadow:inset 0 1px 0 var(--hl),inset 0 0 0 1px var(--border)}
.plan-card{padding:12px;border-radius:var(--r-sm);background:linear-gradient(155deg,var(--teal-soft),var(--peri-soft));box-shadow:inset 0 1px 0 var(--hl),0 12px 22px -14px var(--tint-30)}
.plan-price{margin-top:8px;font-family:var(--font-display);font-size:28px;font-weight:900;line-height:1;letter-spacing:-.03em}
.plan-price small{font-size:12px;font-weight:700;letter-spacing:0;color:var(--text-muted)}
.plan-gb{display:inline-flex;margin-top:10px;padding:3px 8px;border-radius:var(--r-pill);background:var(--hl-soft);font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--accent-dark)}
.plan-note{margin-top:8px;font-size:11px;line-height:1.4;color:var(--text-muted)}
.status{grid-column:1/3;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px;min-height:40px;padding:6px 12px;border-radius:var(--r-sm);background:linear-gradient(90deg,var(--bg-panel-2),var(--bg-panel));box-shadow:inset 0 1px 0 var(--hl),inset 0 0 0 1px var(--border);font-size:11px;font-weight:600;color:var(--text-muted)}
.st{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.st b{font-weight:700;color:var(--text)}
.st-lock{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--r-xs);background:var(--accent-dark);color:var(--white)}
.st-lock svg{width:12px;height:12px}
.st.mono{min-width:0;white-space:normal;font-size:10.5px;font-weight:700;color:var(--text)}
.phone{position:absolute;left:444px;top:510px;z-index:4;width:170px;height:324px;transform:rotate(3deg)}
.phone-edge{position:absolute;inset:0;border-radius:var(--r-xl);transform:translate(8px,12px);background:linear-gradient(150deg,var(--bg-panel-2),var(--border) 60%,var(--sand));box-shadow:0 40px 70px -26px var(--tint-12),0 24px 40px -24px var(--ink-10)}
.phone-shell{position:relative;height:100%;padding:8px;border-radius:var(--r-xl);background:linear-gradient(155deg,var(--white),var(--bg-panel) 50%,var(--bg-panel-2));box-shadow:inset 0 1px 0 var(--hl),0 0 0 1px var(--border),0 30px 60px -20px var(--tint-12)}
.phone-screen{position:relative;display:flex;flex-direction:column;gap:7px;height:100%;padding:10px 12px 12px;border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(180deg,var(--white),var(--bg-panel));box-shadow:inset 0 0 0 1px var(--border)}
.notch{align-self:center;flex-shrink:0;width:52px;height:14px;border-radius:var(--r-pill);background:var(--text)}
.ph-head{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800}
.ph-head svg{width:18px;height:18px}
.ph-conn{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--success)}
.ph-conn .dot-ok{width:6px;height:6px}
.pack{padding:10px;border-radius:var(--r-md);background:linear-gradient(155deg,var(--mint),var(--teal-soft));box-shadow:inset 0 1px 0 var(--hl),0 10px 18px -12px var(--tint-30)}
.pack-gb{margin-top:4px;font-family:var(--font-mono);font-size:24px;font-weight:700;line-height:1.1;letter-spacing:-.02em}
.pack-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.pack-tags span{padding:2px 7px;border-radius:var(--r-pill);background:var(--hl-soft);font-size:10px;font-weight:700;color:var(--accent-dark)}
.ph-switch{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-radius:var(--r-md);background:var(--white);box-shadow:inset 0 1px 0 var(--hl),0 0 0 1px var(--border)}
.ph-switch b{display:block;font-size:12px;font-weight:700}
.ph-switch small{display:block;font-size:10px;font-weight:600;color:var(--text-muted)}
.ph-cap{margin-top:auto;font-size:10px;font-weight:700;color:var(--text-muted)}
.ph-plats{display:flex;justify-content:space-between}
.ph-plat{display:flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding-inline:3px;border-radius:var(--r-xs);background:var(--bg-panel-2);box-shadow:inset 0 1px 0 var(--hl),0 0 0 1px var(--border);font-size:9px}
.ph-plat svg{width:13px;height:13px}
.sticker{position:absolute;right:-24px;top:-18px;z-index:5;padding:7px 12px;border-radius:var(--r-sm);transform:rotate(12deg);background:linear-gradient(160deg,var(--bg-panel),var(--apricot-soft));font-size:12px;font-weight:800;white-space:nowrap;box-shadow:inset 0 1px 0 var(--hl),0 0 0 1px var(--border),0 12px 22px -10px var(--tint-30)}
.bot{position:absolute;left:-8px;top:492px;z-index:5;width:112px;height:132px}
.bot-ant{position:absolute;left:54px;top:6px;width:4px;height:16px;border-radius:var(--r-xs);background:var(--peri)}
.bot-ant::after{content:"";position:absolute;left:-5px;top:-9px;width:14px;height:14px;border-radius:var(--r-circle);background:radial-gradient(circle at 35% 30%,var(--white),var(--teal-soft) 45%,var(--accent));box-shadow:0 4px 8px -2px var(--tint-30)}
.bot-ear{position:absolute;top:44px;width:10px;height:30px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--peri-soft),var(--peri))}
.bot-ear.l{left:2px}.bot-ear.r{right:2px}
.bot-head{position:absolute;left:8px;top:20px;width:96px;height:84px;border-radius:var(--r-lg);background:linear-gradient(140deg,var(--white),var(--teal-soft) 35%,var(--peri));box-shadow:inset 0 2px 0 var(--hl),0 18px 28px -10px var(--tint-30)}
.bot-face{position:absolute;inset:18px 12px;border-radius:var(--r-md);background:linear-gradient(145deg,var(--accent-dark),var(--abyss));display:flex;align-items:center;justify-content:center;color:var(--white)}
.bot-face svg{width:48px;height:32px}
.bot-foot{position:absolute;bottom:6px;width:28px;height:24px;border-radius:var(--r-sm);background:linear-gradient(var(--peri-soft),var(--peri));box-shadow:0 8px 16px -6px var(--tint-30)}
.bot-foot.l{left:20px}.bot-foot.r{right:20px}
.flag-bubble{position:absolute;left:520px;top:22px;width:82px;height:82px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-lg);transform:rotate(12deg);background:linear-gradient(140deg,var(--white),var(--peri-soft));box-shadow:inset 0 2px 0 var(--hl),0 18px 30px -12px var(--tint-20)}
.flag-bubble .flag{width:48px;height:32px}
.platform-cube{position:absolute;left:46px;top:8px;width:66px;height:66px;transform:rotate(-12deg);border-radius:var(--r-md);background:linear-gradient(135deg,var(--white),var(--teal-soft));box-shadow:inset 0 2px 0 var(--hl),10px 10px 0 var(--peri-soft),0 22px 34px -12px var(--tint-30);display:flex;align-items:center;justify-content:center;gap:5px;color:var(--accent-dark)}
.platform-cube svg{width:24px;height:24px}
.tabs{min-width:0}
[role="tablist"]{display:flex;align-items:center;gap:8px;padding:6px;max-width:100%;overflow-x:auto;border-radius:var(--r-pill);background:var(--bg-panel-2);box-shadow:inset 0 1px 2px var(--ink-06);margin-bottom:24px}
[role="tab"]{flex-shrink:0;min-height:44px;padding:8px 22px;border-radius:var(--r-pill);background:var(--clear);font-weight:700;color:var(--text-muted);white-space:nowrap}
[role="tab"][aria-selected="true"]{background:var(--white);color:var(--accent-dark);box-shadow:0 6px 14px -7px var(--tint-30),inset 0 0 0 1px var(--border)}
[role="tabpanel"]{min-width:0}
.toc-tabs{position:sticky;top:0;z-index:20;display:flex;gap:8px;align-items:center;min-height:var(--toc-height);max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding:10px 12px;margin-block:24px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-panel)}
.toc-tabs a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:42px;padding:8px 16px;white-space:nowrap;border-radius:var(--r-pill);font-size:var(--fs-small);font-weight:700}
.toc-tabs a.is-current{background:var(--teal-soft);color:var(--accent-dark)}
.toc-tabs.toc-static{position:static}
body:has(.toc-tabs) section[id]{scroll-margin-top:calc(var(--header-height) + var(--toc-height) + 16px)}
.faq-item{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel);box-shadow:inset 0 1px 0 var(--hl);margin-bottom:12px}
.faq-item summary{position:relative;cursor:pointer;list-style:none;padding:22px 58px 22px 24px;font-weight:700;min-height:56px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:24px;top:20px;color:var(--accent-dark);font-family:var(--font-mono)}
.faq-item[open] summary::after{content:"−"}
.faq-answer{padding:0 24px 24px;color:var(--text-muted)}
.pricing-card{position:relative;min-width:0;padding:32px;border:1px solid var(--border);border-radius:var(--r-xl);background:linear-gradient(160deg,var(--white),var(--bg-panel));box-shadow:var(--shadow-panel);display:flex;flex-direction:column;gap:20px}
.pricing-card.is-featured{background:linear-gradient(145deg,var(--teal-mist),var(--bg-panel));border-color:var(--accent-dark)}
.pricing-card.is-current{box-shadow:inset 0 0 0 2px var(--accent-dark),var(--shadow-panel)}
.pricing-badge{align-self:flex-start;padding:5px 12px;border-radius:var(--r-pill);background:var(--text);color:var(--bg-panel);font-size:var(--fs-caption);font-weight:700}
.price{font-family:var(--font-display);font-size:44px;line-height:1.1;font-weight:900;letter-spacing:-.02em}
.price small{font-size:var(--fs-small);color:var(--text-muted);font-weight:600}
.plan-facts{display:grid;gap:12px;color:var(--text-muted);font-size:var(--fs-small)}
.pricing-card .btn{margin-top:auto;align-self:flex-start}
.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(--bg-panel)}
.data-table,.route-table{width:100%;min-width:640px;text-align:left}
.data-table caption,.route-table caption{text-align:left;padding:16px 20px;color:var(--text);font-weight:800}
.data-table th,.route-table th{background:var(--bg-panel-2);color:var(--text);font-weight:800;white-space:nowrap}
.data-table td,.data-table th,.route-table td,.route-table th{padding:16px 20px;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:700}
.route-group th{background:var(--teal-mist);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;flex-direction:column;align-items:flex-start;gap:20px;padding:24px;min-width:0;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);box-shadow:var(--shadow-panel)}
.platform-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--teal-soft),var(--peri-soft));color:var(--accent-dark)}
.platform-icon svg{width:28px;height:28px}
.platform-card .btn{font-size:13px;padding-inline:16px;margin-top:auto}
.article-card{display:flex;flex-direction:column;gap:16px;padding:28px;min-width:0;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);box-shadow:var(--shadow-panel);transition:transform var(--ease)}
.article-card:hover{transform:translateY(-3px)}
.article-card h3{font-size:21px}
.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:var(--fs-caption);color:var(--text-muted)}
.article-card p{color:var(--text-muted)}
.article-card>a:last-child{min-height:30px;color:var(--accent-dark);font-weight:700;margin-top:auto}
.callout{margin:0;padding:24px 28px;border-left:4px solid var(--accent-dark);border-radius:var(--r-md);background:var(--teal-mist);color:var(--text);box-shadow:inset 0 1px 0 var(--hl)}
.callout-warn{border-left-color:var(--warn);background:var(--apricot-soft)}
.promo-block{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px;border-radius:var(--r-xl);border:1px solid var(--border);background:linear-gradient(120deg,var(--teal-mist),var(--bg-panel),var(--apricot-soft));box-shadow:var(--shadow-panel);margin-block:40px}
.promo-block p{margin-top:10px;color:var(--text-muted)}
.promo-block .btn{flex-shrink:0;white-space:nowrap}
.float-cta{position:fixed;right:max(20px,env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:40;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 22px;border-radius:var(--r-pill);background:var(--text);color:var(--bg-panel);font-size:var(--fs-small);font-weight:700;box-shadow:inset 0 1px 0 var(--hl-dark),0 16px 32px -12px var(--tint-30)}
.float-cta svg{width:18px;height:18px}
body:has(.float-cta)::after{content:"";display:block;height:calc(88px + env(safe-area-inset-bottom,0px))}
.feature-band{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;padding:16px;border-radius:var(--r-band);background:var(--band-frame);margin-bottom:40px}
.feature-band:nth-child(even) .feature-art{order:2}
.feature-art{min-height:360px;display:flex;align-items:center;justify-content:center;padding:40px;border-radius:var(--r-xl);background:linear-gradient(140deg,var(--coral),var(--apricot))}
.feature-art.teal{background:linear-gradient(140deg,var(--teal-soft),var(--peri-soft))}
.feature-art.mint{background:linear-gradient(140deg,var(--mint),var(--teal-soft))}
.feature-shot{width:100%;padding:28px;border-radius:var(--r-lg);background:var(--white);box-shadow:inset 0 1px 0 var(--hl),0 24px 56px -18px var(--tint-12);transition:transform var(--ease)}
.feature-band:hover .feature-shot{transform:translateY(-4px)}
.feature-shot .reg{height:auto;min-height:44px;border-bottom:1px solid var(--border)}
.feature-copy{padding:24px}
.feature-copy p{margin-top:20px;color:var(--text-muted)}
.feature-extra{margin-top:24px;padding:20px;border-radius:var(--r-md);background:var(--bg-panel)}
.fact-capsule{grid-column:1/-1;justify-self:center;padding:8px 16px;border-radius:var(--r-pill);background:var(--bg-panel);font-family:var(--font-mono);font-size:var(--fs-caption);text-align:center;max-width:100%}
.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.swatch{display:flex;flex-direction:column;min-width:0;padding:12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel);font-size:var(--fs-caption);overflow-wrap:anywhere}
.swatch::before{content:"";height:64px;margin-bottom:12px;border-radius:var(--r-sm);background:var(--sample);box-shadow:inset 0 0 0 1px var(--ink-10)}
.sw-bg{--sample:var(--bg)}.sw-panel{--sample:var(--bg-panel)}.sw-panel2{--sample:var(--bg-panel-2)}
.sw-border{--sample:var(--border)}.sw-borderstrong{--sample:var(--border-strong)}
.sw-accent{--sample:var(--accent)}.sw-accentdark{--sample:var(--accent-dark)}.sw-abyss{--sample:var(--abyss)}
.sw-text{--sample:var(--text)}.sw-muted{--sample:var(--text-muted)}
.sw-success{--sample:var(--success)}.sw-warn{--sample:var(--warn)}.sw-error{--sample:var(--error)}
.sw-top{--sample:var(--paper-top)}.sw-bottom{--sample:var(--paper-bottom)}.sw-white{--sample:var(--white)}
.sw-peri{--sample:var(--peri)}.sw-perisoft{--sample:var(--peri-soft)}.sw-teal{--sample:var(--teal-soft)}.sw-mist{--sample:var(--teal-mist)}
.sw-coral{--sample:var(--coral)}.sw-apricot{--sample:var(--apricot)}.sw-apricotsoft{--sample:var(--apricot-soft)}
.sw-mint{--sample:var(--mint)}.sw-sand{--sample:var(--sand)}
.sw-peach{--sample:var(--blob-peach)}.sw-cyan{--sample:var(--blob-cyan)}.sw-star{--sample:var(--star)}.sw-grain{--sample:var(--grain)}
.sw-t12{--sample:var(--tint-12)}.sw-t20{--sample:var(--tint-20)}.sw-t30{--sample:var(--tint-30)}.sw-t40{--sample:var(--tint-40)}
.sw-i06{--sample:var(--ink-06)}.sw-i10{--sample:var(--ink-10)}.sw-i30{--sample:var(--ink-30)}
.sw-ring{--sample:var(--ok-ring)}.sw-hl{--sample:var(--hl)}.sw-hlsoft{--sample:var(--hl-soft)}.sw-hldark{--sample:var(--hl-dark)}
.sw-glare{--sample:var(--glare)}.sw-mark{--sample:var(--mark)}.sw-frame{--sample:var(--band-frame)}
.sw-red{--sample:var(--flag-red)}.sw-flagwhite{--sample:var(--flag-white)}.sw-blue{--sample:var(--flag-blue)}.sw-green{--sample:var(--flag-green)}
.sw-clear{--sample:var(--clear)}
.type-sample{display:grid;gap:20px;padding:32px;border-radius:var(--r-xl);background:var(--bg-panel);border:1px solid var(--border)}
.display-sample{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:900;line-height:1.1}
@media(min-width:1280px) and (max-width:1370px){.stage .rig{transform:scale(.92)}}
@media(min-width:1101px) and (max-width:1279px){.stage .rig{transform:scale(.80)}.stage{height:700px}.hero-in{gap:32px}}
@media(min-width:769px) and (max-width:1100px){.stage .rig{transform:scale(.65)}.stage{height:570px}.hero-in{gap:24px}.trust{grid-template-columns:1fr}.h1{font-size:52px}.lead{font-size:16px}}
@media(max-width:768px){
  .hero-in{grid-template-columns:1fr;gap:24px;padding-top:24px;padding-bottom:40px}
  .copy{display:contents}.copy .tag,.copy .h1,.copy .ctas,.copy .lead,.copy .trust,.copy .rows{position:relative;z-index:3}
  .copy .tag{justify-self:start;order:0}.copy .h1{order:1;margin-top:0}
  .copy .ctas{order:2;margin-top:0}.copy .lead{order:4;margin-top:0}.copy .trust{order:5;margin-top:0}.copy .rows{order:6;margin-top:0}
  .stage{order:3;height:710px;width:100%;max-width:100%}
  .rig{left:50%;transform:translateX(-50%) scale(.82);transform-origin:50% 0}
  .h1{font-size:var(--fs-h1);line-height:1.12;letter-spacing:-.02em}
  .feature-band{grid-template-columns:1fr;gap:16px;border-radius:var(--r-lg)}
  .feature-band:nth-child(even) .feature-art{order:0}
  .feature-art{min-height:280px;padding:24px;border-radius:var(--r-lg)}
  .feature-copy{padding:16px}.promo-block{flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
  .stage{height:350px;overflow:hidden}
  .rig{width:632px;max-width:none;transform:translateX(-50%) scale(.56)}
  .desk{transform:none}.phone{display:none}.bot{top:470px;left:62px}.flag-bubble{left:470px;top:8px}.platform-cube{left:62px;top:0}
  .trust{gap:12px 8px}.trust li{font-size:12px;gap:7px}.trust-ico{width:25px;height:25px}
  .lead{font-size:16px}.ctas{gap:10px}.btn{height:50px}
  .swatches{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pricing-card{padding:26px}.platform-card{padding:20px}.grid-five{gap:16px}
  .feature-shot{padding:20px}.promo-block{padding:24px}
  .float-cta{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:360px){
  .rig{transform:translateX(-50%) scale(.48)}.stage{height:300px}
  .grid-five{grid-template-columns:1fr}
}