:root{--ink:#17241f;--deep:#122d26;--cream:#f2e7c9;--paper:#e8d4a5;--gold:#e6ad21;--red:#a83a2e;--line:#2d3d36}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Roboto Mono",monospace;line-height:1.55}a{color:inherit}.topbar{height:74px;background:var(--deep);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);position:sticky;top:0;z-index:10;border-bottom:3px solid var(--gold)}.wordmark{text-decoration:none;font-weight:800;letter-spacing:.04em}.wordmark span{display:inline-grid;place-items:center;width:36px;height:36px;margin-right:10px;background:var(--gold);color:var(--deep);border-radius:50%}.topbar nav{display:flex;gap:28px}.topbar nav a{text-decoration:none;font-size:.86rem}.small-cta{background:var(--gold);color:var(--deep);text-decoration:none;font-weight:800;padding:11px 16px;border:2px solid var(--gold)}
.hero{min-height:760px;padding:90px clamp(22px,7vw,110px) 72px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 15%,rgba(230,173,33,.24),transparent 25%),linear-gradient(135deg,#f2e7c9 0 58%,#d2bb83 58% 100%)}.hero:after{content:"1985";position:absolute;right:-20px;bottom:-90px;font-family:"Alfa Slab One";font-size:clamp(160px,25vw,390px);color:rgba(18,45,38,.055);line-height:1;pointer-events:none}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:.78rem;color:var(--red);margin:0 0 18px}.hero h1,.section-head h2,.final-cta h2{font-family:"Alfa Slab One",serif;font-weight:400;line-height:.96;margin:0}.hero h1{font-size:clamp(3.25rem,7vw,7.2rem);letter-spacing:-.03em}.hero h1 em{font-style:normal;color:var(--red)}.lede{font-size:1.05rem;max-width:650px;margin:30px 0;color:#34443d}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:32px 0}.primary,.secondary{display:inline-block;padding:16px 22px;text-decoration:none;font-weight:800;border:2px solid var(--deep);box-shadow:5px 5px 0 var(--deep);transition:.18s transform,.18s box-shadow}.primary{background:var(--gold)}.secondary{background:transparent}.primary:hover,.secondary:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--deep)}.facts{display:flex;gap:28px;margin-top:36px}.facts span{font-size:.78rem;text-transform:uppercase}.facts b{display:block;font-family:"Alfa Slab One";font-size:2rem;color:var(--deep)}.hero-phone{position:relative;z-index:1;justify-self:center}.phone-shell{width:min(330px,72vw);padding:10px;background:#161b19;border:3px solid #050706;border-radius:38px;box-shadow:20px 28px 0 rgba(18,45,38,.22);transform:rotate(2deg)}.phone-shell img{display:block;width:100%;border-radius:28px}.stamp{position:absolute;right:-44px;top:70px;background:var(--red);color:white;border:4px solid var(--cream);border-radius:50%;width:92px;height:92px;display:grid;place-items:center;font-family:"Alfa Slab One";transform:rotate(9deg)}
.ticker{overflow:hidden;background:var(--red);color:#fff;border-block:3px solid var(--deep);padding:15px 0;font-weight:800;white-space:nowrap}.ticker div{width:max-content;animation:scroll 24s linear infinite}@keyframes scroll{to{transform:translateX(-50%)}}
.features{padding:100px clamp(22px,7vw,110px)}.section-head{max-width:900px}.section-head h2{font-size:clamp(2.5rem,5.5vw,5.7rem)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--line);border:2px solid var(--line);margin-top:60px}.feature-grid article{background:var(--cream);padding:42px;min-height:260px}.feature-grid article span{color:var(--red);font-weight:800}.feature-grid h3{font-family:"Alfa Slab One";font-size:1.65rem;margin:28px 0 12px}.feature-grid p{color:#46534e;margin:0;max-width:560px}
.screens{background:var(--deep);color:var(--cream);padding:100px clamp(22px,7vw,110px) 130px;overflow:hidden}.inverse .eyebrow{color:var(--gold)}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:34px;margin-top:70px}.screen-grid figure{margin:0;background:#0b1713;padding:10px 10px 20px;border:2px solid #456155;box-shadow:12px 16px 0 rgba(0,0,0,.25)}.screen-grid img{width:100%;display:block}.screen-grid figcaption{text-transform:uppercase;text-align:center;font-weight:800;letter-spacing:.1em;padding-top:16px}.tilt-left{transform:rotate(-3deg) translateY(35px)}.tilt-right{transform:rotate(3deg) translateY(35px)}.hero-shot{position:relative;z-index:1}
.final-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:82px clamp(22px,7vw,110px);background:var(--gold);border-block:3px solid var(--deep)}.final-cta h2{font-size:clamp(3.2rem,7vw,7.8rem)}.final-cta p:last-child{font-weight:700}.dark{background:var(--deep);color:white;box-shadow:5px 5px 0 var(--red);white-space:nowrap}footer{display:flex;justify-content:space-between;gap:20px;background:#0c1a16;color:#c9d1cc;padding:28px clamp(22px,7vw,110px);font-size:.8rem}footer div{display:flex;gap:24px}
@media(max-width:850px){.topbar nav{display:none}.small-cta{font-size:.72rem;padding:9px}.hero{grid-template-columns:1fr;padding-top:60px}.hero-phone{margin:20px auto 10px}.feature-grid{grid-template-columns:1fr}.screen-grid{grid-template-columns:1fr;max-width:430px;margin-inline:auto}.tilt-left,.tilt-right{transform:none}.final-cta,footer{flex-direction:column;align-items:flex-start}.facts{gap:18px}.hero{background:linear-gradient(160deg,#f2e7c9 0 72%,#d2bb83 72%)} }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.primary,.secondary{transition:none}}