*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:#f5f5f0;color:#111;font-family:Inter,"Helvetica Neue",Arial,sans-serif;overflow-x:hidden}.grid{position:fixed;inset:0;background-image:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px);background-size:34px 34px;z-index:-2}.noise{position:fixed;inset:0;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.08) 100%);z-index:-1;pointer-events:none}.corner{position:fixed;font-family:monospace;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#111;opacity:.65;z-index:20}.top-left{top:24px;left:24px}.top-right{top:24px;right:24px}.bottom-left{bottom:24px;left:24px}.bottom-right{bottom:24px;right:24px}.shell{width:min(1040px,calc(100% - 48px));margin:64px auto}.card,.mini-card{border:2px solid #111;background:rgba(245,245,240,.9);backdrop-filter:blur(12px);box-shadow:12px 12px 0 #111}.hero{padding:36px 44px 48px}.nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:58px}.brand{font-size:clamp(48px,10vw,94px);letter-spacing:-.1em;font-weight:950;line-height:.78}nav{display:flex;gap:22px}nav a{color:#111;text-decoration:none;font-family:monospace;text-transform:uppercase;font-size:13px;font-weight:800}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center}.dots{font-family:monospace;font-size:16px;letter-spacing:6px;margin-bottom:24px;opacity:.8}.eyebrow{font-family:monospace;text-transform:uppercase;letter-spacing:1px;font-size:13px;color:#333;margin-bottom:14px}h1,h2{text-transform:uppercase;letter-spacing:-.06em;line-height:.9}h1{font-size:clamp(52px,8vw,98px);max-width:670px}h2{font-size:clamp(32px,5vw,58px)}p{font-size:17px;line-height:1.6;color:#333}.intro{max-width:600px;margin:26px 0 34px}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border:2px solid #111;background:#fff;color:#111;text-decoration:none;text-transform:uppercase;font-weight:900;font-size:13px;padding:14px 20px;min-width:160px;box-shadow:5px 5px 0 #111}.button.primary{background:#111;color:#fff}.button:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 #111}.ipod-visual{height:400px;position:relative}.ipod{position:absolute;right:36px;top:6px;width:235px;height:360px;border:3px solid #111;border-radius:30px;background:#f8f8f2;box-shadow:14px 14px 0 #111}.screen{position:absolute;left:28px;right:28px;top:30px;height:128px;border:3px solid #111;background:linear-gradient(135deg,#ddd,#fff)}.wheel{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);width:132px;height:132px;border:3px solid #111;border-radius:50%;background:#fff}.wheel i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:3px solid #111;border-radius:50%;background:#f5f5f0}.section{margin:36px 0}.simple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.mini-card{padding:28px;min-height:240px}.number{font-family:monospace;font-size:13px;font-weight:900}.mini-card h2{font-size:36px;margin:34px 0 14px}.process{padding:38px 44px;margin:36px 0}.process h2{margin-bottom:26px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:2px solid #111;padding-top:24px}.steps strong{display:block;text-transform:uppercase;font-size:18px;margin-bottom:8px}.steps span{display:block;color:#333;line-height:1.5}.contact{padding:38px 44px;display:flex;align-items:center;justify-content:space-between;gap:28px;margin:36px 0}.contact p{margin-top:12px}footer{border:2px solid #111;background:#111;color:#fff;padding:24px;margin-top:36px;box-shadow:8px 8px 0 rgba(0,0,0,.45)}footer strong{font-size:38px;letter-spacing:-.1em}footer p{color:#ddd;margin-top:8px;font-size:13px}@media(max-width:800px){.corner{display:none}.shell{width:calc(100% - 28px);margin:20px auto 36px}.hero,.process,.contact{padding:28px}.nav{align-items:flex-start;margin-bottom:38px}nav{display:none}.hero-grid,.simple-grid,.steps{grid-template-columns:1fr}.ipod-visual{height:310px}.ipod{left:50%;right:auto;transform:translateX(-50%) scale(.78);transform-origin:top center}.contact{display:block}.contact .button{margin-top:22px}.card,.mini-card{box-shadow:7px 7px 0 #111}h1{font-size:56px}}
