
body{margin:0}
a{color:inherit;text-decoration:none}
.page{--accent:#C27552}
.page{--bg:#FFFFFF;--bg-subtle:#FAFAFA;--bg-muted:#F4F4F5;--ink:#0A0A0A;--ink-2:#525252;--ink-3:#737373;--ink-4:#A3A3A3;--dim:#8A8A8A;--line:#E5E5E5;--line-strong:#D4D4D4;--dark-bg:#0A0A0A;--dark-surface:#161616;--dark-line:#262626;--dark-ink:#FAFAFA;--dark-ink-2:#A3A3A3;--accent-soft:color-mix(in srgb,var(--accent) 14%,#ffffff);--accent-ink:color-mix(in srgb,var(--accent) 72%,#000000);--positive:#4D7C5A;--negative:#B5483E;--sh-sm:0 1px 2px rgba(0,0,0,.04);--sh-md:0 1px 2px rgba(0,0,0,.04),0 8px 24px -8px rgba(0,0,0,.08);--sh-lg:0 2px 4px rgba(0,0,0,.04),0 24px 48px -12px rgba(0,0,0,.14);--sh-xl:0 4px 8px rgba(0,0,0,.04),0 48px 96px -24px rgba(0,0,0,.18);--ease:cubic-bezier(.2,.8,.2,1);font-family:'Inter Tight',system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1;overflow-x:clip}
.page *,.page *::before,.page *::after{box-sizing:border-box}
:where(.page) p,:where(.page) h1,:where(.page) h2,:where(.page) h3,:where(.page) h4,:where(.page) ul,:where(.page) ol{margin:0}
:where(.page) ul,:where(.page) ol{padding:0;list-style:none}
:where(.page) img{display:block}
.wrap{max-width:1264px;margin:0 auto;padding:0 32px;position:relative;z-index:1}
.section{padding:112px 0;position:relative}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace}
.dimg{position:absolute;pointer-events:none;user-select:none;z-index:0;height:auto}

/* type */
.display{font-size:72px;font-weight:600;line-height:1.02;letter-spacing:-0.035em;max-width:1000px;text-wrap:balance}
.h2{font-size:48px;font-weight:600;line-height:1.08;letter-spacing:-0.03em;max-width:780px;text-wrap:balance}
.h3{font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-0.02em;text-wrap:balance}
.h4{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-0.01em}
.dim{color:var(--dim)}
.on-dark .dim{color:#6F7075}
.lead{font-size:20px;line-height:1.5;color:var(--ink-2);max-width:620px}
.on-dark .lead{color:var(--dark-ink-2)}
.body{font-size:16px;line-height:1.6;color:var(--ink-2);max-width:560px}

/* signature: redaction reveal (the bar hides the words, then lifts) */
.rv{position:relative;display:inline-block}
.rv::after{content:"";position:absolute;left:-0.05em;right:-0.05em;top:0.1em;bottom:0.04em;background:var(--ink);transform:scaleX(0);transform-origin:right center;pointer-events:none}
.rv-load::after{animation:redact 1s cubic-bezier(.7,0,.2,1) .7s both}
@keyframes redact{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@supports (animation-timeline: view()){.rv-scroll::after{animation:redact linear both;animation-timeline:view();animation-range:cover 22% cover 45%}}

/* buttons, chips */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:10px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .15s ease,transform .15s ease,border-color .15s ease,color .15s ease}
.btn:active{transform:scale(.98)}
.btn:focus-visible,.faq-q:focus-visible,.navlink:focus-visible,.burger:focus-visible,.board-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.btn-sm{height:36px;padding:0 16px;font-size:14px}
.btn-primary,.btn-primary:hover{color:#FFFFFF}
.btn-primary{background:var(--ink)}
.btn-primary:hover{background:#262626;transform:translateY(-1px)}
.btn-secondary,.btn-secondary:hover{color:var(--ink)}
.btn-secondary{background:#FFFFFF;border-color:var(--line-strong)}
.btn-secondary:hover{background:var(--bg-muted)}
.btn-row{display:flex;gap:12px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:var(--bg-muted);border:1px solid var(--line);font-size:13px;font-weight:500;line-height:1;color:var(--ink);white-space:nowrap}
.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}
.ic{width:20px;height:20px;flex:none}
.hl{color:var(--ink);font-weight:600;background:var(--accent-soft);border-radius:4px;padding:1px 4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.demo{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--ink-3)}
.demo i{width:7px;height:7px;border-radius:50%;border:1px solid var(--ink-4)}

/* nav */
.nav{position:sticky;top:0;z-index:50;height:64px;background:#FFFFFF;border-bottom:1px solid var(--line)}
.nav-in{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav-links{display:flex;gap:32px;align-items:center}
.navlink{font-size:14px;font-weight:500;color:var(--ink-2);transition:color .15s ease;border-radius:6px}
.navlink:hover{color:var(--ink)}
.nav-right{display:flex;align-items:center;gap:16px}
.nav-dd{position:relative}
.nav-dd-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;margin:0 -10px;background:transparent;border:0;font:inherit;font-size:14px;font-weight:500;color:var(--ink-2);cursor:pointer;border-radius:8px}
.nav-dd-btn:hover,.nav-dd-btn[aria-expanded="true"]{color:var(--ink);background:var(--bg-muted)}
.dd-caret{width:14px;height:14px;transition:transform .15s ease}
.nav-dd-btn[aria-expanded="true"] .dd-caret{transform:rotate(180deg)}
.dd-scrim{position:fixed;inset:0;z-index:1;background:transparent;border:0;cursor:default}
.dd-panel{position:absolute;left:-16px;top:calc(100% + 14px);z-index:2;width:340px;background:#FFFFFF;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-lg);padding:10px}
.dd-label{font-size:12.5px;color:var(--ink-3);padding:8px 12px 6px}
.dd-item{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:10px}
.dd-item:hover{background:var(--bg-muted)}
.dd-item b{font-size:15px;font-weight:600;color:var(--ink)}
.dd-item span{font-size:13px;color:var(--ink-3)}
.burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:0;background:transparent;border-radius:10px;color:var(--ink);cursor:pointer}
.sheet{position:fixed;left:0;right:0;top:64px;bottom:0;z-index:60;background:#FFFFFF;padding:32px 16px;display:flex;flex-direction:column;gap:8px;overflow:auto}
.sheet-link{font-size:24px;font-weight:600;letter-spacing:-0.02em;padding:12px 0;border-bottom:1px solid var(--line)}
.sheet .btn{width:100%;margin-top:12px}

/* hero */
.hero{position:relative;padding-top:96px}
.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}
.hero-shot{position:relative;display:flow-root;max-width:1040px;margin:72px auto 0}
.shot-mask{position:relative;margin:-110px -160px 0;padding:110px 160px 0;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 96px,#000 calc(100% - 280px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 96px,#000 calc(100% - 280px),transparent 100%)}
.halo{left:0;top:0;width:1360px}
.frame{position:relative;z-index:1;background:var(--bg-muted);padding:8px;border-radius:24px;border:1px solid var(--line);box-shadow:var(--sh-xl)}
.screen{position:relative;height:640px;background:#FFFFFF;border-radius:16px;border:1px solid var(--line);overflow:hidden}
.notes{position:absolute;inset:0;z-index:3;pointer-events:none}
.note{position:absolute;display:flex;align-items:center;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;line-height:1.4;color:var(--ink-2)}
.note.l{right:100%;flex-direction:row}
.note.r{left:100%;flex-direction:row-reverse}
.note .tx{display:block;width:118px}
.note.l .tx{text-align:right}
.note i{display:block;width:28px;height:1px;background:var(--line-strong);margin:0 8px;flex:none}
.note b{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(194,117,82,.16);flex:none}
.demo-note{position:relative;z-index:3;margin-top:-56px;text-align:center;font-size:12px;color:var(--ink-3)}

/* app mockup */
.app{display:flex;height:100%;font-size:13px;line-height:1.4;color:var(--ink)}
.app-side{width:200px;flex:none;border-right:1px solid var(--line);background:var(--bg-subtle);padding:20px 12px;display:flex;flex-direction:column;gap:2px}
.side-item{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border-radius:8px;color:var(--ink-2);font-weight:500}
.side-item svg{width:16px;height:16px}
.side-item.is-active{background:#FFFFFF;color:var(--ink);box-shadow:var(--sh-sm);border:1px solid var(--line)}
.side-proj{margin-top:auto;padding:10px;border:1px solid var(--line);border-radius:10px;background:#FFFFFF;font-size:12px;color:var(--ink-2)}
.side-proj b{display:block;color:var(--ink);font-weight:600;font-size:13px}
.app-main{flex:1;min-width:0;padding:20px 24px;display:flex;flex-direction:column;gap:16px}
.app-bar{display:flex;align-items:center;gap:8px}
.sel{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:500;background:#FFFFFF;white-space:nowrap}
.sel svg{width:12px;height:12px;color:var(--ink-3)}
.av{width:18px;height:18px;border-radius:50%;background:var(--accent);color:#FFFFFF;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.v-title{font-size:19px;font-weight:600;letter-spacing:-0.02em}
.v-sub{font-size:13px;color:var(--ink-2);margin-top:2px}
.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden}
.kpi{padding:14px 16px;border-right:1px solid var(--line)}
.kpi:last-child{border-right:0}
.kpi-l{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.kpi-v{font-size:24px;font-weight:600;letter-spacing:-0.02em;margin-top:6px;display:flex;align-items:baseline;gap:6px}
.kpi-v small{font-size:12px;font-weight:600;color:var(--positive)}
.kpi-s{font-size:11px;color:var(--ink-3);margin-top:2px}
.app-row{display:flex;gap:16px;flex:1;min-height:0}
.mini-card{border:1px solid var(--line);border-radius:12px;padding:16px;background:#FFFFFF;display:flex;flex-direction:column;gap:12px;min-width:0}
.chart-card{flex:1.4}
.move-card{flex:1;gap:4px}
.mc-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.mc-t{font-size:14px;font-weight:600}
.mc-s{font-size:11px;color:var(--ink-3)}
.seg{display:flex;gap:4px}
.seg span{font-size:11px;font-weight:500;padding:4px 8px;border-radius:6px;border:1px solid var(--line);color:var(--ink-2)}
.seg span.on{background:var(--ink);border-color:var(--ink);color:#FFFFFF}
.chart{position:relative;height:200px}
.chart svg{position:absolute;inset:0;width:100%;height:100%}
.c-mark{position:absolute;left:55%;top:42.2%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(194,117,82,.2)}
.c-vline{position:absolute;left:55%;top:0;bottom:0;border-left:1px dashed var(--line-strong)}
.c-tip{position:absolute;left:calc(55% + 14px);top:6%;background:#FFFFFF;border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh-md);padding:10px 12px;font-size:11px;min-width:150px}
.c-tip .r{display:flex;justify-content:space-between;gap:12px;margin-top:4px}
.c-x{display:flex;justify-content:space-between;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;color:var(--ink-3)}
.legend{display:flex;gap:14px;font-size:11px;color:var(--ink-2)}
.legend i{display:inline-block;width:14px;height:2px;background:var(--ink);vertical-align:middle;margin-right:6px}
.legend i.alt{background:none;border-top:2px dashed var(--ink-4);height:0}
.mv{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.mv:last-child{border-bottom:0}
.mv-q{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mv-e{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}
.mv-r{grid-row:1 / span 2;grid-column:2;font-size:11px;font-weight:600;border-radius:7px;padding:5px 8px;white-space:nowrap}
.mv-r.up{background:rgba(77,124,90,.1);color:var(--positive)}
.mv-r.down{background:rgba(181,72,62,.08);color:var(--negative)}

/* answer board */
.why-section{padding-top:96px}
.board-section{padding-top:64px}
.prompt-row{display:flex;align-items:center;gap:16px;margin-top:40px;flex-wrap:wrap}
.prompt-l{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}
.composer{display:flex;align-items:center;gap:10px;flex:1 1 560px;max-width:720px;min-height:60px;box-sizing:border-box;padding:10px 10px 10px 12px;background:#FFFFFF;border:1px solid var(--line-strong);border-radius:30px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 32px -12px rgba(0,0,0,.14)}
.cmp-plus{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink-2);flex:none}
.cmp-plus svg,.cmp-send svg{width:18px;height:18px}
.cmp-text{flex:1;min-width:0;font-size:17px;line-height:1.45;color:var(--ink)}
.cmp-ph{color:var(--ink-4)}
.caret{display:inline-block;width:2px;height:1.2em;margin:0 1px;vertical-align:-0.22em;background:var(--ink);animation:blink 1.06s steps(1) infinite}
.caret.solid{animation:none}
@keyframes blink{50%{opacity:0}}
.cmp-send{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-muted);color:var(--ink-4);flex:none;transition:background .2s ease,color .2s ease,transform .15s ease}
.cmp-send.on{background:var(--ink);color:#FFFFFF}
.cmp-send.press{transform:scale(.86)}
.board-scroll{margin-top:24px}
.board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;isolation:isolate}
@property --ga{syntax:"\3C angle\3E";inherits:false;initial-value:0deg}
@keyframes aiSpin{to{--ga:360deg}}
.eng::before,.eng::after{content:"";position:absolute;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--ga),#4F7DF3,#8E6CF0,#E0627E,#F2A33A,#3DAE7A,#4F7DF3);animation:aiSpin 4s linear infinite;animation-delay:var(--d,0s)}
.eng::before{inset:-1px;padding:1.5px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.eng::after{inset:5px;z-index:-1;filter:blur(14px);opacity:.3}
.eng{position:relative;background:#FFFFFF;border:1px solid transparent;border-radius:14px;padding:14px 10px 12px;display:flex;flex-direction:column;gap:4px;min-height:232px;box-shadow:var(--sh-sm)}
.eng-h{font-size:13px;font-weight:600;padding:0 4px 10px;border-bottom:1px solid var(--line);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eng-r{display:flex;gap:6px;align-items:baseline;font-size:12.5px;color:var(--ink-2);padding:5px 6px;border-radius:7px;white-space:nowrap;overflow:hidden}
.eng-r span{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;color:var(--ink-4)}
.eng-r.you{background:var(--ink);color:#FFFFFF;font-weight:600}
.eng-r.you span{color:#A3A3A3}
.eng-f{margin-top:auto;text-align:center;font-size:12px;font-weight:600;border-radius:999px;padding:7px 0;white-space:nowrap}
.eng-f.yes{background:var(--accent-soft);color:var(--accent-ink)}
.eng-f.no{border:1px dashed var(--line-strong);color:var(--ink-3);font-weight:500}
.board-sum{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-top:28px;flex-wrap:wrap}
.board-sum p{font-size:24px;font-weight:600;letter-spacing:-0.02em}
.board-sum small{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--ink-3)}
.dome{left:0;bottom:-90px;width:100%;opacity:.65}

/* shoppers ask AI (stats) */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);margin-top:56px;position:relative;z-index:1;background:linear-gradient(rgba(255,255,255,.85),rgba(255,255,255,.85))}
.stat{padding:32px 32px 4px 0;display:flex;flex-direction:column}
.stat+.stat{border-left:1px solid var(--line);padding-left:32px}
.stat-n{font-size:72px;font-weight:600;line-height:1;letter-spacing:-0.045em;white-space:nowrap}
.stat-n small{font-size:28px;letter-spacing:-0.02em;color:var(--dim);font-weight:600;margin-left:6px}
.stat-t{font-size:17px;line-height:1.45;color:var(--ink);margin-top:16px;max-width:250px;flex:1 0 auto}
.stat-s{margin-top:20px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;line-height:1.5;color:var(--ink-3)}
.sphere{right:-40px;top:-20px;width:480px}

/* track the questions: tape + metrics */
.tape-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.tape{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;margin-top:48px}
.trow{overflow:hidden;padding:4px 0;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 140px,#000 calc(100% - 140px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 140px,#000 calc(100% - 140px),transparent 100%)}
.ttrack{display:flex;gap:12px;padding-right:12px;width:max-content;animation:marq 80s linear infinite}
.ttrack.r2{animation-direction:reverse;animation-duration:95s}
.trow:hover .ttrack{animation-play-state:paused}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tlog{display:inline-flex;align-items:center;gap:14px;height:54px;padding:0 8px 0 18px;background:#FFFFFF;border:1px solid var(--line);border-radius:12px;font-size:14px;white-space:nowrap;box-shadow:var(--sh-sm)}
.tlog .e{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);padding:4px 7px;border:1px solid var(--line);border-radius:6px}
.tlog .q{color:var(--ink);font-weight:500}
.tlog .q.ar{font-family:'IBM Plex Sans Arabic','Inter Tight',sans-serif;direction:rtl;font-size:15px}
.tlog .r{font-size:12px;font-weight:600;border-radius:8px;padding:7px 10px}
.tlog .r.yes{background:var(--accent-soft);color:var(--accent-ink)}
.tlog .r.no{border:1px dashed var(--line-strong);color:var(--ink-3);font-weight:500}
.wave{left:0;top:190px;width:100%}
.delta{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:rgba(77,124,90,.1);color:var(--positive);font-size:11.5px;font-weight:600;white-space:nowrap}
.ix-head{margin-top:120px}
.ix{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:24px;margin-top:48px;align-items:stretch}
.ix-tabs{display:flex;flex-direction:column;gap:10px}
.ix-tab{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;text-align:left;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:transparent;font:inherit;color:inherit;cursor:pointer;overflow:hidden;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
.ix-tab:hover{background:var(--bg-subtle)}
.ix-tab.on{background:#FFFFFF;border-color:var(--ink);box-shadow:var(--sh-md)}
.ix-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ix-name{font-size:18px;font-weight:600;letter-spacing:-0.01em;color:var(--ink-2)}
.ix-tab.on .ix-name{color:var(--ink)}
.ix-num{display:flex;align-items:center;gap:8px}
.ix-num b{font-size:24px;font-weight:600;letter-spacing:-0.03em;color:var(--ink-3)}
.ix-tab.on .ix-num b{color:var(--ink)}
.ix-desc{font-size:14.5px;line-height:1.5;color:var(--ink-3);max-width:300px}
.ix-tab.on .ix-desc{color:var(--ink-2)}
.ix-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--line)}
.ix-bar i{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left center;animation:ixFill 6s linear both}
@keyframes ixFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ix-stage{position:relative;border:1px solid var(--line);border-radius:24px;background-color:var(--bg-subtle);background-image:radial-gradient(rgba(10,10,10,.09) 1px,transparent 1.2px);background-size:14px 14px;padding:40px;display:flex;align-items:center;justify-content:flex-start;min-height:540px}
.ix-ans{width:100%;display:flex;flex-direction:column;gap:14px}
.ix-q{align-self:flex-end;max-width:92%;text-wrap:balance;background:#FFFFFF;border:1px solid var(--line);border-radius:16px 16px 4px 16px;padding:10px 16px;font-size:14px;color:var(--ink);box-shadow:var(--sh-sm)}
.ix-a{position:relative;width:100%;max-width:450px;background:#FFFFFF;border:1px solid var(--line);border-radius:18px;padding:22px 24px;box-shadow:var(--sh-lg)}
.ix-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ix-eng{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ink-2);padding:4px 10px 4px 8px;border:1px solid var(--line);border-radius:999px}
.ix-eng svg{width:14px;height:14px}
.ix-src{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--ink-3)}
.ix-intro{font-size:14px;line-height:1.6;color:var(--ink-2);margin-top:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.ix-item{position:relative;margin-top:14px;transition:opacity .3s ease}
.ix-h{display:flex;align-items:center;gap:8px}
.rk{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:22px;padding:0 6px;border:1px solid var(--line);border-radius:7px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--ink-3);transition:background .3s ease,color .3s ease,border-color .3s ease}
.bn{font-size:14.5px;font-weight:600}
.ix-item p{font-size:14px;line-height:1.65;color:var(--ink-2);margin-top:6px}
.ix-item mark{background:transparent;color:inherit;border-radius:4px;padding:1px 2px;transition:background .3s ease,color .3s ease}
.bm{border-radius:4px;padding:1px 2px;transition:background .3s ease,color .3s ease}
.m-vis .bm{background:var(--bg-muted);color:var(--ink);font-weight:600}
.m-vis .me .bm{background:var(--accent-soft);color:var(--accent-ink)}
.m-pos .rk{background:var(--bg-muted);color:var(--ink-2)}
.m-pos .me .rk{background:var(--ink);border-color:var(--ink);color:#FFFFFF}
.m-pos .ix-item:not(.me){opacity:.55}
.m-sen mark.pos{background:#E2F3E7;color:#1E6A39}
.m-sen mark.neg{background:#FBE5E2;color:#A3342A}
.ix-tip{position:absolute;left:calc(100% + 60px);top:50%;margin-top:-62px;z-index:2;width:210px;display:flex;flex-direction:column;gap:4px;background:var(--ink);color:#FFFFFF;border-radius:14px;padding:14px 16px;box-shadow:var(--sh-xl);animation:tipIn .35s var(--ease) both}
.ix-tip-l{display:flex;align-items:center;gap:7px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#A3A3A3}
.ix-tip-l i{width:6px;height:6px;border-radius:50%;background:var(--tip,#E8A27F)}
.m-sen .ix-tip{--tip:#5FC287}
.ix-tip b{font-size:24px;font-weight:600;letter-spacing:-0.03em;line-height:1.1}
.ix-tip-t{font-size:12.5px;line-height:1.5;color:#D4D4D4}
.ix-tip::before{content:"";position:absolute;right:100%;top:50%;width:60px;height:1px;background:var(--ink-4)}
.ix-tip::after{content:"";position:absolute;left:-63px;top:50%;width:7px;height:7px;margin-top:-3px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(194,117,82,.16)}
@keyframes tipIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* features */
.f-head{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}
.f-rows{display:flex;flex-direction:column;gap:96px;margin-top:80px}
.f-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.f-text{grid-column:1 / span 5;display:flex;flex-direction:column}
.f-vis{grid-column:6 / span 7}
.f-row.rev .f-text{grid-column:8 / span 5;grid-row:1}
.f-row.rev .f-vis{grid-column:1 / span 7;grid-row:1}
.f-row.wide .f-text{grid-column:1 / span 4}
.f-row.wide .f-vis{grid-column:5 / span 8}
.checks{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.checks li{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--ink)}
.checks svg{width:16px;height:16px;color:var(--ink);flex:none}
.f-row.wide.rev .f-text{grid-column:9 / span 4}
.f-row.wide.rev .f-vis{grid-column:1 / span 8}
.iso-panel.iso-product{height:540px;background:radial-gradient(85% 75% at 100% 0%,color-mix(in srgb,var(--accent) 22%,#ffffff) 0%,transparent 60%),radial-gradient(90% 85% at 0% 100%,#DCE6F2 0%,transparent 62%),radial-gradient(50% 45% at 50% 55%,#FFFFFF 0%,transparent 100%),linear-gradient(200deg,#FBF8F5 0%,#F2F4F8 100%)}
.iso-product .iso-mask{transform:scale(1.3)}
.iso-panel{position:relative;height:440px;background:var(--bg-subtle);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.iso-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:2400px;-webkit-mask-image:radial-gradient(ellipse 62% 64% at 50% 48%,#000 50%,transparent 84%);mask-image:radial-gradient(ellipse 62% 64% at 50% 48%,#000 50%,transparent 84%)}
.iso-stage{position:relative;width:460px;transform-style:preserve-3d;transform:rotateX(55deg) rotateZ(-35deg) scale(.98)}
.iso-card{position:relative;background:#FFFFFF;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-lg);padding:20px}
.iso-ghost{position:absolute;inset:0;background:#FFFFFF;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-lg);padding:20px;display:flex;flex-direction:column;gap:12px}
.iso-ghost i{display:block;height:10px;border-radius:6px;background:var(--bg-muted)}
.g1{transform:translate3d(32px,32px,-40px);opacity:.5}
.g2{transform:translate3d(64px,64px,-80px);opacity:.25}
@supports (animation-timeline: view()){.iso-stage{animation:isoIn linear both;animation-timeline:view();animation-range:entry 0% cover 35%}}
@keyframes isoIn{from{opacity:0;transform:rotateX(62deg) rotateZ(-35deg) scale(.98) translateY(40px)}to{opacity:1;transform:rotateX(55deg) rotateZ(-35deg) scale(.98)}}
.ic-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ic-t{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}
.ic-t svg{width:16px;height:16px;color:var(--ink-3)}
.ic-s{font-size:12px;color:var(--ink-3);margin-top:4px}
.count{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;font-weight:500;color:var(--ink-2);background:var(--bg-muted);border-radius:999px;padding:2px 8px;white-space:nowrap}
.pcard{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-top:12px;background:#FFFFFF}
.pcard-q{font-size:17px;font-weight:600;letter-spacing:-0.01em;line-height:1.3}
.tagrow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}
.tag-l{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-right:2px}
.tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}
.t-trans{background:var(--accent-soft);color:var(--accent-ink)}
.t-comm{background:#FFFFFF;border:1px solid var(--ink);color:var(--ink)}
.t-info{background:var(--bg-muted);color:var(--ink-2)}
.t-brand{background:#FFFFFF;border:1px solid var(--line-strong);color:var(--ink-3);font-weight:500}
.op2{opacity:.55}
.op3{opacity:.3}
.xt{position:absolute;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.05),0 6px 16px -6px rgba(0,0,0,.12)}
.xt b{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.x-trans{background:var(--accent-soft);color:var(--accent-ink)}
.x-comm{background:#FFFFFF;border:1px solid var(--ink);color:var(--ink)}
.x-info{background:#FFFFFF;border:1px solid var(--line-strong);color:var(--ink-2)}
.x-brand{background:var(--ink);color:#FFFFFF}
.x-non{background:#FFFFFF;border:1px dashed var(--ink-4);color:var(--ink-2)}
.pr-panel{position:relative;isolation:isolate;border:1px solid var(--line);border-radius:20px;background:radial-gradient(90% 80% at 0% 0%,color-mix(in srgb,var(--accent) 24%,#ffffff) 0%,transparent 62%),radial-gradient(80% 90% at 100% 100%,#DDE5F4 0%,transparent 64%),linear-gradient(160deg,#FBF8F6 0%,#F4F5F8 100%);min-height:480px;padding:40px 0 68px;display:flex;align-items:center;justify-content:center}
.pr-screen::before,.pr-screen::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:16px;background:#FFFFFF;border:1px solid var(--line);z-index:-1;pointer-events:none;transform-origin:50% 100%}
.pr-screen::before{transform:translateY(16px) scale(.94);opacity:.75;box-shadow:var(--sh-md)}
.pr-screen::after{transform:translateY(32px) scale(.88);opacity:.45;box-shadow:var(--sh-sm)}
.pr-screen{position:relative;width:500px;background:#FFFFFF;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-lg);padding:18px 16px 14px}
.pr-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 4px}
.pr-title{font-size:16px;font-weight:600;letter-spacing:-0.01em}
.pr-meta{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;color:var(--ink-3)}
.pr-filters{display:flex;gap:8px;margin-top:12px;padding:0 4px;flex-wrap:wrap}
.pr-head,.pr-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 64px 56px;gap:10px;align-items:center;padding:0 8px}
.pr-head{margin-top:14px;padding-bottom:8px;border-bottom:1px solid var(--line);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.pr-head span:nth-child(n+3),.pr-v,.pr-p{text-align:right}
.pr-row{min-height:52px;border-bottom:1px solid var(--line);font-size:13.5px}
.pr-q{font-weight:500;color:var(--ink);line-height:1.4;padding:8px 0}
.pr-q.ar{font-family:'IBM Plex Sans Arabic','Inter Tight',sans-serif;direction:rtl;text-align:right;font-size:14.5px}
.pr-v{color:var(--ink-2)}
.pr-p{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--ink-2)}
.pr-tags{display:none;gap:6px;margin-top:6px;direction:ltr;justify-content:flex-start;flex-wrap:wrap}
.pr-tags i{font-style:normal}
.pr-add{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border:1px dashed var(--line-strong);border-radius:10px;font-size:13px;color:var(--ink-3)}
.pr-add svg{width:15px;height:15px}
.pr-x{top:50%;margin-top:-13px;font-size:11.5px;padding:0 10px;gap:5px}
.pr-x.l{right:calc(100% + 36px)}
.pr-x.r{left:calc(100% + 36px)}
.pr-ln{position:absolute;top:50%;width:36px;height:1px;background:var(--ink-4)}
.pr-ln.l{right:100%}
.pr-ln.r{left:100%}
.pr-pin{position:absolute;top:50%;width:7px;height:7px;margin-top:-3px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(194,117,82,.18);z-index:1}
.pr-pin.l{left:-3px}
.pr-pin.r{right:-3px}
.xcap{position:absolute;top:-4px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.xcap-l{right:calc(100% + 44px)}
.xcap-r{left:calc(100% + 44px)}
.ct{display:grid;grid-template-columns:24px 28px minmax(0,1fr) 110px 36px;gap:10px;align-items:center;padding:10px 8px;border-radius:10px;font-size:13px}
.ct-you{background:var(--accent-soft)}
.ct-you .ct-n{color:var(--accent-ink)}
.ct-r{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--ink-3)}
.ct-av{width:28px;height:28px;border-radius:50%;background:var(--bg-muted);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--ink-2)}
.ct-you .ct-av{background:var(--accent);border-color:var(--accent);color:#FFFFFF}
.ct-n{font-weight:600}
.ct-s{font-weight:600;text-align:right}
.bar{height:6px;border-radius:999px;background:#EAEAEA;overflow:hidden}
.bar i{display:block;height:100%;border-radius:999px;background:var(--ink)}
.ct-you .bar i{background:var(--accent)}
.pr-h{display:flex;gap:12px;align-items:center}
.pr-img{width:44px;height:44px;border-radius:10px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;flex:none}
.pr-img svg{width:20px;height:20px;color:var(--accent-ink)}
.pr-t b{display:block;font-size:16px;font-weight:600}
.pr-t span{font-size:12px;color:var(--ink-3)}
.pk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
.pk div{border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.pk span{display:block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}
.pk b{display:block;font-size:17px;font-weight:600;margin-top:2px}
.price{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--accent-soft)}
.price span{font-size:12px;color:var(--accent-ink)}
.price b{font-size:14px;font-weight:600;color:var(--ink)}
.price em{font-style:normal;font-size:12px;color:var(--ink-2)}
.mismatch{margin-left:auto;background:#FFFFFF;color:var(--accent-ink);font-size:11px;font-weight:600;border-radius:999px;padding:2px 8px}
.mer{display:grid;grid-template-columns:130px minmax(0,1fr) 34px;gap:10px;align-items:center;margin-top:10px;font-size:12px}
.mer .bar{height:5px}
.mer .bar i{background:var(--ink-4)}
.mer.top .bar i{background:var(--accent)}
.mer b{font-weight:600;text-align:right}

/* arabic chat, flat */
.arc-wrap{position:relative;isolation:isolate;padding-bottom:32px}
.arc-wrap::before,.arc-wrap::after{content:"";position:absolute;left:0;right:0;top:0;bottom:32px;border-radius:20px;background:#FFFFFF;border:1px solid var(--line);z-index:-1;pointer-events:none;transform-origin:50% 100%}
.arc-wrap::before{transform:translateY(16px) scale(.95);opacity:.75;box-shadow:var(--sh-md)}
.arc-wrap::after{transform:translateY(32px) scale(.9);opacity:.45;box-shadow:var(--sh-sm)}
.arc{position:relative;background:#FFFFFF;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh-lg);overflow:hidden}
.arc-h{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid var(--line)}
.chat-meta{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--ink-3);margin-left:auto}
.arc-b{display:grid;grid-template-columns:minmax(0,1fr) 236px}
.arc-chat{padding:24px 28px;direction:rtl;text-align:right;font-family:'IBM Plex Sans Arabic','Inter Tight',sans-serif;display:flex;flex-direction:column;align-items:flex-start}
.arc-q{background:var(--bg-muted);border-radius:14px;padding:10px 16px;font-size:17px;font-weight:500;color:var(--ink)}
.arc-a{margin-top:18px;font-size:16px;line-height:1.85;color:var(--ink-2)}
.arc-a ol{margin-top:8px;display:flex;flex-direction:column;gap:8px}
.arc-a b{color:var(--ink);font-family:'Inter Tight',sans-serif;font-weight:600}
.arc-a .hl{font-family:'Inter Tight',sans-serif}
.arc-side{border-left:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:20px;background:var(--bg-subtle)}
.side-l{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:6px}
.side-row{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:5px 0;border-bottom:1px solid var(--line)}
.side-row:last-child{border-bottom:0}
.side-row span{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--ink-3)}
.side-row.you{color:var(--accent-ink);font-weight:600}
.fo{display:flex;flex-direction:column;gap:6px}
.fo span{font-size:12px;font-weight:500;border:1px solid var(--line-strong);border-radius:8px;padding:5px 9px;color:var(--ink-2);background:#FFFFFF}
.fo span.ar{font-family:'IBM Plex Sans Arabic','Inter Tight',sans-serif;direction:rtl;text-align:right}
.fo span.miss{border-style:dashed;border-color:var(--accent);color:var(--accent-ink);background:transparent}

/* two-up features */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.bc{position:relative;overflow:hidden;background:#FFFFFF;border:1px solid var(--line);border-radius:24px;min-height:460px;display:flex;flex-direction:column}
.bc-5{grid-column:span 5}
.bc-7{grid-column:span 7}
.bc-tx{position:relative;z-index:2;padding:32px 32px 0}
.bc-h{font-size:20px;font-weight:600;letter-spacing:-0.015em}
.bc-p{font-size:15px;line-height:1.5;color:var(--ink-2);margin-top:6px;max-width:340px}
.bc-vis{position:relative;flex:1;min-height:320px;margin-top:20px;-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent);mask-image:linear-gradient(to bottom,#000 70%,transparent)}
.bc::before{content:"";position:absolute;left:0;right:0;bottom:0;height:78%;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 35%);mask-image:linear-gradient(to bottom,transparent 0,#000 35%)}
.bc-brands::before{background:radial-gradient(70% 70% at 15% 100%,color-mix(in srgb,var(--accent) 20%,#ffffff) 0%,transparent 70%),radial-gradient(60% 60% at 95% 40%,#E5ECF6 0%,transparent 70%)}
.bc-engines::before{background:radial-gradient(55% 75% at 100% 20%,#DFE7F5 0%,transparent 70%),radial-gradient(60% 70% at 10% 95%,color-mix(in srgb,var(--accent) 16%,#ffffff) 0%,transparent 70%)}
.bc-sources::before{background:linear-gradient(115deg,transparent 10%,color-mix(in srgb,var(--accent) 24%,#ffffff) 42%,#D9E3F3 68%,transparent 96%)}
.bc-recs::before{background:radial-gradient(60% 45% at 50% 55%,color-mix(in srgb,var(--accent) 22%,#ffffff) 0%,transparent 75%),radial-gradient(80% 50% at 50% 100%,#E6ECF6 0%,transparent 80%)}
.bc-vis{z-index:1}
.v-sources{-webkit-mask-image:none;mask-image:none}
.st-wrap{position:absolute;left:32px;right:32px;top:8px;isolation:isolate}
.st-wrap::before,.st-wrap::after{content:"";position:absolute;inset:0;border-radius:16px;background:#FFFFFF;border:1px solid var(--line);z-index:-1;pointer-events:none;transform-origin:50% 100%}
.st-wrap::before{transform:translateY(14px) scale(.95);opacity:.75;box-shadow:var(--sh-md)}
.st-wrap::after{transform:translateY(28px) scale(.9);opacity:.45;box-shadow:var(--sh-sm)}
.bc-vis > div{position:absolute;inset:0}
/* brands */
.bb-panel{position:absolute;left:32px;top:8px;width:250px;height:300px;background:#FFFFFF;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-md);padding:14px 16px;transform:rotate(-4deg)}
.bb-ph{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.bb-ph svg{width:16px;height:16px;color:var(--ink-3)}
.bb-ph em{font-style:normal;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--ink-3);font-weight:500}
.bb-panel i{display:block;height:10px;border-radius:6px;background:var(--bg-muted);margin-top:14px}
.bb-panel i + i{width:60%}
.bb{position:absolute;width:278px;background:#FFFFFF;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-lg);overflow:visible}
.bb-strip{height:34px;border-radius:13px 13px 0 0}
.b1{left:56px;top:44px;transform:rotate(-4deg)}
.b1 .bb-strip{background:#FFFFFF}
.b2{left:104px;top:182px;transform:rotate(-2deg)}
.b2 .bb-strip{background:#FFFFFF}
.bb-body{position:relative;display:flex;align-items:center;gap:10px;padding:0 14px 14px;margin-top:-16px}
.bb-av{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:#FFFFFF;font-size:12px;font-weight:700;letter-spacing:.02em;border:2px solid #FFFFFF;flex:none}
.b2 .bb-av{background:#3F6B4E}
.bb-n{display:flex;flex-direction:column;margin-top:14px;min-width:0}
.bb-n b{font-size:14px;font-weight:600}
.bb-n em{font-style:normal;font-size:11px;font-weight:500;color:var(--ink-3)}
.bb-al{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:0 14px 12px;margin-top:-4px}
.bb-al span{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-right:2px}
.bb-al i{font-style:normal;font-size:11px;font-weight:500;color:var(--ink-2);background:var(--bg-muted);border:1px solid var(--line);border-radius:6px;padding:2px 7px;white-space:nowrap}
.bb-al i.more{color:var(--ink-3);background:#FFFFFF}
.bb-al i.ar{font-family:'IBM Plex Sans Arabic','Inter Tight',sans-serif;font-size:12px;direction:rtl}
.bb-n span{font-size:12px;color:var(--ink-3)}
.bb-btn,.bb-on{position:absolute;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:9px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:var(--sh-md)}
.bb-btn{right:-40px;top:6px;background:var(--ink);color:#FFFFFF}
.bb-on{right:-56px;top:10px;background:#FFFFFF;border:1px solid var(--line);color:var(--ink)}
.bb-btn svg,.bb-on svg{width:13px;height:13px}
/* engines */
.epk{position:absolute;left:32px;top:10px;width:270px;background:#FFFFFF;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-lg);padding:12px;z-index:2}
.me-h{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 10px;font-size:14px;font-weight:600}
.me-f{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--ink-3)}
.me-f b{color:var(--ink);font-weight:600;padding:2px 6px;border:1px solid var(--line);border-radius:6px}
.me-f svg{width:12px;height:12px}
.me-l{border:1px solid var(--line);border-radius:12px;padding:4px}
.me-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;font-size:13px;color:var(--ink-3)}
.me-row.on{color:var(--ink)}
.me-box{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--line-strong);display:flex;align-items:center;justify-content:center;flex:none}
.me-row.on .me-box{background:var(--ink);border-color:var(--ink);color:#FFFFFF}
.me-box svg{width:11px;height:11px}
.me-n{flex:1}
.me-av{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:9.5px;color:var(--ink-3);width:24px;height:20px;border-radius:6px;background:var(--bg-muted);display:flex;align-items:center;justify-content:center}
.me-row:nth-child(n+8){opacity:.55}
.chs{position:absolute;left:270px;top:40px;width:400px;background:#FFFFFF;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-md);padding:14px;-webkit-mask-image:linear-gradient(to right,#000 70%,transparent);mask-image:linear-gradient(to right,#000 70%,transparent)}
.chs-h{display:flex;justify-content:space-between;align-items:center;padding:0 2px 10px 52px;font-size:13px;font-weight:600}
.chs-x{font-size:11px;font-weight:500;color:var(--ink-3);border:1px solid var(--line);border-radius:7px;padding:3px 8px}
.ch{border:1px solid var(--line);border-radius:12px;padding:10px 12px 10px 52px;margin-top:8px;display:flex;flex-direction:column;gap:3px}
.ch.fade{opacity:.45}
.ch b{font-size:12.5px;font-weight:600;line-height:1.35}
.ch b.ar{font-family:'IBM Plex Sans Arabic','Inter Tight',sans-serif;direction:rtl;text-align:right;font-size:13.5px}
.ch-s{font-size:11.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-f{display:flex;align-items:center;gap:8px;margin-top:4px}
.ch-av{display:flex}
.ch-av i{font-style:normal;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:8.5px;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#FFFFFF;display:flex;align-items:center;justify-content:center;border:1.5px solid #FFFFFF;margin-left:-5px}
.ch-av i:first-child{margin-left:0}
.ch-sc{font-size:11px;font-weight:600;color:var(--positive);background:rgba(77,124,90,.1);border-radius:6px;padding:1px 6px}
.ch-t{margin-left:auto;font-size:11px;color:var(--ink-4)}
/* sources */
.st{position:relative;background:#FFFFFF;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-lg);overflow:hidden}
.st-bar{display:flex;justify-content:space-between;gap:12px;padding:12px}
.st-q,.st-sel{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:9px;font-size:12.5px;color:var(--ink-3)}
.st-q{flex:0 1 220px;min-width:0;white-space:nowrap;overflow:hidden}
.st-sel{white-space:nowrap;flex:none}
.st-q svg,.st-sel svg{width:14px;height:14px}
.st-r{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) 56px 96px;gap:10px;align-items:center;padding:0 16px;height:44px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-2)}
.st-r > span:nth-child(n+3){text-align:right}
.st-head{height:36px;background:var(--bg-subtle);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.st-d{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:500;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-d i{font-style:normal;width:22px;height:22px;border-radius:6px;background:var(--bg-muted);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--ink-2);flex:none}
.st-t{font-style:normal;display:inline-flex;height:20px;align-items:center;padding:0 8px;border-radius:6px;font-size:11px;font-weight:600}
.tt-ugc{background:#FDEBD9;color:#9A4B12}
.tt-you{background:#E2F3E7;color:#1E6A39}
.tt-ref{background:#ECE8FB;color:#5B45B0}
.tt-comp{background:#FBE5E2;color:#A3342A}
.tt-ed{background:var(--bg-muted);color:var(--ink-2)}
.st-r.fade{opacity:.5}
.st-r.fade2{opacity:.25}
.toast{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:999px;background:var(--ink);color:#FFFFFF;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:var(--sh-xl);z-index:3;animation:toastIn 5s var(--ease) infinite}
.toast svg{width:15px;height:15px;color:#5FC287}
@keyframes toastIn{0%,8%{opacity:0;transform:translate(-50%,10px)}16%,84%{opacity:1;transform:translate(-50%,0)}92%,100%{opacity:0;transform:translate(-50%,10px)}}
/* recommendations */
.v-recs > div{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:4px}
.rc{display:flex;align-items:center;justify-content:space-between;gap:12px;width:calc(100% - 64px);max-width:340px;padding:12px 12px 12px 16px;border-radius:14px;background:var(--bg-subtle);border:1px solid var(--line)}
.rc b{display:block;font-size:13.5px;font-weight:600;line-height:1.3}
.rc span span{display:block;font-size:12px;color:var(--ink-3);margin-top:2px}
.rc i{width:32px;height:32px;border-radius:9px;background:#FFFFFF;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex:none;color:var(--ink-2)}
.rc i svg{width:15px;height:15px}
.rc.r-far{opacity:.35;filter:blur(1.2px);transform:scale(.94)}
.rc.r-near{opacity:.8;transform:scale(.97)}
.rc.r-on{background:var(--ink);border-color:var(--ink);box-shadow:var(--sh-xl);max-width:370px;width:calc(100% - 40px)}
.rc.r-on b{color:#FFFFFF}
.rc.r-on span span{color:#A3A3A3}
.rc.r-on i{background:#262626;border-color:#333333;color:#FFFFFF}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.duo-card{border:1px solid var(--line);border-radius:20px;padding:36px;background:#FFFFFF;display:flex;flex-direction:column}
.duo-vis{margin-top:28px;background:var(--bg-subtle);border:1px solid var(--line);border-radius:16px;padding:16px}
.duo-in{background:#FFFFFF;border:1px solid var(--line);border-radius:12px;padding:6px 14px;box-shadow:var(--sh-sm)}
.sr{display:grid;grid-template-columns:28px minmax(0,1fr) 40px 92px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}
.sr:last-child{border-bottom:0}
.fav{width:28px;height:28px;border-radius:8px;background:var(--bg-muted);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.fav svg{width:14px;height:14px;color:var(--ink-3)}
.sr-d{min-width:0}
.sr-d b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-d span{font-size:11px;color:var(--ink-3)}
.sr-c{font-size:13px;font-weight:600;text-align:right}
.sr-h{padding:10px 0 8px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.sr-h span:nth-child(3){text-align:right}
.sr-h span:nth-child(4){text-align:center}
.mp{display:inline-flex;justify-content:center;height:22px;align-items:center;border-radius:999px;font-size:11px;font-weight:600;padding:0 8px}
.mp.no{background:var(--bg-muted);color:var(--ink-3);border:1px dashed var(--line-strong)}
.mp.yes{background:var(--accent-soft);color:var(--accent-ink)}
.rec{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}
.rec:last-child{border-bottom:0}
.rec-i{width:32px;height:32px;border-radius:10px;background:var(--bg-muted);display:flex;align-items:center;justify-content:center;flex:none}
.rec-i svg{width:16px;height:16px;color:var(--ink)}
.rec b{display:block;font-size:15px;font-weight:600;letter-spacing:-0.01em;line-height:1.3}
.rec > span:nth-child(2){flex:1;min-width:0}
.rec b + span{display:block;font-size:13px;color:var(--ink-2);margin-top:2px}
.rec .tag{flex:none}
.impact{margin-left:auto;flex:none}

/* reporting (dark) */
.dark{background:var(--dark-bg);color:var(--dark-ink);overflow:hidden}
.r-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:64px;align-items:stretch}
.quad{grid-column:span 8;position:relative;min-height:520px;background:var(--dark-surface);border:1px solid var(--dark-line);border-radius:20px}
.plot{position:absolute;left:72px;right:32px;top:32px;bottom:64px;border-left:1px solid var(--dark-line);border-bottom:1px solid var(--dark-line)}
.q-v{position:absolute;left:52.92%;top:0;bottom:0;border-left:1px dashed #333333}
.q-h{position:absolute;top:46.00%;left:0;right:0;border-top:1px dashed #333333}
.q-lead{position:absolute;left:52.92%;top:0;right:0;bottom:54.00%;background:rgba(255,255,255,.02)}
.q-avg{position:absolute;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;color:#8A8A8A;white-space:nowrap}
.q-avg-v{top:-20px;transform:translateX(-50%)}
.q-avg-h{right:6px;transform:translateY(-130%)}
.q-lab{position:absolute;font-size:13px;font-weight:500;color:var(--dark-ink-2)}
.q-tl{left:12px;top:10px}
.q-tr{right:12px;top:10px}
.q-bl{left:12px;bottom:10px}
.q-br{right:12px;bottom:10px}
.q-yt{position:absolute;left:-44px;width:32px;text-align:right;transform:translateY(-50%);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:#737373}
.q-xt{position:absolute;bottom:-26px;transform:translateX(-50%);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:#737373}
.q-axis-x{position:absolute;left:72px;right:32px;bottom:12px;text-align:center;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--dark-ink-2);text-transform:uppercase;letter-spacing:.06em}
.q-axis-y{position:absolute;left:14px;top:50%;transform:translate(-50%,-50%) rotate(-90deg);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:var(--dark-ink-2);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;margin-left:12px}
.pt{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}
.pt-d{width:36px;height:36px;border-radius:50%;background:#262626;border:1px solid #333333;color:#FFFFFF;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}
.pt-n{font-size:12px;color:var(--dark-ink-2);white-space:nowrap;position:absolute;top:42px;left:50%;transform:translateX(-50%)}
.pt-you .pt-d{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px rgba(194,117,82,.25)}
.pt-pill{position:absolute;left:46px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#FFFFFF;color:var(--ink);font-size:12px;font-weight:600;border-radius:999px;padding:5px 10px;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.r-side{grid-column:span 4;display:flex;flex-direction:column;gap:24px}
.dcard{background:var(--dark-surface);border:1px solid var(--dark-line);border-radius:14px;padding:28px;flex:1;display:flex;flex-direction:column}
.dcard-i{width:40px;height:40px;border-radius:10px;background:#262626;display:flex;align-items:center;justify-content:center;color:#FFFFFF}
.dcard-i svg{width:20px;height:20px}
.dcard .h4{color:#FFFFFF;margin-top:16px}
.dcard p{font-size:15px;line-height:1.5;color:var(--dark-ink-2);margin-top:6px}
.mini-t{margin-top:16px;border:1px solid var(--dark-line);border-radius:10px;overflow:hidden;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px}
.mini-t div{display:grid;grid-template-columns:1fr 1fr 60px;padding:7px 10px;border-bottom:1px solid var(--dark-line);color:var(--dark-ink-2)}
.mini-t div:last-child{border-bottom:0}
.mini-t div:first-child{color:#737373;text-transform:uppercase;letter-spacing:.06em;font-size:10px}
.code{margin-top:16px;border:1px solid var(--dark-line);border-radius:10px;padding:12px 14px;background:#0F0F0F;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;line-height:1.6;color:var(--dark-ink-2);white-space:pre;overflow:hidden}
.code .k{color:#FAFAFA}
.code .s{color:color-mix(in srgb,var(--accent) 60%,#ffffff)}
.rgrid-dots{right:0;top:0;width:760px}

/* final cta (light) */
.cta-panel{position:relative;background:var(--bg-subtle);border:1px solid var(--line);border-radius:28px;padding:96px 64px;overflow:hidden;min-height:540px}
.cta-copy{position:relative;z-index:2;max-width:560px;display:flex;flex-direction:column}
.cta-h{font-size:56px;font-weight:600;line-height:1.05;letter-spacing:-0.035em;text-wrap:balance}
.cta-dots{right:-40px;top:-40px;width:520px;opacity:.9}
.cta-vis{position:absolute;right:-40px;bottom:-160px;width:660px;height:640px;perspective:2400px;-webkit-mask-image:radial-gradient(ellipse 65% 60% at 50% 45%,#000 40%,transparent 82%);mask-image:radial-gradient(ellipse 65% 60% at 50% 45%,#000 40%,transparent 82%);display:flex;align-items:center;justify-content:center;z-index:1}
.cta-stage{position:relative;width:420px;height:420px;transform-style:preserve-3d;transform:rotateX(55deg) rotateZ(-35deg) scale(1.1)}
.cs{position:absolute;left:0;width:420px;background:#FFFFFF;color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--sh-lg)}
.cs1{top:0}
.cs2{top:150px;left:60px;transform:translateZ(-50px);opacity:.8}
.cs3{top:300px;left:120px;transform:translateZ(-100px);opacity:.5}

/* faq */
.faq-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.faq-left{grid-column:span 4;position:sticky;top:96px;display:flex;flex-direction:column}
.faq-right{grid-column:6 / span 7}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:first-child{border-top:1px solid var(--line)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;background:transparent;border:0;font-family:inherit;font-size:18px;font-weight:500;letter-spacing:-0.01em;color:var(--ink);text-align:left;cursor:pointer}
.faq-q svg{width:20px;height:20px;flex:none;color:var(--ink-2);transition:transform .25s var(--ease)}
.faq-q.open svg{transform:rotate(45deg)}
.faq-a.shut{display:none}
.faq-a{font-size:16px;line-height:1.6;color:var(--ink-2);max-width:640px;padding:0 0 24px;animation:fadeIn .25s var(--ease) both}
@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.faq-mail{font-size:15px;color:var(--ink-2);margin-top:20px}
.faq-mail a{color:var(--ink);font-weight:600;border-bottom:1px solid var(--line-strong)}

/* footer */
.footer{border-top:1px solid var(--line);padding:80px 0 0;overflow:hidden}
.ft-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:40px}
.ft-brand{grid-column:span 3;display:flex;flex-direction:column;gap:16px}
.ft-tag{font-size:15px;line-height:1.5;color:var(--ink-2)}
.ft-tag b{color:var(--ink);font-weight:600}
.ft-cols{grid-column:4 / span 9;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.ft-h{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin-bottom:16px}
.ft-col ul{display:flex;flex-direction:column;gap:12px}
.ft-col a{font-size:14px;color:var(--ink-2);transition:color .15s ease}
.ft-col a:hover{color:var(--ink)}
.ft-bar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:64px;padding:24px 0;font-size:13px;color:var(--ink-3)}
.wordmark{height:17vw;max-height:240px;overflow:hidden;margin-top:24px}
.wordmark img{width:100%;height:auto;opacity:.05}

/* responsive */
@media (max-width:1399px){.notes{display:none}}
@media (max-width:1279px){.iso-product .iso-mask{transform:scale(1.12)}.iso-panel.iso-product{height:480px}.pr-x,.pr-ln,.pr-pin,.xcap{display:none}.pr-tags{display:flex}.ix-stage{justify-content:center}.ix-ans{max-width:560px}.ix-a{max-width:none}.ix-tip{position:relative;left:auto;top:auto;margin-top:12px;width:auto}.ix-tip::before,.ix-tip::after{display:none}}
@media (max-width:1100px){.halo{display:none}}
@media (max-width:1024px){
.display{font-size:60px}
.f-row.wide.rev .f-text{grid-column:7 / span 6}
.f-row.wide.rev .f-vis{grid-column:1 / span 6}
.iso-product .iso-mask{transform:scale(.8)}
.iso-panel.iso-product{height:440px}
.bc-5,.bc-7{grid-column:span 12}
.pr-panel{padding:24px 16px}
.pr-screen{width:100%}
.f-text,.f-row.wide .f-text{grid-column:1 / span 6}
.f-vis,.f-row.wide .f-vis{grid-column:7 / span 6}
.f-row.rev .f-text{grid-column:7 / span 6}
.f-row.rev .f-vis{grid-column:1 / span 6}
.arc-b{grid-template-columns:minmax(0,1fr)}
.arc-side{border-left:0;border-top:1px solid var(--line)}
.quad{grid-column:span 12}
.r-side{grid-column:span 12;flex-direction:row}
.cta-vis{opacity:.5}
.ft-brand,.ft-cols{grid-column:span 12}
.app-side{display:none}
.board-scroll{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-mask-image:linear-gradient(to right,#000 85%,transparent);mask-image:linear-gradient(to right,#000 85%,transparent);padding-bottom:8px}
.board{display:flex;width:max-content}
.eng::after{display:none}
.eng{width:150px;scroll-snap-align:start}
.sphere{opacity:.6}
.ix{grid-template-columns:minmax(0,300px) minmax(0,1fr)}
.ix-stage{padding:32px 24px}
.ix-tip{right:-12px}
}
@media (max-width:899px){
.nav-links,.login{display:none}
.burger{display:inline-flex}
.nav-cta{display:none}
}
@media (max-width:767px){
.wrap{padding:0 16px}
.section{padding:72px 0}
.hero{padding-top:56px}
.display{font-size:44px}
.h2{font-size:32px}
.h3{font-size:22px}
.lead{font-size:17px}
.cta-h{font-size:36px}
.screen{height:560px}
.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.kpi{border-bottom:1px solid var(--line)}
.kpi:nth-child(5){display:none}
.app-row{flex:none}
.chart{height:150px}
.move-card,.c-tip,.seg,.legend{display:none}
.app-bar .sel:nth-child(3),.app-bar .sel:nth-child(5){display:none}
.shot-mask{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 200px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 200px),transparent 100%)}
.demo-note{margin-top:8px}
.composer{border-radius:24px;align-items:flex-end}
.cmp-text{font-size:15px;min-height:66px;align-self:flex-start;padding-top:6px}
.board-scroll{overflow:visible;-webkit-mask-image:none;mask-image:none;padding-bottom:0}
.board{display:flex;flex-direction:column;width:auto;gap:8px}
.eng{width:auto;min-height:0;flex-direction:row;align-items:center;padding:12px 14px;gap:12px}
.eng-h{border:0;padding:0;margin:0;flex:1;font-size:14px}
.eng-r{display:none}
.eng-f{margin-top:0;padding:6px 12px;min-width:110px}
.board-sum p{font-size:20px}
.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}
.stat{padding:24px 16px 24px 0;border-bottom:1px solid var(--line)}
.stat+.stat{padding-left:0;border-left:0}
.stat:nth-child(even){padding-left:16px;border-left:1px solid var(--line)}
.stat-n{font-size:44px}
.stat-n small{font-size:20px}
.stat-t{font-size:15px;flex:0 0 auto}
.stat-s{margin-top:12px}
.sphere{width:300px;right:-120px;top:-170px}
.tlog{height:48px;font-size:13px}
.trow{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%)}
.ix-head{margin-top:72px}
.ix{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:32px}
.ix-tabs{flex-direction:row;gap:8px}
.ix-tab{flex:1;min-width:0;padding:12px;gap:4px;border-radius:14px}
.ix-top{flex-direction:column;align-items:flex-start;gap:2px}
.ix-name{font-size:13px}
.ix-num b{font-size:18px}
.ix-num .delta,.ix-desc{display:none}
.ix-stage{padding:16px;min-height:0;border-radius:18px}
.ix-a{padding:16px}
.ix-q{max-width:92%}
.ix-tip{position:relative;right:auto;top:auto;width:auto;margin-top:12px}
.f-row,.faq-grid,.r-grid,.duo{display:flex;flex-direction:column;align-items:stretch;gap:40px}
.f-rows{gap:64px;margin-top:56px}
.f-row.rev .f-text,.f-row.rev .f-vis{grid-row:auto}
.iso-panel,.iso-panel.iso-product{height:auto;padding:16px}
.iso-product .iso-mask{transform:none}
.iso-mask{position:relative;inset:auto;display:block;perspective:none;-webkit-mask-image:none;mask-image:none}
.iso-stage{width:100%;transform:none !important;animation:none !important}
.iso-ghost{display:none}
.iso-card{box-shadow:var(--sh-md);padding:16px}
.op2,.op3{opacity:1}
.pr-panel{padding:16px;min-height:0}
.pr-screen{width:100%}
.pr-head span:nth-child(3),.pr-v{display:none}
.pr-head,.pr-row{grid-template-columns:minmax(0,1fr) 44px}
.pk{grid-template-columns:repeat(2,minmax(0,1fr))}
.price{flex-wrap:wrap}
.mismatch{margin-left:0}
.mer{grid-template-columns:120px minmax(0,1fr) 34px}
.arc-h .chat-meta{display:none}
.arc-chat{padding:20px}
.duo-card{padding:24px}
.bc{min-height:420px}
.bc-tx{padding:24px 24px 0}
.st-wrap{left:16px;right:16px}
.st-r{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 44px;padding:0 12px}
.st-r > span:nth-child(4){display:none}
.epk{left:16px}
.chs{left:250px}
.bb-panel{left:12px}
.b1{left:20px}
.b2{left:40px;top:186px}
.bb-on{right:-14px}
.bb-btn{right:-18px}
.toast{bottom:14px}
.sr{grid-template-columns:28px minmax(0,1fr) 36px}
.sr .mp{grid-column:2 / span 2;justify-self:start}
.sr-h span:nth-child(4){display:none}
.quad{min-height:360px}
.plot{left:56px;right:16px}
.q-axis-x{left:56px;right:16px}
.pt-pill{display:none}
.pt-d{width:28px;height:28px;font-size:10px}
.pt-n{top:34px;font-size:11px}
.r-side{flex-direction:column}
.rgrid-dots{width:420px}
.cta-panel{padding:48px 24px;min-height:0}
.cta-vis{display:none}
.cta-dots{width:300px;right:-120px;top:-120px}
.faq-left{position:static}
.ft-cols{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}
}
@media (max-width:480px){
.hero .btn-row,.cta-copy .btn-row{flex-direction:column;align-items:stretch;width:100%}
.hero .btn-row .btn,.cta-copy .btn-row .btn{width:100%}
}
@media (prefers-reduced-motion: reduce){
.ttrack,.iso-stage,.caret,.toast,.eng::before,.eng::after,.ix-bar i,.ix-tip,.rv-load::after,.rv-scroll::after{animation:none !important}
}
