@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}@property --shift{syntax:"<percentage>";inherits:false;initial-value:0%}:root{--ground:#070a1c;--panel:#0d1230;--panel-2:#121a42;--ink:#eef0ff;--muted:#949bc6;--line:#232a55;--cobalt:#6e7dff;--violet:#c06bff;--on-accent:#070a1c;--display:"Archivo","Arial Black",Impact,sans-serif;--body:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--ease:cubic-bezier(.2,.8,.2,1);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--ground:#eff0f8;--panel:#fff;--panel-2:#f5f6fd;--ink:#0a0e2a;--muted:#555c84;--line:#d6d9ea;--cobalt:#2a3cff;--violet:#8b2bdf;--on-accent:#fff;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--ground:#eff0f8;--panel:#fff;--panel-2:#f5f6fd;--ink:#0a0e2a;--muted:#555c84;--line:#d6d9ea;--cobalt:#2a3cff;--violet:#8b2bdf;--on-accent:#fff;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ground);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6;overflow-x:clip}a{color:inherit}::selection{background:var(--cobalt);color:var(--on-accent)}:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px}.wrap{max-width:1200px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}h1,h2,h3{font-family:var(--display);letter-spacing:-.015em;text-wrap:balance;margin:0;font-weight:850;font-stretch:115%;line-height:.95}.label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px}.grad{background:linear-gradient(100deg,var(--cobalt),var(--violet),var(--cobalt));color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite pan}@keyframes pan{to{background-position:-200% 0}}.progress{z-index:20;background:linear-gradient(90deg,var(--cobalt),var(--violet));transform-origin:0;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}@supports (animation-timeline:scroll()){.progress{animation:linear both grow;animation-timeline:scroll(root)}}@keyframes grow{to{transform:scaleX(1)}}nav{top:env(safe-area-inset-top,0px);z-index:10;-webkit-backdrop-filter:blur(14px)saturate(160%);background:color-mix(in oklab,var(--ground) 62%,transparent);border-bottom:1px solid color-mix(in oklab,var(--line) 70%,transparent);position:sticky}nav .wrap{justify-content:space-between;align-items:center;gap:16px;padding-block:14px;display:flex}.logo{font-family:var(--display);align-items:center;gap:10px;font-size:18px;font-weight:800;font-stretch:125%;text-decoration:none;display:flex}.logo i{background:conic-gradient(from var(--ang),var(--cobalt),var(--violet),var(--cobalt));border-radius:4px;width:14px;height:14px;animation:4s linear infinite spin}@keyframes spin{to{--ang:360deg}}.navr{align-items:center;gap:26px;display:flex}nav ul{gap:24px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}nav ul a{color:var(--muted);text-decoration:none;position:relative}nav ul a:after{content:"";background:var(--cobalt);transform-origin:100%;height:1.5px;transition:transform .35s var(--ease);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}nav ul a:hover{color:var(--ink)}nav ul a:hover:after{transform-origin:0;transform:scaleX(1)}.theme{border:1px solid var(--line);background:var(--panel);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid}.theme svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:18px;height:18px}.hero{isolation:isolate;margin-top:-67px;padding-top:67px;position:relative;overflow:hidden}#shader{z-index:-2;width:100%;height:100%;display:block;position:absolute;inset:0}.hero:before{content:"";z-index:-2;background:radial-gradient(60% 70% at 75% 30%,color-mix(in oklab,var(--violet) 45%,transparent),transparent 70%),radial-gradient(50% 60% at 20% 80%,color-mix(in oklab,var(--cobalt) 40%,transparent),transparent 70%),var(--ground);position:absolute;inset:0}.hero:after{content:"";z-index:-1;pointer-events:none;opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.fade{z-index:-1;background:linear-gradient(transparent,var(--ground));height:160px;position:absolute;bottom:0;left:0;right:0}.spot{z-index:-1;pointer-events:none;background:radial-gradient(500px circle at var(--sx,70%) var(--sy,40%),color-mix(in oklab,var(--ink) 9%,transparent),transparent 60%);position:absolute;inset:0}.hero .wrap{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(28px,4vw,56px);padding-block:clamp(56px,9vw,120px) clamp(72px,10vw,130px);display:grid}.hero-text{min-width:0}.pill{border:1px solid color-mix(in oklab,var(--ink) 18%,transparent);background:color-mix(in oklab,var(--panel) 50%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:99px;align-items:center;gap:10px;margin-bottom:26px;padding:6px 14px 6px 8px;font-size:14px;display:inline-flex}.pill b{font-family:var(--mono);background:var(--cobalt);color:var(--on-accent);letter-spacing:.06em;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:500}.pill .dot{background:#3ddc97;border-radius:50%;width:7px;height:7px;animation:2s infinite ping;box-shadow:0 0 #3ddc97}@keyframes ping{70%{box-shadow:0 0 0 8px #0000}}.hero h1{font-size:clamp(50px,8.6vw,124px);line-height:.9}.k{white-space:nowrap;display:inline-block}.k span{transition:font-weight .4s var(--ease),font-stretch .4s var(--ease),color .3s,transform .4s var(--ease);animation:inl 1.1s var(--ease) both;animation-delay:calc(var(--i) * 28ms);font-weight:850;font-stretch:125%;display:inline-block}.k span:hover{color:var(--cobalt);font-weight:200;font-stretch:62%;transform:translateY(-6px)}@keyframes inl{0%{filter:blur(6px);font-weight:150;font-stretch:62%;transform:translateY(.25em)}}.k.grad{color:inherit;background:0 0;animation:none}.k.grad span{color:color-mix(in oklab,var(--cobalt),var(--violet) calc(var(--j,0) * 100%))}.lede{max-width:46ch;color:color-mix(in oklab,var(--ink) 78%,var(--muted));margin:26px 0 34px;font-size:clamp(18px,1.7vw,20px)}.ctas{flex-wrap:wrap;gap:12px;display:flex}.btn{border:1px solid color-mix(in oklab,var(--ink) 30%,transparent);transition:transform .25s var(--ease),box-shadow .3s;background:color-mix(in oklab,var(--panel) 40%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:99px;align-items:center;gap:10px;padding:15px 26px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.btn.primary{color:var(--on-accent);background:linear-gradient(110deg,var(--cobalt),var(--violet));box-shadow:0 10px 40px -10px var(--cobalt);border:0}.btn.primary:hover{box-shadow:0 14px 50px -8px var(--violet)}.btn svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px;transition:transform .3s var(--ease)}.btn:hover svg{transform:translate(4px)}.diagram{aspect-ratio:1;border:1px solid color-mix(in oklab,var(--ink) 14%,transparent);background:color-mix(in oklab,var(--panel) 55%,transparent);-webkit-backdrop-filter:blur(18px);min-width:0;max-width:100%;box-shadow:0 40px 100px -40px color-mix(in oklab,var(--cobalt) 70%,transparent);transform-style:preserve-3d;transition:transform .5s var(--ease);border-radius:24px;position:relative;overflow:hidden}#graph{width:100%;height:100%;display:block}.diagram .cap{position:absolute;top:14px;left:18px}.diagram .log{font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;position:absolute;bottom:14px;left:18px;right:18px;overflow:hidden}.diagram .log b{color:var(--cobalt);font-weight:500}.marquee{border-block:1px solid var(--line);padding-block:20px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.track{gap:48px;width:max-content;animation:38s linear infinite mq;display:flex}.marquee:hover .track{animation-play-state:paused}.track span{font-family:var(--display);color:var(--muted);white-space:nowrap;align-items:center;gap:48px;font-size:clamp(22px,2.6vw,30px);font-weight:700;font-stretch:125%;display:flex}.track span:after{content:"";background:linear-gradient(var(--cobalt),var(--violet));border-radius:50%;width:8px;height:8px}@keyframes mq{to{transform:translate(-50%)}}section{padding-block:clamp(80px,11vw,140px)}.head{grid-template-columns:1fr 1fr;align-items:end;gap:24px;margin-bottom:52px;display:grid}.head h2{font-size:clamp(40px,6vw,84px)}.head p{max-width:42ch;color:var(--muted);justify-self:end;margin:0}@supports (animation-timeline:view()){.reveal{animation:linear both rise;animation-timeline:view();animation-range:entry cover 28%}@keyframes rise{0%{opacity:.55;transform:translateY(48px)scale(.97)}}.head h2{animation:linear both track;animation-timeline:view();animation-range:entry 10% cover 40%}@keyframes track{0%{letter-spacing:.06em;font-stretch:70%}}}.bento{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.card{--mx:50%;--my:50%;background:linear-gradient(var(--panel),var(--panel)) padding-box,radial-gradient(420px circle at var(--mx) var(--my),var(--cobalt),var(--line) 45%) border-box;border:1px solid #0000;border-radius:22px;flex-direction:column;gap:12px;min-width:0;padding:clamp(22px,3vw,34px);display:flex;position:relative;overflow:hidden;container-type:inline-size}.card:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(380px circle at var(--mx) var(--my),color-mix(in oklab,var(--cobalt) 16%,transparent),transparent 65%);transition:opacity .4s;position:absolute;inset:0}.card:hover:before{opacity:1}.c1{grid-column:span 4}.c2,.c3{grid-column:span 2}.c4{grid-column:span 4}.card h3{font-size:clamp(26px,3vw,36px)}.card p{color:var(--muted);max-width:46ch;margin:0}.demo{margin-top:auto;padding-top:12px}.browser{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;overflow:hidden}.browser .bar{border-bottom:1px solid var(--line);gap:6px;padding:9px 12px;display:flex}.browser .bar i{background:var(--line);border-radius:50%;width:9px;height:9px}.browser .bar em{font-style:normal;font-family:var(--mono);color:var(--muted);margin-left:10px;font-size:11px}.bview{grid-template-columns:1fr;gap:10px;padding:14px;display:grid}@container (width>=520px){.bview{grid-template-columns:1.4fr 1fr}}.sk{background:linear-gradient(90deg,var(--line) 0%,color-mix(in oklab,var(--cobalt) 35%,var(--line)) 50%,var(--line) 100%);background-size:200% 100%;border-radius:6px;height:12px;animation:1.8s linear infinite shim}.sk.big{border-radius:10px;height:64px}.sk.w6{width:60%}.sk.w8{width:80%}@keyframes shim{to{background-position:-200% 0}}.bcol{align-content:start;gap:8px;display:grid}.cart{font-family:var(--mono);align-items:center;gap:12px;font-size:13px;display:flex}.cart button{font:inherit;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);cursor:pointer;border-radius:12px;padding:10px 14px;font-weight:500;transition:transform .15s}.cart button:active{transform:scale(.94)}.badge{background:linear-gradient(var(--cobalt),var(--violet));min-width:30px;height:30px;color:var(--on-accent);border-radius:99px;place-items:center;padding:0 8px;font-weight:500;display:grid}.badge.pop{animation:pop .45s var(--ease)}@keyframes pop{40%{transform:scale(1.35)}}.cart .sum{color:var(--muted);font-variant-numeric:tabular-nums}.flow{width:100%;height:auto;display:block}.flow path{fill:none;stroke:var(--line);stroke-width:2px}.flow .run{stroke:url(#fg);stroke-dasharray:14 180;animation:2.6s linear infinite dash}.flow .run.b{animation-delay:-.9s}.flow .run.c{animation-delay:-1.7s}@keyframes dash{to{stroke-dashoffset:-194px}}.flow rect{fill:var(--panel-2);stroke:var(--line)}.flow text{fill:var(--ink);font-family:var(--mono);font-size:11px}.chat{gap:8px;font-size:14px;display:grid}.msg{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;max-width:90%;padding:10px 14px}.msg.me{background:linear-gradient(110deg,var(--cobalt),var(--violet));color:var(--on-accent);border:0;justify-self:end}.msg .caret{vertical-align:-2px;background:var(--cobalt);width:7px;height:1em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips span{font-family:var(--mono);border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:3px 9px;font-size:11.5px}.lab{background:var(--line);border:1px solid var(--line);border-radius:22px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.feat{background:var(--panel);flex-direction:column;gap:8px;min-width:0;padding:22px;display:flex}.feat h3{font-family:var(--body);letter-spacing:0;font-size:17px;font-weight:600;font-stretch:100%;line-height:1.3}.feat .big{font-family:var(--display);font-variant-numeric:tabular-nums;background:linear-gradient(100deg,var(--cobalt),var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(44px,4.6vw,64px);font-weight:900;font-stretch:125%;line-height:1}.feat p{color:var(--muted);margin:0;font-size:14px}.plans{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:16px;display:grid}.plan{border:1px solid var(--line);background:var(--panel);min-width:0;transition:transform .4s var(--ease);border-radius:22px;flex-direction:column;gap:14px;padding:26px;display:flex;position:relative}.plan:hover{transform:translateY(-6px)}.plan.hl{background:linear-gradient(var(--panel),var(--panel)) padding-box,conic-gradient(from var(--ang),var(--cobalt),var(--violet),transparent 40%,var(--cobalt)) border-box;box-shadow:0 30px 80px -40px var(--violet);border:1.5px solid #0000;animation:5s linear infinite spin}.plan h3{font-size:28px}.price{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:38px;font-weight:750;font-stretch:110%;line-height:1}.price small{font-family:var(--body);color:var(--muted);font-size:14px;font-weight:400}.plan p{color:var(--muted);margin:0;font-size:15px}.plan ul{gap:6px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.plan li{gap:10px;display:flex}.plan li:before{content:"";background:radial-gradient(circle,var(--cobalt) 35%,transparent 40%),color-mix(in oklab,var(--cobalt) 20%,transparent);border-radius:50%;flex:none;width:16px;height:16px;margin-top:4px}.plan .time{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line);margin-top:auto;padding-top:14px;font-size:12px}.steps{grid-template-columns:repeat(4,1fr);gap:24px;padding-top:28px;display:grid;position:relative}.steps:before,.steps:after{content:"";background:var(--line);height:2px;position:absolute;top:0;left:0;right:0}.steps:after{background:linear-gradient(90deg,var(--cobalt),var(--violet));transform-origin:0}@supports (animation-timeline:view()){.steps:after{animation:linear both grow;animation-timeline:view();animation-range:entry 30% cover 55%}}.step{min-width:0}.step .n{font-family:var(--display);-webkit-text-stroke:1.5px var(--cobalt);color:#0000;margin-bottom:10px;font-size:64px;font-weight:900;font-stretch:125%;line-height:1;display:block}.step h3{margin-bottom:8px;font-size:26px}.step p{color:var(--muted);max-width:30ch;margin:0;font-size:15px}.contact{background:radial-gradient(80% 120% at 100% 0%,color-mix(in oklab,var(--violet) 35%,transparent),transparent 60%),radial-gradient(80% 120% at 0% 100%,color-mix(in oklab,var(--cobalt) 35%,transparent),transparent 60%),var(--panel);border:1px solid var(--line);border-radius:32px;grid-template-columns:1.2fr 1fr;align-items:end;gap:40px;padding:clamp(28px,6vw,72px);display:grid;position:relative;overflow:hidden}.contact h2{font-size:clamp(46px,7.6vw,110px)}.cbox{gap:14px;min-width:0;display:grid}.crow{background:color-mix(in oklab,var(--ground) 55%,transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;display:flex}.crow a{word-break:break-all;font-size:clamp(17px,2vw,20px);font-weight:600;text-decoration:none}.crow .label{flex-basis:100%}.copy{font-family:var(--mono);color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:99px;padding:6px 12px;font-size:12px}.copy:hover{color:var(--ink);border-color:var(--ink)}footer{color:var(--muted);padding-block:36px;font-size:14px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}@media (width<=960px){nav ul{display:none}.hero .wrap,.contact,.head{grid-template-columns:1fr}.head p{justify-self:start}.bento{grid-template-columns:1fr}.c1,.c2,.c3,.c4{grid-column:auto}.lab,.plans{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr;row-gap:36px}}@media (width<=560px){.lab,.plans,.steps{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}.progress{display:none}}