:root{--band: #2d45d6;--night: #0b1b33;--paper: #ffffff;--mist: #eef2fb;--ink: #0b1b33;--ink-2: #4e5a72;--line: #dde3f3;--card: #f4f6fd;--accent: #2d45d6;--accent-soft: #e6eafd;--tok-bg: #e4e9fd;--tok-fg: #2236b5;--ok: #1f8a5b;--ok-text: #18734c;--ok-soft: #dff2e7;--warn: #a86400;--warn-soft: #fcefd9;--bad: #c23a2e;--bad-text: #a83228;--bad-soft: #fbe5e3;--shadow: 0 1px 2px rgba(11, 27, 51, .05), 0 18px 40px rgba(11, 27, 51, .1);--f-display: "Sora", "Segoe UI", system-ui, sans-serif;--f-body: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--margin: clamp(20px, 4vw, 56px);--ease: cubic-bezier(.2, .8, .2, 1);--r: 28px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--band) var(--texture, none) repeat 0 0 / 2200px auto;color:var(--ink);font:400 1rem/1.6 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--band)}img,svg{max-width:100%}a{color:var(--accent);text-underline-offset:3px}button{font:inherit;color:inherit}:focus-visible{outline:3px solid #8fa2ff;outline-offset:3px;border-radius:8px}h1,h2,h3{font-family:var(--f-display);line-height:1.02;letter-spacing:-.04em;margin:0;text-wrap:balance;font-weight:700}h3{font-size:1.2rem;font-weight:600;letter-spacing:-.015em;line-height:1.2}p{margin:0}code{font-family:var(--f-mono);font-size:.88em;background:var(--tok-bg);color:var(--tok-fg);padding:.05em .4em;border-radius:6px;overflow-wrap:anywhere}.tok{font:600 .86em/1.4 var(--f-mono);background:var(--tok-bg);color:var(--tok-fg);border-radius:8px;padding:.14em .5em;white-space:nowrap}.wrap{max-width:1240px;margin:0 auto;padding-left:max(var(--margin),env(safe-area-inset-left,0px));padding-right:max(var(--margin),env(safe-area-inset-right,0px))}.lead{font-size:clamp(1.05rem,.98rem + .4vw,1.22rem);line-height:1.6;max-width:60ch}.eyebrow{font:500 .9rem/1 var(--f-mono);letter-spacing:.01em}.soft{color:#9fb0ff}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 1rem/1 var(--f-body);padding:17px 24px;border-radius:999px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .25s var(--ease),background .2s ease,box-shadow .25s var(--ease)}.btn:hover{transform:translateY(-2px)}.btn-white{background:#fff;color:#1f33b0;box-shadow:0 10px 30px #05101f40}.btn-ghost{border-color:#ffffff73;color:#fff}.btn-ghost:hover{background:#ffffff1a}.nav{position:fixed;z-index:50;left:50%;top:max(14px,env(safe-area-inset-top,0px));transform:translate(-50%);width:min(1180px,calc(100% - 2 * var(--margin)));display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 8px 8px 14px;border-radius:var(--r);background:#fffffff5;color:#0b1b33;border:1px solid rgba(11,27,51,.06);box-shadow:0 12px 40px #05101f2e;backdrop-filter:saturate(1.6) blur(12px);-webkit-backdrop-filter:saturate(1.6) blur(12px);animation:navdrop .9s var(--ease) both}.nav a{color:inherit;text-decoration:none}.nav .brand{display:flex;align-items:center;gap:9px;font:700 1.05rem/1 var(--f-display);letter-spacing:-.02em;color:#2d45d6}.nav .badge{font:600 .7rem/1 var(--f-mono);color:var(--tok-fg);background:var(--tok-bg);padding:5px 7px;border-radius:8px;letter-spacing:.02em}.nav-eight{width:40px;height:40px;flex:none}.nav-eight svg,.step-eight svg,.col-eight svg,.foot-eight svg,.hero-anchor svg,.cursor8 svg{width:100%;height:100%;display:block;overflow:visible}.nav .links{display:flex;gap:2px;list-style:none;margin:0 auto;padding:0}.nav .links a{display:block;padding:9px 14px;border-radius:999px;font-size:.92rem;color:#4e5a72;transition:background .2s ease,color .2s ease}.nav .links a:hover{color:#0b1b33;background:#eef2fb}.nav .tools{display:flex;align-items:center;gap:8px}.nav .pill{padding:12px 18px;border-radius:999px;background:#2d45d6;color:#fff;font-weight:600;font-size:.9rem;transition:transform .2s var(--ease)}.nav .pill:hover{transform:translateY(-1px)}@keyframes navdrop{0%{transform:translate(-50%,-160%)}to{transform:translate(-50%)}}.menu-btn{display:none;width:44px;height:44px;border:0;border-radius:999px;background:#eef2fb;cursor:pointer;place-content:center;gap:6px}.menu-btn span{display:block;width:18px;height:2px;border-radius:2px;background:#0b1b33;transition:transform .25s var(--ease)}.menu-btn[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-btn[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.nav-menu{display:none}@media (max-width: 960px){.nav .links{display:none}.nav{flex-wrap:wrap}.nav .tools{margin-left:auto}.nav .pill{padding:11px 16px;font-size:.86rem}.menu-btn{display:grid}.nav-menu.open{display:grid;width:100%;gap:2px;padding:8px 4px 6px;border-top:1px solid rgba(11,27,51,.08);margin-top:8px}.nav-menu a{padding:13px 12px;border-radius:14px;font-weight:500}.nav-menu-cta{margin-top:6px;text-align:center;background:var(--band);color:#fff!important}}@media (max-width: 380px){.nav .pill{display:none}}.hero{position:relative;min-height:calc(100vh + 64px);min-height:calc(100svh + 64px);padding-bottom:64px;display:grid;align-items:center;overflow:hidden;background:var(--band);color:#fff}.field{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 42% 48% at 50% 60%,var(--band) 46%,transparent 80%)}.hero-stage{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;padding-top:clamp(92px,15vh,136px);padding-bottom:clamp(32px,8vh,72px)}.hero-anchor{width:clamp(110px,min(24vw,30vh),340px);aspect-ratio:46 / 32;margin:clamp(18px,2.4vw,30px) 0 clamp(14px,2vw,26px)}.hero h1{font-size:clamp(2rem,min(1rem + 5vw,10.5vh),5.6rem);letter-spacing:-.05em;line-height:1;margin-top:6px;display:grid;justify-items:center}.hero h1 .line{display:block;white-space:nowrap}@media (max-width: 700px){.hero h1 .line{white-space:normal}}.rotator{position:relative;display:inline-grid;vertical-align:bottom;text-align:left;transition:width .6s var(--ease)}.rot-item{position:relative;grid-area:1 / 1;justify-self:start;white-space:nowrap;color:inherit;pointer-events:none}.rot-item .ch{display:inline-block;padding:.14em .14em .24em;margin:-.14em -.14em -.24em;opacity:0;transform:translateY(.14em) scale(.96);filter:blur(8px);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.9,.25,1),filter .5s ease;transition-delay:calc(var(--j) * 22ms)}.rot-item.on .ch{opacity:1;transform:none;filter:none}.rot-item.out .ch{opacity:0;transform:translateY(-.14em) scale(.98);filter:blur(8px);transition-duration:.35s,.45s,.35s;transition-delay:calc(var(--j) * 12ms)}.rot-ico{margin-left:-.14em;margin-right:-.14em;vertical-align:-.06em}.rot-ico i{display:block;width:.78em;height:.78em;background:currentColor;-webkit-mask:var(--ico) center / contain no-repeat;mask:var(--ico) center / contain no-repeat}@media (prefers-reduced-motion: reduce){.rotator,.rot-item .ch{transition:none}}.works{margin-top:26px;display:grid;justify-items:center;gap:12px}.works-h{font:500 .82rem/1 var(--f-mono);color:#c4cdff;letter-spacing:.01em}.works-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;max-width:720px}.works-list li{display:inline-flex;align-items:center;gap:7px;font-weight:500;font-size:.95rem;color:#fff}.works-list i{width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--ico) center / contain no-repeat;mask:var(--ico) center / contain no-repeat}.works-list .works-more{color:#c4cdff;font-weight:400}.hero h1 .soft{color:#c4cdff}.hero-sub{margin-top:24px;font-size:clamp(1.05rem,.98rem + .35vw,1.22rem);line-height:1.6;color:#dbe1ff;max-width:62ch;text-wrap:balance}@media (max-width: 700px){.hero-anchor{width:clamp(96px,min(62vw,30vh),260px)}.hero h1{font-size:clamp(1.7rem,8.2vw,2.6rem)}}.hero-sub .tok{background:#fff;color:#1f33b0}.hero-cmd{margin-top:30px;width:min(680px,100%);display:grid;gap:12px}.hero-note{font-size:.92rem;color:#c4cdff}.hero-note a{color:#fff}.hero-note code{background:#ffffff24;color:#fff}@media (max-width: 700px){.hero:after{background:radial-gradient(ellipse 120% 62% at 50% 58%,var(--band) 58%,rgba(45,69,214,0) 100%)}}.cmd{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 8px 8px 16px;border-radius:18px;background:var(--card);border:1px solid var(--line);text-align:left}.cmd code{flex:1;min-width:0;background:none;padding:0;color:var(--ink);font:500 .9rem/1.5 var(--f-mono);white-space:pre-wrap;overflow-wrap:anywhere}.cmd-prompt{color:var(--accent);margin-right:.7em;-webkit-user-select:none;user-select:none}.copy{flex:none;border:0;cursor:pointer;padding:10px 14px;border-radius:999px;background:var(--band);color:#fff;font:600 .85rem/1 var(--f-body);min-width:86px;transition:background .2s ease,transform .2s var(--ease)}.copy:hover{transform:translateY(-1px)}.copy-ok{background:var(--ok)}.copy-err{background:var(--warn)}.cmd-hero{background:#05101f52;border-color:#ffffff38;padding:10px 10px 10px 18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cmd-hero code{color:#fff;font-size:.98rem}.cmd-hero .cmd-prompt{color:#9fb0ff}.cmd-hero .copy{background:#fff;color:#1f33b0}.cmd-hero .copy-ok{background:#dff2e7;color:var(--ok-text)}.block{position:relative;overflow:hidden;padding-block:clamp(80px,10vw,136px)}.block>.wrap{position:relative;z-index:1}.block-paper{background:var(--paper);color:var(--ink)}.block-mist{background:var(--mist);color:var(--ink)}.block-cobalt{background:transparent;color:#fff}.block-cobalt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 72% 70% at 50% 42%,var(--band) 58%,rgba(45,69,214,0) 96%)}.block .eyebrow{color:var(--accent)}.block-cobalt .eyebrow{color:#c4cdff}.block-paper .soft,.block-mist .soft{color:var(--accent)}.block-cobalt .soft{color:#c4cdff}.block h2{font-size:clamp(2.1rem,1rem + 3.6vw,4.2rem);letter-spacing:-.05em;line-height:1}.block-head{display:grid;gap:16px;margin:0 auto clamp(40px,6vw,64px);max-width:900px;justify-items:center;text-align:center}.block .lead{color:var(--ink-2);text-wrap:balance}.block-cobalt .lead{color:#dbe1ff}.blend{position:relative;margin:-1px 0;overflow:hidden}.blend svg{display:block}.blend-pixels svg{display:block;overflow:visible}.steps{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1040px}.step{background:var(--card);border-radius:var(--r);padding:clamp(22px,2.4vw,30px);display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;min-width:0}.step-top{display:flex;align-items:center;justify-content:space-between}.step-n{font:700 3rem/1 var(--f-display);letter-spacing:-.05em;color:var(--band)}.step-eight{width:54px;aspect-ratio:46 / 32}.step h3{font-size:1.6rem;letter-spacing:-.03em}.step-text{color:var(--ink-2)}.step .cmd{background:#fff;flex-direction:column;align-items:stretch;padding:14px;gap:12px}.step .copy{align-self:flex-start}@media (max-width: 960px){.steps{grid-template-columns:minmax(0,1fr);max-width:640px}}.steps{grid-template-columns:minmax(0,1fr);max-width:980px}.step-row{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:clamp(18px,3vw,36px);align-items:start}.step-row .step-top{grid-row:1 / 3;flex-direction:column;align-items:flex-start;gap:12px}.step-row .step-body{display:grid;gap:8px}.step-row .cmd{grid-column:2}@media (max-width: 640px){.step-row{grid-template-columns:minmax(0,1fr)}.step-row .step-top{grid-row:auto;flex-direction:row;align-items:center}.step-row .cmd{grid-column:1}}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.tab{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font:600 .92rem/1 var(--f-body);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.tab:hover{border-color:#b9c3ec}.tab.on{background:var(--band);border-color:var(--band);color:#fff}.tab i{width:17px;height:17px;flex:none;background:currentColor;-webkit-mask:var(--ico) center / contain no-repeat;mask:var(--ico) center / contain no-repeat}.tab-gen{font:600 .66rem/1 var(--f-mono);padding:3px 4px;border-radius:5px;background:var(--tok-bg);color:var(--tok-fg)}.tab.on .tab-gen{background:#fff3;color:#fff}.tab-panel{display:grid;gap:12px;margin-top:4px}.tab-panel .cmd code{white-space:pre-wrap}.auto{color:var(--ok-text)}.doc{font-size:.9rem;justify-self:start}.local{margin:18px auto 0;max-width:640px;text-align:center;color:var(--warn);font-size:.9rem}.see{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1080px}.see li{background:#ffffff1a;border:1px solid rgba(255,255,255,.22);border-radius:var(--r);padding:26px;display:grid;gap:8px;align-content:start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.see-eight{width:54px;aspect-ratio:46 / 32;background:#fff;border-radius:14px;padding:6px;box-sizing:content-box;margin-bottom:8px}.see b{font:600 1.2rem/1.25 var(--f-display);letter-spacing:-.015em}.see p{color:#dbe1ff}.see .tok{background:#fff;color:#1f33b0}.caveat{max-width:720px;margin:30px auto 0;text-align:center;color:#dbe1ff;font-size:.95rem;text-wrap:balance}@media (max-width: 900px){.see{grid-template-columns:minmax(0,1fr);max-width:560px}}.see-eight svg{width:100%;height:100%;display:block;overflow:visible}.block-small{padding-block:clamp(56px,7vw,96px)}.small-h{font-size:clamp(1.6rem,1rem + 1.6vw,2.2rem)!important;letter-spacing:-.04em;margin-bottom:22px}.mini{margin:0;padding:0 0 22px 1.1em;display:grid;gap:8px;color:var(--ink-2)}.mini b{color:var(--ink);font-weight:600}.faq-grid{display:grid;justify-items:center}.faq{display:grid;gap:10px;width:min(760px,100%)}.faq details{background:var(--mist);border-radius:24px;padding:0 24px;transition:box-shadow .3s ease}.faq details[open]{box-shadow:var(--shadow);background:#fff;outline:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:22px 34px 22px 0;position:relative;font:600 1.06rem/1.35 var(--f-display);letter-spacing:-.015em}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";position:absolute;right:4px;top:50%;width:11px;height:11px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:translateY(-70%) rotate(45deg);transition:transform .35s var(--ease)}.faq details[open] summary:after{transform:translateY(-30%) rotate(225deg)}.faq details p{padding:0 0 22px;color:var(--ink-2)}.foot{position:relative;background:var(--paper);color:var(--ink);border-top:0;padding:clamp(72px,9vw,110px) 0 0;overflow:hidden}.foot-mid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}@media (max-width: 900px){.foot-mid{grid-template-columns:1fr}}.foot-brand{display:grid;gap:22px}.foot-brand p{color:var(--ink-2);max-width:46ch}.foot-logo{display:inline-flex;align-items:center;gap:12px;color:var(--band);text-decoration:none;font:700 1.6rem/1 var(--f-display);letter-spacing:-.03em}.foot-eight{width:56px;height:56px}.foot-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.foot-cols div{display:grid;gap:12px;align-content:start}.foot-cols b{font:600 .74rem/1 var(--f-mono);letter-spacing:.01em;color:var(--ink-2);margin-bottom:6px}.foot-cols a{color:var(--ink);text-decoration:none;opacity:.78;transition:opacity .2s ease,transform .25s var(--ease);justify-self:start}.foot-cols a:hover{opacity:1;transform:translate(3px)}.foot-word{display:flex;align-items:center;justify-content:center;gap:.14em;margin-top:clamp(48px,7vw,90px);padding-bottom:clamp(28px,4vw,56px);font:700 clamp(4.5rem,1rem + 15vw,16rem)/.9 var(--f-display);letter-spacing:-.055em;color:var(--band);-webkit-user-select:none;user-select:none}.foot-word>span{color:var(--band)}.spot-foot{width:1.05em;aspect-ratio:46 / 32;flex:none;position:relative}.foot-word-eight{position:absolute;left:50%;top:50%;width:calc(100% * 64 / 46);aspect-ratio:1;transform:translate(-50%,-50%)}.foot-word-eight svg{width:100%;height:100%;display:block;overflow:visible}.foot-by-row{display:flex;justify-content:center;margin-top:clamp(40px,6vw,72px)}.foot-by{display:block;width:104px;height:24px;background:var(--ink-2);-webkit-mask:var(--by) center / contain no-repeat;mask:var(--by) center / contain no-repeat;transition:background-color .15s ease}.foot-by:hover,.foot-by:focus-visible{background:var(--band)}@media (max-width: 720px){.foot-by-row{margin-top:40px}}.foot-by-row+.foot-word{margin-top:clamp(20px,3vw,40px)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.nav{animation:none}.btn,.copy,.foot-cols a{transition:none}}.e8{width:100%;height:100%}.close-in{display:grid;justify-items:center;text-align:center;gap:22px}.close-eight{width:clamp(90px,9vw,130px);aspect-ratio:46 / 32}.close-eight svg{width:100%;height:100%;display:block;overflow:visible}.close .hero-cmd{margin-top:8px}
