:root{
  --bg:#080909; --panel:#111315; --panel-2:#181b1f; --text:#f7f1e5; --muted:#b8ada0;
  --gold:#d8aa47; --gold-2:#f0cf79; --line:rgba(255,255,255,.11); --danger:#ef6b6b; --ok:#63c28b; --warn:#e6b855;
  --shadow:0 20px 50px rgba(0,0,0,.35); --radius:24px;
}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5} a{color:inherit;text-decoration:none} h1,h2,h3,p{margin-top:0} h1{font-size:clamp(2rem,5vw,4.7rem);line-height:.97;letter-spacing:-.06em} h2{font-size:1.45rem;letter-spacing:-.02em} input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:#0d0f11;color:var(--text);padding:13px 14px;font:inherit;outline:none} textarea{resize:vertical} input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(216,170,71,.13)} label{display:block;font-weight:700;color:#eee2cf;font-size:.92rem} label input,label select,label textarea{margin-top:7px}.muted{color:var(--muted)}.small-note{font-size:.86rem;color:var(--muted)}
.site-header,.admin-header{display:flex;align-items:center;justify-content:space-between;padding:22px 34px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:rgba(8,9,9,.86);backdrop-filter:blur(18px)}.site-header.compact{position:relative}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand-logo,.brand-mark{display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--gold),#806122);color:#121212;border-radius:14px;font-weight:900;box-shadow:0 10px 30px rgba(216,170,71,.22)}.brand-logo{width:44px;height:44px}.brand-mark{width:64px;height:64px;margin-bottom:18px}.site-header nav,.admin-header nav{display:flex;gap:18px;align-items:center}.site-header nav a,.admin-header nav a{color:var(--muted);font-weight:700}.site-header nav a:hover,.admin-header nav a:hover{color:var(--gold-2)}
.hero{min-height:calc(100vh - 90px);display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;padding:8vw 7vw;background:radial-gradient(circle at 20% 0%,rgba(216,170,71,.22),transparent 35%),radial-gradient(circle at 90% 80%,rgba(240,207,121,.12),transparent 28%)}.hero-copy p{font-size:1.2rem;color:var(--muted);max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--gold-2);font-weight:900;font-size:.78rem;margin-bottom:12px}.access-panel,.card,.install-card,.thank-you-card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.access-panel{max-width:470px;justify-self:end}.container{width:min(1180px,92vw);margin:0 auto}.narrow{width:min(760px,92vw)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:35px 0 70px}.feature-grid article{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px}.feature-grid h3{margin-bottom:8px}.feature-grid p{color:var(--muted);margin-bottom:0}.assurance-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.assurance-strip span,.pill,.keyword-cloud span{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:999px;padding:8px 12px;color:#eadfcf;font-weight:800;font-size:.83rem}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#1b1f22;color:var(--text);padding:12px 18px;border-radius:14px;font-weight:900;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);border-color:var(--gold)}.btn.primary{background:linear-gradient(135deg,var(--gold),#8f6a22);color:#14110a;border-color:rgba(255,255,255,.08)}.btn.ghost{background:transparent}.btn.large{font-size:1.05rem;padding:16px 24px}.btn.small{font-size:.83rem;padding:8px 12px}.btn.danger{background:rgba(239,107,107,.13);border-color:rgba(239,107,107,.5);color:#ffb7b7}.stacked-form{display:grid;gap:16px}.form-grid{display:grid;gap:16px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.four{grid-template-columns:repeat(4,1fr)}.notice{padding:14px 16px;border-radius:14px;margin:14px 0;font-weight:800}.notice.error{background:rgba(239,107,107,.12);border:1px solid rgba(239,107,107,.35);color:#ffc7c7}.notice.success{background:rgba(99,194,139,.12);border:1px solid rgba(99,194,139,.35);color:#bff1d0}.notice.warning{background:rgba(230,184,85,.13);border:1px solid rgba(230,184,85,.4);color:#ffe4a5}.site-footer{text-align:center;color:var(--muted);border-top:1px solid var(--line);padding:28px}.install-bg,.thanks-bg{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 0,rgba(216,170,71,.22),transparent 34%),var(--bg)}.install-card{width:min(650px,94vw)}.compact-card{width:min(480px,94vw)}.thank-you-card{text-align:center;width:min(620px,94vw)}.checkmark{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;background:rgba(99,194,139,.15);border:1px solid rgba(99,194,139,.45);font-size:2rem;color:#bff1d0}
.survey-bg{background:linear-gradient(180deg,#090909,#11100d)}.survey-shell{width:min(1060px,94vw);margin:34px auto 70px}.survey-intro{margin-bottom:20px}.privacy-box{border-left:4px solid var(--gold);background:rgba(216,170,71,.09);padding:16px;border-radius:14px;color:#eadfcf}.survey-form{display:grid;gap:20px}.scale-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.scale-strip span{border:1px solid var(--line);border-radius:16px;padding:12px;text-align:center;color:var(--muted)}.scale-strip b{display:block;color:var(--gold-2);font-size:1.3rem}.dimension-head{display:grid;grid-template-columns:.3fr .7fr;gap:22px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:8px}.dimension-head p{color:var(--muted);margin-bottom:0}.question-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.075)}.question-row:last-child{border-bottom:0}.question-row p{margin:0;color:#f4eadb;font-weight:700}.rating-group{display:grid;grid-template-columns:repeat(5,46px);gap:8px}.rating-group label{font-size:1rem}.rating-group input{position:absolute;opacity:0;width:1px;height:1px}.rating-group span{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:#0f1113;color:var(--muted);cursor:pointer;font-weight:900}.rating-group input:checked + span{background:var(--gold);color:#111;border-color:var(--gold)}.submit-zone{text-align:center;padding:18px}.survey-form textarea{margin-bottom:16px}
.admin-bg{background:#0b0c0e}.admin-shell{width:min(1280px,94vw);margin:28px auto 70px}.admin-title-row,.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.admin-title-row h1{font-size:clamp(2rem,4vw,3.4rem);margin-bottom:0}.filter-card{display:grid;grid-template-columns:1.2fr repeat(4,1fr) auto auto;gap:12px;align-items:end}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.kpi span{display:block;color:var(--muted);font-weight:800;text-transform:uppercase;font-size:.75rem;letter-spacing:.1em}.kpi strong{display:block;font-size:2.2rem;margin:8px 0;color:var(--gold-2)}.kpi em{color:var(--muted);font-style:normal;font-size:.86rem}.code-inline{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#0c0e10;border:1px solid var(--line);padding:6px 9px;border-radius:10px;color:var(--gold-2)}.score-list{display:grid;gap:14px}.score-row{display:grid;grid-template-columns:280px 1fr 70px;gap:18px;align-items:center}.score-row span{display:block;color:var(--muted);font-size:.88rem}.bar{height:14px;background:#0d0f11;border-radius:999px;overflow:hidden;border:1px solid var(--line)}.bar i{display:block;height:100%;background:linear-gradient(90deg,#8f6a22,var(--gold-2));border-radius:999px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{border-bottom:1px solid var(--line);padding:13px;text-align:left;vertical-align:top}th{color:var(--gold-2);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}td{color:#eadfcf}.pill{display:inline-block;padding:5px 9px}.pill.good{background:rgba(99,194,139,.13);color:#aee8c3}.pill.mid{background:rgba(230,184,85,.13);color:#ffe4a5}.pill.low{background:rgba(239,107,107,.13);color:#ffc2c2}.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.keyword-cloud{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}.keyword-cloud span b{color:var(--gold-2)}blockquote{margin:12px 0;padding:14px 16px;border-left:3px solid var(--gold);background:rgba(255,255,255,.035);border-radius:12px;color:#eadfcf}.question-edit-list{display:grid;gap:12px;margin-bottom:16px}.question-edit-row{display:grid;grid-template-columns:140px 1fr 80px 100px;gap:10px;align-items:center}.check-label{display:flex;gap:8px;align-items:center}.check-label input{width:auto;margin:0}.danger-zone{margin-top:20px;padding-top:16px;border-top:1px solid rgba(239,107,107,.25)}
@media(max-width:980px){.hero{grid-template-columns:1fr;padding:42px 5vw}.access-panel{justify-self:stretch;max-width:none}.feature-grid,.kpi-grid,.feedback-grid{grid-template-columns:1fr 1fr}.form-grid.four,.form-grid.three,.form-grid.two,.filter-card{grid-template-columns:1fr}.dimension-head,.question-row,.score-row{grid-template-columns:1fr}.rating-group{grid-template-columns:repeat(5,1fr)}.rating-group span{width:100%;height:42px}.scale-strip{grid-template-columns:1fr}.question-edit-row{grid-template-columns:1fr}.site-header,.admin-header{padding:16px;position:relative;align-items:flex-start;gap:14px;flex-direction:column}.admin-header nav{flex-wrap:wrap}}@media(max-width:640px){.feature-grid,.kpi-grid,.feedback-grid{grid-template-columns:1fr}h1{font-size:2.45rem}.card,.access-panel,.install-card,.thank-you-card{padding:20px}.survey-shell{margin-top:18px}.rating-group{gap:6px}.admin-title-row,.section-head{align-items:flex-start;flex-direction:column}}
