@font-face{font-family:Newsreader;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/f-406a2078b7.woff2) format("woff2")}
@font-face{font-family:Newsreader;font-weight:400;font-style:italic;font-display:swap;src:url(/assets/fonts/f-b1af8ac5e4.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:400;font-display:swap;src:url(/assets/fonts/f-1b9ebbc271.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:500;font-display:swap;src:url(/assets/fonts/f-58332963d7.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url(/assets/fonts/f-46aac98f33.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(/assets/fonts/f-cecc870f19.woff2) format("woff2")}

:root{
  --bg:#FFFFFF; --bg2:#F6F7FB; --card:#FFFFFF;
  --ink:#181613; --ink2:#5C5951; --ink3:#7A766C;
  --rule:rgba(24,22,19,.11); --rule2:rgba(24,22,19,.2);
  --accent:#2747C9; --src:#1F4E79; --warn:#9A5B0B; --bad:#B3342B;
  --pill:#181613; --pillink:#FAFAF7;
  --mist: radial-gradient(800px 460px at 10% 0%, rgba(150,175,245,.28), transparent 62%), radial-gradient(700px 460px at 95% 10%, rgba(250,215,180,.30), transparent 60%), linear-gradient(180deg,#F5F7FD,#EDF1FA);
  --win-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 30px 60px -22px rgba(24,32,70,.19),0 10px 24px -12px rgba(24,32,70,.11);
  --frame: linear-gradient(135deg,#EAF0FF 0%,#F6EFE9 100%);
  --sans:"Inter Tight",Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:Newsreader,Georgia,"Times New Roman",serif;
  --r:22px;
}
:root[data-theme="dark"]{
  --bg:#0D0D0B; --bg2:#14130F; --card:#17160F; --ink:#EDE9E0; --ink2:#ADA89C; --ink3:#8A8579;
  --rule:rgba(237,233,224,.12); --rule2:rgba(237,233,224,.22);
  --accent:#8E9BF5; --src:#9FC2E6; --warn:#E0A95A; --bad:#E58B82; --pill:#EDE9E0; --pillink:#14130F;
  --mist: radial-gradient(900px 520px at 12% 8%, rgba(110,130,230,.26), transparent 62%),
          radial-gradient(760px 520px at 92% 18%, rgba(200,150,110,.20), transparent 60%),
          radial-gradient(900px 600px at 55% 112%, rgba(80,100,170,.26), transparent 62%),
          linear-gradient(180deg,#1B1D26,#12131A);
  --win-shadow:0 30px 60px -22px rgba(0,0,0,.3),0 10px 24px -12px rgba(0,0,0,.2);
  --frame: linear-gradient(135deg,#1E2026 0%,#3A3231 55%,#6F5C54 100%);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--pill);color:var(--pillink);padding:8px 12px;border-radius:8px;z-index:50}

/* header */
header.top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
header.top.sc{border-color:var(--rule)}
.hrow{height:68px;display:flex;align-items:center;gap:36px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:21px;letter-spacing:-.03em}
.logo svg{width:24px;height:24px}
nav.main{display:flex;gap:26px;font-size:15px;font-weight:500;color:var(--ink2)}
nav.main a:hover{color:var(--ink)}
.hact{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:15px;font-weight:500}
.hact .si{color:var(--ink2)}.hact .si:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:12px;border-radius:999px;font-weight:600;font-size:15px;padding:10px 20px;border:1px solid var(--rule2);transition:transform .12s,background .15s,border-color .15s;cursor:pointer;font-family:inherit;color:var(--ink);background:transparent}
.btn:active{transform:translateY(1px)}
.btn.dark{background:var(--pill);color:var(--pillink);border-color:transparent}
.btn.dark:hover{opacity:.9}
.btn.ghost:hover{border-color:var(--ink)}
.btn.big{padding:8px 8px 8px 26px;font-size:16px}
.btn.big i{width:40px;height:40px;border-radius:50%;background:var(--accent);display:grid;place-items:center;color:#fff;font-style:normal;font-size:18px}
.btn.big.lg{font-size:17px}
@media(max-width:860px){nav.main{display:none}.hrow{gap:12px}}

/* hero */
.hero{padding:clamp(48px,7vw,96px) 0 0;text-align:left}
.eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--ink3);display:flex;align-items:center;gap:10px}
.eyebrow:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--accent)}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(42px,6.2vw,92px);line-height:1;letter-spacing:-.035em;margin:0;max-width:20ch}
h1 em{font-style:italic;color:var(--ink3)}
.hsub{display:flex;gap:clamp(24px,5vw,80px);align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-top:34px}
.hsub p{font-size:clamp(18px,1.6vw,22px);line-height:1.45;max-width:36ch;color:var(--ink2)}
.cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.cta a.lnk{font-weight:600;font-size:15px;border-bottom:1px solid var(--rule2);padding-bottom:2px}

/* stage */
.stage{margin-top:clamp(40px,5vw,64px);border-radius:14px;background:var(--mist);position:relative;overflow:hidden;padding:clamp(14px,2.4vw,30px) clamp(14px,3vw,48px) 0;border:1px solid var(--rule)}
.tabs{position:relative;z-index:2;display:flex;justify-content:center;margin-bottom:clamp(14px,2vw,24px)}
.tabs .pillbar{display:flex;gap:2px;padding:5px;border-radius:999px;background:#fff;border:1px solid var(--rule);box-shadow:0 1px 2px rgba(20,30,60,.05);max-width:100%;overflow-x:auto;scrollbar-width:none}
.tabs .pillbar::-webkit-scrollbar{display:none}
.tab{position:relative;border:0;background:transparent;font:600 14.5px var(--sans);color:var(--ink2);padding:10px 18px;border-radius:999px;cursor:pointer;white-space:nowrap;overflow:hidden}
.tab:hover{color:var(--ink)}
.tab[aria-selected="true"]{background:#F1F3F9;color:var(--ink)}
.tab .bar{position:absolute;left:16px;right:16px;bottom:3px;height:2px;border-radius:2px;background:transparent}
.tab .bar b{display:block;height:100%;width:0;background:var(--accent);border-radius:2px;transition:width .5s ease-out}
.appwrap{position:relative;z-index:1;width:100%;aspect-ratio:1200/640;border-radius:10px 10px 0 0;overflow:hidden;background:#fff;box-shadow:0 30px 60px -28px rgba(30,50,110,.17),0 8px 20px -10px rgba(30,50,110,.18);border:1px solid rgba(24,22,19,.1);border-bottom:0}
.app{position:absolute;left:0;top:0;width:1200px;height:640px;transform-origin:0 0;display:grid;grid-template-columns:200px 1fr;font:15px/1.4 Manrope,system-ui,sans-serif;color:#181613;background:#FBFBF9;text-align:left}
.app .side{background:#141311;color:#CFCBC0;padding:18px 12px;display:flex;flex-direction:column;gap:2px}
.app .lg{font:500 22px var(--serif);color:#fff;display:flex;align-items:center;gap:8px;padding:0 8px 14px;letter-spacing:-.01em}
.app .nq{background:#23221E;color:#fff;border-radius:9px;padding:9px 12px;margin-bottom:10px;font-size:14px;font-weight:500}
.app .it{display:flex;gap:10px;align-items:center;padding:8px 12px;border-radius:9px;font-size:14px;transition:background .3s,color .3s}
.app .it svg{width:16px;height:16px;opacity:.75;flex:none}
.app .it.on{background:#2A2925;color:#fff}
.app .it small{margin-left:auto;opacity:.6;font-size:12.5px}
.app .rec{margin-top:16px;padding:0 12px;font-size:11.5px;letter-spacing:.04em;opacity:.55}
.app .rl{padding:6px 12px;font-size:13px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app .main{position:relative;overflow:hidden;background:#FBFBF9}
.app .top{height:44px;border-bottom:1px solid #E9E7E0;display:flex;align-items:center;padding:0 24px;font-size:13px;color:#5C5951;gap:14px}
.app .top .qb{margin-left:auto;display:flex;gap:8px;align-items:center}
.app .top .qb i{width:7px;height:7px;border-radius:50%;background:#3F7D4E}
.app .top .as{background:#EEECE6;border-radius:9px;padding:5px 12px;font-weight:500}
.app .sc{position:absolute;inset:44px 0 0 0}
.app .serif{font-family:var(--serif)}
.app .cur{position:absolute;left:0;top:0;width:22px;height:22px;z-index:20;pointer-events:none;opacity:0;transition:transform .9s cubic-bezier(.45,.05,.2,1),opacity .3s;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}
.app .cur.click{animation:clk .28s}
@keyframes clk{50%{scale:.8}}
.app .fade{opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.app .fade.in{opacity:1;transform:none}
.app mark{background:none;color:inherit}.A .aa mark .w.on{background:rgba(39,71,201,.16);border-radius:3px;padding:0 2px}
/* ask */
.A .comp{position:absolute;left:50%;width:600px;margin-left:-300px;top:200px;background:#fff;border:1px solid #E4E2DA;border-radius:10px;padding:16px 20px 12px;box-shadow:0 2px 10px rgba(20,20,10,.05);transition:top .7s cubic-bezier(.5,.05,.2,1),width .7s,margin-left .7s;z-index:3}
.A .comp.dock{top:482px;width:640px;margin-left:-360px}
.A .comp .q{min-height:48px;font-size:18px}
.A .comp .q:empty:before{content:"Ask anything, @ for a vendor or document";color:#A39F94}
.A .comp .row{display:flex;gap:8px;align-items:center;font-size:12.5px;color:#7A766C;margin-top:6px}
.A .comp .row .p{border:1px solid #E4E2DA;border-radius:999px;padding:3px 10px}
.A .comp .send{margin-left:auto;width:32px;height:32px;border-radius:50%;background:#D8D6CE;color:#fff;display:grid;place-items:center;transition:background .3s}
.A .comp.ready .send{background:#181613}
.A .hi{position:absolute;left:0;right:0;top:128px;text-align:center;font:400 34px var(--serif);transition:opacity .4s}
.A .hi.out{opacity:0}
.A .th{position:absolute;left:40px;top:14px;width:640px;display:none}
.A .th.on{display:block}
.A .ub{margin-left:auto;width:max-content;background:#EEECE6;border-radius:10px;padding:9px 18px;font-size:15px;margin-bottom:22px}
.A .stt{border:1px solid #E4E2DA;border-radius:12px;padding:12px 16px;display:flex;gap:12px;align-items:center;font-size:14.5px;background:#fff}
.A .stt .d{width:9px;height:9px;border-radius:50%;border:2px solid #B9B5A9;border-top-color:#2747C9;animation:spin .8s linear infinite}
.A .stt.done .d{animation:none;border:0;background:#3F7D4E}
.A .stt .t{margin-left:auto;color:#8A8579;font-size:13px}
@keyframes spin{to{transform:rotate(360deg)}}
.A .note{margin:14px 0 10px;font-size:14px;color:#5C5951}
.A .aa{font:400 17.5px/1.55 var(--serif)}
.A .aa p{margin-bottom:12px}
.A .aa sup{font:600 11px var(--sans);color:#1F4E79;margin-left:2px;background:#EAF0F7;border-radius:4px;padding:1px 4px}
.A .aa sup.hot{outline:2px solid rgba(39,71,201,.4)}
.A .aa .w{opacity:0;transition:opacity .25s}.A .aa .w.on{opacity:1}
.A .sp{position:absolute;right:0;top:0;bottom:0;width:340px;background:#fff;border-left:1px solid #E4E2DA;transform:translateX(100%);transition:transform .6s cubic-bezier(.2,.7,.2,1);padding:18px 20px;z-index:4}
.A .sp.on{transform:none}
.A .sp .h{font-size:13px;color:#1F4E79;font-weight:600;display:flex;gap:8px;align-items:center}
.A .sp .pg{margin-top:14px;border:1px solid #E4E2DA;border-radius:10px;padding:18px;background:#FDFDFB}
.A .sp .pg i{display:block;height:7px;border-radius:4px;background:#ECEAE3;margin-bottom:9px}
.A .sp .pg q{display:block;font:400 17px/1.45 var(--serif);margin:14px 0;quotes:none}
.A .sp .pg q mark{background:linear-gradient(90deg,rgba(39,71,201,.2) var(--s,0%),transparent var(--s,0%));padding:1px 0;transition:none}
.A .sp .lab{margin-top:14px;font-size:12px;color:#7A766C}
/* run */
.B{padding:22px 34px}
.B .crumb{font-size:13px;color:#7A766C}
.B h3{font:400 30px var(--serif);margin:4px 0 6px;letter-spacing:-.01em}
.B .btn2{position:absolute;right:34px;top:26px;background:#181613;color:#fff;border-radius:9px;padding:9px 16px;font-size:14px;font-weight:500;transition:background .3s}
.B .meta{font-size:13.5px;color:#5C5951;min-height:20px}
.B .prog{margin-top:16px;border-radius:12px;background:#F1F0EB;padding:12px 16px;font-size:14px;display:flex;gap:12px;align-items:center}
.B .prog .bar{flex:1;height:4px;border-radius:3px;background:#DDDAD1;overflow:hidden}
.B .prog .bar b{display:block;height:100%;width:0;background:#2747C9;transition:width .5s}
.B .prog.done .bar{display:none}
.B .prog .ok{color:#3F7D4E;font-weight:700;display:none}
.B .prog.done .ok{display:inline}
.B .rates{display:flex;gap:56px;margin-top:20px;min-height:92px}
.B .rates .n{font:400 52px/1 var(--serif);letter-spacing:-.02em}
.B .rates .n small{font-size:18px;color:#7A766C}
.B .rates .l{font-size:13px;color:#5C5951;margin-top:6px}
.B .fl{margin:18px 0 6px;font-size:12px;letter-spacing:.1em;color:#7A766C}
.B .f{display:flex;gap:16px;justify-content:space-between;padding:10px 0;border-top:1px solid #E9E7E0}
.B .f b{font:500 15.5px var(--sans)}
.B .f p{font-size:13.5px;color:#5C5951;margin-top:2px}
.B .f span.o{color:#B3342B;font-weight:600;font-size:14px;white-space:nowrap}
/* promises */
.C{padding:20px 34px;display:block}
.C .wrapL{width:560px}
.C h3{font:400 26px/1.2 var(--serif)}
.C h3 span{color:#7A766C}
.C .tiles{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px;border-top:1px solid #E4E2DA;border-bottom:1px solid #E4E2DA}
.C .tile{padding:12px 12px 14px;border-left:1px solid #E4E2DA;font-size:13px;color:#5C5951}
.C .tile:first-child{border-left:0;padding-left:0}
.C .tile .k{display:flex;gap:7px;align-items:center;color:#181613;font-size:13.5px}
.C .tile .k i{width:8px;height:8px;border-radius:50%}
.C .tile .nn{font:400 32px var(--serif);color:#181613;margin-top:4px}
.C .rows{margin-top:16px}
.C .rh{display:grid;grid-template-columns:170px 1fr;font-size:12.5px;color:#7A766C;padding:6px 0;border-bottom:1px solid #E4E2DA}
.C .r{display:grid;grid-template-columns:170px 1fr;padding:12px 8px;border-bottom:1px solid #EFEDE6;font-size:14.5px;transition:background .25s;margin:0 -8px;border-radius:8px}
.C .r.sel{background:#F2F1EB}
.C .r small{display:block;color:#7A766C;font-size:12.5px;margin-top:2px}
.C .st{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;margin-top:4px}
.C .st i{width:7px;height:7px;border-radius:50%}
.C .dp{position:absolute;right:0;top:0;bottom:0;width:400px;background:#fff;border-left:1px solid #E4E2DA;transform:translateX(100%);transition:transform .6s cubic-bezier(.2,.7,.2,1);padding:18px 24px}
.C .dp.on{transform:none}
.C .dp .t{font-size:14px;font-weight:600}.C .dp .t span{font-weight:400;color:#7A766C}
.C .dp .big{font:400 32px var(--serif);margin:6px 0 4px}
.C .dp blockquote{border-left:2px solid #D8D6CE;padding-left:14px;font:400 16.5px/1.45 var(--serif);margin:10px 0 8px}
.C .dp blockquote mark{background:linear-gradient(90deg,rgba(39,71,201,.2) var(--s,0%),transparent var(--s,0%));padding:1px 0}
.C .dp .src{font-size:13px;color:#1F4E79}
.C .dp .iv{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:6px;font-size:13px;padding:9px 0;border-bottom:1px solid #EFEDE6;font-variant-numeric:tabular-nums}
.C .dp .iv span:not(:first-child){text-align:right}
.C .dp .iv .o{color:#B3342B;font-weight:600}
.C .dp .ivh{color:#7A766C;font-size:12px;margin-top:16px;padding-bottom:5px}
/* matrix */
.D{padding:20px 34px}
.D h3{font:400 28px var(--serif)}
.D .sub{font-size:14px;color:#5C5951;margin-top:6px}.D .sub b{color:#181613;font-weight:600}
.D .pills{display:flex;gap:22px;margin-top:16px;font-size:14px;align-items:center}
.D .pills .a{background:#EEECE6;border-radius:999px;padding:5px 14px}
.D .pills i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}
.D .grid{margin-top:16px;border-top:1px solid #E4E2DA}
.D .gr{display:grid;grid-template-columns:260px 210px 210px 150px;gap:0;border-bottom:1px solid #EFEDE6;align-items:center;min-height:50px}
.D .gr.h{min-height:66px;font-size:13px;color:#3B3932;align-items:end;padding-bottom:6px}
.D .gr.h em{font-style:normal;display:block;color:#7A766C;font-size:12px;margin-top:3px}
.D .gr .dc{font-size:14px;padding:6px 0}.D .gr .dc small{display:block;color:#7A766C;font-size:12px}
.D .c{font-size:14.5px;position:relative}
.D .c span{opacity:0;transition:opacity .35s}
.D .c.in span{opacity:1}
.D .c.load:before{content:"";position:absolute;left:0;top:6px;width:110px;height:14px;border-radius:4px;background:linear-gradient(90deg,#ECEAE3,#F6F5F0,#ECEAE3);background-size:200% 100%;animation:sh 1s linear infinite}
@keyframes sh{to{background-position:-200% 0}}
.D .c.in:before{display:none}
.D .c .ns{color:#9A968B;font-size:13.5px}
.D .c .pgn{color:#9A968B;font-size:12px;margin-left:6px}
.cap{position:relative;z-index:2;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:18px 4px 22px;color:var(--ink);font-size:15px}
.cap p{max-width:62ch;color:var(--ink2)}
.cap p b{color:var(--ink);font-weight:600}
.cap small{color:var(--ink3);font-size:13px;align-self:flex-end}
@media (prefers-reduced-motion:reduce){.tab .bar b{transition:none}}

/* sections */
section{padding:clamp(84px,11vw,150px) 0 0}
h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.6vw,60px);line-height:1.04;letter-spacing:-.03em;max-width:20ch}
h2 em{font-style:italic;color:var(--ink3)}
.lede{margin-top:20px;font-size:clamp(17px,1.4vw,20px);color:var(--ink2);max-width:50ch}
.fine{margin-top:16px;font-size:13px;color:var(--ink3)}
/* proof */
.pf{position:relative;margin-top:52px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:clamp(40px,8vw,120px);align-items:center;border:1px solid var(--rule);border-radius:var(--r);padding:clamp(28px,4vw,56px);background:#fff}
.pfw{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.pfw path{fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;opacity:.85}
.pf-n .lbl{font-size:13px;color:var(--ink3);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.pf-n .big{font-family:var(--serif);font-size:clamp(54px,7vw,100px);line-height:1;letter-spacing:-.03em;margin-top:10px;font-variant-numeric:tabular-nums}
.pf-n p{margin-top:16px;color:var(--ink2);font-size:17px;max-width:30ch;transition:opacity .6s}
.pf-n p.hon{font-size:14px;color:var(--ink3);margin-top:22px}
.pf-n p.dim{opacity:0}
.pane{border:1px solid var(--rule);border-radius:9px;background:#fff;padding:18px 20px;transition:border-color .4s,box-shadow .4s}
.pane+.pane{margin-top:16px}
.pane.on{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 10%,transparent)}
.ph{font-size:13px;color:var(--ink2);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ph .tag{font-weight:700;color:var(--ink);font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.ph .ok{margin-left:auto;font-style:normal;color:#3F7D4E;font-weight:700;opacity:0;transition:opacity .4s}
.pane.done .ok{opacity:1}
.pane q{display:block;margin-top:12px;font-family:var(--serif);font-size:clamp(19px,1.9vw,23px);line-height:1.4;quotes:none}
.pane q mark{background:linear-gradient(90deg,rgba(39,71,201,.18) var(--s,0%),transparent var(--s,0%));color:inherit;padding:1px 0}
.prow{display:grid;grid-template-columns:1.4fr 1fr 1fr .9fr;gap:8px;padding:8px 10px;margin:0 -10px;font-size:13.5px;font-variant-numeric:tabular-nums;border-radius:8px;transition:background .3s;color:var(--ink2)}
.prow.h{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);font-weight:600;padding-bottom:4px}
.prow span:not(:first-child){text-align:right}
.prow.hit{background:#FBEEEC;color:var(--ink)}
.prow.hit span:last-child{color:var(--bad);font-weight:600}
.prow.more{color:var(--ink3);font-size:13px}
.rp{position:absolute;right:18px;bottom:14px;border:0;background:transparent;color:var(--ink3);font:600 13px var(--sans);cursor:pointer}
.rp:hover{color:var(--ink)}
@media(max-width:900px){.pf{grid-template-columns:1fr}.pfw{display:none}}
/* product */
.pr{margin-top:56px;display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.pr-steps .st{min-height:58vh;display:flex;flex-direction:column;justify-content:center;opacity:.32;transition:opacity .4s;cursor:pointer}
.pr-steps .st.on{opacity:1}
.pr-steps h3{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3vw,38px);letter-spacing:-.02em;line-height:1.1}
.pr-steps p{margin-top:12px;font-size:17px;color:var(--ink2);max-width:34ch}
.pr-vis{position:sticky;top:92px}
.frame{border-radius:11px;background:var(--mist);padding:clamp(14px,2vw,24px) 0 0 clamp(14px,2vw,24px);overflow:hidden;border:1px solid var(--rule)}
.vp{position:relative;aspect-ratio:1512/793;border-radius:12px 0 0 0;overflow:hidden;background:#fff;box-shadow:0 24px 50px -24px rgba(30,50,110,.2)}
.vp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top;opacity:0;transition:opacity .5s}
.vp img.on{opacity:1}
.pr-vis small{display:block;margin-top:12px;font-size:13px;color:var(--ink3)}
@media(max-width:900px){.pr{grid-template-columns:1fr}.pr-vis{order:-1;top:64px;z-index:5;background:var(--bg);padding:8px 0}.pr-steps .st{min-height:38vh}}
/* closing */
.cta2{border-top:1px solid var(--rule);padding-top:clamp(48px,6vw,80px)}
.cta2 h2{max-width:16ch}
.cta2 .row{margin-top:36px;display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.cta2 .sec{font-size:14px;color:var(--ink3);max-width:46ch}
.cta2 .sec a{color:var(--ink);border-bottom:1px solid var(--rule2)}
footer{margin-top:clamp(72px,9vw,120px);border-top:1px solid var(--rule);padding:48px 0 56px;font-size:14.5px;color:var(--ink2)}
.frow{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
.frow h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:12px;font-weight:600}
.frow a{display:block;padding:4px 0}.frow a:hover{color:var(--ink)}
.flogo{display:flex;gap:10px;align-items:center;font-weight:700;font-size:20px;color:var(--ink);letter-spacing:-.03em}
.fine2{margin-top:36px;padding-top:20px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--ink3)}
@media(max-width:760px){.frow{grid-template-columns:1fr 1fr}}
.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
/* ===== stage6: large scripted product demo ===== */
.s6{position:relative;padding:clamp(48px,6vw,96px) 0 clamp(56px,6vw,96px)}
.s6 .wrap{max-width:none;padding:0 clamp(16px,2.2vw,30px)}
.s6 .head{padding:0 clamp(4px,1.6vw,22px)}
.s6 .tabs{margin:clamp(26px,3vw,40px) 0 clamp(16px,2vw,24px)}
.view6{position:relative;z-index:2;width:100%;aspect-ratio:1340/842;border-radius:10px;overflow:hidden;background:#FBFBF9;
 box-shadow:0 0 0 1px rgba(255,255,255,.7),0 40px 80px -30px rgba(30,40,110,.2),0 12px 28px -14px rgba(30,40,110,.1)}
.a6{position:absolute;left:0;top:0;width:1340px;height:842px;transform-origin:0 0;font:14px/1.4 Manrope,system-ui,sans-serif;color:#181613;background:#FBFBF9;text-align:left;-webkit-font-smoothing:antialiased}
.a6 *{box-sizing:border-box}
.a6 .lg{width:15px;height:15px;flex:none;display:inline-block;vertical-align:-2px}
.a6 .serif{font-family:Newsreader,Georgia,serif}
.side6{position:absolute;left:0;top:0;bottom:0;width:176px;background:#141311;color:#CFCBC0;padding:16px 10px;display:flex;flex-direction:column;gap:2px}
.side6 .lgo{font:500 21px Newsreader,serif;color:#fff;display:flex;align-items:center;gap:8px;padding:0 8px 12px;letter-spacing:-.01em}
.side6 .nq{background:#23221E;color:#fff;border-radius:9px;padding:8px 11px;margin-bottom:8px;font-size:13px;font-weight:500}
.side6 .it{display:flex;gap:9px;align-items:center;padding:7px 11px;border-radius:9px;font-size:13px;transition:background .3s,color .3s}
.side6 .it svg{width:15px;height:15px;opacity:.75;flex:none}
.side6 .it.on{background:#2A2925;color:#fff}
.side6 .it small{margin-left:auto;opacity:.6;font-size:12px}
.side6 .rec{margin-top:14px;padding:0 11px;font-size:11px;letter-spacing:.04em;opacity:.55}
.side6 .rl6{padding:5px 11px;font-size:12px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main6{position:absolute;left:176px;right:0;top:0;bottom:0;overflow:hidden;background:#FBFBF9}
.top6{position:absolute;left:0;right:0;top:0;height:44px;border-bottom:1px solid #EAE8E1;display:flex;align-items:center;padding:0 22px;font-size:13px;color:#5C5951;gap:10px;background:#FBFBF9;z-index:5}
.top6 .qb{margin-left:auto;display:flex;gap:8px;align-items:center}.top6 .qb i{width:7px;height:7px;border-radius:50%;background:#3F7D4E}.top6 .qb b{font-weight:500;background:#EEECE6;border-radius:9px;padding:5px 11px;margin-left:4px}
.pg{position:absolute;left:0;right:0;top:44px;bottom:0;opacity:0;pointer-events:none}
.g6{background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(255,255,255,.66));backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.95);border-radius:10px;
 box-shadow:0 1px 0 #fff inset,0 0 0 4px rgba(255,255,255,.35),0 0 0 5px rgba(110,140,175,.12),0 22px 40px -26px rgba(60,90,130,.17)}
/* ask page */
#hello{position:absolute;left:0;right:0;top:168px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;font:400 34px Newsreader,serif;letter-spacing:-.02em;color:#181613}
#comp{position:absolute;background:#fff;border:1px solid #E2DFD6;border-radius:12px;box-shadow:0 1px 2px rgba(20,20,10,.04),0 18px 34px -22px rgba(20,20,10,.1);padding:20px 22px 14px}
#typed{font-size:17px;line-height:1.5;color:#181613;min-height:52px;padding-right:8px}
#typed i{display:inline-block;width:2px;height:19px;background:#2747C9;margin-left:2px;vertical-align:-3px}
#typed.ph{color:#9B978B}
.cf{position:absolute;left:18px;right:16px;bottom:14px;display:flex;align-items:center;gap:10px;font-size:13px;color:#5C5951}
.cf .pl{font-size:20px;color:#7A766C;line-height:1;width:22px;text-align:center}
.cf .chip6{border:1px solid #D8D5CB;border-radius:999px;padding:6px 12px;color:#181613}
.cf .sp6{flex:1}
.mb{display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:10px;color:#181613;font-weight:500;cursor:default;transition:background .2s}
.mb.hot{background:#F1EFE8}
.mb em{font-style:normal;color:#7A766C;font-weight:400}
.mk{width:16px;height:16px;display:inline-grid;place-items:center;flex:none;color:#181613}.mk svg{width:100%;height:100%;fill:currentColor}
#send{width:34px;height:34px;border-radius:50%;background:#D9D6CC;color:#fff;display:grid;place-items:center;font-size:16px;transition:background .25s}
#send.on{background:#181613}
#menu{position:absolute;right:12px;bottom:calc(100% + 8px);width:232px;padding:4px;border-radius:12px;opacity:0;transform:translateY(8px) scale(.98);transform-origin:100% 100%;z-index:6}
.mrow{display:flex;align-items:center;gap:9px;padding:0 9px;height:34px;border-radius:8px;font-size:12.5px;transition:background .2s}
.mrow.h{background:rgba(24,22,19,.06)}
.mrow b{font-weight:500;display:inline;line-height:1.2}.mrow small{display:inline;color:#8A867C;font-size:11px;margin-left:6px;font-weight:400}
.mrow .tk{margin-left:auto;color:#181613;font-size:15px;opacity:0}
.mrow .mk{width:15px;height:15px}
#col{position:absolute;top:30px;bottom:0;overflow:hidden}
.ub6{align-self:flex-end;max-width:420px;margin-left:auto;background:#F1EFE8;border-radius:10px;padding:12px 18px;font-size:15px;line-height:1.45;width:max-content}
.trace{margin-top:26px;border:0;border-top:1px solid #E3E0D6;border-bottom:1px solid #E3E0D6;border-radius:0;background:transparent;overflow:hidden}
.th6{display:flex;align-items:center;gap:12px;height:48px;padding:0 18px;font-size:14px}
.th6 .dotp{width:9px;height:9px;border-radius:50%;background:#2747C9;box-shadow:0 0 0 0 rgba(39,71,201,.4)}
.th6 .tm{margin-left:auto;color:#7A766C;font-size:13px;white-space:nowrap}.th6 .sh{font-size:13px;color:#181613;white-space:nowrap}
.steps6{overflow:hidden;padding:0 18px}
.stp{display:flex;align-items:center;gap:10px;height:30px;font-size:13px;color:#5C5951;opacity:0;transform:translateY(5px)}
.stp .ti{width:18px;display:grid;place-items:center}
.stp.done:after{content:"\2713";margin-left:auto;color:#3F7D4E;font-size:12px}
#prose{margin-top:22px;font:400 18.5px/1.62 Newsreader,Georgia,serif;color:#181613}
#prose p{margin-bottom:14px;opacity:0;transform:translateY(8px)}
.cl{border-bottom:1.6px dotted #2747C9;padding-bottom:1px;transition:background .3s,border-color .3s;border-radius:2px}
.cl.sel{background:rgba(39,71,201,.13);border-bottom-style:solid}
#prose sup{font:700 11px Manrope,sans-serif;color:#2747C9;margin-left:2px;vertical-align:5px}
#prose b{font-weight:600}
#next{margin-top:18px;border:1px solid #DDDAD0;border-radius:9px;background:#fff;padding:14px 18px;opacity:0;transform:translateY(8px);font:400 14px Manrope,sans-serif}
#next small{display:block;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#7A766C;margin-bottom:8px;font-weight:600}
#next .nr{display:flex;gap:10px;align-items:center;padding:8px 8px;margin:0 -8px;border-radius:9px;transition:background .25s}
#next .nr.h{background:#F1EFE8}
#next .nr i{margin-left:auto;font-style:normal;color:#7A766C}
/* viewer */
#viewer{position:absolute;top:20px;bottom:18px;width:600px;padding:14px;opacity:0;z-index:3}
.vh{display:flex;align-items:center;gap:10px;font-size:12.5px;color:#5C5951;margin:0 2px 10px}
.vh b{color:#181613;font-weight:600}.vh i{margin-left:auto;font-style:normal;font-size:12px;color:#7A766C;border:1px solid #D8D5CB;border-radius:999px;padding:3px 10px}
.vc{background:#fff;border:1px solid #E4E1D8;border-radius:12px;overflow:hidden;box-shadow:0 12px 24px -18px rgba(20,20,10,.12)}
.vc+.vc{margin-top:12px}
.vc .ch{display:flex;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid #EFEDE6;font-size:12.5px;color:#5C5951;background:#FCFBF8}
.vc .ch b{color:#181613;font-weight:600}.vc .ch em{font-style:normal;margin-left:auto;color:#7A766C}
.paper{padding:14px 22px 16px;font-family:Newsreader,Georgia,serif}
.paper h5{font:600 11px Manrope;letter-spacing:.1em;text-transform:uppercase;color:#7A766C;margin-bottom:9px}
.sk{height:7px;border-radius:4px;background:#ECEAE3;margin:7px 0}
.clause{margin:12px -8px;padding:8px 8px;font-size:17px;line-height:1.5;border-radius:6px;background:linear-gradient(90deg,rgba(255,214,102,.42) var(--hl,0%),transparent var(--hl,0%))}
.clause u{text-decoration:none;border-bottom:2px solid #2747C9;font-weight:500}
.lt{padding:6px 14px 10px;font-size:12.5px;font-variant-numeric:tabular-nums}
.lr{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:8px;padding:7px 8px;margin:0 -8px;border-radius:7px;color:#5C5951;transition:background .35s}
.lr.h{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:#7A766C;font-weight:600;padding-bottom:4px}
.lr span:not(:first-child){text-align:right}
.lr.hit{background:#FBEEEC;color:#181613}.lr.hit span:last-child{color:#B3342B;font-weight:600}
.lf{display:flex;justify-content:space-between;padding:8px 0 2px;font-size:12.5px;color:#5C5951;border-top:1px solid #EFEDE6;margin-top:4px}
.lf b{color:#B3342B;font-weight:600}
#thr{position:absolute;left:0;top:0;width:1340px;height:842px;pointer-events:none;z-index:8;overflow:visible}
#thr path{fill:none;stroke:#2747C9;stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(39,71,201,.55))}
#thr circle{fill:#fff;stroke:#2747C9;stroke-width:2;filter:drop-shadow(0 0 6px rgba(39,71,201,.7))}
#cur6{position:absolute;left:0;top:0;width:22px;height:22px;z-index:20;pointer-events:none;opacity:0;will-change:transform}
#rip{position:absolute;width:34px;height:34px;border-radius:50%;border:2px solid #2747C9;z-index:19;pointer-events:none;opacity:0}
/* agents */
.ag{position:absolute;inset:0;padding:22px 28px}
.ag h2{font:400 28px Newsreader,serif;letter-spacing:-.02em;max-width:none}
.ag .hd{display:flex;align-items:center;gap:12px;width:700px}
.ag .tg{margin-left:auto;display:flex;border-radius:10px;background:#EFEDE6;padding:3px;font-size:13px;gap:2px}.tg span{padding:6px 13px;border-radius:8px}.tg .on{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.btnA{border:1px solid #CFCCC2;border-radius:10px;padding:8px 14px;font-size:13px;background:#fff;font-weight:500}
.btnA.dk{background:#181613;color:#fff;border-color:#181613;transition:transform .2s}
.btnA.dk.hot{transform:scale(.97)}
.ag .st6{margin-top:10px;font-size:13.5px;color:#5C5951;display:flex;gap:18px}.ag .st6 b{color:#181613}
.ag .grid{margin-top:18px;width:704px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ac{position:relative;background:#fff;border:1px solid #E4E1D8;border-radius:9px;padding:16px 18px 14px;height:184px;overflow:hidden;opacity:0;transform:translateY(10px)}
.ac h4{font:500 17px Newsreader,serif;letter-spacing:-.01em}
.ac .fl{position:absolute;right:16px;top:17px;font-size:12px;color:#8A5A12;display:flex;align-items:center;gap:6px}.fl i{width:7px;height:7px;border-radius:50%;background:#9A5B0B}
.ac p{margin-top:7px;font-size:12.5px;line-height:1.45;color:#5C5951}
.ac .rs{margin-top:10px;font-size:13px;color:#181613;font-weight:500}
.ac .sm6{font-size:12px;color:#7A766C;margin-top:2px}
.ac .ft{position:absolute;left:18px;right:16px;bottom:13px;display:flex;align-items:center;gap:8px;font-size:12px;color:#7A766C}
.ac .rn{margin-left:auto;background:#F1EFE8;border-radius:9px;padding:7px 14px;color:#181613;font-size:13px;font-weight:500;transition:background .2s,transform .2s}
.ac .rn.hot{background:#E3E0D6;transform:scale(.97)}
.ac .bar6{position:absolute;left:0;right:0;bottom:0;height:3px;background:transparent;overflow:hidden}
.ac .bar6 b{display:block;height:100%;width:0;background:linear-gradient(90deg,transparent,#2747C9,transparent)}
.ac .tag6{display:inline-block;font:600 10.5px Manrope;letter-spacing:.05em;text-transform:uppercase;color:#2747C9;background:rgba(39,71,201,.09);border-radius:6px;padding:2px 7px;margin-left:8px;vertical-align:2px}
.rr{position:absolute;left:764px;top:0;bottom:0;right:0;border-left:1px solid #EAE8E1;padding:22px 24px}
.rr small{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#7A766C;font-weight:600}
.rrw{margin-top:14px;display:flex;flex-direction:column}
.rrow{padding:13px 0;border-bottom:1px solid #EAE8E1;font-size:13px;color:#5C5951;position:relative;padding-left:20px;overflow:hidden}
.rrow b{display:block;font-weight:500;color:#181613;font-size:14px}.rrow span{display:block;margin-top:1px;color:#181613}
.rrow:before{content:"";position:absolute;left:0;top:18px;width:8px;height:8px;border-radius:50%;border:1.5px solid #8a867b}
.rrow.a:before{background:#9A5B0B;border-color:#9A5B0B}
.rrow.new{background:linear-gradient(90deg,rgba(39,71,201,.08),transparent)}
#mod{position:absolute;left:50%;top:150px;width:540px;margin-left:-270px;padding:22px 24px 20px;opacity:0;z-index:7}
#mod h3{font:400 24px Newsreader,serif;letter-spacing:-.015em}
#mod p{margin:4px 0 14px;color:#7A766C;font-size:13px}
#mod label{display:block;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#7A766C;margin:12px 0 6px}
.fld{background:rgba(255,255,255,.9);border:1px solid #DDDAD0;border-radius:11px;padding:10px 13px;font-size:14.5px;min-height:42px}
.fld.ta{min-height:76px;line-height:1.5}
.fld i{display:inline-block;width:2px;height:16px;background:#2747C9;vertical-align:-3px;margin-left:1px}
.chips6{display:flex;gap:8px;flex-wrap:wrap}.chips6 span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #DDDAD0;border-radius:999px;padding:6px 12px;font-size:13px}
.mfoot{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:12.5px;color:#7A766C}.mfoot .sp6{flex:1}
#mcreate{transition:transform .2s}#mcreate.hot{transform:scale(.97)}
/* sources */
.so{position:absolute;inset:0;padding:30px 36px}
.so h1{font:400 48px Newsreader,serif;letter-spacing:-.03em;max-width:none;line-height:1}
.so .sts{margin-top:16px;display:flex;gap:32px;font-size:14px;color:#5C5951;align-items:baseline}.so .sts b{font:400 26px Newsreader,serif;color:#181613;margin-right:6px}
.so .cats{margin-top:20px;display:flex;gap:8px;font-size:13px;color:#5C5951;flex-wrap:wrap}.cats span{padding:8px 14px;border-radius:999px}.cats .on{background:#181613;color:#fff}.cats small{opacity:.6;margin-left:4px}
.so .tiles6{margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sc6{position:relative;height:170px;border-radius:11px;border:1px solid #E4E1D8;background:#fff;padding:16px;opacity:0;transform:translateY(12px)}
.sc6.dk{background:#141311;color:#fff;border-color:#141311}
.sc6 .ic{width:46px;height:46px;border-radius:9px;border:1px solid #E4E1D8;background:#fff;display:grid;place-items:center}.sc6.dk .ic{background:#23221E;border-color:#33312C}
.sc6 .ic .lg{width:26px;height:26px}
.sc6 .ty{position:absolute;right:14px;top:18px;font-size:11px;color:#7A766C}.sc6.dk .ty{color:#A9A598}
.sc6 h6{position:absolute;left:16px;bottom:48px;font:600 16px Manrope;letter-spacing:-.01em}
.sc6 .stt6{position:absolute;left:16px;right:16px;bottom:14px;display:flex;align-items:center;gap:8px;font-size:12px}
.pill6{display:inline-flex;align-items:center;gap:6px;background:#EFEDE6;border-radius:999px;padding:5px 11px;color:#5C5951}.sc6.dk .pill6{background:#2A2925;color:#fff}
.pill6.ok{background:#E4F1E7;color:#2F6B40}.pill6 i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6}
.tg6{margin-left:auto;width:42px;height:24px;border-radius:999px;background:#D9D6CC;position:relative}.tg6.on{background:#181613}.sc6.dk .tg6.on{background:#fff}
.tg6:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .2s}.tg6.on:after{left:21px}.sc6.dk .tg6.on:after{background:#141311}
.sc6.glow{box-shadow:0 0 0 2px rgba(44,160,28,.35),0 18px 40px -20px rgba(44,160,28,.22)}
@media (prefers-reduced-motion:no-preference){.th6 .dotp.run{animation:pls 1.3s infinite}@keyframes pls{70%{box-shadow:0 0 0 8px rgba(39,71,201,0)}}}
.cap6{margin-top:18px;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;font-size:15px;color:var(--ink2);padding:0 clamp(4px,1.6vw,22px)}
.cap6 p{max-width:68ch;line-height:1.5;min-height:3em}.cap6 b{color:var(--ink);font-weight:600}.cap6 small{font-size:13px;color:var(--ink3);white-space:nowrap}
@media(max-width:760px){.cap6{flex-direction:column;gap:8px}}

.cl{border-bottom-color:transparent}.pd .cl{border-bottom-color:#2747C9}.pd .cl.sel{border-bottom-color:#2747C9}

/* frame: vivid backdrop, frosted rim */
.s6 .head,.s6 .tabs,.s6 .cap6{max-width:1240px;margin-left:auto;margin-right:auto}
.win6{position:relative;width:min(1400px,100vw - 40px);margin-left:calc(50% - min(1400px,100vw - 40px)/2);border-radius:12px;padding:clamp(6px,.8vw,11px);overflow:hidden;isolation:isolate;
 background:radial-gradient(60% 90% at 0 100%,#9DBFDD 0,transparent 68%),radial-gradient(56% 80% at 100% 100%,#B7CFE6 0,transparent 66%),radial-gradient(60% 75% at 52% -8%,#E4EDF6 0,transparent 66%),radial-gradient(44% 60% at 0 0,#A9C6E0 0,transparent 62%),radial-gradient(40% 60% at 100% 0,#DCE8F2 0,transparent 62%),#BCD2E6;box-shadow:0 30px 70px -48px rgba(50,85,125,.27)}
.win6:before{content:"";position:absolute;inset:-20%;z-index:-1;opacity:.35;background:conic-gradient(from 210deg at 28% 112%,#8FB4D6,#C9DCEC 30%,#F0F5FA 50%,#B3CDE4 70%,#8FB4D6);filter:blur(50px);mix-blend-mode:soft-light}
.win6:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;mix-blend-mode:soft-light;border-radius:inherit;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
.frost{position:relative;z-index:2;border-radius:11px;padding:clamp(4px,.55vw,8px);background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.2) 46%,rgba(255,255,255,.4));backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.22),0 24px 50px -32px rgba(40,70,110,.2)}
.cap6{padding-top:6px}
/* trace: computed by code */
.stp.code{height:auto;min-height:30px;flex-wrap:wrap;padding:5px 0 2px;align-items:center}
.stp.code .bd{margin-left:auto;font:600 10.5px Manrope;letter-spacing:.05em;text-transform:uppercase;color:#2F6B40;background:#E4F1E7;border-radius:6px;padding:3px 8px}
.stp.code.done:after{display:none}
.cmd{flex-basis:100%;margin:6px 0 6px 28px;font:12px/1.5 ui-monospace,"SF Mono",Menlo,monospace;color:#2F6B40;background:#EEF6F0;border-radius:9px;padding:8px 11px;min-height:20px;white-space:pre}
#legend{margin-top:4px;display:none;gap:18px;font:12.5px Manrope,sans-serif;color:#5C5951}#legend span{display:inline-flex;align-items:center;gap:7px}
.lc,.lq{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3F7D4E}.lq{background:#2747C9}
/* assistant dock */
.dock6{position:absolute;right:0;top:0;bottom:0;width:330px;z-index:6;background:rgba(253,253,251,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-left:1px solid #E4E1D8;box-shadow:-24px 0 40px -30px rgba(20,20,60,.3);transform:translateX(100%);display:flex;flex-direction:column}
.dh{display:flex;align-items:center;gap:9px;height:44px;padding:0 16px;border-bottom:1px solid #EAE8E1;font-size:14px}.dh b{font-weight:600}
.dctx{margin-left:auto;font-size:11.5px;color:#5C5951;background:#EFEDE6;border-radius:999px;padding:4px 10px}
.dbody{flex:1;padding:16px 16px 0;overflow:hidden;position:relative}
.dq{background:#F1EFE8;border-radius:9px;padding:10px 14px;font-size:14px;line-height:1.45;width:max-content;max-width:260px;margin-left:auto;display:none}
.dtr{margin-top:16px;display:none}
.dst{display:flex;gap:9px;align-items:center;font-size:12.5px;color:#5C5951;padding:5px 0;opacity:0}
.dst .bd{margin-left:auto;font:600 10px Manrope;letter-spacing:.05em;text-transform:uppercase;color:#2F6B40;background:#E4F1E7;border-radius:6px;padding:2px 7px}
.dans{margin-top:12px;font-size:14.5px;line-height:1.55;color:#181613;display:none}.dans b{font-weight:600}
.dsrc{margin-top:12px;display:none;gap:7px;flex-wrap:wrap}.dsrc span{max-width:100%;display:inline-flex;align-items:center;gap:7px;border:1px solid #DDDAD0;border-radius:999px;padding:5px 11px;font-size:12px;background:#fff}
.dcomp{margin:0 14px 14px;border:1px solid #E2DFD6;border-radius:10px;background:#fff;min-height:66px;padding:12px 14px;font-size:14px;position:relative;box-shadow:0 14px 26px -20px rgba(20,20,10,.12)}
.dcomp .ph{color:#9B978B}.dcomp i{display:inline-block;width:2px;height:15px;background:#2747C9;vertical-align:-3px;margin-left:1px}
#dsend{position:absolute;right:10px;bottom:10px;width:28px;height:28px;border-radius:50%;background:#D9D6CC;color:#fff;display:grid;place-items:center;font-size:14px;transition:background .2s}#dsend.on{background:#181613}
.so .tiles{grid-template-columns:repeat(4,1fr)}
@media (max-width:760px){.win6{border-radius:11px}.frost{border-radius:9px}}
.sc6 .tg6{display:none}.sc6 .stt .pill6{white-space:nowrap}
.dsrc span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.th6{height:44px;padding:0 2px}.th6 .sh{display:inline-flex;align-items:center;color:#5C5951;font-size:13px}.th6 .sh svg{width:13px;height:13px;margin-right:7px;flex:none}

.th6 #tlab{white-space:nowrap;font-size:13px}.so .sts span{white-space:nowrap}

.dsrc span.act{background:#181613;color:#fff;border-color:#181613}

#docp,#docp2{position:absolute;left:14px;right:14px;top:46px;bottom:14px;background:#fff;border:1px solid #E4E1D8;border-radius:12px;box-shadow:0 22px 44px -26px rgba(20,20,10,.2);opacity:0;pointer-events:none;overflow:hidden;z-index:4;transform-origin:50% 6%;display:flex;flex-direction:column}
.dpb{display:flex;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid #EFEDE6;font-size:12.5px;color:#5C5951;background:#FCFBF8;flex:none}.dpb b{color:#181613;font-weight:600}.dpb em{font-style:normal;margin-left:auto;color:#7A766C}
.dpg{flex:1;margin:14px 14px 0;background:#fff;box-shadow:0 0 0 1px #ECE9E0,0 10px 26px -18px rgba(20,20,10,.17);padding:30px 42px 0;font:400 12.2px/1.66 Newsreader,Georgia,serif;color:#2A2823;text-align:justify;overflow:hidden;position:relative}
.dpt{font:600 12.5px Newsreader,Georgia,serif;letter-spacing:.16em;text-transform:uppercase;text-align:center;margin-bottom:16px;color:#181613}
.dpg p{margin:0 0 7px}.dpg h6{font:600 12.2px Newsreader,Georgia,serif;margin:12px 0 5px;color:#181613;letter-spacing:.01em}
.dpg .dcl{margin:0 -10px 7px;padding:5px 10px;border-radius:4px;background:linear-gradient(90deg,rgba(255,214,102,.55) var(--dh,0%),transparent var(--dh,0%))}
.dpg .dcl u{text-decoration:none;border-bottom:2px solid #2747C9;font-weight:500}
.dpf{position:absolute;left:0;right:0;bottom:14px;text-align:center;font:11px Manrope,sans-serif;color:#9A968B}

/* frame r5: blue-led hue, thin padding */
.win6{border-radius:10px;padding:clamp(3px,.42vw,6px);
 background:radial-gradient(56% 90% at 0 100%,#5E8FD0 0,transparent 68%),radial-gradient(58% 80% at 100% 100%,#9C93E6 0,transparent 66%),radial-gradient(60% 75% at 52% -8%,#EAB8D0 0,transparent 66%),radial-gradient(44% 60% at 0 0,#86AFE0 0,transparent 62%),radial-gradient(40% 60% at 100% 0,#F2CDB6 0,transparent 62%),#8DB0DD;box-shadow:0 34px 70px -46px rgba(40,80,150,.27)}
.win6:before{opacity:.42;background:conic-gradient(from 210deg at 28% 112%,#5E8FD0,#A79BEA 26%,#EDB4CC 46%,#F4CDB2 58%,#5E8FD0 82%)}
.frost{border-radius:9px;padding:clamp(2px,.3vw,4px)}
.view6{border-radius:12px}
/* ---- v11 record page (matches the product page Record) ---- */
#pgRec{--i:#181613;--i2:#4A4741;--i3:#8B877E}
#zTL{position:absolute;left:30px;top:14px;width:352px;display:flex;flex-direction:column;gap:2px;isolation:isolate}
#zTL:before{content:"";position:absolute;left:21px;top:28px;bottom:28px;width:1px;background:linear-gradient(180deg,rgba(94,143,208,.15),rgba(94,143,208,.4),rgba(94,143,208,.15));z-index:-1}
.zi{position:relative;display:block;border-radius:9px;padding:9px 16px 10px 46px;opacity:0;transition:none}
.zi.on{background:rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(24,22,19,.12),0 14px 28px -18px rgba(40,50,90,.2)}
.zi i{position:absolute;left:15px;top:18px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #9DB0E8}
.zi.on i{background:#5E8FD0;box-shadow:0 0 0 2px #5E8FD0,0 0 0 7px rgba(94,143,208,.2)}
.zi.calm i{box-shadow:0 0 0 2px #C9CBD3}.zi.calm.on i{background:#9A9DA8;box-shadow:0 0 0 2px #9A9DA8,0 0 0 7px rgba(154,157,168,.22)}
.zi.soft i{box-shadow:0 0 0 2px #EFCB86}.zi.soft.on i{background:#EFCB86;box-shadow:0 0 0 2px #EFCB86,0 0 0 7px rgba(239,203,134,.28)}
.zi.flag i{box-shadow:0 0 0 2px #E2A64B}.zi.flag.on i{background:#E2A64B;box-shadow:0 0 0 2px #E2A64B,0 0 0 7px rgba(226,166,75,.22)}
.zi time{display:block;font:500 10.5px ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:#6A665E}
.zi b{display:block;font:500 15px/1.25 Manrope,sans-serif;letter-spacing:-.01em;color:var(--i);margin:4px 0 2px}
.zi span{display:block;font:400 13px/1.4 Manrope,sans-serif;color:var(--i2)}
.zi em{display:flex;gap:6px;margin-top:8px;font-style:normal}.zi em .lg{width:17px;height:17px}
.zg{padding:1px 0 1px 46px;font:italic 400 11.5px Manrope,sans-serif;color:#6A665E;opacity:0}
#zCard{position:absolute;left:414px;top:18px;width:722px}
.zin{background:#fff;border-radius:17px;padding:16px 24px 6px;box-shadow:0 0 0 1px rgba(24,22,19,.05),0 18px 40px -28px rgba(20,20,10,.1)}
.zhd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid #ECEAE5}
.zhd b{font:500 16px Manrope,sans-serif;letter-spacing:-.01em}.zhd small{display:block;font:400 12px Manrope,sans-serif;color:var(--i3);margin-top:2px}
.zst{display:none;font:500 11px ui-monospace,Menlo,monospace;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:5px 11px;white-space:nowrap;background:#EEF0F5;color:#4A5675}.zst.m{background:#FDF3DF;color:#9A6516}.zst.b{background:#FBE3BA;color:#8A5410}
.zkeep{display:none;font:500 12.5px Manrope,sans-serif;background:#181613;color:#fff;border-radius:9px;padding:7px 13px}.zkeep.hot{background:#2747C9}
.zr{display:grid;grid-template-columns:104px 1fr;gap:14px;padding:9px 0;border-bottom:1px solid #F0EEEA;font:400 13px/1.45 Manrope,sans-serif;color:var(--i2);opacity:0;display:none}
.zr:last-child{border:0}
.zr>em{font:500 10.5px ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--i3);font-style:normal;padding-top:3px}
.zr b{font-weight:500;color:var(--i)}
.zr mark{background:linear-gradient(180deg,transparent 55%,#FCE9A8 55%);color:inherit;padding:0 1px}
.zas{list-style:none;margin:0;padding:0;display:grid;gap:5px}.zas li{display:flex;align-items:center;gap:9px;color:var(--i)}
.zas i{width:16px;height:16px;border-radius:50%;flex:none;display:inline-block;position:relative;background:#E7F3EC;box-shadow:0 0 0 1px rgba(47,122,82,.3)}
.zas i:after{content:"";position:absolute;left:5px;top:3px;width:4px;height:7px;border:solid #2F7A52;border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.zas i.w{background:#FBEFD9;box-shadow:0 0 0 1px #E2A64B}.zas i.w:after{content:"!";border:0;transform:none;left:0;top:0;width:16px;height:16px;text-align:center;font:600 10px/16px Manrope,sans-serif;color:#9A6516}
.zas i.x{background:#F6DAD5;box-shadow:0 0 0 1px #D9806F}.zas i.x:after{content:"\00d7";border:0;transform:none;left:0;top:0;width:16px;height:16px;text-align:center;font:500 13px/15px Manrope,sans-serif;color:#A3342B}
.zas u{text-decoration:none;font:500 10px ui-monospace,Menlo,monospace;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:3px 9px;background:#FBEFD9;color:#9A6516;margin-left:4px}.zas u.b{background:#F6DAD5;color:#A3342B}
.zfd{background:linear-gradient(90deg,#F3F6FD,#FBFCFF);margin:4px -24px;padding:10px 24px 10px 27px;border-bottom:0;box-shadow:inset 3px 0 0 #5E8FD0}.zfd>em{color:#3C6CAE}
.zdr{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}.zdr li{display:grid;grid-template-columns:1fr auto 1.2fr;gap:12px;align-items:center;border-radius:10px;background:#FAF9F6;padding:6px 12px;font:400 12.5px Manrope,sans-serif}.zdr li b{font:500 13px Manrope,sans-serif;color:var(--i);white-space:nowrap}.zdr li small{font:400 12px Manrope,sans-serif;color:var(--i3)}.zdr li.im{background:#E7F3EC}.zdr li.im b{color:#2F7A52}
.zdif{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.zdif>span{display:block;border-radius:12px;padding:9px 14px;background:#F6F5F2;box-shadow:0 0 0 1px rgba(24,22,19,.12)}.zdif small{display:block;font:500 10.5px ui-monospace,Menlo,monospace;letter-spacing:.05em;text-transform:uppercase;color:var(--i3);margin-bottom:2px}
.zdif .x b{color:#B3382E;text-decoration:line-through;text-decoration-color:rgba(179,56,46,.4)}.zdif .n{background:#E7F3EC;box-shadow:0 0 0 1px rgba(47,122,82,.25)}.zdif .n b{color:#2F7A52}.zdif i{font-style:normal;color:var(--i3)}
.zsrc{display:flex;align-items:center;gap:9px;margin-top:6px}.zsrc .lg{width:17px;height:17px}.zsrc span{font:400 12.5px Manrope,sans-serif}
.zsrc u{text-decoration:none;font:500 10.5px ui-monospace,Menlo,monospace;letter-spacing:.05em;text-transform:uppercase;color:#9A6516;background:#FBEFD9;border-radius:999px;padding:3px 9px}.zsrc u.n{color:#2F7A52;background:#E7F3EC}
.zsrc.old span{text-decoration:line-through;text-decoration-color:#C99A3E}
.zpp{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:6px}.zpp>span{display:block;border-radius:12px;padding:10px 13px;background:#F6F5F2;box-shadow:0 0 0 1px rgba(24,22,19,.12);font:400 13px/1.45 Manrope,sans-serif}
.zpp small{display:block;font:500 10px ui-monospace,Menlo,monospace;letter-spacing:.05em;text-transform:uppercase;color:var(--i3);margin-bottom:4px}
.zpp .o b{background:#F5D6D2;color:#8E2B22;text-decoration:line-through;padding:0 3px;border-radius:3px}.zpp .w{background:#E7F3EC;box-shadow:0 0 0 1px rgba(47,122,82,.25)}.zpp .w b{background:#CBE7D6;color:#1F5C3D;padding:0 3px;border-radius:3px}
/* ===== bottom8 ===== */
.val{background:var(--bg);padding-bottom:0}
.xvcols{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(28px,4vw,52px);border-top:1px solid var(--rule)}
.xvc{display:flex;flex-direction:column;border-right:1px solid var(--rule)}.xvc:last-child{border-right:0}
.xvm{position:relative;height:clamp(250px,22vw,310px);overflow:hidden;border-bottom:1px solid var(--rule)}
.xvm1{background:radial-gradient(80% 90% at 10% 0,#CBD8FF 0,transparent 62%),radial-gradient(70% 80% at 100% 100%,#F7D7DE 0,transparent 62%),#EEEAF8}
.xvm2{background:radial-gradient(80% 90% at 90% 0,#F6DCC4 0,transparent 62%),radial-gradient(70% 80% at 0 100%,#CFE0F6 0,transparent 62%),#F4EDE6}
.xvm3{background:radial-gradient(80% 90% at 0 0,#DAD4F7 0,transparent 62%),radial-gradient(70% 80% at 100% 100%,#FADBC8 0,transparent 62%),#F1ECF6}
.xrim{position:absolute;left:11%;top:34px;width:112%;padding:6px;border-radius:12px 0 0 12px;background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,.28));box-shadow:inset 0 1px 0 #fff,0 26px 40px -24px rgba(40,40,100,.22)}
.xvp{background:#fff;border-radius:8px 0 0 8px;padding:20px 22% 22px 22px;min-height:236px;font-size:13px;color:var(--ink)}
.xvq{margin:0;font:400 20px/1.28 Newsreader,Georgia,serif;max-width:25ch}.xvq u{text-decoration:none;border-bottom:2px solid #2747C9}.xvq sup{color:#2747C9;font:600 11px var(--sans);margin-left:2px}
.xvth{display:block;width:40px;height:30px;margin:0 0 0 22px}
.xvs{border:1px solid var(--rule);border-radius:6px;padding:12px 14px;background:#FCFCFA}
.xvsh{display:flex;gap:8px;align-items:center;font-weight:600;font-size:12.5px;margin-bottom:8px}.xvsh em{margin-left:auto;font-style:normal;font-weight:400;color:var(--ink3)}
.xdsc{width:20px;height:20px;border-radius:6px;border:1px solid var(--rule);display:grid;place-items:center;background:#fff;flex:none}.xdsc svg{width:12px;height:12px}
.xvs p{margin:0;font:400 15px/1.4 Newsreader,Georgia,serif}.xvs mark{background:#FBE9A6;padding:0 2px}
.xrh{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px}.xrh span{color:var(--ink3)}.xrh .cd{background:#EAF4EC;color:#2F6B40;border-radius:99px;padding:3px 10px;font-weight:600;font-size:11.5px}
.xrr{display:flex;gap:10px;padding:9px 0;border-top:1px solid var(--rule)}.xrr i{width:8px;height:8px;border-radius:50%;border:1.5px solid #9A968B;margin-top:5px;flex:none}.xrr i.on{background:#2F8F4E;border-color:#2F8F4E}
.xrr b{display:block;font-weight:500;line-height:1.3;font-size:13.5px}.xrr small{color:var(--ink3);font-size:12px}
.xbig{font:500 44px/1 var(--sans);letter-spacing:-.04em;margin-top:8px}.xcap{color:var(--ink3);margin:6px 0 14px}
.xir{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--rule);font-variant-numeric:tabular-nums}.xir span:last-child{color:#B3342B;font-weight:600}
.xvb{padding:clamp(20px,2.2vw,30px) clamp(18px,2.2vw,32px) clamp(28px,3vw,40px)}
.xvn{display:block;font:500 12px/1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.07em;text-transform:uppercase;color:#2747C9;margin-bottom:16px}
.xvb h3{margin:0 0 12px;font:500 clamp(20px,1.9vw,25px)/1.15 var(--sans);letter-spacing:-.03em;max-width:18ch}
.xvb p{margin:0 0 12px;color:var(--ink2);font-size:15.5px;line-height:1.5;max-width:40ch}.xvb em{font-style:normal;font-size:14px;color:var(--ink);font-weight:500}
@media(max-width:860px){.xvcols{grid-template-columns:1fr}.xvc{border-right:0;border-bottom:1px solid var(--rule)}.xrim{left:8%}}
/* layers (WebGL glass) */
.lay{padding-bottom:0;background:var(--bg)}
.stk{position:relative;height:320vh;margin-top:clamp(28px,4vw,48px)}
.stky{position:sticky;top:76px;height:calc(100vh - 100px);min-height:560px;max-height:780px;padding:0 clamp(16px,2.2vw,30px)}
.lpanel{position:relative;height:100%;border:1px solid var(--rule);overflow:hidden;background:radial-gradient(60% 70% at 70% 40%,#EEF1FF 0,#F6F4FA 55%,#FBF3EE 100%)}
.lscene{position:absolute;inset:0;z-index:1}
.llist{position:absolute;left:clamp(18px,2.6vw,40px);top:50%;transform:translateY(-50%);width:min(370px,38%);z-index:3;display:flex;flex-direction:column}
.ll{display:flex;gap:16px;padding:16px 0;border-top:1px solid rgba(24,22,19,.16);opacity:.4;transition:opacity .4s}
.ll:last-child{border-bottom:1px solid rgba(24,22,19,.16)}
.ll .ln{font:500 12px/1.6 ui-monospace,Menlo,monospace;color:var(--ink3);width:22px;flex:none}
.ll h4{margin:0;font:500 19px/1.2 var(--sans);letter-spacing:-.025em}
.ll p,.ll em{max-height:0;overflow:hidden;opacity:0;margin:0;transition:max-height .5s,opacity .4s,margin .4s}
.ll p{font-size:15px;line-height:1.45;color:var(--ink2)}.ll em{display:block;font-style:normal;font-size:13.5px;color:#2747C9;font-weight:500}
.ll.on{opacity:1}.ll.on p{max-height:90px;opacity:1;margin-top:8px}.ll.on em{max-height:30px;opacity:1;margin-top:6px}
.lprog{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(24,22,19,.06);z-index:3}.lprog b{display:block;height:100%;background:#2747C9;width:0}
.lpanel.nogl .lscene{display:none}
@media(max-width:860px){
 .stk{height:auto}.stky{position:static;height:auto;max-height:none;padding:0 16px}
 .lpanel{height:auto;padding:20px 18px 0}.llist{position:static;transform:none;width:auto}
 .ll{opacity:1}.ll p,.ll em{max-height:none;opacity:1;margin-top:6px}
 .lscene{position:relative;inset:auto;height:440px;margin:10px -18px 0}.lprog{display:none}}
/* surfaces */
.surf{padding:clamp(40px,5vw,80px) 0;background:linear-gradient(180deg,var(--bg),#F5F1EA)}
.sgrid{display:grid;grid-template-columns:minmax(250px,.7fr) 1.8fr;gap:clamp(24px,3.4vw,56px);align-items:center}
.stabs h2{margin:0 0 22px}
.stb{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;padding:16px 0 18px;border-top:1px solid var(--rule);position:relative}
.stb:last-of-type{border-bottom:1px solid var(--rule)}
.stb .sn{display:block;font:500 22px var(--sans);letter-spacing:-.025em;color:#8D897E;transition:color .3s}
.stb p{margin:0;max-height:0;overflow:hidden;opacity:0;font:400 15.5px/1.5 var(--sans);color:var(--ink2);transition:max-height .5s,opacity .4s,margin .4s}
.stb.on .sn{color:var(--ink)}.stb.on p{max-height:120px;opacity:1;margin-top:8px}
.stb u{position:absolute;left:0;right:0;top:-1px;height:2px;background:transparent}.stb u b{display:block;height:100%;width:0;background:var(--accent)}
.sview{position:relative}
.sview{border-radius:14px;padding:clamp(12px,2.2vw,30px);background:radial-gradient(60% 80% at 0 100%,#F4C9A8 0,transparent 66%),radial-gradient(55% 80% at 100% 0,#C9D6F2 0,transparent 64%),radial-gradient(50% 70% at 60% 110%,#E9B6C9 0,transparent 62%),#EFE3D3;overflow:hidden;isolation:isolate}
.sview:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;mix-blend-mode:soft-light;border-radius:inherit;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
.sfrost{position:relative;z-index:2;border-radius:11px;padding:clamp(6px,1.1vw,14px);background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.24) 48%,rgba(255,255,255,.46));backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 #fff,0 28px 50px -28px rgba(80,50,30,.2)}
.simgs{position:relative;aspect-ratio:1512/760;border-radius:12px;overflow:hidden;background:#FBFBF9}
.simgs img{position:absolute;left:-26%;top:0;width:126%;height:auto;opacity:0;transition:opacity .6s}.simgs img.on{opacity:1}
.sview small{position:relative;z-index:2;display:block;margin-top:12px;font-size:12.5px;color:rgba(60,40,20,.65)}
@media(max-width:900px){.sgrid{grid-template-columns:1fr}}
/* numerals */
.nums{background:var(--bg)}
.nrow{display:grid;grid-template-columns:repeat(4,1fr);margin-top:8px;border-top:1px solid var(--rule)}
.nc{padding:28px clamp(12px,2vw,28px) 8px 0;border-right:1px solid var(--rule);padding-left:clamp(12px,2vw,28px)}.nc:first-child{padding-left:0}.nc:last-child{border:0}
.nc b{display:block;font:400 clamp(54px,7.5vw,104px)/1 var(--serif,Georgia,serif);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.nc span{display:block;margin-top:12px;color:var(--ink2);max-width:22ch;font-size:15px}
.fine{margin-top:26px;color:var(--ink3);font-size:13px}
@media(max-width:760px){.nrow{grid-template-columns:repeat(2,1fr)}.nc:nth-child(2){border-right:0}.nc{padding-bottom:22px;border-bottom:1px solid var(--rule)}.nc:nth-child(odd){padding-left:0}}
.svw{font-size:clamp(12px,1.12vw,15.5px)!important}
.tb{display:inline-flex;gap:6px;align-items:center;white-space:nowrap;line-height:1.2}
.sv{height:clamp(400px,42vw,560px)}
.l3d{transform:rotateX(40deg) rotateZ(-20deg)!important;width:min(40vw,520px)!important;height:min(40vw,520px)!important;margin:calc(min(40vw,520px)/-2) 0 0 calc(min(40vw,520px)/-2)!important;left:68%!important}
.pane{font-size:clamp(12px,1.1vw,15px)}.cl8{font-size:clamp(14px,1.25vw,17px)}.an8{font-size:clamp(16px,1.5vw,21px)}.mn8 b{font-size:20px}
.pane{opacity:.72}
.surf{border-top:1px solid var(--rule)}.sview{border-radius:0}.sfrost{border-radius:4px}.simgs{border-radius:2px}

.simgs{aspect-ratio:2620/1523;background:#0E0E10;border-radius:3px}.simgs img{left:0;width:100%}
.sfrost{border-radius:6px}.sview{border-radius:0}
.stb{padding:14px 0 16px}.stb .sn{font-size:20px}
.val h2.tt span{display:block}.val h2.tt.big{max-width:none}
.xvcols{border-bottom:1px solid var(--rule)}
.xrim{-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
.xvb h3{max-width:none;font-size:clamp(20px,1.7vw,24px)}
.xvth{display:block;width:12px;height:34px;margin:4px 0 8px 18px}
.slb{position:absolute;left:0;top:0;z-index:2;display:none;padding-left:34px;font:500 11.5px/18px ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:#6B6860;white-space:nowrap;pointer-events:none;transition:color .3s}
.slb:before{content:"";position:absolute;left:0;top:9px;width:var(--w,26px);height:1px;background:currentColor;opacity:.6}
.slb i{font-style:normal;margin-right:8px;color:#2747C9}.slb.on{color:#181613}
.sgrid{grid-template-columns:minmax(240px,.5fr) 2fr;gap:clamp(20px,2.6vw,40px)}

.ll h4 .tag{font:600 10px ui-monospace,Menlo,monospace;letter-spacing:.07em;text-transform:uppercase;color:#7A6A3A;background:#EEE9DC;border-radius:99px;padding:3px 8px;margin-left:8px;vertical-align:2px}
.slb u{text-decoration:none;margin-left:8px;color:#7A6A3A;background:#EEE9DC;border-radius:99px;padding:1px 7px;font-size:10px}
.lpanel{background:radial-gradient(60% 70% at 70% 40%,#EAF1F8 0,#F4F6F8 55%,#F8F6F2 100%)}
.xrim{box-shadow:inset 0 1px 0 #fff,0 22px 36px -26px rgba(60,90,130,.2)}

.sview{background:radial-gradient(62% 90% at 0 100%,#A9C6E0 0,transparent 68%),radial-gradient(56% 80% at 100% 0,#E3EDF6 0,transparent 66%),radial-gradient(50% 70% at 60% 112%,#C4D9EA 0,transparent 62%),#CFDFEE;padding:clamp(10px,1.8vw,24px)}
.sview:after{opacity:.18}
.sfrost{border-color:rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff,0 22px 42px -28px rgba(50,85,125,.2);padding:clamp(5px,.8vw,10px);background:linear-gradient(135deg,rgba(255,255,255,.66),rgba(255,255,255,.26) 48%,rgba(255,255,255,.5))}
.simgs{border-radius:3px;box-shadow:0 0 0 1px rgba(24,22,19,.12)}
.sview small{color:rgba(40,70,105,.75)}
.surf{background:var(--bg)}.sgrid{grid-template-columns:minmax(220px,.38fr) 2fr}

/* one workspace v9: full-width light captures */
.sgrid{display:block}
.shd{max-width:760px}.shd h2{margin:12px 0 0}
.stabs{display:grid;grid-template-columns:repeat(5,1fr);margin:clamp(22px,3vw,36px) 0 clamp(18px,2.4vw,28px);border-top:1px solid var(--rule)}
.stb{padding:16px 22px 4px 0}.stb:last-of-type{border-bottom:0}
.stb .sn{font-size:19px}
.stb p{max-height:none;opacity:.62;margin-top:6px;font-size:14px;line-height:1.45}
.stb.on p{max-height:none;opacity:1;margin-top:6px}
.stb u{top:-1px}
.simgs{aspect-ratio:1208/793;background:#FBFBF9}
.simgs img{left:0;width:100%}
@media(max-width:900px){.stabs{grid-template-columns:1fr 1fr}.stb p{opacity:1}}
@media(max-width:560px){.stabs{grid-template-columns:1fr}.stb p{max-height:0;opacity:0;margin:0}.stb.on p{max-height:120px;opacity:1;margin-top:6px}}

.sview{padding:clamp(4px,.7vw,9px);background:radial-gradient(60% 90% at 0 100%,#7FA6DA 0,transparent 68%),radial-gradient(56% 80% at 100% 100%,#A79EE8 0,transparent 66%),radial-gradient(60% 75% at 50% -10%,#EDC0D4 0,transparent 66%),radial-gradient(40% 60% at 100% 0,#F2D0BA 0,transparent 62%),#9DBBE2}
.sfrost{padding:clamp(2px,.3vw,4px);border-radius:8px}
.sview small{margin-top:8px;color:rgba(30,55,100,.8)}

.gs-track{position:relative;height:330vh}
.gs-pin{position:sticky;top:61px;height:calc(100vh - 61px);display:flex;align-items:center;overflow:hidden}
.gs-in{width:100%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,5vw,80px);align-items:center}
.gs-head{margin-bottom:clamp(8px,1.6vw,20px)}
.gs-steps{list-style:none;margin:clamp(18px,2.4vw,32px) 0 0;padding:0}
.gs-steps li{padding:16px 0 16px 22px;border-left:2px solid var(--rule);opacity:.42;transition:opacity .35s,border-color .35s;cursor:pointer}
.gs-steps li.on{opacity:1;border-color:#5B86B8}
.gs-steps .n{font:500 12px ui-monospace,Menlo,monospace;color:#5B86B8;letter-spacing:.07em}
.gs-steps h3{font:400 clamp(24px,2.3vw,32px)/1.1 var(--serif);letter-spacing:-.02em;margin:7px 0 6px}
.gs-steps p{margin:0;color:var(--ink2);font-size:15.5px;line-height:1.5;max-width:46ch}
.gs-steps em{display:block;margin-top:6px;font-style:normal;font-size:13.5px;color:#5B86B8}
.gs-tag{font:500 10.5px ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--rule);border-radius:999px;padding:3px 8px;color:var(--ink3);vertical-align:middle;margin-left:8px}
.gs-scene{perspective:1700px;height:min(66vh,620px);display:grid;place-items:center}
.gs-stack{position:relative;width:min(470px,84%);aspect-ratio:1.1;transform-style:preserve-3d;transform:rotateX(54deg) rotateZ(-30deg) translateY(10%)}
.gl{position:absolute;left:0;right:0;top:18%;bottom:18%;border-radius:12px;padding:clamp(16px,2vw,26px);background:linear-gradient(150deg,rgba(255,255,255,.93),rgba(232,239,251,.8));box-shadow:0 0 0 1px rgba(24,22,19,.12),0 36px 70px -26px rgba(30,50,110,.22);transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .5s,box-shadow .5s;transform:translateZ(calc(var(--z)*var(--sp,70px)));opacity:.5}
.gl:before{content:"";position:absolute;inset:-2px;border-radius:12px;padding:2px;background:conic-gradient(from 210deg,#5E8FD0,#A79BEA,#EDB4CC,#F4CDB2,#5E8FD0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s}
.gl.on{opacity:1;transform:translateZ(calc(var(--z)*var(--sp,70px) + 44px));box-shadow:0 0 0 1px rgba(24,22,19,.1),0 50px 90px -30px rgba(40,70,160,.27)}
.gl.on:before{opacity:.8}
.gl .gk{font:500 11px ui-monospace,Menlo,monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);margin-bottom:12px}
.gl .grw{display:flex;align-items:center;gap:10px;font:500 12.5px ui-monospace,Menlo,monospace;color:var(--ink2);padding:7px 0;border-top:1px solid rgba(24,22,19,.07)}
.gl .grw i{width:14px;height:17px;border-radius:3px;background:#F2D9D6;flex:none}
.gl .grw u{margin-left:auto;text-decoration:none;color:var(--ink3)}
.gl .lgx{width:22px;height:22px;flex:none}
.gl .gb{font:400 clamp(21px,2.2vw,30px)/1.12 var(--serif);color:var(--ink);letter-spacing:-.02em}
.gl .gb b{font-weight:600}
.gl .gp{display:inline-block;margin:12px 6px 0 0;border-radius:999px;padding:5px 12px;font:500 12px var(--sans)}
.gl .gp.v{background:#E4F1E9;color:#2F7A52}.gl .gp.n{background:#FBEFD9;color:#946018}.gl .gp.w{background:#F6E1DE;color:#B3382E}
@media(max-width:860px){.gs-track{height:auto}.gs-pin{position:static;height:auto;overflow:visible;padding:40px 0}.gs-in{grid-template-columns:1fr}.gs-steps li{opacity:1}.gs-scene{height:auto;perspective:none}.gs-stack{transform:none;aspect-ratio:auto;width:100%;display:grid;gap:12px;transform-style:flat}.gl{position:relative;inset:auto;transform:none!important;opacity:1}}
@font-face{font-family:"Inter Tight";font-weight:400;font-display:swap;src:url(/assets/fonts/f-cc0b052fb4.woff2) format("woff2")}@font-face{font-family:"Inter Tight";font-weight:500;font-display:swap;src:url(/assets/fonts/f-39783e8cb3.woff2) format("woff2")}@font-face{font-family:"Inter Tight";font-weight:600;font-display:swap;src:url(/assets/fonts/f-560dee29c4.woff2) format("woff2")}
/* ===== v5 ===== */
/* buttons: sleek */
.btn{height:36px;padding:0 16px;font-size:14px;font-weight:500;gap:10px;letter-spacing:-.005em}
.btn.big{height:38px;padding:0 5px 0 16px;font-size:14px}
.btn.big i,.btn.sm i{width:28px;height:28px;font-size:14px}
.btn.sm{padding:0 5px 0 16px;height:38px;font-size:14px}
.btn.sm i{display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-style:normal;transition:transform .25s}
.btn.sm:hover i{transform:translateX(2px)}
.btn.ghost.sm{padding:0 16px}
.hact .btn{height:34px;padding:0 15px}
header.top{position:fixed;left:0;right:0;top:0}
.hrow{height:60px}
nav.main{font-size:14.5px}
header.top:not(.sc){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
header.top:not(.sc) .logo{color:#fff}
header.top:not(.sc) nav.main a,header.top:not(.sc) .hact .si{color:rgba(255,255,255,.84)}
header.top:not(.sc) nav.main a:hover,header.top:not(.sc) .hact .si:hover{color:#fff}
header.top:not(.sc) .btn.dark{background:#fff;color:#181613}
header.top:not(.sc) .logo svg rect:first-of-type{fill:#fff}
/* film hero: centred, small, like the references */
.film{position:relative;height:100svh;min-height:600px;max-height:1060px;background:#14100d;color:#fff;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% calc(-1*min(1.4vw,max(0px,56.25vw - clamp(600px,100svh,1060px))))}
.fscrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,6,5,.4) 0,rgba(8,6,5,0) 16%,rgba(8,6,5,0) 64%,rgba(8,6,5,.72) 100%)}
.fin{position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:12px;padding:0 clamp(20px,6vw,110px) clamp(20px,2.4vw,32px)}
.film h1{font-family:var(--sans);font-weight:400;color:#fff;font-size:clamp(28px,3vw,44px);line-height:1.06;letter-spacing:-.035em;max-width:24ch;margin:0;text-wrap:balance}
.film h1 em{font-style:normal;color:rgba(255,255,255,.7)}
.fsub{font-size:clamp(14px,1.1vw,16.5px);line-height:1.45;color:rgba(255,255,255,.86);max-width:46ch;margin:0}
.fcta{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}
.fcta .fsub{text-align:right}
.btn.light{background:#fff;color:#181613;border-color:transparent}
.mono{font:500 12px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.07em;text-transform:uppercase;margin-bottom:20px;color:var(--ink3)}
/* ruled rail */
.rail{max-width:1240px;margin:0 auto;border-left:1px solid var(--rule);border-right:1px solid var(--rule);background:var(--bg)}
.rail .wrap{max-width:none}
.rail section,.rail .band{border-top:1px solid var(--rule)}
.rail .hero{padding:clamp(56px,7vw,104px) 0 0}
h2.tt{font-family:var(--sans);font-weight:500;font-size:clamp(26px,3vw,40px);line-height:1.1;letter-spacing:-.035em;max-width:22ch}
h2.tt.big{max-width:30ch}
h2.tt b{font-weight:500;color:var(--ink)}h2.tt span{color:#8D897E}
.band{padding:clamp(56px,7vw,104px) 0}
.fine{margin-top:20px;font-size:13px;color:var(--ink3)}
/* ---- glass system ---- */
.m1,.m2,.m3,.m1b,.sp,.pf{--g1:#7C93FF;--g2:#FFB9A3;--g3:#9B7BFF;--g4:#FFE0CF;--gb:#C8D1FF}
.m2{--g1:#FF9C86;--g2:#8EA6FF;--g3:#FFC2D8;--g4:#FFE6D6;--gb:#F8CFD8}
.m3{--g1:#9CC2FF;--g2:#C9B8FF;--g3:#FFD2BE;--g4:#E6F0FF;--gb:#DDE6FF}
.m1b{--g1:#6F8BFF;--g2:#FFC7B0;--g3:#B79BFF;--g4:#FFE9DC;--gb:#CFD6FF}
.gc,.sp{background:
 radial-gradient(60% 75% at 8% 8%,var(--g1) 0,transparent 62%),
 radial-gradient(52% 62% at 96% 12%,var(--g2) 0,transparent 64%),
 radial-gradient(60% 70% at 78% 100%,var(--g3) 0,transparent 62%),
 radial-gradient(46% 52% at 4% 100%,var(--g4) 0,transparent 66%),var(--gb)}
.gc::after,.sp::after,.pf::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:soft-light;border-radius:inherit;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
.flute{position:absolute;top:0;bottom:0;right:0;width:44%;pointer-events:none;z-index:1;
 background:repeating-linear-gradient(90deg,rgba(255,255,255,.34) 0 1.5px,rgba(255,255,255,0) 1.5px 13px,rgba(255,255,255,.1) 13px 15px,rgba(255,255,255,0) 15px 18px);
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 55%);mask-image:linear-gradient(90deg,transparent,#000 55%);backdrop-filter:blur(1.5px) saturate(1.25);-webkit-backdrop-filter:blur(1.5px) saturate(1.25)}
.g{background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(255,255,255,.58));backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);
 border:1px solid rgba(255,255,255,.9);border-radius:10px;
 box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 0 0 7px rgba(255,255,255,.26),0 0 0 8px rgba(255,255,255,.5),0 28px 44px -24px rgba(34,44,120,.2)}
/* cards */
.cg{margin-top:clamp(36px,4vw,56px);display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.c5{grid-column:span 5}.c7{grid-column:span 7}
.gc{position:relative;border-radius:9px;overflow:hidden;min-height:clamp(400px,34vw,460px);border:1px solid rgba(255,255,255,.7);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.gc:hover{transform:translateY(-3px);box-shadow:0 30px 50px -34px rgba(40,50,140,.27)}
.gc h3{position:relative;z-index:3;font:400 clamp(17px,1.45vw,20px)/1.3 var(--sans);letter-spacing:-.015em;padding:24px 28px 0;max-width:32ch;color:rgba(20,20,40,.62)}
.gc h3 b{font-weight:600;color:#14142B}.gc h3 span{color:rgba(20,20,40,.55)}
.fx{position:absolute;left:clamp(22px,2.6vw,34px);right:clamp(22px,2.6vw,34px);bottom:clamp(24px,2.6vw,34px);z-index:2;display:flex;flex-direction:column;gap:14px}
.fx .lg{width:15px;height:15px;flex:none}
.pbar{display:flex;align-items:center;gap:12px;height:56px;padding:0 10px 0 18px;border-radius:999px;font-size:16px;color:#14142B;letter-spacing:-.01em}
.pbar u{text-decoration:none;color:#8a8a99;font-size:20px;line-height:1}
.pbar span{flex:1}
.pbar s{text-decoration:none;width:36px;height:36px;border-radius:50%;background:#14142B;color:#fff;display:grid;place-items:center;font-size:16px}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:999px;font-size:13px;color:#2B2B40;box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 14px 20px -16px rgba(34,44,120,.2)}
.ans{padding:18px 20px;border-radius:10px;margin-right:clamp(0px,6vw,90px)}
.ans small{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#5C5C70;font-weight:500}.ans small i{width:7px;height:7px;border-radius:50%;background:#2E9B5A}
.ans p{margin-top:8px;font-size:15.5px;line-height:1.5;color:#1D1D33}.ans p b{font-weight:600}
.rate{padding:22px 24px}
.r2{display:grid;grid-template-columns:1fr 26px 1fr;align-items:center;gap:8px}
.r2 label{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#6A6A80;font-weight:600}
.r2 strong{display:block;font:400 clamp(26px,2.5vw,36px)/1.05 Newsreader,Georgia,serif;letter-spacing:-.03em;margin-top:6px;color:#14142B;font-variant-numeric:tabular-nums}
.r2 strong small{font:500 13px var(--sans);color:#6A6A80;letter-spacing:0;margin-left:3px}
.r2 strong.bad{color:#B3342B}
.arr{height:1px;background:linear-gradient(90deg,rgba(20,20,43,.15),rgba(20,20,43,.55));position:relative}.arr:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid rgba(20,20,43,.55);border-right:1px solid rgba(20,20,43,.55);transform:rotate(45deg)}
.rbar{height:6px;border-radius:6px;background:rgba(20,20,43,.08);margin:18px 0 14px;overflow:hidden}.rbar b{display:block;width:70%;height:100%;border-radius:6px;background:linear-gradient(90deg,#E6A09A,#B3342B)}
.rl{display:flex;justify-content:space-between;font-size:14px;color:#1D1D33;align-items:center}.rl .amt{font-weight:600;color:#B3342B;font-variant-numeric:tabular-nums}
.rl.dim{margin-top:8px;font-size:12.5px;color:#7A7A90}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:#999}.dot.r{background:#C4473C}.dot.a{background:#D79A2B}.dot.g{background:#3F9B5C}.dot.n{background:#fff;box-shadow:0 0 0 1.5px #8a8a99 inset}
.plist{padding:8px 20px}
.pr1{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:0 12px;padding:14px 0;border-bottom:1px solid rgba(20,20,43,.08);font-size:15px;color:#1D1D33}
.pr1:last-child{border:0}.pr1 .dot{margin:0}.pr1 b{font:400 22px Newsreader,Georgia,serif;font-variant-numeric:tabular-nums;grid-column:3}.pr1 em{grid-column:2/4;font-style:normal;font-size:12.5px;color:#7A7A90;margin-top:-2px}
.pr1 span{grid-column:2}.pr1 .dot{grid-row:1/3;align-self:start;margin-top:6px}
.mx{padding:10px 18px 16px}
.mh,.mr{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;align-items:center;padding:11px 0;font-size:13.5px;color:#1D1D33;border-bottom:1px solid rgba(20,20,43,.08)}
.mh{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:#6A6A80;font-weight:600}
.mr span:first-child{display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mr span:last-child{font-variant-numeric:tabular-nums;font-weight:500}
.mr .ns{display:inline-block;justify-self:start;padding:3px 10px;border-radius:999px;background:rgba(20,20,43,.06);color:#6A6A80;font-weight:500;font-size:12.5px}
.mf{display:flex;align-items:center;gap:10px;padding-top:12px;font-size:12.5px;color:#6A6A80}.mf i{width:3px;height:3px;border-radius:50%;background:#a0a0b0}
/* sources panel: glass tiles */
.conn{background:linear-gradient(180deg,#fff,#F7F7FC 60%,#FCF6F1)}
.cgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:center}
.conn .lede{margin:22px 0 26px;max-width:38ch;color:var(--ink2);font-size:17.5px}
.sp{position:relative;border-radius:10px;overflow:hidden;height:clamp(400px,38vw,500px);border:1px solid rgba(255,255,255,.7);display:grid;place-items:center;perspective:900px}
.bricks{position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(14px,1.8vw,24px);align-items:center;transform:rotateX(8deg) rotateZ(-2deg) scale(1.05);transform-style:preserve-3d;width:max-content}
.brow{display:flex;gap:clamp(14px,1.8vw,24px)}.brow.r1{margin-left:clamp(40px,5vw,64px)}.brow.r2{margin-left:clamp(-30px,-2.4vw,-18px)}
.tile{position:relative;width:clamp(64px,7.4vw,96px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;transform:translate(var(--px,0px),var(--py,0px));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.tile .halo{position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,.06) 70%)}
.tile .face{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;
 background:linear-gradient(155deg,#fff,rgba(255,255,255,.78));border:1px solid #fff;
 box-shadow:0 1px 0 #fff inset,0 -6px 14px rgba(120,110,190,.16) inset,0 22px 30px -16px rgba(34,44,120,.27)}
.tile .lg{width:44%;height:44%}#bk .tile{width:clamp(58px,6vw,82px)}#bk .brow.r1,#bk .brow.r2{margin-left:0}#bk .brow.r1{transform:translateX(18px)}#bk .brow.r2{transform:translateX(-10px)}@media(max-width:600px){#bk .tile{width:48px}#bk .brow{gap:12px}#bk .brow.r1{transform:translateX(8px)}#bk .brow.r2{transform:translateX(-4px)}#bk{gap:16px}.tile .wm{font-size:9.5px}}.tile .wm{font:600 12.5px/1 var(--sans);letter-spacing:-.01em;color:#1a1a18}.tile img.lg{object-fit:contain}
.tile:hover{transform:translate(var(--px,0px),calc(var(--py,0px) - 6px))}
.tile.live{width:clamp(78px,9vw,116px)}
.tile.live .halo{border-color:#fff;box-shadow:0 0 0 1px rgba(44,160,28,.5),0 0 34px rgba(44,160,28,.35)}
.tile em{position:absolute;left:50%;bottom:-24px;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:7px;font:500 11.5px/1 var(--sans);font-style:normal;color:#14142B;padding:7px 11px;border-radius:999px;
 background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(255,255,255,.7));border:1px solid #fff;box-shadow:0 12px 20px -12px rgba(34,44,120,.27)}
.tile em b{width:7px;height:7px;border-radius:50%;background:#2CA01C;box-shadow:0 0 0 3px rgba(44,160,28,.2)}
@media (prefers-reduced-motion:no-preference){.tile{animation:fl 7s ease-in-out infinite;animation-delay:calc(var(--d)*-1.7s)}@keyframes fl{50%{translate:0 -5px}}}
/* proof: glass */
.pf{background:radial-gradient(60% 80% at 4% 0,var(--g4) 0,transparent 64%),radial-gradient(55% 70% at 100% 10%,#D8DEFF 0,transparent 62%),radial-gradient(60% 70% at 70% 100%,#E9DEFF 0,transparent 62%),#F6F7FD;border:1px solid rgba(255,255,255,.8);overflow:hidden}
.pf-n,.pf-s{position:relative;z-index:2}.pf .pfw{z-index:3}.pf .rp{z-index:3}
.pane{background:linear-gradient(160deg,rgba(255,255,255,.92),rgba(255,255,255,.62));backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.95);border-radius:10px;
 box-shadow:0 1px 0 #fff inset,0 0 0 7px rgba(255,255,255,.3),0 0 0 8px rgba(255,255,255,.55),0 28px 44px -26px rgba(34,44,120,.2)}
.pane.on{border-color:#fff;box-shadow:0 1px 0 #fff inset,0 0 0 7px rgba(255,255,255,.3),0 0 0 8px rgba(39,71,201,.32),0 28px 44px -24px rgba(34,44,120,.2)}
.pane+.pane{margin-top:26px}
.ph{gap:10px}.lgb{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(160deg,#fff,#F1F2F8);border:1px solid #fff;box-shadow:0 8px 14px -8px rgba(34,44,120,.5),0 0 0 1px rgba(20,20,43,.05)}
.lgb .lg{width:16px;height:16px}
@media(max-width:900px){.cgrid{grid-template-columns:1fr}.c5,.c7{grid-column:span 12}.gc{min-height:420px}.ans{margin-right:0}.bricks{transform:scale(.95)}}
@media(max-width:600px){.film h1{font-size:clamp(28px,8.4vw,38px)}.chip:nth-child(3){display:none}}
@media (prefers-reduced-motion:reduce){.gc,.tile{transition:none}}

.held{border-top:1px solid var(--rule);padding:0}.held .wrap{max-width:none;padding:0;margin:0}
.hp{position:relative;overflow:hidden;border-radius:0;background:radial-gradient(70% 90% at 90% 0,#262C63 0,transparent 62%),#12131A;color:#fff;padding:clamp(48px,6.5vw,104px) clamp(24px,5vw,84px)}
.hp .lat{position:absolute;right:-30px;top:-10px;width:min(62%,760px);height:auto;opacity:.95;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%);mask-image:linear-gradient(90deg,transparent,#000 40%)}
.hin{position:relative;max-width:540px}
.mono2{font:500 13px ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.06em;color:#9AA0C8}.mono2 i{font-family:Newsreader,Georgia,serif;color:#fff;opacity:.9}
.hp h2{font:400 clamp(42px,6vw,76px)/1 Newsreader,Georgia,serif;letter-spacing:-.03em;margin:18px 0 22px;color:#fff;max-width:none}
.hp .df{color:#C3C6DE;font-size:17px;line-height:1.55;max-width:46ch}
.hp .fm{margin-top:20px;font:500 13.5px ui-monospace,"SF Mono",Menlo,monospace;color:#8E9BF5;letter-spacing:.02em}
.hp .row{margin-top:36px;display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.hp .sec{font-size:13.5px;color:#9AA0C8;max-width:34ch}.hp .sec a{color:#fff;border-bottom:1px solid rgba(255,255,255,.3)}
@media(max-width:760px){.hp .lat{width:100%;top:0;opacity:.5}}
.zfin{border-top:1px solid var(--rule);padding-bottom:0}
.zfgrid{display:grid;grid-template-columns:minmax(260px,.9fr) 1.1fr;gap:clamp(28px,4vw,72px);align-items:center}
.zfin .zfm{margin-top:22px;font:500 13.5px ui-monospace,"SF Mono",Menlo,monospace;color:#5B86B8;letter-spacing:.02em}
.zfin .zfrow{margin-top:30px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.zfsec{font-size:13.5px;color:var(--ink3);max-width:30ch}.zfsec a{color:var(--ink);border-bottom:1px solid var(--rule2)}
.zfview{position:relative;padding:clamp(10px,1.6vw,22px);border-radius:6px;background:radial-gradient(60% 90% at 0 100%,#B3CDE4 0,transparent 68%),radial-gradient(55% 80% at 100% 0,#E3EDF6 0,transparent 66%),#CFDFEE}
.zffrost{border-radius:5px;padding:clamp(5px,.8vw,10px);background:linear-gradient(135deg,rgba(255,255,255,.66),rgba(255,255,255,.26) 48%,rgba(255,255,255,.5));border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff,0 22px 40px -28px rgba(50,85,125,.2)}
.zffrost img{display:block;width:100%;height:auto;border-radius:3px;box-shadow:0 0 0 1px rgba(24,22,19,.12)}
footer.zftl{margin-top:clamp(64px,8vw,120px);border-top:1px solid var(--rule);padding-top:clamp(28px,3.6vw,48px);overflow:hidden;background:transparent;color:var(--ink2);font-size:14px}
.zftl .zfcols{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}
.zftl .zfcols h4{margin:0 0 14px;font:500 11.5px ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.zftl .zfcols a{display:block;color:var(--ink);margin:0 0 9px}.zftl .zfcols a:hover{color:#5B86B8}
.zftl .zfcols p{margin:12px 0 0;max-width:30ch;color:var(--ink3)}.zftl .flogo{display:flex;align-items:center;gap:9px;font-weight:600;color:var(--ink);font-size:17px}
.zftl .zfine3{margin-top:34px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--ink3);font-size:13px}
.zftl .zgw{font:600 clamp(120px,25vw,380px)/.8 "Inter Tight",Manrope,sans-serif;letter-spacing:-.055em;text-align:center;margin:18px 0 0;height:.6em;overflow:hidden;user-select:none;white-space:nowrap;background:linear-gradient(180deg,rgba(143,180,214,.34),rgba(143,180,214,.04));-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:900px){.zfgrid{grid-template-columns:1fr}.zftl .zfcols{grid-template-columns:1fr 1fr}.zftl .zfcols>div:first-child{grid-column:1/-1}}
.zfin,.zftl{text-align:left}.zfrow .btn{flex:none;white-space:nowrap}.zfin .tt{margin-top:14px}

.zfsh{position:relative}
.zlat{display:grid;grid-template-columns:repeat(18,1fr);gap:clamp(4px,.6vw,8px);-webkit-mask-image:radial-gradient(ellipse 72% 78% at 50% 50%,#000 38%,transparent 100%);mask-image:radial-gradient(ellipse 72% 78% at 50% 50%,#000 38%,transparent 100%)}
.zlat i{aspect-ratio:1;border-radius:22%;border:1px solid rgba(24,22,19,.16);background:transparent;transition:background .7s,border-color .7s,transform .7s}
.zlat i.on{background:#8FB4D6;border-color:#8FB4D6}
.zlcap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:14px;font:500 12px ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.03em;color:var(--ink3)}
@media(prefers-reduced-motion:reduce){.zlat i{transition:none}}

@media(min-width:861px) and (max-height:1020px){
.gs-steps{margin-top:12px}
.gs-steps li{padding:9px 0 9px 22px}
.gs-steps h3{margin:3px 0 0;font-size:clamp(21px,2vw,28px)}
.gs-steps li.on h3{margin-bottom:6px}
.gs-steps p,.gs-steps em{max-height:0;overflow:hidden;opacity:0;margin-top:0;transition:max-height .4s,opacity .3s}
.gs-steps li.on p{max-height:130px;opacity:1}
.gs-steps li.on em{max-height:40px;opacity:1;margin-top:6px}
}
@media(min-width:861px) and (max-height:760px){
.gs-steps p{font-size:14.5px;line-height:1.42}
.gs-scene{height:min(60vh,520px)}
}
@media(min-width:861px) and (max-height:660px){
.gs-track{height:auto}.gs-pin{position:static;height:auto;overflow:visible;padding:40px 0}.gs-in{grid-template-columns:1fr}.gs-steps li{opacity:1}.gs-steps p,.gs-steps em{max-height:none;opacity:1;margin-top:6px}.gs-scene{height:auto;perspective:none}.gs-stack{transform:none;aspect-ratio:auto;width:100%;display:grid;gap:12px;transform-style:flat}.gl{position:relative;inset:auto;transform:none!important;opacity:1}
}