/* FILE: css/style.css | Progress 3/26 | One stylesheet for every page. */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Tilt+Neon&display=swap');
:root{--cream:#FAF3E7;--red:#C13B3B;--mint:#9FD6C3;--chrome:#D9D9D9;--navy:#1E2A44;--ink:#2B2118;--muted:#8A7B6C;--pink:#ff6fb5;--cyan:#65e4df;--shadow:0 10px 0 rgba(43,33,24,.08);--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Nunito,Arial,sans-serif;line-height:1.6}body:before{content:"";position:fixed;inset:auto 0 0;height:110px;background:repeating-conic-gradient(#fff 0 25%,#d9bfa9 0 50%) 50%/44px 44px;opacity:.22;z-index:-1;pointer-events:none}a{color:inherit}.container{width:min(1120px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(250,243,231,.96);border-bottom:3px double var(--chrome);backdrop-filter:blur(8px)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-cup{width:40px;height:40px;border:3px solid var(--red);border-radius:10px 10px 16px 16px;display:grid;place-items:center;background:var(--cream);position:relative;box-shadow:inset 0 -7px 0 var(--mint)}.logo-cup:after{content:"";position:absolute;right:-10px;top:10px;width:9px;height:13px;border:3px solid var(--red);border-left:0;border-radius:0 9px 9px 0}.brand-name{font-family:'Tilt Neon',cursive;font-size:1.55rem;letter-spacing:.03em}.nav-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.nav-links a{text-decoration:none;font-weight:800;font-size:.92rem}.nav-cart{background:var(--red);color:var(--cream);padding:5px 10px;border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;border:2px solid transparent;text-decoration:none;font-weight:900;cursor:pointer;transition:.2s ease;box-shadow:0 3px 0 rgba(43,33,24,.1)}.btn:hover,.btn:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 3px rgba(255,111,181,.22),0 0 14px rgba(101,228,223,.35)}.btn-primary{background:var(--red);color:var(--cream)}.btn-secondary{background:var(--navy);color:var(--cream)}.btn-outline{background:transparent;color:var(--navy);border-color:var(--navy)}button{font:inherit}.section{padding:74px 0}.eyebrow{font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--red);font-size:.8rem}.section-title{font-family:'Tilt Neon',cursive;font-size:clamp(2.1rem,5vw,4rem);line-height:1.05;margin:.2em 0 .35em}.section-intro{max-width:680px;color:var(--muted);font-size:1.05rem}.hero{min-height:calc(100vh - 74px);display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#fff9ef 0%,#FAF3E7 70%,#eadcc9 100%)}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:18%;background:repeating-conic-gradient(#fff 0 25%,#d7c3b2 0 50%) 50%/54px 54px;opacity:.65}.hero-inner{width:min(1200px,94%);min-height:650px;display:grid;place-items:center;position:relative;z-index:1}.hero-art{position:absolute;inset:4% 0 0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.95)}.hero-copy{position:relative;text-align:center;max-width:760px;padding:24px}.neon-sign{display:inline-block;font-family:'Tilt Neon',cursive;font-size:clamp(3.2rem,9vw,7rem);letter-spacing:.04em;color:#fff;border:4px solid var(--pink);padding:8px 18px;border-radius:16px;background:rgba(30,42,68,.72);text-shadow:0 0 5px #fff,0 0 16px var(--pink),0 0 30px var(--pink);box-shadow:0 0 7px var(--pink),inset 0 0 12px rgba(255,111,181,.4)}.flicker{animation:flicker 4s infinite}.hero-copy h1{margin:20px 0 8px;font-size:1.55rem}.hero-copy p{font-size:1.08rem}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}@keyframes flicker{0%,94%,96%,100%{opacity:1}95%,97%{opacity:.72}}.order-grid{display:grid;gap:18px;margin-top:32px}.plate{background:var(--cream);border:5px double var(--chrome);border-radius:999px;padding:22px 28px;display:grid;grid-template-columns:100px 1fr;align-items:center;gap:20px;box-shadow:var(--shadow);transform:translateX(-40px);opacity:0}.plate.visible{animation:slidePlate .7s forwards}.plate:nth-child(2).visible{animation-delay:.12s}.plate:nth-child(3).visible{animation-delay:.24s}@keyframes slidePlate{to{transform:translateX(0);opacity:1}}.plate-number{width:76px;height:76px;border-radius:50%;background:var(--red);color:var(--cream);display:grid;place-items:center;font-weight:900}.plate h3{margin:0;font-family:'Tilt Neon',cursive;font-size:1.5rem}.wall{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:28px}.regular-card{background:#fff5cf;border:3px dashed var(--red);padding:20px 12px;min-height:190px;transform:rotate(-1deg);box-shadow:4px 6px 0 rgba(43,33,24,.12)}.regular-card:nth-child(even){transform:rotate(2deg);background:#f2e4c9}.regular-hole{height:14px;width:14px;border:2px solid var(--red);border-radius:50%;margin:0 auto 16px;background:var(--cream)}.quote-frame{border:5px double var(--chrome);background:var(--navy);color:var(--cream);padding:44px;border-radius:16px;box-shadow:0 0 18px rgba(101,228,223,.2)}.quote-frame blockquote{font-family:'Tilt Neon',cursive;font-size:clamp(1.7rem,4vw,3.2rem);margin:0;text-align:center;text-shadow:0 0 9px rgba(101,228,223,.65)}.neon-corner{margin-top:40px;min-height:260px;display:grid;place-items:end;padding:28px;border-radius:16px;background:linear-gradient(140deg,#d7c2ad 0 58%,#9b8068 58%);border:5px double var(--chrome);overflow:hidden}.neon-mini{font-family:'Tilt Neon',cursive;color:#fff;border:3px solid var(--cyan);padding:14px 18px;background:var(--navy);text-shadow:0 0 8px var(--cyan);box-shadow:0 0 16px rgba(101,228,223,.6);transform:rotate(-3deg)}.subscribe-box{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px;border:5px double var(--chrome);border-radius:var(--radius);background:var(--cream)}.feature-panel{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:30px 0;border-bottom:3px double var(--chrome)}.feature-panel:nth-of-type(even) .panel-art{order:-1}.panel-art{background:#fff;border:5px double var(--chrome);border-radius:12px;padding:10px}.panel-art img{width:100%;display:block;border-radius:8px}.feature-copy h2{font-family:'Tilt Neon',cursive;font-size:2.4rem}.icon-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.icon-box{padding:18px;border:3px double var(--chrome);border-radius:12px;text-align:center;background:#fffaf1}.icon{font-size:2rem}.pricing-head{text-align:center;max-width:780px;margin:auto}.stripe-line{font-size:.92rem;color:var(--muted);max-width:740px;margin:12px auto}.jukebox{margin:35px auto;max-width:930px;text-align:center}.jukebox-body{width:min(560px,100%);margin:auto;background:linear-gradient(90deg,#a9a9a9,#f4f4f4 16%,#bcbcbc 52%,#f7f7f7 84%,#aaa);border:8px double #777;border-radius:34px 34px 16px 16px;padding:28px;box-shadow:0 12px 0 rgba(43,33,24,.16)}.jukebox-top{height:90px;border-radius:70% 70% 12px 12px;background:var(--navy);border:4px solid var(--pink);box-shadow:0 0 20px rgba(255,111,181,.45);display:grid;place-items:center;color:#fff;font-family:'Tilt Neon',cursive;font-size:2rem}.record{width:160px;height:160px;border-radius:50%;margin:22px auto;background:repeating-radial-gradient(circle,#222 0 5px,#555 6px 8px);border:10px solid #888;display:grid;place-items:center;transition:.7s transform}.record.spin{transform:rotate(360deg)}.record:after{content:"G";width:50px;height:50px;border-radius:50%;background:var(--red);display:grid;place-items:center;color:#fff;font-family:'Tilt Neon',cursive;font-size:1.5rem}.jukebox-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.plan-pick{border:3px solid var(--chrome);background:var(--cream);padding:12px;border-radius:12px;font-weight:900;cursor:pointer}.plan-pick.active,.plan-pick:hover{border-color:var(--red);box-shadow:0 0 12px rgba(255,111,181,.4)}.badge{display:inline-block;background:var(--pink);color:#3b1730;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:900}.jukebox-detail{margin:20px auto 0;max-width:760px;background:var(--navy);color:var(--cream);padding:24px;border-radius:12px;border:4px double var(--chrome);text-align:left;transform:translateY(-8px);opacity:0;transition:.3s}.jukebox-detail.show{transform:translateY(0);opacity:1}.promo{margin:25px auto;padding:16px;background:var(--red);color:var(--cream);font-weight:900;text-align:center;border-radius:10px}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.trust-row div{padding:14px;background:var(--mint);border-radius:10px;text-align:center;font-weight:900}.compare-wrap{overflow-x:auto;margin-top:36px}.compare{width:100%;border-collapse:collapse;background:var(--cream);border:5px double var(--chrome)}.compare th,.compare td{padding:14px;border:1px solid var(--chrome);text-align:left}.compare th{background:var(--navy);color:var(--cream)}.compare .hall{background:#f9d7e8;border-left:4px solid var(--red);border-right:4px solid var(--red)}.compare th.hall{background:var(--red)}.paper{max-width:720px;margin:30px auto;padding:42px 34px;background:#fff7dc;border:10px solid transparent;border-image:repeating-linear-gradient(45deg,var(--red),var(--red) 14px,var(--mint) 14px,var(--mint) 28px,var(--navy) 28px,var(--navy) 42px,var(--cream) 42px,var(--cream) 56px) 12;border-radius:4px;box-shadow:0 18px 30px rgba(43,33,24,.16)}.paper h1{font-family:'Tilt Neon',cursive;font-size:clamp(2.3rem,6vw,4.3rem);margin:.2em 0}.byline{font-weight:800;color:var(--muted)}.star-row{color:var(--red);font-weight:900}.gallery-main img{width:100%;height:auto;border:4px double var(--chrome);cursor:zoom-in}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.thumbs img{width:100%;height:100px;object-fit:cover;border:3px double var(--chrome);cursor:pointer}.paper ul{padding-left:22px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;border:3px double var(--chrome);margin:20px 0}.spec-grid div{padding:12px;border-bottom:1px solid var(--chrome)}.spec-grid div:nth-child(odd){font-weight:900;background:#f2e5cf}.distribution{display:flex;height:16px;border-radius:999px;overflow:hidden;background:#ddd;margin:8px 0 18px}.distribution span{background:var(--red);border-right:2px solid var(--cream)}.distribution span:nth-child(1){opacity:1}.distribution span:nth-child(2){opacity:.82}.distribution span:nth-child(3){opacity:.64}.distribution span:nth-child(4){opacity:.46}.distribution span:nth-child(5){opacity:.28}.review{padding:15px 0;border-bottom:2px dotted #bba98f}.review p{margin:4px 0}.check{margin-top:28px;padding:25px;border:4px double var(--chrome);background:#f5ead8;position:relative}.check:before{content:"BILL";position:absolute;top:-15px;right:20px;background:var(--red);color:#fff;padding:5px 12px;font-weight:900;transform:rotate(4deg)}.price-big{font-family:'Tilt Neon',cursive;font-size:3.4rem}.delivery{background:var(--mint);padding:12px;border-radius:8px;font-weight:900}.assurance{display:grid;gap:7px;margin:14px 0}.assurance span:before{content:"✓";color:var(--red);font-weight:900;margin-right:7px}.also{margin-top:25px}.also-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-paper{padding:16px;background:#fff7dc;border:4px double var(--chrome);border-radius:7px;text-decoration:none}.mini-paper img{width:100%;height:120px;object-fit:cover}.cart-layout{display:grid;grid-template-columns:1.4fr .7fr;gap:22px}.demo-bar{padding:12px;background:var(--navy);color:var(--cream);text-align:center;border-radius:10px;margin-bottom:18px}.cart-item,.summary,.form-card,.company-card,.faq-item{background:var(--cream);border:5px double var(--chrome);border-radius:12px;padding:20px;box-shadow:var(--shadow)}.cart-item{display:grid;grid-template-columns:100px 1fr auto;gap:18px;align-items:center;margin-bottom:12px}.cart-item img{width:100px;height:90px;object-fit:cover;border-radius:8px;border:3px double var(--chrome)}.qty{display:flex;align-items:center;gap:8px}.qty button{width:32px;height:32px;border:2px solid var(--navy);background:transparent;border-radius:7px;cursor:pointer}.empty{text-align:center;padding:55px 20px;background:#fffaf1;border:4px dashed var(--chrome);border-radius:12px}.checkout{max-width:560px;margin:auto}.checkout h1{font-family:'Tilt Neon',cursive;font-size:3rem}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-weight:900}.field input,.field textarea,.field select{width:100%;padding:12px;border:2px solid var(--chrome);border-radius:8px;background:#fff}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--red);outline-offset:2px}.success{padding:25px;background:var(--mint);border:4px double var(--navy);border-radius:12px}.story{max-width:800px;margin:auto}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.value{background:var(--navy);color:var(--cream);padding:25px;border-radius:12px}.company-card{margin-top:30px}.faq-list{display:grid;gap:10px}.faq-item summary{font-weight:900;cursor:pointer;font-size:1.05rem}.faq-item p{color:#4d4034}.legal{max-width:820px;margin:auto}.legal h1{font-family:'Tilt Neon',cursive;font-size:3.5rem}.legal h2{margin-top:30px}.legal p{margin:0 0 14px}.site-footer{margin-top:70px;background:var(--navy);color:var(--cream);padding:44px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer-grid a{display:block;color:var(--cream);text-decoration:none;margin:5px 0}.footer-note{border-top:1px solid rgba(250,243,231,.25);margin-top:25px;padding-top:18px;font-size:.85rem;color:#e4d8c9}.cookie{position:fixed;bottom:18px;left:18px;right:18px;z-index:100;background:var(--cream);border:4px double var(--chrome);padding:14px 18px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 10px 30px rgba(0,0,0,.18)}.cookie-actions{display:flex;gap:8px}.lightbox{position:fixed;inset:0;background:rgba(30,42,68,.88);display:none;align-items:center;justify-content:center;z-index:200;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:88vh;border:6px double var(--chrome);background:#fff}.close-lightbox{position:absolute;right:25px;top:18px;color:#fff;background:var(--red);border:0;border-radius:50%;width:44px;height:44px;font-size:1.4rem;cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:.84rem}.stripe-copy{font-weight:800}.footer-policy{font-weight:900;color:var(--cyan)!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:3px}@media(max-width:800px){.nav{align-items:flex-start;padding:12px 0}.nav-links{gap:8px}.nav-links a:nth-child(-n+4){display:none}.hero{min-height:760px}.hero-inner{min-height:700px}.hero-art{object-fit:cover}.wall{grid-template-columns:repeat(2,1fr)}.feature-panel,.cart-layout{grid-template-columns:1fr}.feature-panel:nth-of-type(even) .panel-art{order:initial}.icon-row,.values{grid-template-columns:repeat(2,1fr)}.trust-row{grid-template-columns:1fr}.jukebox-buttons{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.paper{padding:28px 20px}.cookie{flex-direction:column;align-items:flex-start}.cart-item{grid-template-columns:80px 1fr}.cart-item img{width:80px}.cart-item .item-actions{grid-column:2}.spec-grid{grid-template-columns:1fr}}@media(max-width:520px){.nav-links .btn{padding:8px 10px}.section{padding:52px 0}.wall,.also-grid,.icon-row,.values{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.subscribe-box{flex-direction:column;align-items:flex-start}.neon-sign{font-size:2.8rem}.plate{grid-template-columns:70px 1fr;padding:15px}.plate-number{width:60px;height:60px}.paper{border-width:7px}.checkout h1{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.flicker,.plate.visible{animation:none}.btn,.record,.jukebox-detail{transition:none}.plate{transform:none;opacity:1}}