:root{--night:#090a09;--copper:#c99a50;--copper-deep:#916526;--gold:#d6ad68;--gold-pale:#f0d8a4}
.hero{min-height:920px;padding:174px 0 150px;background:radial-gradient(ellipse at 76% 43%,rgba(120,91,48,.22) 0,rgba(25,27,25,.12) 31%,transparent 58%),radial-gradient(circle at 13% 12%,rgba(255,255,255,.035),transparent 28%),linear-gradient(135deg,#111310 0,#080908 62%,#10110f 100%)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.hero:after{bottom:-310px;height:390px;border-radius:50% 50% 0 0/18% 18% 0 0}
.hero-glow{top:-190px;left:42%;width:900px;height:900px;background:radial-gradient(circle,rgba(201,154,80,.13),transparent 63%);filter:blur(12px)}
.hero-layout{grid-template-columns:minmax(390px,.82fr) minmax(600px,1.18fr);gap:64px}
.hero-copy{position:relative;z-index:5;padding-bottom:36px}
.hero .eyebrow{color:var(--gold);letter-spacing:.16em}
.hero h1{max-width:650px;font-size:clamp(62px,6.5vw,96px);line-height:.98;text-wrap:balance}
.tagline{max-width:550px;margin-bottom:38px;color:#aaafa8;font-size:18px;line-height:1.65}
.button{transition:transform .2s,background .2s,border-color .2s}
.button-primary{border:1px solid #f5d9a4;background:linear-gradient(135deg,#f0d8a4,#c99a50);color:#201a10;box-shadow:0 14px 38px rgba(166,113,34,.22)}
.button-primary:hover{background:linear-gradient(135deg,#f7e3bb,#d7ab63)}
.button-secondary{background:rgba(255,255,255,.025)}
.button-secondary:hover{border-color:rgba(214,173,104,.42)}
.hero-note{gap:10px;margin-top:28px;color:#a4a79f;letter-spacing:.02em}
.status-dot{background:var(--gold);box-shadow:0 0 0 5px rgba(214,173,104,.1),0 0 18px rgba(214,173,104,.45)}
.product-stage{z-index:2;perspective:1600px;transform:translateX(14px)}
.stage-halo{position:absolute;z-index:-1;inset:-100px -80px -90px;background:radial-gradient(ellipse,rgba(202,153,77,.2),transparent 67%);filter:blur(12px)}
.macbook{position:relative;z-index:2;width:760px;transform:rotateY(-7deg) rotateX(2deg);transform-origin:center left;filter:drop-shadow(0 46px 45px rgba(0,0,0,.46))}
.screen-frame{position:relative;padding:10px 10px 13px;border:1px solid rgba(255,255,255,.26);border-radius:22px 22px 12px 12px;background:linear-gradient(145deg,#777b79,#242625 7%,#090a0a 95%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.75),0 0 0 1px rgba(0,0,0,.65)}
.camera{position:absolute;z-index:4;top:4px;left:50%;width:5px;height:5px;border-radius:50%;background:#050606;box-shadow:0 0 0 1px #282b2a}
.screen-frame .app-window{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:none;transform:none}
.macbook-base{position:relative;z-index:1;width:880px;height:24px;margin-left:-60px;border-radius:3px 3px 18px 18px;background:linear-gradient(to bottom,#b9bcba 0,#6f7371 14%,#2a2d2c 72%,#151616 100%);box-shadow:0 22px 30px rgba(0,0,0,.55)}
.macbook-base:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#484b4a,#d1d3d1 14%,#f1f2f0 50%,#a9acab 86%,#3a3d3c)}
.macbook-base span{position:absolute;top:0;left:50%;width:120px;height:7px;transform:translateX(-50%);border-radius:0 0 8px 8px;background:#777a78}
.stage-caption{margin:25px 0 0;text-align:center;color:#777d76;font:9px var(--mono);letter-spacing:.13em;text-transform:uppercase}
.stage-caption span{color:var(--gold-pale)}
.coin{z-index:3;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 0 0 6px rgba(0,0,0,.08),inset 0 0 30px rgba(0,0,0,.18),0 20px 40px rgba(0,0,0,.45)}
.coin-one{right:-66px;top:-55px;width:132px;height:132px}
.coin-two{left:-72px;bottom:28px;width:104px;height:104px}
.coin-three{right:34px;bottom:-56px;width:84px;height:84px;background:repeating-conic-gradient(from 5deg,#b68838 0 2deg,#ebcb79 3deg 7deg);color:#76531e;transform:rotate(8deg)}
@media(max-width:1120px){.hero-layout{grid-template-columns:1fr;gap:70px}.hero-copy{max-width:760px}.hero h1{max-width:780px}.product-stage{width:min(760px,92%);margin:0 auto;transform:none}.macbook{width:100%;transform:none}.macbook-base{width:116%;margin-left:-8%}}
@media(max-width:950px){.hero{min-height:auto;padding-bottom:190px}}
@media(max-width:680px){.hero{padding-top:140px;padding-bottom:135px}.hero h1{font-size:clamp(48px,14vw,61px)}.tagline{font-size:16px}.hero-actions{display:grid}.hero-actions .button{width:100%}.product-stage{width:100%;margin-top:8px}.screen-frame{padding:6px 6px 8px;border-radius:14px 14px 8px 8px}.screen-frame .app-window{border-radius:8px}.macbook-base{height:15px;border-radius:2px 2px 12px 12px}.macbook-base span{width:74px;height:5px}.app-shell{height:350px}.window-bar{height:34px}.coin-photo{height:88px}.coin-photo:before{width:64px;height:64px}.coin-one,.coin-two,.coin-three{display:none}.stage-caption{margin-top:17px;font-size:7px}}