@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#0a0d12;--panel:#11161e;--panel2:#171d27;--text:#f5f7fa;--muted:#9ca6b5;--accent:#c9ff3d;--line:#28303c}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.nav{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:sticky;top:0;background:rgba(10,13,18,.92);backdrop-filter:blur(14px);z-index:10}
.brand{font-family:"Space Grotesk";font-weight:800;letter-spacing:-.03em;font-size:19px}.brand span{color:var(--accent);margin-left:7px}.navlinks{display:flex;gap:26px;color:#b9c1cd;font-size:14px}.navlinks a:hover{color:var(--accent)}
.container{max-width:1180px;margin:auto;padding:0 28px}.hero{min-height:70vh;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;padding:80px 0}.eyebrow{color:var(--accent);font-size:13px;text-transform:uppercase;letter-spacing:.15em;font-weight:700}.hero h1{font-family:"Space Grotesk";font-size:clamp(52px,8vw,105px);line-height:.9;letter-spacing:-.065em;margin:18px 0 28px}.hero p{font-size:18px;color:var(--muted);max-width:650px}.btn{display:inline-block;margin-top:22px;background:var(--accent);color:#0a0d12;padding:13px 19px;border-radius:5px;font-weight:800}.visual{height:460px;border:1px solid var(--line);background:radial-gradient(circle at 50% 35%,#28313f,transparent 50%),linear-gradient(145deg,#151b25,#090b10);position:relative;overflow:hidden}.phone{position:absolute;width:190px;height:370px;border:6px solid #303946;border-radius:30px;background:linear-gradient(160deg,#242d3a,#0d1118);left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);box-shadow:35px 30px 70px #000}.phone:before{content:"";position:absolute;left:50%;top:10px;transform:translateX(-50%);width:52px;height:8px;border-radius:8px;background:#090b0e}.phone:after{content:"2007";position:absolute;left:20px;bottom:25px;color:var(--accent);font-family:"Space Grotesk";font-size:28px;font-weight:700}
.section{padding:80px 0;border-top:1px solid var(--line)}.section h2{font-family:"Space Grotesk";font-size:44px;letter-spacing:-.04em;margin:0 0 12px}.lead{color:var(--muted);max-width:720px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.card{background:var(--panel);border:1px solid var(--line);padding:25px;min-height:190px;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#4a5667}.year{font-family:"Space Grotesk";font-size:44px;color:var(--accent);font-weight:700}.card h3{margin:10px 0 8px;font-size:20px}.card p{color:var(--muted);font-size:14px}
.timeline{display:grid;gap:12px;margin-top:38px}.timeline a{display:grid;grid-template-columns:100px 1fr;gap:25px;padding:22px;background:var(--panel);border:1px solid var(--line)}.timeline a:hover{border-color:var(--accent)}.timeline .y{font-family:"Space Grotesk";font-size:32px;color:var(--accent);font-weight:700}.timeline strong{font-size:18px}.timeline span{display:block;color:var(--muted);font-size:14px}
.pagehead{padding:80px 0 45px}.pagehead h1{font-family:"Space Grotesk";font-size:64px;line-height:1;letter-spacing:-.05em;margin:12px 0}.phone-card{display:grid;grid-template-columns:110px 1fr;gap:22px}.device{height:170px;border-radius:20px;border:5px solid #37414e;background:linear-gradient(145deg,#273141,#0d1118);position:relative}.device:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:30px;height:5px;background:#090b0e;border-radius:5px}.specs{color:var(--muted);font-size:13px}.yearblock{margin-bottom:50px}.yearblock h2{font-family:"Space Grotesk";font-size:38px;border-bottom:1px solid var(--line);padding-bottom:12px}
table{width:100%;border-collapse:collapse;margin-top:30px;background:var(--panel)}td,th{text-align:left;padding:15px;border-bottom:1px solid var(--line)}th{color:var(--accent);font-size:13px;text-transform:uppercase;letter-spacing:.08em}td{color:#d8dde5}
.quote{border-left:3px solid var(--accent);padding:8px 0 8px 22px;margin:35px 0;color:#dce2ea;font-size:22px;font-family:"Space Grotesk"}
footer{border-top:1px solid var(--line);padding:35px 6vw;display:flex;justify-content:space-between;color:#7f8998;font-size:13px;margin-top:60px}.footer-note{text-align:right}
@media(max-width:800px){.nav{padding:0 20px}.navlinks{display:none}.container{padding:0 20px}.hero{grid-template-columns:1fr;padding:55px 0}.visual{height:360px}.grid{grid-template-columns:1fr}.pagehead h1{font-size:48px}.timeline a{grid-template-columns:70px 1fr}footer{display:block}.footer-note{text-align:left;margin-top:15px}}