/*
Theme Name: Karaoke by Chipz
Theme URI: https://karaokebychipz.com
Author: Chip Ziem
Description: Commercial storefront theme for Karaoke by Chipz and Karaoke Pro by Chipz.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: karaoke-by-chipz
*/
:root{--bg:#090b12;--panel:#121725;--panel2:#171d2d;--text:#f5f7ff;--muted:#aeb8cf;--cyan:#4de7ff;--violet:#a66cff;--pink:#ff4fb3;--green:#62e6a7;--line:#27304a;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,#241b45 0,transparent 28%),radial-gradient(circle at 10% 10%,#0c3240 0,transparent 25%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:20;background:rgba(9,11,18,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:74px;display:flex;align-items:center;gap:28px}.brand{font-weight:900;letter-spacing:.3px;font-size:1.25rem}.brand span{color:var(--cyan)}.nav nav{margin-left:auto}.nav ul{display:flex;list-style:none;gap:22px;margin:0;padding:0}.nav a:hover{color:var(--cyan)}.btn{display:inline-block;padding:13px 20px;border-radius:10px;font-weight:800;border:1px solid var(--line);transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#071018;border:0}.btn-secondary{background:#171d2d}.hero{padding:92px 0 70px;text-align:center}.eyebrow{color:var(--cyan);font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:.82rem}.hero h1{font-size:clamp(2.8rem,7vw,5.6rem);line-height:.95;margin:15px auto 22px;max-width:1000px}.gradient{background:linear-gradient(90deg,var(--cyan),#fff,var(--pink));-webkit-background-clip:text;color:transparent}.hero p{max-width:760px;margin:0 auto 28px;color:var(--muted);font-size:1.18rem}.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.trust{margin-top:28px;color:var(--muted);font-size:.92rem}.screen{margin:52px auto 0;max-width:1000px;border:1px solid #39425e;border-radius:18px;padding:10px;background:#0e1320;box-shadow:0 35px 100px rgba(0,0,0,.45)}.screen-inner{min-height:420px;border-radius:12px;background:linear-gradient(145deg,#141b2d,#0d1018);display:grid;grid-template-columns:1.25fr .75fr;gap:12px;padding:16px;text-align:left}.mock-main,.mock-side,.mock-row{background:#1a2235;border:1px solid #2a3551;border-radius:10px}.mock-main{padding:18px}.mock-side{padding:14px}.mock-title{height:14px;width:55%;background:linear-gradient(90deg,var(--cyan),var(--violet));border-radius:8px;margin-bottom:18px}.mock-row{height:54px;margin:10px 0}.mock-player{height:190px;background:radial-gradient(circle,#3c285e,#101624 70%);border-radius:10px;margin-top:20px;display:flex;align-items:center;justify-content:center;color:#cbd5ed;font-weight:800}.section{padding:78px 0}.section h2{text-align:center;font-size:clamp(2rem,4vw,3.2rem);margin:0 0 12px}.lead{text-align:center;max-width:760px;margin:0 auto 38px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(180deg,rgba(24,31,49,.94),rgba(16,21,34,.94));border:1px solid var(--line);border-radius:16px;padding:24px}.icon{font-size:1.7rem}.card h3{margin:10px 0 6px}.card p{color:var(--muted);margin:0}.three-screen{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.display-card{background:#0c101a;border:1px solid var(--line);border-radius:16px;padding:12px}.display-card .display{aspect-ratio:16/10;background:linear-gradient(145deg,#15223b,#281d42);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.25rem}.display-card h3{margin:12px 5px 2px}.display-card p{margin:0 5px 8px;color:var(--muted)}.pricing{max-width:650px;margin:auto;text-align:center;border:1px solid #59698e;background:linear-gradient(180deg,#181e30,#0e121e);border-radius:22px;padding:38px;box-shadow:0 20px 70px rgba(0,0,0,.35)}.price{font-size:4rem;font-weight:900;line-height:1}.price small{font-size:1rem;color:var(--muted)}.checklist{list-style:none;padding:0;max-width:430px;margin:25px auto;text-align:left}.checklist li{padding:7px 0}.checklist li:before{content:'✓';color:var(--green);font-weight:900;margin-right:10px}.notice{color:var(--muted);font-size:.9rem}.faq{max-width:850px;margin:auto}.faq details{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:17px 20px}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted)}.cta{text-align:center;padding:70px 24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,rgba(77,231,255,.08),rgba(166,108,255,.12))}.site-footer{border-top:1px solid var(--line);padding:38px 0;color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.page-content{padding:70px 0;max-width:900px}.page-content h1{font-size:3rem}.page-content a{color:var(--cyan)}@media(max-width:850px){.nav nav{display:none}.nav .btn{margin-left:auto}.grid,.three-screen{grid-template-columns:1fr}.screen-inner{grid-template-columns:1fr}.mock-side{display:none}.hero{padding-top:65px}}

.payment-note{margin:20px auto 0;max-width:760px;padding:16px 18px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.06);font-size:.92rem;line-height:1.55}