:root{--black:#080808;--panel:#101010;--red:#9f1218;--red2:#e02b31;--gold:#c9a84c;--cream:#f0ede6;--muted:#9b978e;--line:#29251e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}.nav{height:72px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;position:sticky;top:0;background:#080808e8;backdrop-filter:blur(16px);z-index:20}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.08em;font-size:14px}.brand b{color:var(--gold)}.mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--gold);color:var(--gold);font-family:'JetBrains Mono';font-size:18px}.nav nav{display:flex;gap:34px;color:#b4b0a8;font-size:13px}.nav nav a:hover{color:var(--gold)}.nav-cta,.button{font-family:'JetBrains Mono';font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.nav-cta{border-bottom:1px solid var(--gold);padding:8px 0;color:var(--gold)}.hero{min-height:720px;padding:clamp(80px,10vw,145px) clamp(22px,8vw,120px);position:relative;overflow:hidden;display:flex;align-items:center;background:radial-gradient(circle at 82% 50%,#a3131c28 0,transparent 35%),linear-gradient(100deg,#080808 0,#0b0909 55%,#15090a)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero-copy{position:relative;max-width:880px;z-index:2}.eyebrow{font:700 12px/1.3 'JetBrains Mono';letter-spacing:.14em;color:var(--gold);text-transform:uppercase}.hero .eyebrow span{display:inline-block;width:34px;height:2px;background:var(--red2);vertical-align:middle;margin-right:10px}.hero h1,.section-heading h2,.customize h2,.closing h2{font-size:clamp(48px,8vw,104px);line-height:.92;letter-spacing:-.055em;margin:25px 0;font-weight:900}.hero h1 em{color:transparent;-webkit-text-stroke:1px var(--gold);font-style:normal}.lead{font-size:clamp(17px,2vw,22px);line-height:1.65;color:#c3beb5;max-width:720px}.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--gold)}.button.primary{background:var(--gold);color:#080808}.button.primary:hover{background:#e4c766}.button.ghost{color:var(--cream);border-color:#ffffff2e}.button.ghost:hover{border-color:var(--gold);color:var(--gold)}.subnote{color:#77736b;font-size:12px;margin-top:18px}.hero-orbit{position:absolute;right:-130px;width:530px;height:530px;border:1px solid #c9a84c25;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 75px #c9a84c08,0 0 0 150px #c9a84c05}.hero-orbit:after{content:'W';font:900 210px 'JetBrains Mono';color:#c9a84c09}.hero-orbit span{position:absolute;font:700 10px 'JetBrains Mono';letter-spacing:.2em;color:#8f7a43}.hero-orbit span:first-child{top:23px}.hero-orbit span:nth-child(2){left:18px}.hero-orbit span:nth-child(3){right:8px}.product{padding:110px clamp(16px,5vw,80px);background:#0b0b0b}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:end;max-width:1300px;margin:0 auto 48px}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2{font-size:clamp(42px,6vw,76px);margin:0}.section-heading h2 span,.customize h2 span{color:var(--gold)}.section-heading>p:last-child{color:var(--muted);font-size:17px;line-height:1.7;max-width:540px}.window-shell{max-width:1440px;margin:auto;border:1px solid #c9a84c52;background:#050505;box-shadow:0 40px 100px #000,0 0 80px #a3131c12}.window-bar{height:43px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #29251e;color:#827b6b;font:600 10px 'JetBrains Mono';letter-spacing:.1em}.window-bar>span{margin:auto}.window-bar>b{color:var(--gold);font-size:9px}.lights{display:flex;gap:7px}.lights i{width:8px;height:8px;border-radius:50%;background:#3b3025}.lights i:first-child{background:var(--red)}.demo-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.demo-wrap iframe{width:100%;height:100%;border:0;background:#0a0a0a}.preview-help{text-align:center;color:#746f66;font:500 11px 'JetBrains Mono';margin-top:18px}.features{display:grid;grid-template-columns:1fr 1fr;background:#0a0a0a}.feature{min-height:390px;padding:62px clamp(24px,5vw,72px);border-top:1px solid var(--line);border-right:1px solid var(--line);display:grid;grid-template-columns:50px 1fr;gap:28px;position:relative}.feature.featured{grid-column:1/-1;grid-template-columns:50px 1.2fr .8fr;background:linear-gradient(110deg,#0e0b0b,#160b0c)}.number{color:#514b42;font:600 12px 'JetBrains Mono'}.feature h3{font-size:clamp(30px,4vw,54px);line-height:1.08;letter-spacing:-.035em;margin:16px 0;max-width:780px}.feature div>p:last-child{color:var(--muted);font-size:16px;line-height:1.7;max-width:650px}.metric{align-self:center;border:1px solid #c9a84c36;padding:25px;background:#0a0a0a}.metric span{font:600 10px 'JetBrains Mono';color:#827b6b}.metric strong{display:block;color:var(--gold);font:700 28px 'JetBrains Mono';margin:14px 0}.metric i{display:block;height:3px;background:linear-gradient(90deg,var(--red2) 72%,#26211a 72%)}.customize{padding:120px clamp(24px,8vw,120px);display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center;background:radial-gradient(circle at 80%,#9f12181b,transparent 34%),#0c0c0c}.customize h2{font-size:clamp(48px,6.5vw,90px)}.customize>div>p:last-child{color:var(--muted);font-size:17px;line-height:1.75;max-width:680px}.themes{display:grid;gap:10px}.theme{background:#111;border:1px solid #292929;padding:20px;display:flex;gap:18px;text-align:left;color:var(--cream);align-items:center}.theme:hover,.theme.active{border-color:var(--gold)}.theme i{width:52px;height:52px;background:linear-gradient(135deg,#111 50%,#9f1218 50%)}.theme.green i{background:linear-gradient(135deg,#101410 50%,#315c37 50%)}.theme.blue i{background:linear-gradient(135deg,#0c1117 50%,#24598a 50%)}.theme.gold i{background:linear-gradient(135deg,#17130d 50%,#c9a84c 50%)}.theme span{font:700 13px 'JetBrains Mono';letter-spacing:.08em}.theme small{display:block;color:#77736b;font:500 11px Inter;margin-top:6px;letter-spacing:0}.closing{text-align:center;padding:140px 22px;background:linear-gradient(#0b0b0be8,#0b0b0bf7),repeating-linear-gradient(90deg,transparent 0 63px,#ffffff07 64px)}.closing h2{font-size:clamp(46px,7vw,88px)}.closing>p:nth-of-type(2){color:var(--muted);font-size:17px;line-height:1.7;max-width:650px;margin:0 auto 32px}footer{padding:36px clamp(20px,5vw,76px);border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center;color:#68645d;font-size:11px}footer p{max-width:720px;line-height:1.6}footer .mark{width:28px;height:28px;font-size:14px}@media(max-width:900px){.nav nav{display:none}.nav-cta{font-size:10px}.hero{min-height:670px}.hero-orbit{opacity:.38;right:-330px}.section-heading,.customize{grid-template-columns:1fr}.section-heading{gap:14px}.window-bar>span{display:none}.demo-wrap{aspect-ratio:4/3}.features{grid-template-columns:1fr}.feature,.feature.featured{grid-column:auto;grid-template-columns:36px 1fr}.metric{grid-column:2}.customize{gap:50px}.features .feature{min-height:330px}footer{grid-template-columns:1fr}footer>span:last-child{display:none}}@media(max-width:560px){.nav{height:62px}.brand{font-size:11px}.mark{width:29px;height:29px}.hero{padding-top:95px;min-height:650px}.hero h1{font-size:50px}.lead{font-size:16px}.product{padding-top:80px}.section-heading h2,.customize h2,.closing h2{font-size:42px}.demo-wrap{aspect-ratio:3/4}.demo-wrap iframe{width:1200px;transform:scale(.47);transform-origin:top left;height:850px}.feature{padding:44px 20px}.feature h3{font-size:30px}.customize{padding:90px 22px}.closing{padding:100px 22px}}