@layer theme{:root,:host{--default-font-family:Arial, Helvetica, sans-serif;--default-mono-font-family:"SFMono-Regular", Consolas, "Liberation Mono", monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.flex{display:flex}.h-full{height:100%}.min-h-full{min-height:100%}.flex-col{flex-direction:column}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--background:#030712;--foreground:#f6f8ff;--muted:#98a2ba;--line:#93a9e129;--blue:#33a7ff;--purple:#8b5cf6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}main{background:radial-gradient(circle at 75% 10%,#4b39ce2e,#0000 29rem),radial-gradient(circle at 10% 34%,#0077ff14,#0000 25rem),#030712;min-height:100vh;position:relative;overflow:hidden}main:before{content:"";opacity:.24;pointer-events:none;background-image:linear-gradient(#7b97d50f 1px,#0000 1px),linear-gradient(90deg,#7b97d50f 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 61%);mask-image:linear-gradient(#000,#0000 61%)}.site-shell{z-index:1;width:min(1180px,100% - 48px);margin:0 auto;position:relative}.navbar{border-bottom:1px solid #95aad81c;align-items:center;height:92px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font-size:20px;font-weight:700;display:inline-flex}.brand-mark{align-items:end;gap:2px;width:23px;height:22px;display:inline-flex;transform:skew(-16deg)}.brand-mark span{background:linear-gradient(#51c7ff,#735cff);border-radius:2px;width:6px;box-shadow:0 0 16px #4a85ffa6}.brand-mark span:first-child{height:11px}.brand-mark span:nth-child(2){height:21px}.brand-mark span:nth-child(3){height:15px}.nav-links{color:#a7afc1;gap:36px;margin:0 auto;font-size:14px;display:flex}.nav-links a{transition:color .2s}.nav-links a:hover{color:#fff}.nav-cta{color:#dfe9ff;background:#485a9917;border:1px solid #7fa5ff33;border-radius:9px;align-items:center;gap:8px;padding:10px 15px;font-size:13px;display:inline-flex}.nav-cta svg,.button svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:18px;height:18px}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px;min-height:680px;padding:80px 0 86px;display:grid}.hero-copy{z-index:2;position:relative}.eyebrow{color:#8f9fff;font:600 11px/1 var(--font-geist-mono), monospace;letter-spacing:.15em;align-items:center;gap:8px;display:flex}.eyebrow span{color:#4fc4ff}h1{letter-spacing:-.055em;max-width:650px;margin:24px 0;font-size:clamp(46px,5.15vw,72px);line-height:1.03}h1 span{color:#0000;background:linear-gradient(105deg,#48b8ff,#7765ff 49%,#bd57ea);-webkit-background-clip:text;background-clip:text}.hero-copy>p{max-width:560px;color:var(--muted);font-size:18px;line-height:1.72}.hero-actions{gap:13px;margin-top:34px;display:flex}.button{border-radius:10px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:0 21px;font-size:14px;font-weight:650;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(100deg,#168cf1,#6748ef 61%,#873be0);box-shadow:0 12px 38px #3e4eff40,inset 0 1px #fff3}.button-secondary{color:#d7dced;background:#131c326b;border:1px solid #9fb0dc3d}.button-secondary:hover{border-color:#9fb0dc73}.hero-note{color:#7f899f;flex-wrap:wrap;gap:24px;margin-top:27px;font-size:12px;display:flex}.hero-note b{color:#5eafff;margin-right:6px}.mockup-wrap{perspective:1200px;height:480px;position:relative}.mockup-wrap:before{content:"";filter:blur(42px);background:linear-gradient(135deg,#008fff36,#8035ff3d);border-radius:50%;width:440px;height:440px;position:absolute;top:2%;right:1%}.orbit{border:1px solid #607dff3d;border-radius:50%;position:absolute;transform:rotate(-27deg)}.orbit-one{width:570px;height:220px;top:105px;right:-30px}.orbit-two{border-color:#7451f01f;width:450px;height:390px;top:25px;right:20px}.mockup-window{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#111c39e6,#050b1aeb);border:1px solid #8faaeb4a;border-radius:17px;width:570px;height:390px;position:absolute;top:37px;right:-24px;overflow:hidden;transform:rotateY(-5deg)rotateX(2deg);box-shadow:-24px 42px 90px #0000006b,0 0 60px #305cff21,inset 0 1px #ffffff14}.window-bar{border-bottom:1px solid var(--line);color:#7f8aa3;height:50px;font:500 10px var(--font-geist-mono), monospace;background:#080f22a6;align-items:center;padding:0 17px;display:flex}.window-dots{gap:6px;display:flex}.window-dots span{background:#fc6b91;border-radius:50%;width:7px;height:7px}.window-dots span:nth-child(2){background:#f2c14c}.window-dots span:nth-child(3){background:#53d08b}.window-title{align-items:center;gap:7px;margin:auto;display:flex}.window-title .brand-mark{gap:1px;width:13px;height:13px}.window-title .brand-mark span{width:3px}.window-title .brand-mark span:first-child{height:6px}.window-title .brand-mark span:nth-child(2){height:12px}.window-title .brand-mark span:nth-child(3){height:9px}.window-menu{letter-spacing:2px}.workspace{grid-template-columns:48px 1fr 225px;height:calc(100% - 50px);display:grid}.mock-sidebar{border-right:1px solid var(--line);background:#03091773;flex-direction:column;align-items:center;gap:23px;padding-top:18px;display:flex}.mock-sidebar>span:not(.brand-mark){border:1px solid #3a4869;border-radius:4px;width:14px;height:14px}.mock-sidebar .side-active{background:#5d60ef;box-shadow:0 0 13px #5558dd;border-color:#787aff!important}.mock-sidebar .brand-mark{margin-bottom:6px;transform:scale(.62)skew(-16deg)}.code-panel{background:linear-gradient(135deg,#0d1d3852,#0000);padding:24px 16px}.code-label{color:#61708f;font:500 9px var(--font-geist-mono), monospace;letter-spacing:.1em;border-bottom:1px solid #8a9ecd14;padding-bottom:14px}.code-lines{flex-direction:column;gap:13px;margin-top:25px;display:flex}.line{opacity:.7;background:linear-gradient(90deg,#4776e7 0 18%,#0000 18% 24%,#9763ef 24% 55%,#0000 55% 60%,#1fa3d9 60% 90%,#0000 90%);border-radius:4px;height:5px}.l2{filter:hue-rotate(20deg);width:82%;margin-left:13%}.l3{width:92%;margin-left:4%}.l4{filter:hue-rotate(50deg);width:68%;margin-left:20%}.l5{width:84%}.l6{width:73%;margin-left:12%}.l7{filter:hue-rotate(-30deg);width:55%;margin-left:7%}.assistant-panel{background:linear-gradient(150deg,#142446f7,#070e1ffa);border:1px solid #90acf43d;border-radius:13px;margin:13px 13px 13px -14px;padding:16px;box-shadow:-14px 22px 50px #00000061,0 0 25px #485eff14}.assistant-heading{align-items:center;gap:9px;display:flex}.assistant-heading .spark{color:#c2c9ff;background:linear-gradient(145deg,#4f54db,#793ac8);border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.assistant-heading div,.result-card div{flex-direction:column;gap:2px;display:flex}.assistant-heading strong,.result-card strong{font-size:10px}.assistant-heading small,.result-card small{color:#6f7b95;font-size:8px}.status-dot{background:#47d898;border-radius:50%;width:6px;height:6px;margin-left:auto;box-shadow:0 0 9px #47d898}.prompt-card,.result-card{background:#08112694;border:1px solid #8ba2da1f;border-radius:9px;margin-top:17px;padding:13px}.prompt-card small{color:#677694;font:500 7px var(--font-geist-mono), monospace;letter-spacing:.08em}.prompt-card p{color:#dbe4fa;margin:8px 0 0;font-size:10px}.result-card{background:#26305a61;align-items:center;gap:9px;display:flex}.result-icon{color:#79d8ff;background:#2a87cd2e;border-radius:7px;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.suggestions{gap:5px;margin-top:12px;display:flex}.suggestions span{text-align:center;color:#8490ac;border:1px solid #859bd21f;border-radius:5px;flex:1;padding:7px 0;font-size:7px}.mock-input{color:#5e6b87;background:#020814a3;border:1px solid #899fd524;border-radius:7px;align-items:center;height:34px;margin-top:12px;padding:0 6px 0 10px;font-size:8px;display:flex}.mock-input b{color:#fff;background:#5c55e9;border-radius:5px;place-items:center;width:23px;height:23px;margin-left:auto;display:grid}.floating-card{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c1730c7;border:1px solid #8dabec40;border-radius:10px;align-items:center;gap:10px;padding:11px 13px;display:flex;position:absolute;box-shadow:0 16px 40px #00000059}.floating-card>span{color:#8bd8ff;width:30px;height:30px;font:600 10px var(--font-geist-mono), monospace;background:#3c73ff2b;border-radius:8px;place-items:center;display:grid}.floating-card div{flex-direction:column;gap:3px;display:flex}.floating-card strong{font-size:9px}.floating-card small{color:#79859f;font-size:7px}.floating-code{bottom:70px;left:-22px}.floating-sync{top:10px;right:-36px}.features-section{border-top:1px solid #93a9e11a;padding:108px 0 122px}.section-heading{text-align:center}.section-heading .eyebrow{justify-content:center}.section-heading h2,.cta-section h2{letter-spacing:-.045em;margin:18px 0 12px;font-size:clamp(32px,4vw,48px)}.section-heading p,.cta-section>p{color:var(--muted);font-size:16px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;display:grid}.feature-card{border:1px solid var(--line);background:linear-gradient(145deg,#131f3b94,#070d1c9e);border-radius:15px;min-height:285px;padding:27px;transition:transform .25s,border-color .25s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09}.feature-card:hover{border-color:#7382ff59;transform:translateY(-5px)}.feature-card:before{content:"";opacity:.11;filter:blur(32px);background:#4f55f3;border-radius:50%;width:150px;height:150px;position:absolute;top:-90px;left:-60px}.feature-top{justify-content:space-between;align-items:flex-start;display:flex}.feature-icon{color:#7dd2ff;width:45px;height:45px;font:600 15px var(--font-geist-mono), monospace;background:linear-gradient(145deg,#2f5cb040,#5228a133);border:1px solid #779dff2e;border-radius:10px;place-items:center;display:grid;box-shadow:0 0 25px #356cff1f}.feature-number{color:#44506b;font:500 11px var(--font-geist-mono), monospace}.feature-card h3{letter-spacing:-.025em;margin:43px 0 13px;font-size:20px}.feature-card p{color:#8f99af;margin:0;font-size:14px;line-height:1.7}.card-line{background:linear-gradient(90deg,#42aaff,#9659f1);width:56px;height:1px;position:absolute;bottom:0;left:27px;box-shadow:0 0 12px #6671ff}.cta-section{text-align:center;border:1px solid var(--line);background:linear-gradient(145deg,#0f1d39a6,#070c1ca6);border-radius:20px;min-height:420px;padding:102px 24px;position:relative;overflow:hidden}.cta-section:before{content:"";opacity:.25;background-image:linear-gradient(#899fd81a 1px,#0000 1px),linear-gradient(90deg,#899fd81a 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 67%);mask-image:radial-gradient(circle,#000,#0000 67%)}.cta-section>:not(.cta-glow){z-index:1;position:relative}.cta-section .eyebrow{justify-content:center}.cta-section>p{margin:0 auto 27px}.cta-glow{opacity:.22;filter:blur(75px);background:linear-gradient(90deg,#0876dc,#7d35dd);border-radius:50%;width:420px;height:220px;position:absolute;top:70px;left:calc(50% - 210px)}footer{color:#6f798e;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;min-height:150px;font-size:12px;display:grid}footer .brand{color:#e8ecf7}footer p{text-align:center}footer>span{text-align:right}@media (max-width:1020px){.hero{text-align:center;grid-template-columns:1fr;padding-top:90px}.hero-copy{flex-direction:column;align-items:center;display:flex}.mockup-wrap{width:min(650px,100%);margin:0 auto}.mockup-window{right:50%;transform:translate(50%)rotateY(-3deg)}.floating-code{left:1%}.floating-sync{right:1%}}@media (max-width:760px){.site-shell{width:min(100% - 32px,1180px)}.navbar{height:76px}.nav-links{display:none}.nav-cta{margin-left:auto}.hero{gap:30px;min-height:auto;padding:68px 0 75px}h1{font-size:clamp(42px,12vw,62px)}.hero-copy>p{font-size:16px}.mockup-wrap{transform-origin:top;width:125%;height:360px;margin-bottom:-70px;left:-12.5%;transform:scale(.8)}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:250px}.features-section{padding:85px 0}footer{grid-template-columns:1fr;justify-items:center;gap:16px;padding:45px 0}footer p,footer>span{text-align:center;margin:0}}@media (max-width:500px){.hero-actions{flex-direction:column;width:100%}.button{width:100%}.hero-note{justify-content:center}.mockup-wrap{width:169.5%;margin-bottom:-145px;left:-34.75%;transform:scale(.59)}.cta-section{min-height:390px;padding:80px 20px}.cta-section h2{font-size:34px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.feature-card{transition:none}}