@charset "UTF-8";:root{--bg: #070a14;--surface: #0d1220;--surface-soft: rgba(255, 255, 255, .035);--border: rgba(148, 163, 184, .15);--text: #e8eefc;--muted: #94a3b8;--blue: #5b8def;--purple: #a855f7;--green: #34d399;--red: #fb7185;--gradient: linear-gradient(135deg, var(--blue), var(--purple));--display: "Sora", system-ui, sans-serif;--body: "Manrope", system-ui, sans-serif;--mono: "JetBrains Mono", monospace;color-scheme:dark;font-family:var(--body);background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg)}button,input{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid rgba(91,141,239,.75);outline-offset:3px}.page{min-height:100vh;overflow:clip;background:radial-gradient(circle at 50% -10%,rgba(91,141,239,.12),transparent 32%),var(--bg)}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;height:68px;padding:0 max(24px,(100vw - 1160px) / 2);border-bottom:1px solid var(--border);background:#070a14b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;font:600 .94rem var(--display);text-decoration:none;letter-spacing:-.03em}.brand__mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff;background:var(--gradient);box-shadow:0 8px 24px #5b8def42}.nav__links{display:flex;align-items:center;gap:28px}.nav__links a{color:var(--muted);font-size:.86rem;text-decoration:none;transition:color .2s}.nav__links a:hover{color:var(--text)}.nav__home{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted);font-size:.85rem;text-decoration:none;padding:8px 12px;border:1px solid var(--border);border-radius:8px;transition:color .2s,border-color .2s}.nav__home:hover{color:var(--text);border-color:var(--muted)}.nav__toggle{display:none;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text);width:40px;height:40px;cursor:pointer;font-size:1.1rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 20px;border:1px solid transparent;border-radius:10px;color:#fff;background:transparent;font-weight:700;font-size:.9rem;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button--small{min-height:36px;padding:0 15px;border-color:var(--border);background:var(--surface-soft)}.button--primary{background:var(--gradient);box-shadow:0 12px 30px #5b8def38}.button--primary:hover{box-shadow:0 16px 36px #a855f74d}.button--ghost{border-color:var(--border);background:#ffffff08;color:#cbd5e1;font-weight:500}.mono{font-family:var(--mono);font-size:.78rem}.hero{position:relative;max-width:900px;margin:auto;padding:116px 24px 108px;text-align:center}.hero__glow{position:absolute;top:55px;left:12%;width:76%;height:310px;background:radial-gradient(circle at 30% 50%,rgba(91,141,239,.25),transparent 50%),radial-gradient(circle at 70% 50%,rgba(168,85,247,.22),transparent 50%);filter:blur(42px);pointer-events:none}.eyebrow,.hero h1,.hero__lead,.hero__actions,.hero__proof{position:relative;animation:enter .7s ease both}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#a5b4fc;font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 15px var(--blue)}.hero h1{margin:22px 0 0;font:700 clamp(3rem,7vw,5.2rem)/1.02 var(--display);letter-spacing:-.065em}.hero h1 span{color:transparent;background:var(--gradient);background-clip:text;-webkit-background-clip:text}.hero__lead{max-width:630px;margin:25px auto 0;color:var(--muted);font-size:1.08rem;line-height:1.75;animation-delay:.08s}.hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;animation-delay:.16s}.hero__proof{display:flex;flex-wrap:wrap;justify-content:center;gap:26px;margin-top:34px;color:#64748b;font-size:.78rem;animation-delay:.24s}@keyframes enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.section{max-width:1160px;margin:auto;padding:72px 24px}.section--demo{padding-top:40px}.section__intro{max-width:650px;margin:0 auto 38px;text-align:center}.kicker{color:#a5b4fc;font-size:.7rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.section__intro h2{margin:12px 0 0;font:700 clamp(2rem,4vw,2.8rem)/1.16 var(--display);letter-spacing:-.045em}.section__intro p{margin:14px 0 0;color:var(--muted);line-height:1.65}.window{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 32px 90px #0000007a,0 0 0 1px #ffffff05 inset}.window__bar{display:flex;align-items:center;height:48px;padding:0 16px;border-bottom:1px solid var(--border);background:#ffffff05}.traffic{display:flex;gap:7px}.traffic i{width:10px;height:10px;border-radius:50%;background:#fb7185}.traffic i:nth-child(2){background:#fbbf24}.traffic i:nth-child(3){background:#34d399}.window__title{margin:auto;color:#64748b;font:.72rem var(--mono)}.live{display:flex;align-items:center;gap:7px;color:#86efac;font-size:.7rem}.live i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.demo-layout{display:grid;grid-template-columns:225px 1fr;min-height:540px}.demo-sidebar{padding:22px 14px;border-right:1px solid var(--border);background:#090e1b}.demo-sidebar__label{margin:0 10px 12px;color:#526076;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.demo-sidebar button{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:11px;border:1px solid transparent;border-radius:10px;color:var(--muted);background:transparent;text-align:left;cursor:pointer}.demo-sidebar button+button{margin-top:5px}.demo-sidebar button.active{color:var(--text);border-color:#5b8def3b;background:#5b8def17}.demo-sidebar button strong,.demo-sidebar button small{display:block}.demo-sidebar button strong{font-size:.78rem}.demo-sidebar button small{margin-top:2px;color:#64748b;font-size:.65rem}.demo-sidebar button em{margin-left:auto;color:#c4b5fd;font-size:.58rem;font-style:normal;font-weight:800}.sidebar-icon{display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:8px;color:#93c5fd;background:#5b8def21}.sidebar-icon--pro{color:#d8b4fe;background:#a855f721}.demo-sidebar__tip{margin:180px 8px 0;padding:12px;border:1px solid var(--border);border-radius:10px;color:#64748b;font-size:.67rem;line-height:1.55}.demo-sidebar__tip strong{display:block;margin-bottom:3px;color:#94a3b8}.demo-content{padding:36px 42px}.form-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:28px}.form-heading>div{display:flex;align-items:center;gap:10px}.form-heading h3{margin:0;font:600 1.25rem var(--display);letter-spacing:-.025em}.form-heading>span{color:#64748b;font-size:.7rem}.pill{display:inline-flex;padding:3px 7px;border:1px solid rgba(91,141,239,.3);border-radius:5px;color:#93c5fd;background:#5b8def1a;font-size:.58rem;font-weight:800;letter-spacing:.08em}.pill--pro{color:#d8b4fe;border-color:#a855f74d;background:#a855f71f}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}.field{min-width:0}.field--wide{grid-column:1/-1}.field label{display:flex;justify-content:space-between;margin-bottom:7px;color:#cbd5e1;font-size:.72rem;font-weight:700}.field label span{color:#526076;font-weight:500}.field input{width:100%;height:42px;padding:0 12px;border:1px solid #253047;border-radius:8px;color:var(--text);background:#080d18;font-size:.78rem;transition:border-color .2s,box-shadow .2s}.field input::placeholder{color:#475569}.field input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #5b8def1f}.field input[aria-invalid=true]{border-color:#fb7185b3}.input-wrap{position:relative}.input-wrap input{padding-right:34px}.input-wrap>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#64748b;font-size:.78rem}.error{display:block;margin-top:6px;color:#fda4af;font-size:.66rem}.form-actions{display:flex;align-items:center;gap:14px;margin-top:30px}.form-actions .button{min-height:39px;padding:0 16px;font-size:.76rem}.text-button{border:0;color:#64748b;background:none;cursor:pointer;font-size:.72rem}.form-result{margin-left:auto;color:#fda4af;font-size:.7rem}.form-result.success{color:#86efac}.check{display:flex;align-items:center;gap:9px;color:#94a3b8;font-size:.75rem;cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--purple)}.catalog-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:22px}.catalog-search{position:relative;display:flex;align-items:center;flex:1}.catalog-search>span{position:absolute;left:12px;color:#64748b;font-size:.8rem}.catalog-search input{width:100%;height:40px;padding:0 12px 0 32px;border:1px solid #253047;border-radius:9px;color:var(--text);background:#080d18;font-size:.78rem}.catalog-search input::placeholder{color:#475569}.catalog-search input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #5b8def1f}.catalog-group+.catalog-group{margin-top:26px}.catalog-group h4{display:flex;align-items:center;gap:8px;margin:0 0 13px;color:#cbd5e1;font:700 .72rem var(--display);letter-spacing:.1em;text-transform:uppercase}.catalog-group h4 span{padding:1px 6px;border:1px solid var(--border);border-radius:20px;color:#64748b;font-size:.6rem;letter-spacing:0}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:14px}.catalog-card{display:flex;flex-direction:column;padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.catalog-card--pro{border-color:#a855f73d;background:linear-gradient(145deg,#a855f712,#ffffff05)}.catalog-card__head{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.catalog-card__head code{flex:1;min-width:0;color:#93c5fd;font:.7rem/1.4 var(--mono);word-break:break-word}.catalog-card--pro .catalog-card__head code{color:#d8b4fe}.tag{padding:2px 5px;border-radius:4px;font-size:.53rem;font-style:normal;font-weight:800;letter-spacing:.08em}.tag--pro{color:#d8b4fe;background:#a855f724}.tag--auto{color:#86efac;background:#34d39921}.catalog-card p{margin:8px 0 11px;color:var(--muted);font-size:.71rem;line-height:1.5}.catalog-card input[type=text],.catalog-card input[type=date],.catalog-card input[type=password],.catalog-card input[type=search]{width:100%;height:38px;padding:0 11px;border:1px solid #253047;border-radius:8px;color:var(--text);background:#080d18;font-size:.76rem;transition:border-color .2s,box-shadow .2s}.catalog-card input::placeholder{color:#475569}.catalog-card input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #5b8def1f}.catalog-card input[aria-invalid=true]{border-color:#fb7185b3}.catalog-card .error,.catalog-card .valid{margin-top:7px}.valid{display:block;color:#86efac;font-size:.66rem}.catalog-empty{color:var(--muted);font-size:.8rem;text-align:center;padding:40px 0}.cross-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.cross-fields{display:grid;gap:10px}.cross-field{display:grid;gap:5px}.cross-field>span{color:#cbd5e1;font-size:.68rem;font-weight:700}.index{margin-top:34px;padding:26px;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft)}.index__head{margin-bottom:20px}.index__head h3{margin:0;font:600 1.1rem var(--display);letter-spacing:-.025em}.index__head p{margin:7px 0 0;color:var(--muted);font-size:.78rem}.index__head a{color:#93c5fd}.index__group+.index__group{margin-top:16px}.index__group h4{margin:0 0 8px;color:#64748b;font:800 .62rem var(--display);letter-spacing:.13em;text-transform:uppercase}.index__group ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.index__group li{padding:4px 9px;border:1px solid var(--border);border-radius:20px;color:#cbd5e1;font:.68rem var(--mono)}.index__group li.chip--pro{color:#d8b4fe;border-color:#a855f747;background:#a855f714}.steps{display:grid;gap:14px}.step{display:grid;grid-template-columns:48px minmax(180px,.7fr) minmax(300px,1.3fr);gap:20px;align-items:start;padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.step__number{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#fff;background:var(--gradient);font:700 .72rem var(--display)}.step h3,.template-card h3,.feature h3{margin:0;font:600 1rem var(--display);letter-spacing:-.025em}.step p,.template-card p,.feature p{margin:7px 0 0;color:var(--muted);font-size:.78rem;line-height:1.55}pre{margin:0;overflow:auto;padding:16px 18px;border:1px solid rgba(148,163,184,.12);border-radius:10px;color:#cbd5e1;background:#030610;font:.7rem/1.65 var(--mono)}.template-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;align-items:center;margin-top:22px;padding:28px;border:1px solid rgba(168,85,247,.25);border-radius:16px;background:linear-gradient(140deg,#a855f714,#5b8def08)}.template-card h3{margin-top:14px;font-size:1.25rem}.template-card code{font-family:var(--mono);color:#c4b5fd}.section--features{padding-bottom:110px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{position:relative;display:flex;gap:14px;min-height:135px;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);transition:transform .2s,border-color .2s}.feature:hover{transform:translateY(-3px);border-color:#5b8def59}.feature>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:10px;color:#93c5fd;background:#5b8def1f}.feature>em{position:absolute;top:16px;right:16px;color:#64748b;font-size:.55rem;font-style:normal;font-weight:800;letter-spacing:.08em}.feature--pro{border-color:#a855f733;background:linear-gradient(145deg,#a855f712,#ffffff05)}.feature--pro>span,.feature--pro>em{color:#d8b4fe}.feature--pro>span{background:#a855f71f}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1112px;margin:auto;padding:34px 0 46px;border-top:1px solid var(--border)}.footer p,.footer a{color:#64748b;font-size:.75rem}.footer a{text-decoration:none}@media (max-width: 850px){.demo-layout{grid-template-columns:1fr}.demo-sidebar{display:flex;gap:8px;overflow:auto;border-right:0;border-bottom:1px solid var(--border)}.demo-sidebar__label,.demo-sidebar__tip{display:none}.demo-sidebar button{min-width:190px}.feature-grid{grid-template-columns:repeat(2,1fr)}.step{grid-template-columns:42px 1fr}.step pre{grid-column:1/-1}.template-card{grid-template-columns:1fr}}@media (max-width: 620px){.nav{padding:0 16px}.brand{font-size:.84rem}.nav__toggle{display:grid;place-items:center}.nav__links{display:none;position:absolute;inset:100% 0 auto;flex-direction:column;align-items:stretch;gap:14px;padding:16px;background:var(--surface);border-bottom:1px solid var(--border);z-index:60}.nav__links--open{display:flex}.nav__home{justify-content:center}.hero{padding:80px 18px 72px}.hero h1{font-size:clamp(2.65rem,14vw,4rem)}.hero__proof{gap:12px 18px}.section{padding:55px 16px}.window__title{display:none}.live{margin-left:auto}.demo-content{padding:28px 18px}.form-grid{grid-template-columns:1fr}.field--wide{grid-column:auto}.form-heading{flex-direction:column}.form-actions{flex-wrap:wrap}.form-result{width:100%;margin:0}.feature-grid,.step{grid-template-columns:1fr}.step__number{width:34px;height:34px}.footer{margin:0 16px;padding:30px 0;flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}