@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Inter:wght@400;600;800&display=swap";:root{--bg-casing:#e8e4d9;--screen-bg:#2c2f33;--text-primary:#f4f1ea;--text-muted:#8e9297;--accent-blue:#5b7586;--accent-coral:#d96c6c;--accent-green:#4ade80}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-casing);color:#333;-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}h1,h2,h3{letter-spacing:-.02em;font-weight:800}.mono{font-family:JetBrains Mono,monospace}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{border-bottom:2px solid #0000001a;justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:#555;font-weight:600;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--accent-coral)}.btn-primary{background-color:var(--screen-bg);color:var(--text-primary);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .1s;display:inline-flex;box-shadow:inset 0 2px #ffffff1a,0 4px #1a1c1e,0 5px 10px #0000004d}.btn-primary:active{transform:translateY(4px);box-shadow:inset 0 1px #ffffff1a,0 0 #1a1c1e,0 2px 5px #0000004d}.btn-coral{background-color:var(--accent-coral);box-shadow:inset 0 2px #fff3,0 4px #9c3f3f,0 5px 10px #0000004d}.btn-coral:active{box-shadow:inset 0 1px #fff3,0 0 #9c3f3f,0 2px 5px #0000004d}.hero{text-align:center;padding:8rem 0}.hero h1{color:var(--screen-bg);margin-bottom:1.5rem;font-size:4rem;line-height:1.1}.hero p{color:#555;max-width:600px;margin:0 auto 3rem;font-size:1.25rem;line-height:1.6}.vintage-screen-mockup{background-color:var(--screen-bg);text-align:left;border:8px solid #d4cfc0;border-radius:12px;max-width:800px;margin:4rem auto;padding:2rem;box-shadow:inset 0 10px 20px #00000080,0 20px 40px #0003}.vintage-screen-mockup .code{color:var(--accent-green);font-family:JetBrains Mono,monospace;font-size:1.1rem;line-height:1.5}.features{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:4rem 0;display:grid}.feature-card{background:#ffffff80;border:2px solid #0000000d;border-radius:8px;padding:2rem}.feature-card h3{color:var(--screen-bg);align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}footer{text-align:center;color:#777;border-top:2px solid #0000001a;margin-top:4rem;padding:4rem 0}.tap-btn-logo{background-color:var(--accent-coral);color:#fff;cursor:pointer;font-family:inherit;font-weight:900;font-size:inherit;border:2px solid #2a2d32;border-radius:.5rem;justify-content:center;align-items:center;margin-right:.2em;padding:.1em .4em;transition:all .1s;display:inline-flex;box-shadow:0 2px #2a2d32}.tap-btn-logo:active{box-shadow:none;transform:translateY(2px)}.deep-dive{border-bottom:1px solid #0000001a;padding:6rem 0}.deep-dive h2{color:var(--screen-bg);margin-bottom:2rem;font-size:3rem}.deep-dive-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.deep-dive-content p{color:#444;margin-bottom:1.5rem;font-size:1.25rem;line-height:1.8}.hardware-list{padding:0;list-style:none}.hardware-list li{background:#ffffff80;border:2px solid #0000000d;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.hardware-list h4{color:var(--accent-coral);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.25rem;display:flex}.faq-grid{grid-template-columns:1fr;gap:1.5rem;max-width:800px;margin:0 auto;display:grid}.faq-item{text-align:left;background:#fff;border:2px solid #0000000d;border-radius:8px;padding:2rem}.faq-item h4{color:var(--screen-bg);margin-bottom:1rem;font-size:1.2rem}.faq-item p{color:#555;line-height:1.6}.audience-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.audience-card{background:var(--screen-bg);color:#fff;text-align:center;border:8px solid #d4cfc0;border-radius:12px;padding:3rem 2rem}.audience-card h4{color:var(--accent-coral);margin-bottom:1rem;font-size:1.5rem}.audience-card p{color:#ccc;line-height:1.6}