/* CHAT GPC — Synthwave Sunset */
@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Rubik:wght@400;500;600;700&family=Press+Start+2P&display=swap');

:root{
  --bg:#160a26; --fg:#fff4e0; --card:#1f1233; --muted:#b8a6cc;
  --primary:#e64aa0; --primary-glow:#ff66c4; --secondary:#ff8a42;
  --border:#5a2a55;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--fg);font-family:'Rubik',sans-serif;line-height:1.5;min-height:100%}
body{
  background-image:
    radial-gradient(ellipse at top, rgba(230,74,160,.25) 0%, transparent 60%),
    radial-gradient(ellipse at bottom, rgba(255,138,66,.15) 0%, transparent 70%),
    var(--bg);
  background-attachment:fixed;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 1.25rem}
.font-display{font-family:'Press Start 2P','Space Mono',monospace;letter-spacing:.05em}
h1,h2,h3,h4{font-family:'Press Start 2P','Space Mono',monospace;letter-spacing:-.01em;line-height:1.15}
.text-glow{text-shadow:0 0 12px rgba(255,102,196,.8),0 0 24px rgba(230,74,160,.5)}
.text-glow-orange{text-shadow:0 0 12px rgba(255,138,66,.8);color:var(--secondary)}
.scanlines{background-image:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.15) 2px 3px)}

/* NAV */
.nav{position:sticky;top:0;z-index:50;background:rgba(22,10,38,.75);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.nav .row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;flex-wrap:wrap;gap:.5rem}
.nav .brand{display:flex;align-items:center;gap:.75rem;font-weight:700}
.nav .brand img{height:40px;width:auto;border-radius:3px;image-rendering:pixelated}
.nav .links a{font-family:'Press Start 2P',monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;padding:.5rem .75rem;color:var(--fg)}
.nav .links a:hover{color:var(--primary)}
.nav .links a.active{color:var(--primary)}
.nav .links a.r18{color:var(--secondary)}

/* HERO */
.hero{position:relative;overflow:hidden;text-align:center;padding:5rem 0}
.hero h1{font-size:clamp(2.5rem,7vw,5.5rem);margin-bottom:1.5rem}
.hero .kicker{font-family:'Press Start 2P',monospace;font-size:.75rem;letter-spacing:.4em;color:var(--secondary);margin-bottom:1.5rem;text-transform:uppercase}
.hero p.lead{max-width:640px;margin:0 auto 2rem;color:var(--muted);font-size:1.1rem}
.btn-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn{font-family:'Press Start 2P',monospace;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:1rem 2rem;display:inline-block;cursor:pointer;border:none;transition:transform .15s}
.btn-primary{background:var(--primary);color:var(--bg);font-weight:700}
.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--primary)}
.btn-outline{background:transparent;border:2px solid var(--secondary);color:var(--secondary)}
.btn-outline:hover{background:var(--secondary);color:var(--bg)}
.btn-secondary{background:var(--secondary);color:var(--bg);font-weight:700}
.btn-secondary:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--secondary)}

/* SECTIONS */
section{padding:4rem 0}
.section-head{text-align:center;margin-bottom:3rem}
.section-head .kicker{font-family:'Press Start 2P',monospace;font-size:.7rem;letter-spacing:.4em;color:var(--secondary);text-transform:uppercase;margin-bottom:.75rem}
.section-head h2{font-size:clamp(1.75rem,4vw,3rem)}

.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}

.feature{background:linear-gradient(160deg,#1f1233,#291940);border:2px solid var(--border);padding:1.5rem}
.feature:hover{border-color:var(--primary)}
.feature .icon{font-family:'Press Start 2P',monospace;font-size:2.25rem;color:var(--secondary);margin-bottom:.75rem}
.feature h3{font-size:1.1rem;margin-bottom:.5rem}
.feature p{color:var(--muted);font-size:.9rem}

/* PRODUCT CARD */
.product{position:relative;background:linear-gradient(160deg,#1f1233,#291940);border:2px solid var(--border);overflow:hidden;transition:all .2s}
.product:hover{border-color:var(--primary);box-shadow:0 0 24px rgba(230,74,160,.4)}
.product .badge{position:absolute;top:.75rem;left:.75rem;z-index:2;background:var(--secondary);color:var(--bg);font-family:'Press Start 2P',monospace;font-size:.65rem;font-weight:700;padding:.4rem .55rem;letter-spacing:.1em}
.product .img{aspect-ratio:1/1;overflow:hidden;background:#2a1840;position:relative}
.product .img img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;transition:transform .5s}
.product:hover .img img{transform:scale(1.05)}
.product .img .scan{position:absolute;inset:0;pointer-events:none;opacity:.4;background-image:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.15) 2px 3px)}
.product .body{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}
.product h3{font-size:1.1rem}
.product .tagline{color:var(--muted);font-size:.85rem}
.product ul{list-style:none;color:var(--muted);font-size:.75rem;font-family:'Space Mono',monospace}
.product ul li{padding:.1rem 0}
.product .foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:.75rem}
.product .price{font-family:'Press Start 2P',monospace;font-size:1.4rem;color:var(--secondary);text-shadow:0 0 12px rgba(255,138,66,.6)}
.product .buy{background:var(--primary);color:var(--bg);font-family:'Press Start 2P',monospace;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.6rem .9rem;border:none;cursor:pointer;transition:transform .15s}
.product .buy:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--primary)}

/* CTA */
.cta{background:linear-gradient(135deg,var(--primary),var(--secondary));padding:3rem 1.5rem;text-align:center;position:relative;overflow:hidden}
.cta h2{font-size:clamp(1.75rem,4vw,3rem);color:var(--bg);margin-bottom:1rem}
.cta p{color:rgba(22,10,38,.85);margin-bottom:1.5rem;max-width:36rem;margin-left:auto;margin-right:auto}
.cta .btn{background:var(--bg);color:var(--fg)}

/* ADULT GATE */
.gate{background:linear-gradient(160deg,#1f1233,#291940);border:2px solid var(--secondary);padding:2.5rem;text-align:center;max-width:36rem;margin:0 auto}
.gate .big{font-family:'Press Start 2P',monospace;font-size:3rem;color:var(--secondary);margin-bottom:1rem;text-shadow:0 0 12px rgba(255,138,66,.8)}

/* FOOTER */
footer{border-top:1px solid var(--border);margin-top:5rem;padding:2.5rem 0}
footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;font-size:.9rem}
footer .col p.title{font-family:'Press Start 2P',monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--secondary);margin-bottom:.5rem}
footer .muted{color:var(--muted)}
footer .copy{margin-top:2rem;font-size:.75rem;color:var(--muted);font-family:'Space Mono',monospace}

/* FORM */
form.contact{display:grid;gap:1rem;max-width:520px;margin:0 auto}
form.contact input,form.contact textarea{background:#1f1233;border:2px solid var(--border);color:var(--fg);padding:.75rem 1rem;font-family:'Rubik',sans-serif;font-size:1rem}
form.contact input:focus,form.contact textarea:focus{outline:none;border-color:var(--primary)}
form.contact textarea{min-height:140px;resize:vertical}

.note{background:linear-gradient(160deg,#1f1233,#291940);border:2px solid var(--border);padding:1.5rem;text-align:center;margin-top:3rem;color:var(--muted)}
.note .label{font-family:'Press Start 2P',monospace;font-size:.65rem;color:var(--secondary);text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.15em}

.hidden{display:none}

@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
.blink{animation:blink 1s steps(2) infinite}