:root{--bg:#081426;--panel:#1b3153;--panel2:#22395c;--orange:#ffac22;--orange2:#ff8e1c;--white:#f6f7fb;--muted:#aebbd2;--line:#31486d;--ink:#10151d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit}.section{padding:100px clamp(22px,5vw,84px)}.micro{font:700 10px "Courier New",monospace;letter-spacing:.16em;color:var(--orange)}.micro.dark{color:#4d2b00}h1,h2{margin:16px 0;font-weight:900;line-height:.9;letter-spacing:-.065em}h1{font-size:clamp(66px,8.4vw,138px)}h2{font-size:clamp(48px,6.2vw,94px)}p{color:var(--muted);line-height:1.65}
.counter-nav{position:fixed;left:20px;bottom:22px;width:185px;z-index:50;border:1px solid var(--line);border-radius:20px;background:rgba(12,28,50,.95);backdrop-filter:blur(12px);padding:15px}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;font-size:12px}.brandmark{color:var(--orange);font-family:monospace;letter-spacing:-2px}.scroll-count{margin:16px 0 12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#0c1b30;font:800 22px "Courier New",monospace;letter-spacing:.15em;color:var(--orange)}.counter-nav nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.counter-nav nav a{text-decoration:none;font-size:9px;letter-spacing:.12em;color:var(--muted)}.counter-nav small{display:block;margin-top:12px;font:700 8px "Courier New",monospace;color:#8391aa}.mobile-head{display:none}.mobile-head.always{display:flex;height:62px;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:#0b172b}.mobile-head a{text-decoration:none;font-weight:900}
.count-wall{min-height:100vh;display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;background:linear-gradient(180deg,#081426,#0c1a30)}.number-stack{font:900 clamp(78px,11vw,170px)/.78 "Arial Black",Arial,sans-serif;color:#16345a;display:flex;flex-direction:column;letter-spacing:-.08em}.number-stack span:nth-child(2){color:#21436c}.number-stack span:nth-child(3){color:#2b527e}.number-stack span:nth-child(4){color:#355f8e}.number-stack span:nth-child(5){color:var(--orange)}.wall-copy p{font-size:20px;max-width:720px}
.tap-section{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#0b172b}.tap-display{min-height:720px;border:1px solid var(--line);border-radius:30px;padding:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#10223b}.big-count{font:900 clamp(130px,16vw,280px)/.8 "Arial Black",Arial,sans-serif;letter-spacing:-.08em}.today-label{font:700 11px "Courier New",monospace;color:var(--muted);letter-spacing:.16em}.tap-button{margin-top:32px;width:230px;height:230px;border-radius:50%;border:14px solid #213a61;background:var(--orange);font-size:72px;cursor:default}.tap-meta{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}.tap-meta div{border-top:1px solid var(--line);padding-top:14px}.tap-meta span{display:block;font:700 9px "Courier New",monospace;color:var(--muted)}.tap-meta b{display:block;margin-top:8px}.screen{margin:0;position:relative;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#0d1c33}.screen img{width:100%;height:100%;object-fit:cover;display:block}.screen figcaption,.seq figcaption{position:absolute;left:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(8,20,38,.92);font:700 9px "Courier New",monospace}.screen.tall{height:760px}
.undo-reset{display:grid;grid-template-columns:.35fr .65fr;gap:16px}.undo,.reset{min-height:380px;border:1px solid var(--line);border-radius:24px;padding:28px;background:#132846}.reset{background:#1c3153}.undo h2,.reset h2{font-size:clamp(40px,4.6vw,70px)}.mini-counter{margin-top:40px;font:900 50px "Courier New",monospace;color:var(--orange)}.wipe{margin-top:40px;border:1px solid var(--line);height:90px;position:relative;overflow:hidden;display:flex;align-items:center;padding:0 22px;font:900 44px "Courier New",monospace}.wipe i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--orange);opacity:.9}.wipe.active i{animation:wipe 1.1s ease forwards}@keyframes wipe{0%{width:0}60%{width:100%}100%{width:0;left:100%}}
.totals{background:#0b172a}.totals-head{max-width:900px}.total-wall{margin-top:42px;display:grid;grid-template-columns:1.15fr .75fr 1fr .85fr 1.25fr .7fr .9fr;align-items:end;gap:10px}.total-wall div{border:1px solid var(--line);background:var(--panel);padding:18px;min-height:170px;display:flex;flex-direction:column;justify-content:space-between}.total-wall span{font:700 10px "Courier New",monospace;color:var(--muted)}.total-wall b{font:900 clamp(42px,5vw,84px) "Arial Black",Arial,sans-serif;color:var(--orange)}
.history{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px}.history-copy{align-self:center}.history-ribbon{grid-column:1/3;display:flex;gap:28px;white-space:nowrap;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;font:700 12px "Courier New",monospace;color:var(--orange)}.history-shot{grid-column:2;height:720px}
.feedback{display:grid;grid-template-columns:1fr 1fr;gap:28px;background:#0c1a30}.settings-shot{height:720px}.feedback-panel{align-self:center}.hardware{margin-top:30px;border-top:1px solid var(--line)}.hardware>div{display:grid;grid-template-columns:1fr auto 54px;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}.hardware span{font:700 10px "Courier New",monospace;color:var(--muted)}.hardware i{height:28px;border-radius:999px;background:var(--orange);position:relative}.hardware i:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;right:4px;top:4px;background:#231600}
.screens{background:#091628}.screens-head{display:grid;grid-template-columns:.3fr 1fr;gap:24px}.screen-sequence{margin-top:46px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.seq{position:relative;margin:0;min-height:600px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#10213a}.seq>span{position:absolute;right:14px;top:-24px;z-index:2;font:900 150px "Arial Black",Arial,sans-serif;color:rgba(255,172,34,.18)}.seq img{width:100%;height:100%;object-fit:cover}
.studio{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center}.studio-copy p{font-size:20px}.banner{margin:0;border:1px solid var(--line);border-radius:24px;overflow:hidden}.banner img{width:100%;display:block}.dev-head{display:grid;grid-template-columns:.3fr 1fr;gap:24px}.dev-list{margin-top:40px;border-top:1px solid var(--line)}.dev-list article{display:grid;grid-template-columns:180px 1fr;padding:22px 0;border-bottom:1px solid var(--line)}.dev-list span{font:700 10px "Courier New",monospace;color:var(--orange)}.dev-list b{font-size:24px}
.milestone{background:var(--orange)}.milestone-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;color:var(--ink)}.hundred{font:900 clamp(170px,24vw,420px)/.75 "Arial Black",Arial,sans-serif;letter-spacing:-.1em}.milestone-copy h2{color:var(--ink)}.milestone-copy p{color:#4d2b00}.milestone-product{display:flex;align-items:center;gap:16px;margin:25px 0}.milestone-product img{width:88px;height:88px;border-radius:20px}.milestone-product span{display:block;color:#5b3907;margin-top:5px}.milestone-copy>a{display:inline-block;background:var(--ink);color:white;padding:16px 22px;border-radius:999px;text-decoration:none;font-weight:900}
.contact{display:flex;justify-content:center}.ticket{width:min(860px,100%);background:#f2eadc;color:#111820;border-radius:4px;padding:34px;position:relative}.ticket:before,.ticket:after{content:"";position:absolute;left:0;right:0;height:1px;border-top:2px dashed #988d7b}.ticket:before{top:88px}.ticket:after{bottom:88px}.ticket-no{font:700 11px "Courier New",monospace}.ticket>div:not(.ticket-no):not(.barcode){display:grid;grid-template-columns:130px 1fr;gap:20px;padding:16px 0;border-top:1px solid #c7bdac}.ticket span{font:700 9px "Courier New",monospace;color:#655e53}.ticket a{text-decoration:none}.barcode{margin-top:26px;height:54px;background:repeating-linear-gradient(90deg,#111 0 2px,transparent 2px 5px,#111 5px 9px,transparent 9px 12px)}
footer{padding:22px clamp(22px,5vw,84px);display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.in{opacity:1;transform:none}.privacy-main{padding:100px clamp(20px,6vw,100px);max-width:1000px;margin:0 auto}.privacy-card{margin-top:40px;border:1px solid var(--line);border-radius:24px;background:var(--panel);padding:32px}
@media(max-width:980px){.counter-nav{display:none}.mobile-head{display:flex;position:sticky;top:0;z-index:50;height:62px;align-items:center;justify-content:space-between;padding:0 18px;background:rgba(8,20,38,.96);border-bottom:1px solid var(--line)}.mobile-head a{text-decoration:none;font-weight:900}.mobile-head span{font:700 9px "Courier New",monospace;color:var(--muted)}.count-wall,.tap-section,.history,.feedback,.studio,.milestone-card{grid-template-columns:1fr}.history-ribbon{grid-column:1}.history-shot{grid-column:1}.total-wall{grid-template-columns:repeat(2,1fr)}.screen-sequence{grid-template-columns:1fr}.undo-reset{grid-template-columns:1fr}.dev-list article{grid-template-columns:140px 1fr}}
@media(max-width:650px){.section{padding-top:72px;padding-bottom:72px}.number-stack{font-size:90px}.tap-meta{grid-template-columns:1fr}.tap-button{width:190px;height:190px}.total-wall{grid-template-columns:1fr}.screen.tall,.history-shot,.settings-shot{height:580px}.screens-head,.dev-head{grid-template-columns:1fr}.seq{min-height:520px}.dev-list article{grid-template-columns:1fr;gap:7px}.hundred{font-size:170px}.ticket>div:not(.ticket-no):not(.barcode){grid-template-columns:1fr;gap:6px}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}