/* LiquidScope landing — v7 (2026-10-19). Dark instrument look shared with the app; frame/tick motion borrowed from the BlackAlgo site. */
@font-face{font-family:Barlow;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/barlow-300-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Barlow;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/barlow-300-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/barlow-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/barlow-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/barlow-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/geistmono-400.woff2) format("woff2")}
@font-face{font-family:"Barlow Fallback";src:local("Arial");ascent-override:103.43%;descent-override:20.69%;line-gap-override:0%;size-adjust:96.68%}
:root{--bg:#01010d;--panel:#03030f;--surface:#eeeef70d;--text:#f0f0f4f5;--body:#d6d8e0bd;--muted:#d6d8e08a;--faint:#e5e7f547;--line:#e9e9fb14;--line2:#e9e9fb24;--mint:#5fffd7;--mintsoft:#5fffd71a;--red:#ff587a;--amber:#ff9451;--blue:#9d7dff;--orange:#fd9a44;--tick:var(--text);--mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--ease:cubic-bezier(.2,.8,.2,1);color-scheme:dark}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#01010d;--text:#f0f0f4f5}}
:root[data-theme="dark"]{--bg:#01010d;--text:#f0f0f4f5}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--body);font:400 15px/1.55 Barlow,"Barlow Fallback",system-ui,sans-serif;letter-spacing:-.07px;min-height:100vh;overflow-x:hidden}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-weight:400;letter-spacing:0;margin:0;color:var(--text)}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px;position:relative;z-index:1}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0}
[id]{scroll-margin-top:84px}

/* ---- atmosphere: a fixed sky behind everything ---- */
.sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.sky-glow{position:absolute;left:50%;top:-360px;width:1500px;height:980px;transform:translateX(-50%);background:radial-gradient(42% 42% at 50% 52%,#5fffd716,#01010d00 72%),radial-gradient(26% 34% at 62% 44%,#f0f0f40b,#01010d00 70%)}
.sky-grid{position:absolute;inset:0;background-image:radial-gradient(#f0f0f42e .7px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(62% 58% at 50% 14%,#000 8%,transparent 100%);mask-image:radial-gradient(62% 58% at 50% 14%,#000 8%,transparent 100%)}
.sky-stars{position:absolute;inset:-60px 0 0;background-image:radial-gradient(1px 1px at 8% 18%,#f0f0f4b8 50%,transparent 60%),radial-gradient(1px 1px at 21% 61%,#f0f0f480 50%,transparent 60%),radial-gradient(1.5px 1.5px at 33% 32%,#5fffd7b8 50%,transparent 60%),radial-gradient(1px 1px at 47% 78%,#f0f0f4a0 50%,transparent 60%),radial-gradient(1px 1px at 58% 12%,#f0f0f4b8 50%,transparent 60%),radial-gradient(1.5px 1.5px at 69% 52%,#f0f0f490 50%,transparent 60%),radial-gradient(1px 1px at 77% 27%,#5fffd7a0 50%,transparent 60%),radial-gradient(1px 1px at 86% 70%,#f0f0f4b0 50%,transparent 60%),radial-gradient(1px 1px at 93% 41%,#f0f0f480 50%,transparent 60%),radial-gradient(1px 1px at 14% 88%,#f0f0f480 50%,transparent 60%);animation:drift 80s linear infinite alternate;opacity:.9}
@keyframes drift{to{transform:translate3d(0,-48px,0)}}

/* ---- nav ---- */
.mark{display:inline-grid;place-items:center;width:28px;height:28px;color:var(--text);filter:drop-shadow(0 0 12px #f0f0f480) drop-shadow(0 0 1px #f0f0f452) drop-shadow(0 0 3px #f0f0f43d)}
.mark svg{width:100%;height:100%;overflow:visible}
.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:500;color:var(--text)}
.brand .light{font-weight:300;color:var(--muted)}
.nav{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;height:64px;margin:0 -20px;padding:0 20px;border-bottom:1px solid var(--line);background:#01010dcc;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);transition:border-color .3s,background-color .3s}
.scrolled .nav{border-color:var(--line2);background:#01010de6}
.nav .links{display:flex;align-items:center;gap:22px;font-size:13px;color:var(--muted)}
.nav .links a:hover{color:var(--text)}
.tg{display:inline-flex;align-items:center;color:var(--muted);transition:color .15s}.tg svg{width:18px;height:18px}.tg:hover{color:var(--text)}

/* ---- buttons + animated corner frames ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 20px;border:1px solid var(--line2);background:#eeeef70a;color:var(--text);font:inherit;font-size:14px;cursor:pointer;position:relative;box-shadow:inset 0 .5px .5px #e9e9fb0f,inset 0 .25px .25px #e9e9fb1f,inset 0 6px 16px #eeeef70f;transition:background-color .15s,border-color .15s,box-shadow .2s,transform .15s}
.btn:hover{background:#eeeef714;border-color:#e9e9fb3d}
.btn:active{transform:translateY(1px)}
.btn.small{height:32px;padding:0 12px;font-size:13px}
.btn.primary{background:var(--mint);color:#01010d;border-color:var(--mint);box-shadow:0 0 26px #5fffd73d,0 0 1px #5fffd7;font-weight:500}
.btn.primary:hover{background:#7affdf;box-shadow:0 0 44px #5fffd766,0 0 1px #5fffd7}
.btn.busy{opacity:.7;cursor:progress}
.ticks{position:relative}
.ticks::after{content:"";position:absolute;inset:-1px;pointer-events:none;z-index:2;background-image:linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick));background-size:6px 1px,1px 6px,6px 1px,1px 6px,6px 1px,1px 6px,6px 1px,1px 6px;background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;transition:inset .18s cubic-bezier(.3,1.6,.5,1)}
.ticks:hover::after,.ticks:focus-within::after{inset:-5px;animation:tickflick .32s linear}
@keyframes tickflick{0%{opacity:1}10%{opacity:.5}25%{opacity:.9}35%{opacity:.1}50%{opacity:.8}65%{opacity:.1}80%{opacity:.5}90%{opacity:0}to{opacity:1}}

/* ---- section rails (numbered, cross-marked corners) ---- */
.rail{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:96px 0 26px;height:24px;font:11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.rail::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,#e9e9fb33,#e9e9fb14 30%,#e9e9fb14 70%,#e9e9fb33)}
.rail span{position:relative;background:var(--bg);padding:0 10px}
.rail span:first-child{padding-left:16px;margin-left:-4px;white-space:nowrap}
.rail span:last-child{padding-right:16px;margin-right:-4px;text-align:right}
.rail span:first-child::before,.rail span:last-child::after{content:"";position:absolute;top:50%;width:9px;height:9px;transform:translateY(-50%);background:linear-gradient(var(--text),var(--text)) 50% 0/1px 100% no-repeat,linear-gradient(var(--text),var(--text)) 0 50%/100% 1px no-repeat;opacity:.75}
.rail span:first-child::before{left:0}.rail span:last-child::after{right:0}
.rail b{font-weight:400;color:var(--text);margin-right:10px}
.h2{font-size:clamp(28px,3.4vw,44px);line-height:1.08;letter-spacing:-.9px;font-weight:300;margin:0 0 28px;max-width:820px;background:linear-gradient(180deg,#f3f3fa,#ededf9c4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.h2 em{font-style:normal;-webkit-text-fill-color:var(--mint);color:var(--mint)}
.p{font-size:16px;line-height:1.6;color:var(--body);max-width:560px;margin:0 0 20px;font-weight:300}

/* ---- motion: first paint + scroll reveals ---- */
.fade{animation:fade .7s var(--ease) both}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .75s var(--ease),transform .75s var(--ease);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}
.dotlive{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px var(--mintsoft),0 0 8px var(--mint);animation:pulse 2.2s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 #5fffd780,0 0 8px var(--mint)}70%{box-shadow:0 0 0 9px #5fffd700,0 0 8px var(--mint)}to{box-shadow:0 0 0 0 #5fffd700,0 0 8px var(--mint)}}

/* ---- hero ---- */
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center;padding:72px 0 32px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}
.eyebrow::before,.eyebrow::after{color:var(--faint)}.eyebrow::before{content:"["}.eyebrow::after{content:"]"}
.hero-title{font-size:clamp(40px,4.5vw,60px);line-height:1.04;letter-spacing:-1.6px;font-weight:300;background:linear-gradient(180deg,#f5f5fb,#ededf9c4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.hero-title em{font-style:normal;font-weight:400;-webkit-text-fill-color:var(--mint);color:var(--mint);filter:drop-shadow(0 0 16px #5fffd759)}
.lede{font-size:18px;line-height:1.55;color:var(--body);max-width:540px;margin:24px 0 30px;font-weight:300}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.trust{display:flex;flex-wrap:wrap;gap:8px}
.pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border:1px solid #eeeef714;border-radius:999px;font-size:12px;color:var(--faint);white-space:nowrap;background:#eeeef705}
.pill b{color:var(--text);font-weight:400}
.venues{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;font-size:12px;color:var(--muted)}.venues .k{letter-spacing:.12em;text-transform:uppercase;font:10px var(--mono);color:var(--faint)}.venue-tag{display:inline-flex;align-items:center;gap:6px;color:var(--text);border:1px solid var(--line2);padding:4px 8px}.venue-tag img{width:16px;height:16px;border-radius:3px}.venue-tag b{font-weight:400;color:var(--muted)}.venue-more{color:var(--muted)}

/* hero stage: a tilted stack of live-looking app cards */
.hero-stage{position:relative;height:560px;perspective:1500px}
.radar{position:absolute;left:50%;top:50%;width:760px;height:760px;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#f0f0f44d 0 1px,transparent 1px 76px);-webkit-mask-image:radial-gradient(closest-side,#000 15%,transparent 100%);mask-image:radial-gradient(closest-side,#000 15%,transparent 100%);opacity:.8}
.radar::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 292deg,#5fffd72e 330deg,#5fffd7b3 360deg);-webkit-mask-image:radial-gradient(closest-side,#000 0,#000 65%,transparent 100%);mask-image:radial-gradient(closest-side,#000 0,#000 65%,transparent 100%);animation:sweep 11s linear infinite}
@keyframes sweep{to{transform:rotate(360deg)}}
.device{position:absolute;background:var(--panel);border:1px solid var(--line2);box-shadow:0 40px 90px #000000a6,0 0 60px #5fffd70a;transition:transform .5s var(--ease);will-change:transform}
.d-main{z-index:2}.d-phone{z-index:3}
.device{margin:0}
.device img{display:block;width:100%;height:auto}
.d-main{left:0;right:60px;top:70px;padding:0;overflow:hidden;transform:rotateY(calc(-8deg + var(--px,0)*6deg)) rotateX(calc(4deg + var(--py,0)*-6deg))}
.d-phone{right:-18px;top:150px;width:226px;padding:7px;border-radius:30px;background:#0a0a17;border-color:#e9e9fb33;transform:translateZ(90px) rotateY(calc(-14deg + var(--px,0)*9deg)) rotateX(calc(3deg + var(--py,0)*-9deg));box-shadow:0 40px 90px #000000d0,0 0 50px #5fffd712}
.d-phone img{border-radius:24px}
.d-phone::after{inset:-4px}
.stage-note{grid-column:1/-1;margin:-6px 0 0;text-align:right}
.strip{position:relative;display:flex;align-items:center;gap:8px;height:24px;padding:2px 8px 2px 20px;margin:0 0 12px;background:#eeeef70a;background-image:linear-gradient(var(--text),var(--text));background-size:4px 10px;background-position:8px 50%;background-repeat:no-repeat;box-shadow:inset 0 .5px .5px #e9e9fb0f,inset 0 .25px .25px #e9e9fb1f,inset 0 6px 16px #eeeef70f;font-size:13px;color:var(--text)}
.strip::after{content:"";position:absolute;inset:-2px;pointer-events:none;background:linear-gradient(var(--text),var(--text)) 0 0/2px 2px no-repeat,linear-gradient(var(--text),var(--text)) 100% 0/2px 2px no-repeat,linear-gradient(var(--text),var(--text)) 0 100%/2px 2px no-repeat,linear-gradient(var(--text),var(--text)) 100% 100%/2px 2px no-repeat}
.strip .n{color:var(--faint);padding-right:9px;background:linear-gradient(var(--text),var(--text)) right 50%/1px 1px no-repeat;font-variant-numeric:tabular-nums}
.strip .t::before{content:"_"}
.strip .r{margin-left:auto;color:var(--muted);font-size:11px}
.chart{display:block;width:100%;height:auto}
.chart .line{stroke-dasharray:1500;stroke-dashoffset:1500;animation:draw 2s cubic-bezier(.4,0,.2,1) .5s forwards}
.chart .glow{stroke-dasharray:1500;stroke-dashoffset:1500;animation:draw 2s cubic-bezier(.4,0,.2,1) .5s forwards}
.chart .area{opacity:0;animation:fadein .9s 1.7s forwards}
.chart .last{opacity:0;animation:fadein .4s 2.4s forwards}
@keyframes draw{to{stroke-dashoffset:0}}@keyframes fadein{to{opacity:1}}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px;margin-top:8px}
.kpi{padding:10px 0 12px;background:linear-gradient(var(--text),var(--text)) 0 100%/2px 2px no-repeat,linear-gradient(var(--text),var(--text)) 100% 100%/2px 2px no-repeat,linear-gradient(#eeeef70f,#eeeef70f) 0 100%/100% 1px no-repeat}
.kpi .l{font-size:12px;color:var(--muted)}.kpi .v{font-size:23px;line-height:28px;margin-top:3px}
.pos{color:var(--mint);text-shadow:0 0 1px #5fffd733,0 0 10px #5fffd733}
.neg{color:var(--red);text-shadow:0 0 1px #ff587a33,0 0 10px #ff587a33}
.amber{color:var(--amber)}
.loud{color:var(--text);text-shadow:0 0 12px #f0f0f43d,0 0 40px #f0f0f452}
.dec{opacity:.5}
.fine{font-size:11px;color:var(--faint);margin-top:10px}
/* mini UIs inside the cards */
.mini-h{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text);margin-bottom:8px}.mini-h .r{margin-left:auto;color:var(--faint);font-size:11px}
.mini-t{width:100%;border-collapse:collapse;font-size:11.5px;color:var(--body)}
.mini-t td,.mini-t th{padding:5px 4px;text-align:right;white-space:nowrap;border-top:1px solid var(--line)}
.mini-t th{font-weight:400;color:var(--faint);font-size:10px;letter-spacing:.08em;text-transform:uppercase;border-top:0;padding-top:0}
.mini-t td:first-child,.mini-t th:first-child{text-align:left;padding-left:0}.mini-t td:last-child,.mini-t th:last-child{padding-right:0}
.mini-t b{font-weight:500;color:var(--text)}
.side{font-size:10px;padding:1px 5px;border:1px solid var(--line2);margin-left:5px;font-style:normal;color:var(--muted)}.side.l{color:var(--mint);border-color:#5fffd733}.side.s{color:var(--red);border-color:#ff587a33}
.toast{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #ff945140;background:#ff94510f;font-size:11.5px;color:var(--text);margin-bottom:10px}
.toast i{width:6px;height:6px;background:var(--amber);box-shadow:0 0 8px var(--amber);flex:none}
.toast .r{margin-left:auto;color:var(--faint)}
.srow{display:grid;grid-template-columns:1fr 84px 76px;align-items:center;gap:10px;padding:6px 0;border-top:1px solid var(--line);font-size:11.5px}
.srow:first-of-type{border-top:0}
.srow .nm{color:var(--text)}.srow .nm small{display:block;color:var(--faint);font-size:10px}
.spark{width:84px;height:20px;overflow:visible}.spark polyline{fill:none;stroke:var(--text);stroke-width:1;vector-effect:non-scaling-stroke}.spark.up polyline{stroke:var(--mint)}.spark.dn polyline{stroke:var(--red)}
.srow .pl{text-align:right}

/* ---- proof cloud ---- */
.cloud{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:56px}
.cell{display:flex;align-items:center;gap:12px;padding:18px 20px;background:var(--bg);font-size:14px;color:var(--text);position:relative}
.cell img,.cell svg{width:20px;height:20px;border-radius:4px;flex:none}
.cell b{font-weight:500}.cell span{color:var(--faint);font-size:12px;margin-left:auto;text-align:right}
.cell .ico{display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid var(--line2);font:10px var(--mono);color:var(--muted)}

/* ---- what you see: three framed cards with tilted previews ---- */
.show{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.show-card{position:relative;background:var(--bg);padding:26px 24px 0;overflow:hidden;min-height:440px;transition:background-color .3s}
.show-card:hover{background:#05051a}
.show-card .k{font:11px var(--mono);letter-spacing:.08em;color:var(--faint);margin-bottom:12px}
.show-card h3{font-size:19px;margin-bottom:8px}.show-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.shot{position:relative;margin:22px -8px 0;height:238px;perspective:900px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 50%,transparent 100%);mask-image:linear-gradient(#000 50%,transparent 100%)}
.ui{position:absolute;left:12px;right:-14px;top:10px;transform-origin:30% 0;transform:rotateX(18deg) rotateY(-9deg) rotateZ(1deg) scale(1.02);transition:transform .7s var(--ease);background:var(--panel);border:1px solid var(--line2);padding:12px;box-shadow:0 30px 60px #00000099}
.show-card:hover .ui{transform:rotateX(8deg) rotateY(-4deg) rotateZ(0) scale(1.04) translateY(-6px)}
.ui.phone{left:50%;right:auto;width:236px;margin-left:-118px;padding:7px;border-radius:30px;background:#0a0a17;border-color:#e9e9fb33;transform:rotateX(16deg) rotateY(-10deg) rotateZ(1deg)}
.ui.phone img{display:block;width:100%;height:auto;border-radius:24px}
.show-card:hover .ui.phone{transform:rotateX(6deg) rotateY(-4deg) rotateZ(0) translateY(-8px)}
.shot{height:300px}
.ui-h{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text);margin-bottom:8px}.ui-h .r{margin-left:auto;color:var(--faint);font-size:11px}
.ui-f{display:flex;justify-content:space-between;gap:10px;padding-top:8px;margin-top:6px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.bar{height:4px;background:#eeeef712;margin-top:6px;position:relative;overflow:hidden}.bar i{position:absolute;left:0;top:0;bottom:0;background:var(--mint);box-shadow:0 0 8px var(--mint);width:var(--w)}

/* ---- live ledger ---- */
.ledger{display:grid;grid-template-columns:1fr 1.12fr;gap:44px;align-items:start}
.eq{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;font-size:15px;color:var(--text);padding:16px 18px;border:1px solid var(--line2);background:#eeeef705;margin:4px 0 22px}
.eq i{font-style:normal;color:var(--faint)}.eq em{font-style:normal;margin-left:auto;color:var(--mint);text-shadow:0 0 10px #5fffd755}
.facts{list-style:none;margin:0;padding:0;font-size:14px;color:var(--muted)}.facts li{padding:9px 0;border-top:1px solid var(--line)}.facts b{color:var(--text);font-weight:500}
.feed{background:var(--panel);border:1px solid var(--line2);padding:14px 16px 10px;box-shadow:0 30px 80px #00000080}
.feed-h{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text);margin-bottom:10px}.feed-h .r{margin-left:auto;color:var(--faint);font-size:11px}
.feed-b{font:12px/1.7 var(--mono);color:var(--body);min-height:244px}
.fl .m strong{color:var(--text);font-weight:500}
.fl{display:grid;grid-template-columns:62px 58px 1fr auto;gap:0 12px;align-items:baseline;padding:4px 0;border-top:1px solid var(--line);opacity:0;transform:translateY(6px);animation:fl .45s var(--ease) forwards}
.no-js .fl,.fl.still{opacity:1;transform:none;animation:none}
.fl:first-child{border-top:0}
.fl .t{color:var(--faint)}.fl .k{color:var(--mint);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.fl .k.funding{color:var(--amber)}.fl .k.flow{color:var(--blue)}.fl .s{color:var(--muted);grid-column:3;font-size:11px}.fl .v{text-align:right;color:var(--text)}
.fl .m{grid-column:3}
@keyframes fl{to{opacity:1;transform:none}}
.caret{display:inline-block;width:7px;height:13px;background:var(--mint);box-shadow:0 0 8px var(--mint);vertical-align:-2px;margin:6px 0 0 2px;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}

/* ---- access steps ---- */
.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:22px}
.steps::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line2)}
.steps::after{content:"";position:absolute;top:-2px;left:0;width:5px;height:5px;background:var(--mint);box-shadow:0 0 10px var(--mint);animation:travel 7s linear infinite}
@keyframes travel{from{left:0}to{left:calc(100% - 5px)}}
.step b{display:flex;align-items:center;gap:10px;font-weight:400;color:var(--text);font-size:17px;margin-bottom:8px}
.step .n{font:11px var(--mono);color:var(--muted);border:1px solid var(--line2);padding:4px 7px}
.step span{font-size:14px;color:var(--muted);line-height:1.55}

/* ---- request ---- */
.req{display:grid;grid-template-columns:1fr 1.1fr;gap:36px;padding:30px;background:var(--panel);box-shadow:0 40px 100px #00000080}
.req h3{font-size:26px;margin-bottom:10px;font-weight:300;letter-spacing:-.5px}.req p{color:var(--muted);font-size:14px;margin:0 0 14px}
.req ul{margin:0;padding:0;list-style:none;font-size:14px;color:var(--body)}.req li{padding:7px 0;border-bottom:1px solid var(--line)}.req li::before{content:"— ";color:var(--mint)}
.tg-note{margin:14px 0 0;font-size:13px;color:var(--muted)}.tg-note a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.form{display:grid;gap:14px}
.field{display:grid;gap:6px;font-size:12px;color:var(--muted)}
.field input,.field select,.field textarea{font:inherit;font-size:14px;color:var(--text);background:#eeeef708;border:1px solid var(--line2);padding:0 12px;height:42px;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}
.field textarea{height:auto;min-height:88px;padding:10px 12px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#5fffd766;box-shadow:0 0 0 3px #5fffd71a}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted)}
.check input{margin-top:3px;accent-color:#5fffd7}
.ok{display:none;border:1px solid #5fffd766;background:#5fffd70f;padding:16px;color:var(--text);font-size:14px}
.ok a{color:var(--mint);text-decoration:underline;text-underline-offset:3px}
.sent .form{display:none}.sent .ok{display:block}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}
.err{display:none;border:1px solid #ff587a66;background:#ff587a0f;padding:10px 12px;color:var(--text);font-size:13px}.err:not(:empty){display:block}

/* ---- footer ---- */
.footer{margin-top:88px;border-top:1px solid var(--line);padding:22px 0 44px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:12px;color:var(--faint)}
.footer a:hover{color:var(--text)}
.rule{height:1px;background:linear-gradient(var(--text),var(--text)) 0 0/2px 2px no-repeat,linear-gradient(var(--text),var(--text)) 100% 0/2px 2px no-repeat,#eeeef70f}

/* ---- legal pages (shared stylesheet) ---- */
.legal-page{padding:40px 0 72px}.legal-page .lede{margin:14px 0 18px}
.legal-page .legal-nav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.legal-page .legal-nav a{font-size:12px;border:1px solid var(--line2);padding:6px 10px;color:var(--muted)}.legal-page .legal-nav a.active{color:var(--text);border-color:var(--text)}
.prose{max-width:800px;font-size:14px;line-height:1.8;color:var(--body)}.prose h2{font-size:17px;margin:28px 0 10px;color:var(--text)}.prose p{margin:10px 0}.prose dl{margin:14px 0}.prose dt{color:var(--text);font-weight:500}.prose dd{margin:0 0 10px}.prose a{color:var(--text);text-decoration:underline;text-underline-offset:3px}.prose .muted{color:var(--muted)}.prose li{margin:6px 0}.prose .small{font-size:12px}

/* ---- responsive ---- */
@media (max-width:1000px){.hero{grid-template-columns:1fr;gap:28px;padding-top:44px}.hero-stage{height:auto;perspective:none;transform-style:flat;display:grid;gap:12px}.radar{display:none}.device{position:relative;inset:auto;width:auto;transform:none!important;box-shadow:0 20px 50px #00000080}.d-main{order:1}.d-phone{order:2;width:220px;margin:0 auto}.show{grid-template-columns:1fr}.show-card{min-height:0;padding-bottom:0}.ledger{grid-template-columns:1fr;gap:24px}.steps{grid-template-columns:1fr;gap:18px}.cloud{grid-template-columns:1fr}.cell span{margin-left:auto}.req{grid-template-columns:1fr;padding:20px}.rail{margin-top:64px}}
@media (max-width:760px){.eyebrow{font-size:10px;letter-spacing:.12em;white-space:nowrap;gap:8px}.rail span:last-child{display:none}.rail{margin-top:56px}.fl{display:block;padding:7px 0}.fl .t{margin-right:8px}.fl .k{margin-right:8px}.fl .m{display:inline}.fl .v{display:inline;margin-left:8px}.fl .s{display:block;padding-left:0}.nav{height:56px}.nav .links{gap:0}.nav .links a:not(.btn){display:none}.nav .links a.tg{display:inline-flex;margin-right:12px}.hero-title{letter-spacing:-1.2px}.lede{font-size:16px}.footer{flex-direction:column}.eq{font-size:13px;gap:8px}.eq em{margin-left:0;width:100%}.fl{grid-template-columns:54px 50px 1fr auto;font-size:11px;gap:0 8px}.feed-b{font-size:11px}.d-main{padding:12px}.kpi .v{font-size:20px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.chart .line,.chart .glow{stroke-dashoffset:0}.chart .area,.chart .last,.fl{opacity:1;transform:none}.js .rv{opacity:1;transform:none}}