.hero{position:relative;overflow:hidden;background:radial-gradient(60% 55% at 78% 45%,rgba(240,197,65,.1),transparent 70%),var(--night);padding-block:128px 72px}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(250,245,234,.13) 1px,transparent 1.4px);background-size:24px 24px;-webkit-mask-image:radial-gradient(70% 70% at 70% 45%,#000 30%,transparent 80%);mask-image:radial-gradient(70% 70% at 70% 45%,#000 30%,transparent 80%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px 48px;align-items:center}.hero h1{font-size:var(--t-hero);line-height:.95;letter-spacing:-.052em}.hero .facts{margin-top:48px;display:flex;flex-wrap:wrap;gap:10px}.stage{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;gap:0;min-height:620px}.phone{position:relative;width:290px;height:600px;border-radius:46px;padding:10px;background:linear-gradient(145deg,#2c2b26,#121310 60%);box-shadow:0 0 0 1px #faf5ea1a inset,0 40px 80px -20px #000c,0 0 0 1px #000;flex:none;z-index:2}.phone .notch{position:absolute;top:20px;left:50%;width:80px;height:23px;margin-left:-40px;border-radius:999px;background:#0a0a08;z-index:6}.phone .scr{position:absolute;inset:10px;border-radius:36px;overflow:hidden;background:var(--w-bg);color:var(--w-ink);display:flex;flex-direction:column;font-size:13px;line-height:1.42}.w-head{background:var(--w-head);color:#fff;padding:48px 14px 11px;display:flex;gap:10px;align-items:center}.w-head .av{width:32px;height:32px;border-radius:50%;background:#c98b5a;display:grid;place-items:center;font-weight:600;font-size:12px;flex:none}.w-head b{font-weight:500;display:block;font-size:13.5px}.w-head small{color:#b9c9bf;font-size:11px}.w-body{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:7px;overflow:hidden}.b{max-width:84%;border-radius:12px;padding:8px 10px 5px;box-shadow:0 1px #0000000f}.b small{display:block;text-align:right;font-family:var(--f-mono);font-size:9.5px;color:#6e746c;margin-top:1px}.b.in{align-self:flex-end;background:var(--w-out)}.b.ai{align-self:flex-start;background:var(--w-in)}.b.ai b{font-weight:600}.b.link{align-self:flex-start;background:var(--w-in);display:flex;flex-direction:column;gap:6px}.b.link .card{border-radius:8px;background:#f3f1ec;padding:7px 9px;font-size:12px}.b.link .card span{display:block;color:#6e746c;font-size:11px}.typ{align-self:flex-start;background:var(--w-in);border-radius:12px;padding:11px 12px;display:none;gap:4px}.typ span{width:6px;height:6px;border-radius:50%;background:#a8b1a9;animation:typ 1s infinite}.typ span:nth-child(2){animation-delay:.15s}.typ span:nth-child(3){animation-delay:.3s}@keyframes typ{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.handoff{align-self:center;font-family:var(--f-mono);font-size:10px;letter-spacing:.04em;background:#ffffffb3;color:#4c554e;border-radius:8px;padding:4px 10px}.w-input{margin:0 8px 10px;background:#fff;border-radius:999px;padding:9px 14px;color:#8b918a;font-size:12.5px}.trace{position:absolute;z-index:3;left:236px;top:70px;width:min(310px,calc(100% - 236px));background:#0f100deb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--line-2);border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -20px #000c}.trace .th{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);color:var(--fg-3);font-size:10.5px}.trace .th b{color:var(--fg);font-weight:500;display:flex;gap:8px;align-items:center}.trace .th b i{width:7px;height:7px;border-radius:50%;background:var(--ipe);box-shadow:0 0 8px var(--ipe)}.trace ol{list-style:none;margin:0;padding:12px 14px 14px;display:flex;flex-direction:column;gap:7px;font-family:var(--f-mono);font-size:11.2px;line-height:1.5;color:#d9d4cb}.trace li{position:relative;padding-left:20px}.trace li:before{content:"›";position:absolute;left:2px;top:0;color:var(--fg-3)}.trace li.k:before{content:"◆";color:var(--ipe);font-size:9px;top:3px}.trace li.r:before{content:"!";color:#e8a2c8}.trace li em{font-style:normal;color:var(--fg-3)}.trace li b{font-weight:500;color:var(--ok)}.trace li.r b{color:#e8a2c8}.cap{position:absolute;bottom:-6px;left:0;right:0;display:flex;justify-content:flex-start;padding-left:40px;gap:28px;color:var(--fg-3);font-size:11px}.cap span{display:inline-flex;align-items:center;gap:8px}.cap span:before{content:"";width:18px;height:1px;background:var(--fg-3)}@media(max-width:1100px){.trace{inset:auto 0 30px auto;width:280px}}@media(max-width:980px){.hero-grid{grid-template-columns:minmax(0,1fr)}.stage{min-height:0;padding-bottom:20px;justify-content:flex-start;flex-direction:column;align-items:center;gap:20px}.trace{position:relative;inset:auto;width:100%;max-width:420px}.cap{display:none}}@media(prefers-reduced-motion:reduce){.typ span{animation:none}}.kinds{padding-block:var(--sec) calc(var(--sec) * .7)}.tabs-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px 64px;align-items:start}.tablist{display:flex;flex-direction:column;border-top:1px solid var(--line)}.tab{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:baseline;gap:8px;padding-block:22px;border-bottom:1px solid var(--line);position:relative}.tab:focus-visible{outline:2px solid var(--ipe);outline-offset:4px;border-radius:8px}.tab .n{font-family:var(--f-mono);font-size:12px;color:var(--fg-3);letter-spacing:.06em}.tab b{font-weight:500;font-size:clamp(22px,2.2vw,34px);letter-spacing:-.035em;line-height:1.1;color:#faf5ea61;transition:color .4s}.tab:hover b{color:#faf5eabf}.tab[aria-selected=true] b{color:var(--fg)}.tab[aria-selected=true] .n{color:var(--ipe)}.tab:after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--ipe);transition:width .7s var(--ease)}.tab[aria-selected=true]:after{width:100%}.panels{position:relative}.panel{background:var(--raised);border:1px solid var(--line-2);border-radius:28px;padding:clamp(24px,3vw,40px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 36px;min-height:480px}.panel[hidden]{display:none!important}.panel .pain{font-size:clamp(22px,2vw,30px);letter-spacing:-.035em;line-height:1.15;font-weight:400}.panel .pain em{font-style:normal;color:var(--ipe)}.panel ul{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.panel li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;color:var(--fg-2);font-size:16px}.panel li:before{content:"";width:7px;height:7px;margin-top:9px;border-radius:50%;background:var(--ipe)}.panel .int{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px}.panel .int span{border:1px solid var(--line-2);border-radius:999px;padding:5px 12px;color:var(--fg-2);font-size:11px}.viz{position:relative;border-radius:20px;background:var(--night);border:1px solid var(--line);overflow:hidden;min-height:340px;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:10px}@media(max-width:980px){.tabs-wrap{grid-template-columns:minmax(0,1fr)}.tablist{flex-direction:row;overflow-x:auto;border-top:0;gap:6px;scrollbar-width:none}.tab{grid-template-columns:auto;padding:10px 16px;border:1px solid var(--line-2);border-radius:999px;flex:none}.tab .n{display:none}.tab b{font-size:15px;letter-spacing:-.01em}.tab:after{display:none}.tab[aria-selected=true]{background:var(--fg)}.tab[aria-selected=true] b{color:var(--night)}}@media(max-width:720px){.panel{grid-template-columns:minmax(0,1fr)}}.v-chat .m{max-width:80%;border-radius:12px;padding:8px 11px;font-size:13px;line-height:1.4}.v-chat .m.c{align-self:flex-end;background:var(--graphite)}.v-chat .m.a{align-self:flex-start;background:var(--raised-2);border:1px solid var(--line)}.v-chat .m.a b{color:var(--ipe);font-weight:500}.v-chat .t{align-self:center;font-family:var(--f-mono);font-size:10px;color:var(--fg-3);letter-spacing:.06em}.v-docs .q{border:1px solid var(--line-2);border-radius:12px;padding:10px 12px;font-size:13.5px;display:flex;gap:10px;align-items:center}.v-docs .q:before{content:"";width:12px;height:12px;border:1.5px solid var(--fg-3);border-radius:50%;flex:none;box-shadow:4px 4px 0 -3px var(--fg-3)}.v-docs .a{font-size:13.5px;line-height:1.55;padding:4px 2px}.v-docs .a mark{background:#f0c5412e;color:var(--fg);border-radius:3px;padding:0 2px}.v-docs .src{display:flex;flex-wrap:wrap;gap:6px}.v-docs .src span{font-family:var(--f-mono);font-size:10.5px;border:1px solid var(--line-2);border-radius:7px;padding:4px 8px;color:var(--fg-2)}.v-act .row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:13.5px;background:var(--raised)}.v-act .row small{display:block;color:var(--fg-3);font-family:var(--f-mono);font-size:10px}.v-act .ic{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--fg-3)}.v-act .row.done .ic{background:var(--ok);border-color:var(--ok)}.v-act .row.wait .ic{border-color:var(--ipe);border-style:dashed}.v-act .st{font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}.v-act .row.done .st{color:var(--ok)}.v-act .row.wait .st{color:var(--ipe)}.v-doc{flex-direction:row!important;align-items:center;gap:14px!important}.v-doc .pdf{flex:1;background:#f3f0e8;color:#2a2a25;border-radius:10px;padding:14px;font-size:10.5px;line-height:1.5;position:relative;min-height:230px}.v-doc .pdf b{display:block;font-weight:600;font-size:12px;margin-bottom:6px}.v-doc .pdf i{display:block;height:6px;border-radius:2px;background:#d8d3c6;margin:5px 0}.v-doc .pdf .hl{background:#f0c5418c;border-radius:3px;padding:0 2px;font-style:normal}.v-doc .scan{position:absolute;left:0;right:0;top:0;height:2px;background:var(--ipe);box-shadow:0 0 14px var(--ipe);opacity:0}.v-doc .arrow{color:var(--ipe);font-size:20px;flex:none}.v-doc .fields{flex:1;display:flex;flex-direction:column;gap:7px}.v-doc .fields div{border:1px solid var(--line);border-radius:9px;padding:7px 10px;background:var(--raised)}.v-doc .fields small{display:block;font-family:var(--f-mono);font-size:9.5px;color:var(--fg-3);letter-spacing:.06em;text-transform:uppercase}.v-doc .fields span{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.v-doc .pdf .hl{white-space:nowrap}@media(max-width:560px){.v-doc{flex-direction:column!important}.v-doc .arrow{transform:rotate(90deg)}.v-doc .pdf,.v-doc .fields{width:100%}}.vs{padding-block:0 var(--sec)}.vs-table{border-top:1px solid var(--line)}.vs-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center;padding-block:18px;border-bottom:1px solid var(--line);font-size:17px}.vs-row.hd{padding-block:14px;color:var(--fg-3);font-size:12px}.vs-row.hd span:last-child{color:var(--ipe)}.vs-row .c{display:flex;align-items:center;gap:10px;color:var(--fg-3);font-family:var(--f-mono);font-size:12px;letter-spacing:.04em}.vs-row .c.y{color:var(--fg)}.vs-row .c svg{width:22px;height:22px;flex:none}.vs-note{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline;color:var(--fg-2);font-size:var(--t-lead);max-width:46em}.vs-note .mono{color:var(--ipe);font-size:11px;border:1px solid rgba(240,197,65,.5);border-radius:999px;padding:4px 12px}@media(max-width:620px){.vs-row{grid-template-columns:minmax(0,1.3fr) 64px 64px;font-size:15px}.vs-row .c span{display:none}.vs-row.hd{font-size:10px}}.inside{position:relative;background:var(--night);border-block:1px solid var(--line);overflow:hidden}.inside-in{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:110px 64px}.inside .sec-head{margin-bottom:64px}.pipe{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0}.pipe .track{position:absolute;left:calc(100% / 12);right:calc(100% / 12);top:27px;height:1px;background:var(--line-2)}.pipe .fill{position:absolute;inset:0;background:var(--ipe);transform-origin:left;transform:scaleX(0);box-shadow:0 0 12px var(--ipe)}.pipe .pulse{position:absolute;top:-5px;left:0;width:11px;height:11px;margin-left:-5px;border-radius:50%;background:var(--ipe);box-shadow:0 0 18px 4px #f0c54199;opacity:0}.node{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:0 8px}.node .dot{width:56px;height:56px;border-radius:16px;background:var(--raised);border:1px solid var(--line-2);display:grid;place-items:center;color:var(--fg-3);transition:background-color .5s,color .5s,border-color .5s,box-shadow .5s;position:relative;z-index:2}.node .dot svg{width:24px;height:24px}.node b{font-weight:500;font-size:clamp(15px,1.3vw,19px);letter-spacing:-.02em;color:#faf5ea73;transition:color .5s;line-height:1.2}.node p{font-size:14px;color:var(--fg-3);max-width:15em;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .6s var(--ease)}.node.on .dot{background:var(--ipe);color:var(--night);border-color:var(--ipe);box-shadow:0 0 30px #f0c54159}.node.on b{color:var(--fg)}.node.on p{opacity:1;transform:none;color:var(--fg-2)}.inside .foot-note{margin-top:56px;color:var(--fg-3);display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline}.inside .foot-note .mono{color:var(--ipe);font-size:11px;border:1px solid rgba(240,197,65,.5);border-radius:999px;padding:4px 12px}@media(max-width:980px){.inside-in{min-height:0;padding-block:96px}.pipe{grid-template-columns:minmax(0,1fr);gap:28px}.pipe .track{inset:28px auto 28px 27px;width:1px;height:auto}.pipe .fill{transform-origin:top;transform:scaleY(0)}.pipe .pulse{display:none}.node{flex-direction:row;text-align:left;align-items:flex-start;gap:18px;padding:0}.node>div{display:flex;flex-direction:column;gap:6px}.node .dot{flex:none}.node p{max-width:none}}@media(prefers-reduced-motion:reduce){.node p{opacity:1;transform:none}}
