:root{--black:#0B0B0B;--yellow:#E4FF1A;--red:#FF3B1F;--white:#fff;--grey:#CFCFCF;--pad:clamp(16px,3vw,34px)}
*{box-sizing:border-box}
html{background:var(--black)}
body{margin:0;background:var(--black);color:var(--white);font:15px/1.4 'Archivo','Helvetica Neue',Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column}
[hidden]{display:none!important}
h1,h2,h3,p{margin:0}
.an{font-family:'Anton','Archivo',sans-serif;font-weight:400;text-transform:uppercase;line-height:.95;letter-spacing:.005em}
.sm{font-family:'Space Mono',monospace;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
a{color:inherit}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.yel{color:var(--yellow)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px;z-index:10}

/* ticker */
.tick{height:34px;flex:none;background:var(--yellow);color:var(--black);overflow:hidden;display:flex;align-items:center;white-space:nowrap}
.tick-run{display:flex;gap:34px;padding-left:13px;animation:run 40s linear infinite}
@keyframes run{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tick-run{animation:none}}

/* header */
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:21px var(--pad) 0}
.top .tagline{font-family:'Space Mono',monospace;font-size:10px;color:var(--grey);margin-top:3px;text-transform:uppercase}
.logo{font-size:24px;text-decoration:none}
.cd{display:flex;gap:8px}
.cd div{background:#fff;color:var(--black);width:clamp(46px,6vw,60px);height:clamp(46px,6vw,60px);display:flex;flex-direction:column;align-items:center;justify-content:center}
.cd b{font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(20px,2.6vw,28px);line-height:1}
.cd span{font-family:'Space Mono',monospace;font-size:9px;font-weight:700}

/* buttons, inputs */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:56px;padding:0 28px;background:var(--black);color:var(--yellow);font:400 clamp(18px,2vw,24px)/1 'Anton',sans-serif;letter-spacing:.03em;text-transform:uppercase;border:0;cursor:pointer;text-decoration:none}
.btn.y{background:var(--yellow);color:var(--black)}
.btn.w{background:#fff;color:var(--black)}
.btn.line{background:transparent;color:var(--black);border:3px solid var(--black)}
.btn:disabled{opacity:.55;cursor:wait}
.err{color:var(--red);font-weight:800;margin-top:10px;min-height:1.4em}
.on-yellow .err{color:#B3200A}
.note{font-family:'Space Mono',monospace;font-size:12px;color:#B9B9B9}
.trust{font-size:13px;color:var(--grey)}.trust b{color:#fff;font-weight:800}

/* stickers (ads) */
.sticker{background:#fff;padding:6px 6px 0;position:relative;box-shadow:0 8px 21px rgba(0,0,0,.5);margin:0}
.sticker img,.sticker .ph{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:#222}
.tag{display:flex;justify-content:space-between;align-items:center;min-height:34px;color:var(--black)}
.tag .an{font-size:22px}.tag .sm{font-size:10px}
.tag a.get{font-family:'Space Mono',monospace;font-weight:700;font-size:11px;text-transform:uppercase;text-decoration:underline;padding:8px 0 8px 8px}
.lock{aspect-ratio:4/5;position:relative;overflow:hidden;border:2px solid #fff;background:#222}
.lock img{width:100%;height:100%;object-fit:cover;display:block;filter:blur(8px) brightness(.7)}
.lock span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.burst{background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;line-height:.9;font-family:'Anton',sans-serif;text-transform:uppercase;clip-path:polygon(50% 0%,61% 12%,75% 6%,78% 21%,93% 22%,88% 37%,100% 50%,88% 63%,93% 78%,78% 79%,75% 94%,61% 88%,50% 100%,39% 88%,25% 94%,22% 79%,7% 78%,12% 63%,0% 50%,12% 37%,7% 22%,22% 21%,25% 6%,39% 12%)}

/* landing */
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--pad);padding:13px var(--pad) var(--pad);flex:1;position:relative}
.hero h1{font-size:clamp(52px,8vw,96px);margin-top:21px}
.lede{font-size:18px;max-width:480px;color:#F0F0F0;margin-top:16px}
.entry{background:var(--yellow);color:var(--black);padding:13px;display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:28px}
.entry .field{flex:1 1 260px;padding:0 13px}
.entry label{display:block;font-size:10px}
.entry input{width:100%;border:0;background:transparent;font:400 clamp(26px,3.6vw,38px)/1.1 'Anton',sans-serif;text-transform:none;color:var(--black);padding:4px 0}
.entry input::placeholder{color:rgba(0,0,0,.45)}
.entry-wrap .trust{margin-top:13px}
.wall{position:relative;overflow:hidden;min-height:420px}
.wall-in{position:absolute;left:10%;top:-30px;display:flex;gap:13px;transform:rotate(5deg);transform-origin:top left;width:min(520px,95%)}
.wall-in div{display:flex;flex-direction:column;gap:13px;flex:1}
.wall-in div:nth-child(1){margin-top:40px}.wall-in div:nth-child(2){margin-top:-20px}.wall-in div:nth-child(3){margin-top:80px}
.wall .burst{position:absolute;left:0;top:30%;width:140px;height:150px;font-size:44px;transform:rotate(-12deg);z-index:2}
.wall .burst small{font-size:20px;display:block}

/* making */
.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:21px;padding:var(--pad)}
.center h2{font-size:clamp(44px,7vw,84px)}
.stack{display:flex;gap:10px}
.stack i{width:46px;aspect-ratio:4/5;background:#222;border:2px solid #fff;animation:pulse 1.2s ease-in-out infinite}
.stack i:nth-child(2){animation-delay:.15s}.stack i:nth-child(3){animation-delay:.3s}.stack i:nth-child(4){animation-delay:.45s}.stack i:nth-child(5){animation-delay:.6s}
@keyframes pulse{50%{background:var(--yellow)}}
@media (prefers-reduced-motion:reduce){.stack i{animation:none}}

/* reveal */
.head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:21px var(--pad) 0}
.head-row h2{font-size:clamp(40px,5.6vw,66px)}
.five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:21px;padding:34px var(--pad) 0;align-items:start}
.five .sticker:nth-child(odd){transform:rotate(-2deg)}.five .sticker:nth-child(even){transform:rotate(2deg)}
.five button.sticker{border:0;font:inherit;cursor:pointer;text-align:left}
.more{padding:28px var(--pad) 0}.more p{color:var(--yellow);font-size:11px;margin-bottom:8px}
.fifteen{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}
.cta{margin-top:auto;background:var(--yellow);color:var(--black);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px var(--pad)}
.cta .an{font-size:clamp(26px,3.4vw,34px);display:block}.cta span.s{font-size:12px}
.cta .btn{color:#fff}

/* sign-up */
.signup{flex:1;display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr)}
.order{background:var(--yellow);color:var(--black);padding:var(--pad);display:flex;flex-direction:column;gap:8px}
.order h2{font-size:clamp(44px,6vw,64px);margin:20px 0 8px}
.dl{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font:700 14px 'Space Mono',monospace;text-transform:uppercase;margin:8px 0}
.dl i{flex:1;border-bottom:2px dotted currentColor;transform:translateY(-4px)}
.total{border-top:4px solid var(--black);margin-top:13px;padding-top:8px;display:flex;justify-content:space-between;align-items:baseline}
.total .an{font-size:clamp(56px,8vw,88px)}
.minis{display:flex;gap:8px;margin-top:auto;padding-top:20px}
.minis img,.minis .ph{width:30%;max-width:128px;aspect-ratio:4/5;object-fit:cover;border:3px solid var(--black);background:#222}
.form{padding:clamp(20px,4vw,42px) clamp(20px,5vw,55px);display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.form h2{font-size:clamp(44px,6vw,64px);margin-top:8px}
.form input[type=email],.form input[type=text]{display:block;width:100%;height:64px;margin-top:8px;border:3px solid #fff;background:transparent;color:#fff;font:400 22px 'Archivo',sans-serif;padding:0 21px}
.form input[type=text]{height:52px;font-size:18px}
.form .taglines input.tl{margin-top:6px}
.q{border:0;padding:0;margin:0}
.q legend{font-size:19px;font-weight:800;margin-bottom:13px;padding:0}
.choices{display:flex;gap:13px}
.choices input{position:absolute;opacity:0}
.choices label{flex:1;min-height:60px;border:3px solid #fff;background:#fff;display:flex;align-items:center;justify-content:center;font:400 22px 'Anton',sans-serif;text-transform:uppercase;color:var(--black);cursor:pointer}
.choices input:checked+label{background:var(--yellow);border-color:var(--yellow);box-shadow:inset 0 0 0 3px var(--black)}
.choices input:focus-visible+label{outline:3px solid var(--red);outline-offset:2px}

/* inbox */
.inbox{flex:1;background:var(--yellow);color:var(--black);display:flex;align-items:center;justify-content:center;gap:55px;padding:var(--pad);flex-wrap:wrap}
.receipt{width:min(400px,100%);background:#fff;padding:28px 28px 26px;transform:rotate(-2deg);box-shadow:0 14px 34px rgba(0,0,0,.35)}
.receipt .c{text-align:center}.receipt hr{border:0;border-top:2px dashed var(--black);margin:21px 0}
.receipt .big{font-size:44px;text-align:center}
.barcode{height:46px;background:repeating-linear-gradient(90deg,#0B0B0B 0 2px,#fff 2px 5px,#0B0B0B 5px 6px,#fff 6px 10px);margin-top:21px}
.waiting{width:min(440px,100%)}
.waiting .n{font-size:96px;line-height:.85;display:inline-block}.waiting .t{font-size:36px;margin-left:13px;display:inline-block}
.wgrid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin:21px 0}
.wgrid div{aspect-ratio:4/5;background:var(--black);overflow:hidden;border:2px solid var(--black)}
.wgrid img{width:100%;height:100%;object-fit:cover;filter:blur(4px)}
.row{display:flex;gap:8px;flex-wrap:wrap}

/* members */
.m-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;padding:21px var(--pad) 90px}
.m-bar{position:sticky;bottom:0;background:#fff;color:var(--black);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px var(--pad);box-shadow:0 -8px 21px rgba(0,0,0,.4)}
.m-bar .an{font-size:24px}.m-bar span.s{font:600 14px 'Archivo',sans-serif;text-transform:none;margin-left:8px}
.m-bar .choices{gap:8px}.m-bar .choices label{min-height:40px;width:90px;flex:none;font-size:16px;border-color:var(--black)}
.m-bar .choices input:checked+label{background:var(--yellow);border-color:var(--black)}
.thanks{font-weight:800}

/* text pages */
.doc{max-width:720px;padding:var(--pad);margin:0 auto;flex:1}
.doc h1{font-size:clamp(44px,7vw,72px);margin:21px 0}
.doc h2{font:400 28px 'Anton',sans-serif;text-transform:uppercase;margin:28px 0 8px}
.doc p,.doc li{color:#E8E8E8;margin-bottom:10px}
.draft{background:var(--red);padding:5px 13px;display:inline-block}
footer{padding:16px var(--pad);display:flex;gap:21px;flex-wrap:wrap;color:var(--grey);font-size:12px}

@media (max-width:900px){
  .hero,.signup{grid-template-columns:1fr}
  .wall{min-height:300px;order:-1;max-height:300px}
  .wall-in{left:-10px;width:430px;top:0}.wall-in div{width:130px}
  .wall .burst{left:auto;right:20px;top:20px;width:92px;height:92px;font-size:26px}.wall .burst small{display:none}
  .five{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
  .fifteen{grid-template-columns:repeat(6,minmax(0,1fr))}
  .m-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .form input[type=email],.form input[type=text]{font-size:16px;padding:0 14px}
  .top .tagline{max-width:190px}
  .cd{display:none}
}

/* layout helpers (no inline styles: the content policy blocks them) */
.main{display:contents}
.col{flex:1;display:flex;flex-direction:column}
.entry-wrap{display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.full{flex-basis:100%;margin:0}
.brand{font-size:24px}
.small{font-size:13px;margin-top:13px}
.hint{margin-top:8px}
.place{width:100%;height:72px;font-size:30px}
.legal{font-size:11px;margin-top:8px}
.tiny{font-size:12px}
.sent{text-align:center;font-size:14px;margin:13px 0 0}
.receipt .brand{font-size:30px}
.ph.fill{background:linear-gradient(135deg,#222,#333)}
.wall .tile{aspect-ratio:4/5;background:#fff;padding:5px;box-shadow:0 8px 21px rgba(0,0,0,.5)}
.wall .tile i{display:block;width:100%;height:100%}
.t-y{background:var(--yellow)}.t-r{background:var(--red)}.t-k{background:#222}.t-w{background:#e8e8e8}
.a-link{color:var(--yellow)}
.head{font-size:clamp(36px,5vw,60px)}
.center-row{align-items:center;gap:21px}.price{font-size:34px}
.pad{padding:0 var(--pad)}

.hero h1 .sub{display:block;font-family:'Archivo',sans-serif;font-weight:600;text-transform:none;letter-spacing:0;font-size:clamp(18px,2.4vw,26px);line-height:1.3;margin-top:16px}

.up{margin:21px var(--pad) 0;padding:21px;display:flex;flex-direction:column;gap:13px}
.up h2{font-size:clamp(26px,4vw,40px)}
.up .s{font:600 15px/1.4 'Archivo',sans-serif;color:var(--black)}
.up input[type=file]{font:600 16px 'Archivo',sans-serif;color:var(--black);max-width:100%}
.up .err{color:#B00;min-height:0}
.up .row{display:flex;gap:13px;flex-wrap:wrap}