:root{--bg: #f2f6ff;--text: rgba(12, 18, 34, .92);--muted: rgba(12, 18, 34, .62);--primary: #2f6bff;--primary-2: #61a5ff;--surface: rgba(255, 255, 255, .78);--surface-2: rgba(255, 255, 255, .92);--border: rgba(12, 18, 34, .12);--shadow: rgba(12, 30, 84, .18);--shadow-soft: rgba(12, 30, 84, .12);--hero-bg: linear-gradient(180deg, rgba(255, 255, 255, .88) 0%, rgba(255, 255, 255, .62) 100%);--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--container: 1200px;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--bg: #060914;--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .62);--primary: #79a7ff;--primary-2: #93c5fd;--surface: rgba(255, 255, 255, .08);--surface-2: rgba(255, 255, 255, .12);--border: rgba(255, 255, 255, .14);--shadow: rgba(0, 0, 0, .55);--shadow-soft: rgba(0, 0, 0, .35);--hero-bg: linear-gradient(180deg, rgba(6, 9, 20, .86) 0%, rgba(6, 9, 20, .66) 100%)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;min-width:320px;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1100px 700px at 15% -15%,rgba(47,107,255,.24),transparent 55%),radial-gradient(900px 600px at 78% 10%,rgba(6,182,212,.22),transparent 60%),radial-gradient(900px 700px at 85% 110%,rgba(47,107,255,.12),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.92) 0%,var(--bg) 55%,rgba(255,255,255,1) 100%)}:root[data-theme=dark] body{background:radial-gradient(900px 520px at 18% -12%,rgba(47,107,255,.28),transparent 60%),radial-gradient(820px 560px at 85% 18%,rgba(6,182,212,.18),transparent 62%),radial-gradient(900px 620px at 78% 110%,rgba(147,197,253,.14),transparent 58%),linear-gradient(180deg,#ffffff08,#0000008c),var(--bg)}a{color:inherit;text-decoration:none}code{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em}#app{height:100%}.container{width:min(var(--container),calc(100% - 48px));margin:0 auto}.appShell{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;padding:18px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#ffffffb3,#fff0)}:root[data-theme=dark] .topbar{background:linear-gradient(180deg,#060914b8,#06091400)}.topbar__inner{display:flex;align-items:center;gap:18px}.brand{display:inline-flex;align-items:center}.brand__logo{height:42px;width:auto}.nav{flex:1;display:flex;justify-content:center;gap:clamp(14px,2.4vw,28px);padding:0 8px}.nav__link{position:relative;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:600;letter-spacing:.08em;font-size:.82rem;text-transform:uppercase;color:var(--muted);white-space:nowrap}.nav__link:hover,.nav__link.is-active{color:var(--text)}.nav__link.is-active:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-10px;width:18px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-2) 100%)}.iconButton{appearance:none;border:1px solid var(--border);width:44px;height:44px;border-radius:999px;background:var(--surface);display:grid;place-items:center;color:var(--muted);box-shadow:0 12px 26px var(--shadow-soft);cursor:pointer}.iconButton--ghost{background:transparent;box-shadow:none}.iconButton:hover{background:var(--surface-2);color:var(--text)}.iconButton:focus-visible{outline:3px solid rgba(47,107,255,.28);outline-offset:3px}.main{flex:1;padding:38px 0 72px}.hero{padding-top:clamp(60px,10vh,110px);display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(26px,4vw,64px);align-items:center}.h1{margin:0;text-transform:uppercase;font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:.92;font-size:clamp(3.2rem,6vw,5.4rem);color:var(--primary)}.lead{margin:18px 0 0;max-width:62ch;color:var(--muted);line-height:1.65;font-size:1rem}.hero__actions{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:14px;padding:12px 18px;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:600;letter-spacing:.08em;font-size:.86rem;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none}.btn--lg{padding:14px 22px;border-radius:16px}.btn--primary{background:linear-gradient(180deg,#4b8bff,#2f6bff);color:#fff;box-shadow:0 18px 40px #2f6bff47}.btn--primary:hover{transform:translateY(-1px);filter:brightness(1.02)}.btn--ghost{background:var(--surface);border-color:var(--border);color:var(--text)}.btn--ghost:hover{background:var(--surface-2)}.btn:focus-visible{outline:3px solid rgba(47,107,255,.28);outline-offset:3px}.hero__art{width:100%;border-radius:30px;aspect-ratio:16 / 11;background-image:var(--art);background-repeat:no-repeat;background-size:var(--art-size);background-position:var(--art-pos);background-color:transparent;filter:drop-shadow(0 42px 80px var(--shadow))}.hero__art--small{aspect-ratio:16 / 10;max-width:620px;justify-self:end}.carousel{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:18px;padding:6px 0}.carousel:before{content:"";position:absolute;left:0;right:0;height:220px;top:-40px;background:var(--hero-bg);filter:blur(.3px);opacity:.35;pointer-events:none;z-index:-1}.carousel{position:relative}.carousel__list{display:flex;align-items:center;gap:18px;overflow:auto hidden;padding:14px 2px;scroll-snap-type:x mandatory}.carousel__list::-webkit-scrollbar{height:10px}.carousel__list::-webkit-scrollbar-thumb{background:#0c12222e;border-radius:999px}:root[data-theme=dark] .carousel__list::-webkit-scrollbar-thumb{background:#ffffff2e}.carouselItem{flex:0 0 auto;width:150px;height:86px;padding:12px;border-radius:18px;border:1px solid transparent;background:#fff9;box-shadow:0 16px 36px var(--shadow-soft);display:flex;align-items:center;gap:12px;cursor:pointer;scroll-snap-align:center;transition:width .18s ease,background .18s ease,transform .18s ease,border-color .18s ease}:root[data-theme=dark] .carouselItem{background:#ffffff14}.carouselItem:hover{transform:translateY(-1px)}.carouselItem:focus-visible{outline:3px solid rgba(47,107,255,.28);outline-offset:3px}.carouselItem.is-active{width:270px;background:var(--surface-2);border-color:#2f6bff2e}.carouselItem__thumb{display:inline-block;width:62px;height:62px;border-radius:14px;background-image:var(--thumb);background-size:var(--thumb-size);background-position:var(--thumb-pos);background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #0000000f,0 12px 26px var(--shadow-soft)}.carouselItem__label{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:600;letter-spacing:.08em;font-size:.82rem;text-transform:uppercase;color:var(--text)}.grid{margin-top:54px;padding-top:22px;border-top:1px solid var(--border)}.grid__header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.h2{margin:0;font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.8rem;letter-spacing:-.01em}.muted{margin:0;color:var(--muted)}.grid__cards{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);overflow:hidden;box-shadow:0 18px 44px var(--shadow-soft);display:flex;flex-direction:column}.card__thumb{height:160px;background-image:var(--thumb);background-size:var(--thumb-size);background-position:var(--thumb-pos);background-repeat:no-repeat}.card__body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:10px}.card__title{margin:0;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:.95rem}.card__desc{margin:0;color:var(--muted);line-height:1.6;font-size:.95rem;flex:1}.card__actions{display:flex;gap:10px;flex-wrap:wrap}.demoHero{padding-top:clamp(60px,10vh,110px);display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(26px,4vw,64px);align-items:center}.demoBody{margin-top:26px}.badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#2f6bff1f;color:#2f6bffeb;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:.08em;font-weight:600;text-transform:uppercase;font-size:.75rem;margin:0 0 10px;width:fit-content}.callout{margin-top:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:0 18px 44px var(--shadow-soft)}.callout__title{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:.08em;font-weight:600;text-transform:uppercase;font-size:.82rem}.callout__list{margin:10px 0 0;padding-left:18px;color:var(--muted);line-height:1.6}.footer{padding:18px 0 34px}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.footer__link{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:.08em;text-transform:uppercase;font-weight:600;font-size:.78rem;color:var(--muted)}.footer__link:hover{color:var(--text)}@media(max-width:980px){.nav{justify-content:flex-start;overflow:auto hidden;scroll-snap-type:x proximity}.nav__link{scroll-snap-align:start}.hero,.demoHero{grid-template-columns:1fr}.hero__art,.hero__art--small{order:-1;max-width:780px;justify-self:center}.grid__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.container{width:min(var(--container),calc(100% - 28px))}.topbar__inner{gap:10px}.brand__logo{height:36px}.h1{font-size:clamp(2.6rem,10vw,3.4rem)}.carousel{gap:10px}.carouselItem{width:140px}.carouselItem.is-active{width:240px}.grid__cards{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.btn,.carouselItem,.iconButton{transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,filter .18s ease}}