:root{--bg:#131318;--surface:#1b1b21;--text:#ededf2;--muted:#a5a5af;--accent:#ff6a22;--paper:#f1f0ec;--line:#ffffff1c;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 var(--font)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;line-height:1.05;letter-spacing:-.055em}h1{font-size:clamp(64px,7.2vw,132px)}h2{font-size:clamp(40px,4.1vw,64px)}h3{font-size:24px;letter-spacing:-.025em;line-height:1.2}p{color:var(--muted)}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.wide{width:min(1440px,calc(100% - 64px));margin:auto}.eyebrow{font:12px/1.5 ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase;display:flex;align-items:center;gap:14px;margin-bottom:32px}.eyebrow i{width:24px;height:1px;background:currentColor;opacity:.3}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;padding:14px 28px;border-radius:99px;border:1px solid var(--line);font-size:14px;font-weight:600;line-height:1.5;background:transparent;color:inherit;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#ffffff10}.button.primary{background:var(--accent);color:#161616;border-color:var(--accent)}.button.primary:hover{filter:brightness(1.1)}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:38px}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:-.04em;white-space:nowrap}.brand img{width:28px;height:28px}.header{position:fixed;z-index:20;top:16px;left:50%;transform:translateX(-50%);width:min(1400px,calc(100% - 48px));padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid transparent;border-radius:60px;transition:background .3s,width .3s}.header.scrolled{background:#131318ed;backdrop-filter:blur(16px);border-color:var(--line);width:min(1120px,calc(100% - 32px))}.header nav,.nav-right{display:flex;align-items:center;gap:28px;font-size:14px}.header nav a,.contact-nav{color:var(--muted)}.header nav a:hover{color:white}.header .button{padding:10px 20px}.menu-button{display:none}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:220px 0 110px;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/hero.webp') center/cover}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#131318bb,transparent 85%),linear-gradient(0deg,var(--bg),transparent 70%)}.hero .eyebrow{color:var(--text);font-weight:600}.hero .eyebrow:before{content:'';width:6px;height:6px;background:var(--accent);border-radius:50%}.hero h1{max-width:850px}.hero .intro{max-width:630px;font-size:20px;color:#d3d3d9;margin-top:38px}.hero-services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:70px;max-width:850px}.hero-services div{border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:30px 1fr}.hero-services small{grid-column:2;color:var(--muted)}.hero-services span{font:12px monospace;color:var(--accent)}.skip{position:fixed;left:20px;top:-80px;background:var(--accent);padding:12px;z-index:100}.skip:focus{top:20px}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.demo-note{position:fixed;left:16px;bottom:16px;background:#131318ef;border:1px solid var(--line);padding:10px 14px;border-radius:10px;font-size:12px;max-width:345px;z-index:21;color:#bbb}.demo-note strong{color:var(--accent)}