:root{--bg:#0b0b10;--panel:#121219;--card:#15151e;--line:#262631;--ink:#f4f3fa;--muted:#9694a7;--accent:#a294ff;--font:'Helvetica Neue',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,.dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:default;opacity:.4}.container{max-width:1200px;margin:auto;padding-inline:36px}.header{position:sticky;top:0;z-index:20;background:rgba(11,11,16,.95);backdrop-filter:blur(15px);border-bottom:1px solid #202028}.nav{height:83px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:9px;font-size:22px;letter-spacing:-.9px;font-weight:700;white-space:nowrap}.brand>span{color:var(--accent);margin-left:-9px}.nav nav{display:flex;gap:29px;font-size:12px;color:#a8a5b7}.nav nav a:hover,.footer nav a:hover{color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 21px;border-radius:7px;font-size:12px;font-weight:600;border:1px solid transparent;transition:background .18s ease,transform .18s ease,border-color .18s ease}.button.primary{color:#fff;background:#7d68e7;border-color:#9682f5;box-shadow:0 4px 25px #7d68e71a}.button.secondary{background:#16151e;border-color:#383342;color:#e1ddef}.button.small{font-size:11px;padding:9px 13px;gap:14px}.button:active{transform:scale(.98)}.plain-link{font-size:12px;font-weight:500;color:#d0cbdc;display:inline-flex;gap:11px;align-items:center}.plain-link:hover{color:#fff}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;padding-top:90px;padding-bottom:88px}.release{display:inline-flex;align-items:center;gap:8px;font:8px/1.7 monospace;letter-spacing:.06em;color:#b3a5ff;background:#19152a;border:1px solid #3a2c5c;padding:6px 10px;border-radius:5px;margin:0 0 25px}.release span,.dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#a28aff;flex:none}.release b{margin-left:10px;font-size:12px;font-weight:400}h1{font-size:clamp(43px,5.1vw,66px);line-height:1.06;letter-spacing:-3.5px;font-weight:650;margin:0 0 25px}h1>span{color:#b4a5ff}.lead{font-size:15px;color:var(--muted);line-height:1.9;max-width:450px;margin:0}.actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap;margin-top:28px}.hero-note{color:#7c788d;font-size:10px;display:flex;gap:8px;align-items:center;margin:18px 0 0}.hero-facts{display:flex;gap:36px;margin-top:36px;padding-top:25px;border-top:1px solid #24212d;max-width:410px}.hero-facts div{display:flex;flex-direction:column;gap:2px}.hero-facts strong{font-size:20px;letter-spacing:-.7px;font-weight:500}.hero-facts span{font-size:10px;color:#817e91}.hero-visual{position:relative;min-width:0;padding-block:37px 34px}.code-window{position:relative;z-index:2;border:1px solid #393040;border-radius:12px;background:#121018;box-shadow:0 20px 90px #05050a70;transform:rotate(1deg)}.window-head{height:45px;background:#1a1621;border-bottom:1px solid #302739;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font:9px monospace;color:#82768f;gap:10px}.window-dots{display:flex;gap:5px}.window-dots i{height:6px;width:6px;border-radius:50%;background:#61506b}.window-dots i:first-child{background:#b16a79}.window-dots i:nth-child(2){background:#ae9862}.file-type{font-size:8px;letter-spacing:.08em}.code-body{padding:25px 24px 18px}.code-comment{font:10px monospace;color:#74667e;margin:0 0 15px}.code-body pre{font:11px/2 monospace;margin:0;color:#b4a9c1;white-space:pre;overflow-x:auto}.code-key{color:#bba9ee}.code-string{color:#a4c9b5}.code-bool{color:#e2a5b7}.code-separator{height:1px;background:#292131;margin:19px 0 16px}.code-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px monospace;color:#867991}.code-bottom>span{display:flex;align-items:center;gap:6px}.code-bottom .dot{width:5px;height:5px;background:#8bb79c}.code-download{background:none;color:#baa8eb;border:0;font:9px monospace;padding:4px;display:flex;gap:6px}.visual-label{position:absolute;z-index:3;background:#1a1524;border:1px solid #3f3154;color:#bcb0ce;border-radius:6px;font:8px/1.6 monospace;letter-spacing:.04em}.label-one{top:13px;right:13px;padding:8px 11px;display:flex;align-items:center;gap:8px}.label-two{bottom:6px;left:22px;display:flex;align-items:center;gap:14px;padding:9px 15px}.orbit{position:absolute;inset:-5% -8%;border:1px solid #2d223e;border-radius:50%;transform:rotate(-25deg);opacity:.65}.orbit-two{inset:6% -14%;transform:rotate(25deg);opacity:.35}.hero-visual:before{content:'';position:absolute;inset:-30%;background:radial-gradient(ellipse at center,#6b36a41c,transparent 65%);pointer-events:none}.format-strip{background:#101016;border-block:1px solid #202029}.format-strip>.container{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:30px}.format-strip>.container>span{font:8px monospace;letter-spacing:.12em;color:#686477}.format-strip .container div{display:flex;gap:25px;align-items:center}.format-strip b{font-size:13px;color:#8f8a9d;font-weight:500}.format-strip i{height:3px;width:3px;border-radius:50%;background:#3b3449}.section{padding-block:88px}.eyebrow{font:9px monospace;letter-spacing:.13em;color:#a090e2;margin:0 0 16px}h2{font-size:38px;font-weight:550;letter-spacing:-1.7px;line-height:1.18;margin:0 0 19px}h2 span{color:#8b859c}.section-intro>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:470px;margin:0}.features{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px;margin-top:36px}.feature{border:1px solid var(--line);border-radius:10px;padding:27px;background:#121218;min-width:0}.feature.large{background:linear-gradient(140deg,#191523,#121218)}.feature-icon{width:34px;height:34px;display:grid;place-items:center;color:#b5a6ef;background:#2a203d;border:1px solid #3e2d57;border-radius:8px;font-size:23px}.feature-icon.blue{background:#172631;color:#83b3c8;border-color:#293c48}.feature-icon.green{background:#1b2b25;color:#94bfa4;border-color:#2e4438}.feature h3{font-size:17px;line-height:1.4;letter-spacing:-.4px;margin:22px 0 12px;font-weight:550}.feature p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.feature .plain-link{margin-top:25px;font-size:11px}.mini-timeline{margin-top:25px;padding:12px;border:1px solid #33293e;background:#17121f;border-radius:6px}.timeline-frames{display:flex;gap:4px}.timeline-frames i{display:block;height:31px;border-radius:3px;flex:1;background:#30233e}.timeline-frames i:nth-child(2n){background:#493053}.timeline-frames i:nth-child(3n){background:#543a65}.timeline-track{height:4px;background:#34283f;border-radius:4px;margin-block:9px}.timeline-track span{height:4px;width:63%;display:block;background:#9982cd;border-radius:4px}.timeline-labels{display:flex;justify-content:space-between;font:6px monospace;letter-spacing:.08em;color:#89799b}.workspace-section{border-block:1px solid #202029;background:#0f0f15}.section-intro.inline{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.section-intro.inline>p{margin-bottom:20px;font-size:12px;line-height:1.9}.workspace{border:1px solid #33303e;border-radius:12px;background:#14131c;margin-top:35px;overflow:hidden}.workspace-top{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid #2c2838;font-size:11px}.workspace-top>div{display:flex;gap:9px;align-items:center;color:#d3cbe6}.local-badge{font:7px monospace;color:#a49bb5;letter-spacing:.08em;border:1px solid #383144;background:#201b2b;border-radius:4px;padding:4px 7px}.workspace-grid{display:grid;grid-template-columns:1.6fr 1fr}.dropzone{display:flex;justify-content:center;align-items:center;min-height:320px;text-align:center;padding:30px;background:radial-gradient(ellipse at 50% 45%,#35223d35,transparent 75%);border-right:1px solid #2c2838;transition:background .2s}.dropzone.drag-over{background:#382d4d}.upload-symbol{height:49px;width:49px;margin:0 auto 18px;display:grid;place-items:center;border-radius:12px;background:#221c30;border:1px solid #423254;color:#b7a1f5;font-size:27px}.dropzone h3{font-weight:500;letter-spacing:-.3px;font-size:18px;margin:0 0 9px}.dropzone p{color:#8d849d;font-size:11px;margin:0 0 22px}.dropzone .file-hint{font:8px monospace;margin:16px 0 0;color:#71667f}.dropzone video{width:100%;max-height:330px;border-radius:7px;background:#09090d}.dropzone [hidden]{display:none}.file-info{padding:24px;min-width:0}.info-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.info-head h3{font-size:12px;font-weight:500;margin:0}.info-head button{border:0;background:none;color:#aca0c3;font-size:10px;padding:5px}.file-info>p:first-of-type{font:10px monospace;color:#8e829e;overflow-wrap:anywhere;margin:15px 0 20px}.file-info dl{margin:0}.file-info dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #282332;padding:10px 0;font-size:10px}.file-info dt{color:#8a7f99}.file-info dd{color:#e1d8ee;margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}.file-status{font-size:10px;color:#b2a3c4;margin-top:18px;min-height:18px}.file-status.error{color:#f2a9ae}.local-note{font-size:9px;color:#72697f;line-height:1.8;margin-top:10px}.workspace-foot{border-top:1px solid #2c2838;padding:15px 22px;display:flex;align-items:center;gap:25px}.workspace-foot span{font:7px monospace;color:#9c8eb3;letter-spacing:.08em;white-space:nowrap}.workspace-foot p{margin:0;font-size:9px;color:#81758f;line-height:1.8}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.guide{border:1px solid var(--line);padding:27px;border-radius:10px;background:#121218}.guide-type{font:8px monospace;letter-spacing:.1em;color:#8d7cbd}.guide h3{font-size:22px;font-weight:500;line-height:1.35;letter-spacing:-.7px;margin:22px 0 16px}.guide p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.guide summary{padding-top:23px;font-size:11px;color:#c2b6d7}.guide details>div{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.guide details>div p+p{margin-top:13px}summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;list-style:none}summary::-webkit-details-marker{display:none}summary span{font:20px monospace;color:#9b8dac}details[open]>summary span{transform:rotate(45deg)}.faq-section{display:grid;grid-template-columns:1fr 1.35fr;gap:90px;border-top:1px solid #202029}.faq-list{border-top:1px solid var(--line)}.faq-list details{padding:21px 0;border-bottom:1px solid var(--line)}.faq-list summary{font-size:12px;line-height:1.6}.faq-list p{color:var(--muted);font-size:12px;line-height:1.9;margin:18px 22px 0 0}.closing{position:relative;text-align:center;padding-top:60px;padding-bottom:65px;border:1px solid #352940;border-radius:14px;background:#15101f;overflow:hidden}.closing .eyebrow{position:relative}.closing h2{position:relative;font-size:42px;margin-bottom:18px}.closing>p:not(.eyebrow){position:relative;color:#a195b1;font-size:12px;margin-bottom:24px}.closing .button{position:relative}.closing-glow{position:absolute;inset:0;background:radial-gradient(ellipse at top,#6d358530,transparent 65%);pointer-events:none}.footer{padding-block:48px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#787184}.footer .brand{font-size:20px;color:#e2deeb}.footer p{font-size:10px;margin:7px 0 0}.footer nav{display:flex;gap:25px;font-size:11px}.footer>span{font-size:10px;white-space:nowrap}.skip{position:fixed;top:-100px;left:15px;background:#7d68e7;color:#fff;z-index:40;padding:10px;border-radius:5px}.skip:focus{top:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#262033;border:1px solid #54416f;border-radius:8px;padding:12px 20px;color:#e2d7f3;font-size:12px;z-index:30;max-width:calc(100% - 32px);text-align:center}.toast[hidden]{display:none}::selection{background:#584583;color:#fff}@media(hover:hover) and (pointer:fine){.button.primary:hover{background:#927af7}.button.secondary:hover{border-color:#695380}.code-download:hover{color:#fff}}@media(max-width:1000px){.container{padding-inline:28px}.nav{gap:20px}.nav nav{gap:19px}.nav-cta{display:none}.hero{gap:32px;padding-block:65px}h1{font-size:54px}.hero-facts{gap:28px}.code-body{padding:21px 17px}.code-body pre{font-size:9px}.features{grid-template-columns:1fr 1fr}.feature.large{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.feature.large>.feature-icon{grid-column:1}.feature.large>h3,.feature.large>p{grid-column:1}.feature.large .mini-timeline{grid-column:2;grid-row:1/4;align-self:center;margin:0}.feature.large h3{margin-top:18px}.format-strip .container div{gap:18px}.section{padding-block:68px}.guide{padding:23px}.guide h3{font-size:20px}.faq-section{gap:50px}.closing{margin-inline:28px}.footer{flex-wrap:wrap}.workspace-grid{grid-template-columns:1.3fr 1fr}}@media(max-width:700px){html{scroll-padding-top:80px}.container{padding-inline:22px}.nav{height:73px;position:relative}.brand{font-size:21px}.menu-toggle{display:flex;align-items:center;gap:12px;border:0;background:none;color:#bcb3ce;font-size:12px;padding:8px 0}.menu-toggle span{font-size:21px}.nav nav{display:none;position:absolute;left:0;right:0;top:72px;background:#111018;border-bottom:1px solid #32273f;padding:24px 22px;flex-direction:column;gap:21px;z-index:25}.nav nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:47px;gap:44px}.release{font-size:7px;padding:6px 8px;gap:6px;margin-bottom:24px}h1{font-size:clamp(43px,11.6vw,66px);letter-spacing:-2.4px}.lead{font-size:14px;line-height:1.85}.actions{gap:20px;margin-top:25px}.button{font-size:11px;padding:12px 16px;gap:16px}.plain-link{font-size:11px}.hero-note{font-size:9px}.hero-facts{gap:32px;margin-top:28px;padding-top:21px}.hero-facts strong{font-size:20px}.hero-facts span{font-size:9px}.hero-visual{margin-inline:7px;padding-block:30px}.code-window{transform:none}.code-body{padding:22px 18px}.code-body pre{font-size:9px}.window-head{padding-inline:13px;font-size:8px}.label-one{top:3px;right:2px;font-size:7px;padding:6px 9px}.label-two{bottom:2px;left:7px;font-size:7px;padding:6px 11px}.label-two svg{width:55px}.orbit{inset:0 -5%}.orbit-two{inset:7% -7%}.format-strip>.container{flex-direction:column;align-items:flex-start;padding-block:20px;gap:15px}.format-strip>.container>span{font-size:7px}.format-strip .container div{gap:16px;flex-wrap:wrap}.format-strip b{font-size:11px}.section{padding-block:57px}.eyebrow{font-size:8px}h2{font-size:32px;letter-spacing:-1.2px}.section-intro>p:not(.eyebrow){font-size:12px}.features{grid-template-columns:1fr;gap:15px;margin-top:27px}.feature{padding:24px}.feature.large{display:block;grid-column:auto}.feature.large .mini-timeline{margin-top:24px}.feature h3{font-size:18px;margin-top:19px}.feature p{font-size:12px}.feature .plain-link{margin-top:19px}.section-intro.inline{flex-direction:column;align-items:flex-start;gap:3px}.section-intro.inline>p{margin-bottom:0;font-size:12px}.workspace{margin-top:27px}.workspace-top{padding:14px 16px;font-size:11px}.local-badge{font-size:6px;padding:4px 5px}.workspace-grid{grid-template-columns:1fr}.dropzone{min-height:280px;padding:28px 18px;border-right:0;border-bottom:1px solid #2c2838}.dropzone h3{font-size:17px}.dropzone p{font-size:10px}.file-info{padding:23px}.file-info dl>div{font-size:11px}.file-info>p:first-of-type{font-size:11px}.workspace-foot{padding:16px 20px;align-items:flex-start;flex-direction:column;gap:8px}.workspace-foot p{font-size:10px}.guide-grid{grid-template-columns:1fr;gap:16px;margin-top:28px}.guide{padding:25px}.guide h3{font-size:25px}.guide p{font-size:13px}.faq-section{grid-template-columns:1fr;gap:15px}.faq-list summary{font-size:13px}.faq-list p{font-size:12px}.closing{margin-inline:20px;padding:40px 20px}.closing h2{font-size:32px;letter-spacing:-1px}.footer{padding-block:33px;flex-direction:column;align-items:flex-start;gap:24px}.footer nav{font-size:11px;gap:28px}.footer>span{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Keep the decorative orbital background inside the hero canvas. */
.hero{overflow:clip}