:root { --ink:#111014; --paper:#f4f1ea; --violet:#7658ff; --lime:#d5ff4e; --muted:#77737b; --surface:#e4e0d8; --copy:#5d5960; --line:#d7d2c9; }
[data-theme="dark"] { --ink:#f5f1eb; --paper:#131217; --violet:#967fff; --lime:#d8ff52; --muted:#aaa4ae; --surface:#24212a; --copy:#c5beca; --line:#37333d; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; transition:background .3s,color .3s; } .container { width:min(1160px,calc(100% - 48px)); margin:auto; } .nav { height:92px; display:flex; align-items:center; justify-content:space-between; } .brand { color:inherit; text-decoration:none; font-weight:800; letter-spacing:-1.1px; font-size:22px; display:flex; gap:9px; align-items:center; } .brand-mark { width:25px; height:25px; display:grid; place-items:center; color:var(--paper); background:var(--ink); border-radius:50% 50% 50% 4px; font:500 18px/1 Georgia,serif; transform:rotate(-15deg); } .nav-links { display:flex; gap:30px; margin-left:115px; } .nav a { font-size:13px; font-weight:700; color:inherit; text-decoration:none; } .nav-actions { display:flex; align-items:center; gap:12px; }.theme-toggle { color:var(--ink); background:transparent; border:1px solid var(--line); width:36px; height:36px; padding:0; border-radius:50%; position:relative; font-size:18px; }.theme-toggle span { position:absolute; inset:0; display:grid; place-items:center; transition:transform .3s,opacity .2s; }.theme-toggle__moon { opacity:0; transform:rotate(-50deg) scale(.5); } [data-theme="dark"] .theme-toggle__sun { opacity:0; transform:rotate(50deg) scale(.5); } [data-theme="dark"] .theme-toggle__moon { opacity:1; transform:rotate(0) scale(1); } .button { border-radius:999px; padding:15px 21px; display:inline-flex; align-items:center; gap:16px; text-decoration:none; font-size:13px; font-weight:800; transition:transform .2s, background .2s; } .button:hover { transform:translateY(-2px); } .button-small { color:var(--paper)!important; background:var(--ink); padding:11px 16px; }
.hero { padding:91px 0 110px; text-align:center; position:relative; overflow:hidden; } .eyebrow,.section-label { letter-spacing:1.35px; font-size:10px; font-weight:800; } .eyebrow { display:flex; gap:9px; justify-content:center; align-items:center; }.eyebrow span { width:7px; height:7px; background:var(--violet); border-radius:50%; } h1,h2 { margin:18px 0; letter-spacing:-5.5px; font-size:clamp(57px,9vw,119px); line-height:.91; font-weight:800; } em { font-family:Georgia,serif; font-weight:400; } .hero-copy { color:var(--copy); max-width:480px; margin:29px auto; font-size:16px; line-height:1.7; } .hero-actions { display:flex; gap:24px; align-items:center; justify-content:center; margin:32px 0 75px; } .button-primary { background:var(--violet); color:#fff; box-shadow:5px 6px 0 var(--ink); } .text-link { color:var(--ink); font-size:13px; font-weight:800; text-decoration:none; } .text-link span { margin-left:8px; }
.terminal { max-width:790px; margin:auto; text-align:left; background:#17151c; box-shadow:12px 13px 0 var(--violet); border:1px solid #302d35; border-radius:9px; overflow:hidden; font:13px/1.65 "DM Mono",monospace; color:#eceaf0; } .terminal-bar { height:39px; background:#26222b; display:flex; align-items:center; padding:0 14px; gap:6px; }.terminal-bar span { width:8px;height:8px;border-radius:50%;background:#615d66; }.terminal-bar p { margin:0 auto; color:#b6b0bd;font-size:10px;transform:translateX(-14px); }.terminal-body { padding:25px 30px 27px; }.terminal-body p { margin:0; }.gap { margin-top:16px!important; }.prompt{color:var(--lime)}.command{color:#fff}.muted{color:#89838e}.violet{color:#a998ff}.lime{color:var(--lime)}.file{color:#d6cfff}.terminal ol{margin:5px 0 13px;padding-left:28px;color:#c1bac7}.approval{color:var(--lime)}.cursor-line i{display:inline-block;width:7px;height:15px;background:var(--lime);vertical-align:-2px;margin-left:4px;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}
.intro { padding:135px 0 126px; }.section-label{color:var(--muted)}.intro-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:end}.intro h2,.install h2{font-size:clamp(45px,6.4vw,82px);letter-spacing:-4px;margin:15px 0 0}.intro-grid p{font-size:17px;line-height:1.7;color:var(--copy);margin:0 0 8px}.features{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}.feature{background:var(--surface);min-height:325px;padding:26px;position:relative;overflow:hidden;isolation:isolate;transition:background .3s,transform .25s ease,box-shadow .25s ease;box-shadow:0 0 0 1px transparent}.feature>*:not(.orb){position:relative;z-index:1}.feature:hover{transform:translateY(-7px);box-shadow:0 0 0 2px var(--violet),0 14px 28px rgba(17,16,20,.18)}.feature:not(.feature-large)::after{content:"";position:absolute;z-index:0;width:150px;height:150px;right:-65px;bottom:-75px;border-radius:50%;background:var(--violet);filter:blur(18px);opacity:0;transition:opacity .25s ease}.feature:not(.feature-large):hover::after{opacity:.55}.feature-large{background:var(--violet);color:#fff}.feature-large:hover{background:#6848f4;box-shadow:0 0 0 2px var(--lime),0 14px 28px rgba(17,16,20,.24)}.number{font:11px "DM Mono";opacity:.72}.feature-icon{font:29px Georgia,serif;margin:68px 0 20px}.feature h3{font-size:22px;letter-spacing:-1.1px;margin:0 0 8px}.feature p{max-width:270px;color:var(--copy);font-size:13px;line-height:1.6;margin:0}.feature-large p{color:#eeeaff}.orb{position:absolute;z-index:0;border-radius:50%;width:190px;height:190px;right:-85px;bottom:-95px;background:var(--lime);box-shadow:-20px -18px 0 rgba(255,255,255,.18)}.install{text-align:center;padding:140px 0 117px}.install h2{margin-bottom:40px}.install-row{max-width:478px;margin:auto;background:#1a181e;border-radius:5px;display:flex;align-items:center;justify-content:space-between;padding:7px 7px 7px 19px;color:#f2eff7;font:13px "DM Mono";text-align:left}.install-row code span{color:var(--lime)}button{border:0;border-radius:3px;padding:10px 13px;background:var(--lime);font-weight:800;cursor:pointer}.install-note{font-size:11px;color:var(--muted);margin:13px}.footer{border-top:1px solid var(--line);padding:28px 0 40px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.footer a:last-child{color:inherit;font-weight:700;text-decoration:none}
@media(max-width:720px){.container{width:min(100% - 32px,1160px)}.nav{height:74px}.nav-links{display:none}.button-small{padding:9px 12px}.hero{padding:65px 0 75px}h1{letter-spacing:-3px}.hero-copy{font-size:14px}.hero-actions{margin-bottom:50px;gap:16px}.terminal{font-size:10px;box-shadow:7px 8px 0 var(--violet)}.terminal-body{padding:18px}.intro{padding:85px 0}.intro-grid,.features{grid-template-columns:1fr;gap:27px}.feature{min-height:255px}.feature-icon{margin-top:38px}.install{padding:90px 0}.footer{gap:18px;align-items:flex-start}.footer p{margin:5px 0}.footer .brand{font-size:18px}.footer a:last-child{white-space:nowrap}}

.brand-logo { width:30px; height:30px; display:block; object-fit:cover; border-radius:8px; box-shadow:0 0 0 1px rgba(17,16,20,.12); }