:root { --studio-blue:#adc6ff; --studio-panel:#101a30; --studio-edge:#25324c; }

header { height:64px; background:rgba(8,17,34,.94); border-color:rgba(173,198,255,.13); }
.brand { align-items:flex-start; flex-direction:column; gap:1px; }
.brand strong { color:var(--studio-blue); font-size:16px; letter-spacing:-.02em; }
.brand span { color:#8391ab; font:600 8px "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
nav a { color:#c4cada; }
nav .main-site { border:1px solid #405273; border-radius:7px; color:var(--studio-blue); padding:8px 12px; }

.hero { min-height:calc(100vh - 64px); padding:52px 0 0; }
.kicker { background:rgba(173,198,255,.08); border:1px solid rgba(173,198,255,.22); border-radius:999px; color:var(--studio-blue); display:inline-flex; padding:5px 10px; }
.kicker i { background:var(--studio-blue); box-shadow:0 0 9px var(--studio-blue); }
.hero h1 { color:#e3e9fa; font-size:clamp(42px,5vw,66px); letter-spacing:-3.5px; max-width:850px; margin:26px auto 18px; }
.hero h1 em { color:var(--studio-blue); }
.hero>p { color:#b9c0d0; font-size:16px; max-width:700px; }
.input-wrap { background:#121d31; border-color:#293a5b; border-radius:10px; box-shadow:0 0 0 3px rgba(59,130,246,.08),0 24px 70px rgba(0,0,0,.3); }
.input-wrap:focus-within { border-color:#6c9cff; box-shadow:0 0 18px rgba(59,130,246,.22); }
.input-wrap button { background:#a9c4ff; border-radius:7px; color:#072450; }
.input-wrap button:hover { background:#c0d3ff; }
.quick button { background:transparent; border:0; border-bottom:1px solid #53617a; border-radius:0; color:#c6ccda; padding:3px 2px; }

.dashboard-preview { background:#081227; width:100%; border:1px solid #263553; border-radius:14px 14px 0 0; box-shadow:0 25px 90px rgba(0,0,0,.38); height:390px; margin:70px auto 0; max-width:920px; overflow:hidden; text-align:left; }
.preview-bar { align-items:center; background:#17223d; display:flex; height:38px; padding:0 14px; }
.preview-bar i { background:#a83b56; border-radius:50%; height:8px; margin-right:5px; width:8px; }
.preview-bar i:nth-child(2){background:#a17a35}.preview-bar i:nth-child(3){background:#3b8b75}
.preview-bar span { color:#8692ab; font:500 8px "DM Mono",monospace; margin:auto; transform:translateX(-20px); }
.preview-grid { display:grid; gap:14px; grid-template-columns:2fr 1fr; height:calc(100% - 38px); padding:28px; }
.preview-main,.preview-side>div { background:#121d32; border:1px solid rgba(173,198,255,.06); border-radius:7px; padding:20px; }
.preview-main b,.preview-side b { background:#3b4c6c; border-radius:3px; display:block; height:13px; margin-bottom:20px; width:24%; }
.preview-main span { background:#202e49; border-radius:3px; display:block; height:7px; margin:10px 0; width:92%; }.preview-main span:nth-child(3){width:70%}.preview-main span:nth-child(4){width:80%}
.preview-side { display:grid; gap:14px; grid-template-rows:1fr 1fr; }.preview-side>div{padding:16px}.preview-side .preview-good{background:#11231f;border-color:#2d5946}.preview-side .preview-bad{background:#241423;border-color:#57243d}.preview-side span{background:#263a35;border-radius:3px;display:block;height:22px;width:35%}

.diagnostics { margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:65px max(24px,calc((100vw - 1160px)/2)) 75px; background:#081227; border-top:1px solid #1b2942; }
.section-heading h2 { font-size:30px; margin:0 0 8px; }.section-heading p{color:#aab2c4;margin:0 0 38px}
.features { border:0; gap:14px; padding:0; }.features>div { background:#0e192d; border:1px solid #23314b; border-radius:10px; padding:28px; }.features>div>span{background:#14284a;border-radius:6px;display:grid;font-size:18px;height:38px;place-items:center;width:38px}.features h3{color:#e0e7f7;font-size:18px;margin:20px 0 12px}.features p{color:#b0b8c8;font-size:12px;min-height:58px}.features small{color:#89d9bf;font:500 9px/2 "DM Mono",monospace}
.studio-insight { display:grid; gap:16px; grid-template-columns:1.2fr 1fr; padding:85px 0 115px; }.studio-insight>div,.studio-insight aside{background:#101a29;border:1px solid #24334a;border-radius:14px;padding:38px}.studio-insight>div>small{color:var(--studio-blue);font:600 9px "DM Mono",monospace;letter-spacing:.12em}.studio-insight h2{font-size:31px;line-height:1.2;margin:18px 0}.studio-insight p{color:#aeb7c8;font-size:13px;line-height:1.7}.studio-insight aside{background:#4d8eff;color:#071a3c;display:flex;flex-direction:column;justify-content:center}.studio-insight aside p{color:#163665}.studio-insight aside a{background:#082d68;border-radius:7px;color:white;font-size:12px;font-weight:700;margin-top:20px;padding:14px 18px;text-align:center;text-decoration:none}.metrics{display:flex;gap:42px;margin-top:50px}.metrics strong{font:600 24px "DM Mono",monospace}.metrics small{color:#8794aa;display:block;font-size:8px;margin-top:6px}

.site-footer { background:#081227; border-top:1px solid #1d2b45; color:#8f9bb2; display:block; padding:0 max(24px,calc((100vw - 1160px)/2)); }
.footer-grid { display:grid; gap:70px; grid-template-columns:1.5fr .9fr .7fr; padding:54px 0 42px; width:100%; }
.footer-brand img { display:block; height:28px; width:auto; }
.footer-brand p { font-size:11px; line-height:1.7; margin:18px 0 0; max-width:440px; }
.footer-column { display:flex; flex-direction:column; gap:9px; }
.footer-column h2 { color:#e1e7f5; font-size:12px; margin:0 0 7px; }
.footer-column a { color:#aebbd3; font-size:11px; text-decoration:none; }
.footer-column a:hover { color:var(--studio-blue); }
.footer-column span { font-size:10px; line-height:1.6; }
.footer-bottom { align-items:center; background:#07101f; border-top:1px solid #17243c; clear:both; display:flex; font-size:9px; justify-content:space-between; margin:0 calc(-1 * max(24px,calc((100vw - 1160px)/2))); padding:18px max(24px,calc((100vw - 1160px)/2)); position:static; width:auto; }

/* Stitch report and active-scan states */
.loading { padding:82px 0 150px; }
.loading-console { align-items:center; background:rgba(13,24,40,.88); border:1px solid #243550; border-radius:14px; box-shadow:0 28px 90px rgba(0,0,0,.28); display:flex; gap:52px; margin:auto; max-width:820px; padding:46px 60px; text-align:left; }
.scan-orbit { display:grid; flex:0 0 154px; height:154px; place-items:center; position:relative; }
.scan-orbit:before,.scan-orbit:after { border:1px solid rgba(79,139,255,.24); border-radius:50%; content:""; inset:0; position:absolute; }.scan-orbit:after{inset:18px}
.loading .radar { border-color:#4d8eff; height:100px; margin:0; width:100px; }.loading .radar:before{border-color:#273e67}.loading .radar span{background:#adc6ff;box-shadow:0 0 20px #4d8eff}.loading .radar:after{background:linear-gradient(90deg,transparent,#adc6ff)}
.loading-copy { flex:1; }.loading h2 { color:#e3e9fa; font-size:28px; margin:12px 0 6px; }.loading h2 strong{color:#adc6ff}.loading p{color:#a9b3c7;font:500 11px "DM Mono",monospace;margin:0 0 28px}.scan-progress{background:#202d47;border-radius:4px;height:5px;overflow:hidden}.scan-progress i{animation:scan-progress 3.5s ease-in-out infinite;background:linear-gradient(90deg,#4d8eff,#adc6ff);display:block;height:100%;width:45%}@keyframes scan-progress{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}.scan-stages{display:flex;justify-content:space-between;margin-top:12px}.scan-stages span{color:#71819d;font:600 8px "DM Mono",monospace;letter-spacing:.06em}
.results { max-width:1240px; padding:38px 0 95px; }.report-top{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:28px}.report-head{border:0;padding:0}.report-label{color:#a4d64c;font:600 9px "DM Mono",monospace;letter-spacing:.12em}.report-head h2{color:#dae2fd;font:800 42px Manrope,system-ui;margin:8px 0 2px}.report-head p{color:#b4bdd0;font-size:12px;margin:0}.report-head p #scan-time{color:#adc6ff}.report-actions{display:flex;gap:8px}.report-actions button{border-radius:8px;cursor:pointer;font:700 12px Manrope;padding:13px 20px}.print-report{background:#172139;border:1px solid #2c3853;color:#e0e7f6}.scan-again{background:#adc6ff;border:1px solid #adc6ff;color:#08285d}.report-actions span{font-size:16px;margin-right:7px}
.health-overview{align-items:center;background:rgba(14,25,42,.9);border:1px solid #23334d;border-radius:12px;display:flex;gap:42px;margin-bottom:30px;overflow:hidden;padding:30px 45px;position:relative}.health-overview:after{background:radial-gradient(circle,rgba(59,130,246,.12),transparent 65%);content:"";height:360px;left:-100px;position:absolute;top:-100px;width:360px}.score-gauge{display:grid;flex:0 0 210px;height:210px;place-items:center;position:relative;z-index:1}.score-gauge svg{height:100%;transform:rotate(-90deg);width:100%}.score-gauge circle{fill:none;stroke:#24324b;stroke-width:9}.score-gauge #score-ring{filter:drop-shadow(0 0 7px #3b82f6);stroke:#3b82f6;stroke-dasharray:320;stroke-dashoffset:320;stroke-linecap:round;transition:stroke-dashoffset .8s ease}.score-gauge>div{align-items:center;display:flex;flex-direction:column;position:absolute}.score-gauge strong{font:800 43px Manrope}.score-gauge>div>span{color:#adc6ff;font:700 13px "DM Mono",monospace;margin-top:-3px}.score-gauge small{color:#c0c8d8;font:600 8px "DM Mono",monospace;letter-spacing:.12em;margin-top:7px}.health-copy{position:relative;z-index:1}.health-copy h3{font-size:24px;margin:0 0 16px}.health-copy h3 strong{color:#10b981}.health-copy>p{color:#bec6d6;font-size:13px;line-height:1.65;max-width:700px}.health-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.health-badges span{border:1px solid;border-radius:999px;font:600 9px "DM Mono",monospace;padding:8px 13px}.health-badges .good{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3);color:#1fd49b}.health-badges .warn{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#f5ae23}.health-badges .bad{background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.3);color:#ff5675}
.summary.status-grid{background:none;border:0;border-radius:0;display:grid;gap:14px;grid-template-columns:repeat(5,1fr);margin:0 0 30px;overflow:visible}.status-card{background:#0e192a;border:1px solid #22324b;border-radius:11px;min-height:158px;padding:18px}.status-card>div{align-items:flex-start;display:flex;justify-content:space-between}.status-icon{color:#adc6ff;font:700 25px "DM Mono",monospace}.status-card b{border-radius:4px;font:700 8px "DM Mono",monospace;padding:5px 7px;text-transform:uppercase}.status-card.good b{background:rgba(16,185,129,.15);color:#1fd49b}.status-card.warn{border-color:#5b471d}.status-card.warn .status-icon,.status-card.warn b{color:#f5ae23}.status-card.warn b{background:rgba(245,158,11,.14)}.status-card.bad{border-color:#582338}.status-card.bad .status-icon,.status-card.bad b{color:#ff4e72}.status-card.bad b{background:rgba(244,63,94,.15)}.status-card h3{color:#e0e6f5;font-size:19px;margin:22px 0 7px}.status-card p{color:#aeb8ca;font-size:11px;line-height:1.5;margin:0}
.results .cards{gap:16px}.results .card{background:#0d1827;border-color:#22324a;border-radius:11px}.results .card-title{background:#121e32;border-color:#22324a;padding:15px 18px}.results .card-title>span{border:0;color:#adc6ff;font-size:20px;height:auto;margin-right:10px;width:auto}.results .card-title p{color:#7f8ca3}.results .card-title h3{color:#e0e7f6;font-size:17px}.results .card-body{padding:10px 18px}.results .row{border-color:rgba(173,198,255,.07);font-size:12px;grid-template-columns:150px minmax(0,1fr)}.results .row label{color:#9aa6ba}.results .row span{color:#d2d9e8}.results .row .yes{color:#10d49a}.results .row .no{color:#ff5675}.results .pill.good{background:rgba(16,185,129,.13);color:#1fd49b}.results .pill.warn{background:rgba(245,158,11,.13);color:#f5ae23}.results .pill.bad{background:rgba(244,63,94,.13);color:#ff5675}.results .new-scan{color:#adc6ff}

@media(max-width:900px){.summary.status-grid{grid-template-columns:repeat(2,1fr)}.status-card:last-child{grid-column:span 2}.health-overview{padding:28px}.score-gauge{flex-basis:170px;height:170px}}
@media(max-width:760px){header{padding:0 16px}.brand strong{font-size:14px}.brand span{font-size:7px}nav a{display:none}nav .main-site{display:block;font-size:9px;padding:7px}.hero{padding-top:70px}.hero h1{font-size:40px;letter-spacing:-2.5px}.dashboard-preview{height:280px;margin-top:50px}.preview-grid{grid-template-columns:1fr;padding:18px}.preview-side{display:none}.diagnostics{padding-left:16px;padding-right:16px}.features{grid-template-columns:1fr}.features p{min-height:0}.studio-insight{grid-template-columns:1fr;padding:55px 0}.footer-grid{gap:28px;grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column;gap:7px;line-height:1.5}.loading-console{flex-direction:column;gap:25px;padding:32px 22px;text-align:center}.scan-orbit{flex-basis:125px;height:125px}.loading-copy{width:100%}.report-top{align-items:flex-start;flex-direction:column;gap:20px}.report-head h2{font-size:31px}.report-actions{width:100%}.report-actions button{flex:1;padding:12px 8px}.health-overview{flex-direction:column;gap:20px;padding:25px 20px;text-align:center}.health-copy h3{font-size:20px}.health-badges{justify-content:center}.summary.status-grid{grid-template-columns:1fr}.status-card:last-child{grid-column:auto}.results .row{grid-template-columns:100px minmax(0,1fr)}}

.report-nav{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.report-nav a{border:1px solid #263b30;border-radius:7px;color:#b8c8bd;font-size:11px;padding:9px 11px;text-decoration:none}.report-nav a:hover{border-color:#84d86d;color:#9bec6b}.findings{border:1px solid #1c3025;border-radius:12px;background:rgba(12,23,18,.9);margin-top:18px;padding:22px}.findings h3{margin:0 0 14px}.finding{border-top:1px solid rgba(255,255,255,.06);display:grid;gap:12px;grid-template-columns:150px 1fr 1fr 1fr;padding:16px 0}.finding:first-child{border-top:0}.finding strong{color:#eaf4ed}.finding span{color:#93a69a;font:700 9px 'DM Mono';letter-spacing:.08em;text-transform:uppercase}.finding p{color:#aebdb3;font-size:11px;line-height:1.6;margin:4px 0 0}.result-cta{align-items:center;background:#0e192b;border:1px solid #24334d;border-radius:12px;display:flex;gap:20px;justify-content:space-between;margin-top:16px;padding:22px}.result-cta h3{margin:0 0 6px}.result-cta p{color:#aeb8ca;font-size:12px;line-height:1.6;margin:0}.result-cta a{background:#adc6ff;border-radius:7px;color:#08285d;font-size:12px;font-weight:800;padding:11px 14px;text-decoration:none;white-space:nowrap}.result-cta.help{background:#0b1510;border-color:#1c3025}
@media(max-width:760px){.finding{grid-template-columns:1fr}.result-cta{align-items:flex-start;flex-direction:column}.result-cta a{white-space:normal}}