:root{--bg:#020714;--bg-deep:#01030a;--panel:#060f22c7;--panel-2:#091734d6;--panel-solid:#071225;--line:#5099ff29;--line-strong:#4ba1ff6b;--text:#f4f8ff;--muted:#8ca0bd;--blue:#2f8cff;--blue-2:#00c2ff;--cyan:#42d8ff;--yellow:#ffd76a;--red:#ff6174;--green:#63e6b0}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% -10%,#1670ff3b,#0000 34%),radial-gradient(circle at 80% 18%,#00c2ff17,#0000 25%),linear-gradient(#041027 0%,#020714 38%,#01030a 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.24;background-image:linear-gradient(#4c96ff09 1px,#0000 1px),linear-gradient(90deg,#4c96ff09 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.container{width:min(1180px,100% - 32px);margin:0 auto}.nav{z-index:30;-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);border-bottom:1px solid var(--line);background:#020714ad;position:sticky;top:0}.nav:after{content:"";background:linear-gradient(90deg,#0000,#2898ff9e,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;gap:20px;height:76px;display:flex}.brand{align-items:center;transition:transform .25s,filter .25s;display:flex}.brand:hover{filter:drop-shadow(0 0 18px #2f8cff52);transform:translateY(-1px)}.brand-logo{object-fit:contain;width:auto;height:54px;display:block}.nav-links{color:var(--muted);align-items:center;gap:20px;font-size:14px;display:flex}.nav-links>a:not(.button){transition:color .2s}.button{border:1px solid var(--line-strong);color:var(--text);background:#081631b8;border-radius:12px;padding:11px 16px;transition:border-color .2s,transform .2s,background .2s,box-shadow .2s;position:relative;overflow:hidden}.button:after{content:"";background:linear-gradient(110deg,#0000 25%,#ffffff24,#0000 55%);transition:transform .55s;position:absolute;inset:0;transform:translate(-130%)}.button:hover:after{transform:translate(130%)}.button:hover{border-color:#42d8ffb8;transform:translateY(-2px);box-shadow:0 10px 32px #005fff29}.button.primary{color:#fff;background:linear-gradient(135deg,#0c6fff,#00b7ff);border:1px solid #6cccff52;font-weight:800;box-shadow:0 12px 38px #0074ff47,inset 0 1px #ffffff2e}.button.primary:hover{box-shadow:0 16px 46px #0084ff59,0 0 0 1px #63c6ff2e}.button.ghost{background:0 0}.hero{text-align:center;padding:104px 0 64px;position:relative}.hero:before{content:"";filter:blur(12px);pointer-events:none;background:radial-gradient(#207bff2e,#0000 67%);width:min(980px,90vw);height:380px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.hero-copy{z-index:1;position:relative}.eyebrow{border:1px solid var(--line-strong);color:#8fdcff;background:linear-gradient(#164c9240,#07183373);border-radius:999px;align-items:center;gap:9px;padding:9px 13px;font-size:13px;display:inline-flex;box-shadow:inset 0 1px #ffffff0d,0 0 28px #0084ff14}.pulse-dot{background:var(--cyan);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;display:inline-block;box-shadow:0 0 #42d8ff80}@keyframes pulse{70%{box-shadow:0 0 0 8px #42d8ff00}to{box-shadow:0 0 #42d8ff00}}.hero h1{letter-spacing:-.065em;text-wrap:balance;max-width:1020px;margin:25px auto 22px;font-size:clamp(44px,7vw,78px);line-height:.98}.hero h1 span{background:linear-gradient(110deg,#fff 5%,#55baff 42%,#12d5ff 75%);color:#0000;text-shadow:0 0 45px #1e93ff1f;-webkit-background-clip:text;background-clip:text}.hero p{max-width:790px;color:var(--muted);margin:0 auto;font-size:18px;line-height:1.68}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.product-shot{text-align:left;border:1px solid var(--line-strong);transform-origin:50%;background:linear-gradient(#081835eb,#030a18f5);border-radius:26px;max-width:1040px;margin:58px auto 0;padding:18px;position:relative;overflow:hidden;box-shadow:0 34px 110px #0000008f,0 0 90px #006fff1a,inset 0 1px #ffffff0a}.product-shot:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(120deg,#5baeff70,#0000 30% 70%,#10ccff2e);border-radius:26px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.shot-glow{pointer-events:none;background:radial-gradient(circle,#009dff2e,#0000 68%);width:420px;height:220px;position:absolute;top:-100px;right:-120px}.shot-top{color:var(--muted);justify-content:space-between;align-items:center;padding:6px 4px 18px;font-size:13px;display:flex;position:relative}.dotrow{gap:6px;display:flex}.dot{background:#26334a;border-radius:50%;width:9px;height:9px}.dot:first-child{background:#ff6174}.dot:nth-child(2){background:#ffd76a}.dot:nth-child(3){background:#2f8cff}.grid3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(#091835c7,#050e20d1);border-radius:18px;padding:20px;transition:border-color .22s,box-shadow .22s,background .22s;box-shadow:inset 0 1px #ffffff06}.card:hover{border-color:#48a0ff47;box-shadow:inset 0 1px #ffffff0a,0 12px 34px #00000029}.metric-card{min-height:136px}.metric-label,.metric-caption{color:var(--muted);font-size:13px}.metric-value{letter-spacing:-.04em;margin-top:7px;font-size:34px;font-weight:900}.green{color:var(--green)}.yellow{color:var(--yellow)}.red{color:var(--red)}.blue{color:#42b5ff}.scorebar{background:#07101f;border:1px solid #559dff14;border-radius:99px;height:8px;margin-top:13px;overflow:hidden}.scorebar i{border-radius:inherit;background:linear-gradient(90deg,#176eff,#13c9ff);height:100%;display:block;box-shadow:0 0 14px #1791ff73}.issue-list{gap:10px;margin-top:16px;display:grid}.issue{border:1px solid var(--line);background:#030b1abd;border-radius:14px;align-items:flex-start;gap:12px;padding:13px;transition:transform .2s,border-color .2s;display:flex}.issue:hover{border-color:#4ba1ff4d;transform:translate(3px)}.sev{border-radius:50%;flex:none;width:9px;height:9px;margin-top:5px;box-shadow:0 0 10px}.sev.high{background:var(--red);color:var(--red)}.sev.medium{background:var(--yellow);color:var(--yellow)}.sev.low{background:var(--blue);color:var(--blue)}.section{padding:84px 0;position:relative}.section h2{letter-spacing:-.045em;text-wrap:balance;max-width:820px;margin:8px 0 14px;font-size:clamp(32px,4vw,50px)}.section-lead{color:var(--muted);max-width:760px;line-height:1.72}.section-kicker{color:#63c5ff;letter-spacing:.18em;font-size:11px;font-weight:800}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;display:grid}.feature{min-height:188px;position:relative;overflow:hidden}.feature:after{content:"";background:radial-gradient(circle,#1a89ff1f,#0000 70%);width:140px;height:140px;position:absolute;top:-80px;right:-80px}.feature h3{margin:14px 0 8px}.feature p{color:var(--muted);font-size:14px;line-height:1.62}.feature-icon{border:1px solid var(--line-strong);color:#63c5ff;background:linear-gradient(145deg,#1553a43d,#081d428c);border-radius:12px;place-items:center;width:40px;height:40px;font-weight:850;display:grid;box-shadow:inset 0 1px #ffffff0a,0 0 20px #006cff14}.step-card{min-height:170px}.footer{border-top:1px solid var(--line);color:var(--muted);background:#01040a66;padding:36px 0 46px;font-size:13px}.app-shell{min-height:100vh}.app-grid{grid-template-columns:240px 1fr;min-height:calc(100vh - 76px);display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0208149e;padding:24px 14px}.side-link{color:var(--muted);border-radius:11px;align-items:center;gap:10px;margin-bottom:5px;padding:11px 12px;font-size:14px;transition:background .2s,color .2s,transform .2s;display:flex}.side-link:hover{color:#dceaff;background:#2575dc14;transform:translate(2px)}.side-link.active{color:#65c9ff;background:linear-gradient(90deg,#166fff29,#0d46910d);border:1px solid #3991ff38;box-shadow:inset 3px 0 #2f8cff}.main{min-width:0;padding:30px}.page-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-title h1{letter-spacing:-.045em;margin:4px 0 0;font-size:32px}.page-title p{color:var(--muted);margin:7px 0 0}.audit-box{border:1px solid var(--line-strong);background:linear-gradient(145deg,#0b234dd1,#030c1deb);border-radius:20px;padding:20px;position:relative;overflow:hidden;box-shadow:0 18px 55px #0003,inset 0 1px #ffffff09}.audit-row{grid-template-columns:1fr auto;gap:10px;display:grid}.input{border:1px solid var(--line);width:100%;color:var(--text);background:#030b1b;border-radius:12px;outline:none;padding:13px 14px;transition:border .2s,box-shadow .2s,background .2s}.input::placeholder{color:#61738d}.input:focus{background:#051128;border-color:#43adffb3;box-shadow:0 0 0 3px #2f8cff1a,0 0 28px #007dff12}.helper{color:var(--muted);margin-top:10px;font-size:12px}.error-text{color:var(--red);margin-top:12px;font-size:13px}.scan-line{background:linear-gradient(90deg,#0000,#32b9ff,#0000);width:45%;height:2px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 16px #32b9ffa6}.result-grid{grid-template-columns:310px 1fr;gap:16px;margin-top:18px;display:grid}.score-card,.diagnosis-card{min-height:100%}.score-ring{background:conic-gradient(#24a8ff var(--score,82%),#081326 0);border-radius:50%;place-items:center;width:184px;height:184px;margin:22px auto;display:grid;position:relative;box-shadow:0 0 36px #007cff1f}.score-ring:after{content:"";background:radial-gradient(circle at 50% 35%,#0b2146,#051020 68%);border:1px solid #53a3ff1f;border-radius:50%;position:absolute;inset:12px}.score-ring>div{z-index:1;position:relative}.score-ring strong{letter-spacing:-.05em;font-size:48px}.score-ring small{color:var(--muted);text-align:center;font-size:12px;display:block}.center{text-align:center}.category-list{margin-top:20px}.category-row{grid-template-columns:130px 1fr 42px;align-items:center;gap:12px;margin:12px 0;font-size:13px;display:grid}.catbar{background:#081326;border:1px solid #4a95ff12;border-radius:99px;height:8px;overflow:hidden}.catbar i{border-radius:inherit;background:linear-gradient(90deg,#176eff,#16c9ff);height:100%;display:block;box-shadow:0 0 12px #008cff52}.status{border:1px solid var(--line);background:#07163073;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:12px;display:inline-flex}.status.ok{color:var(--green)}.status.warn{color:var(--yellow)}.status.bad{color:var(--red)}.loading{opacity:.76;pointer-events:none}.report-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.report-head h2{margin:6px 0 0}.report-actions{gap:8px;display:flex}.report-metrics{margin-top:18px}.report-timestamp{color:var(--muted);margin-top:20px;font-size:13px}.findings-panel{margin-top:16px}.findings-panel .report-head h2{margin:0}.finding{border:1px solid var(--line);background:#030c1db8;border-radius:15px;margin-top:10px;padding:16px;transition:border-color .2s,background .2s}.finding:hover{background:#051127db;border-color:#48a0ff47}.finding-inner{align-items:flex-start;gap:12px;display:flex}.finding-content{flex:1;min-width:0}.finding h4{margin:0 0 7px}.finding p{color:var(--muted);margin:0;font-size:13px;line-height:1.58}.finding .recommendation{color:var(--text);margin-top:8px}.finding-meta{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.pill{color:var(--muted);background:#08162d;border:1px solid #4e98ff14;border-radius:999px;padding:5px 8px;font-size:11px}.empty{text-align:center;color:var(--muted);padding:40px}.empty-state{margin-top:18px}.empty-orb{color:#8bdcff;background:linear-gradient(145deg,#0b2b5e,#07152d);border:1px solid #48a2ff42;border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 15px;font-weight:900;display:grid;box-shadow:0 0 35px #0085ff1c}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:900px){.grid3,.feature-grid,.app-grid{grid-template-columns:1fr}.sidebar{display:none}.result-grid,.audit-row{grid-template-columns:1fr}.nav-links a:not(.button){display:none}.main{padding:20px 14px}.hero{padding-top:78px}.hero h1{font-size:clamp(42px,13vw,62px)}}@media (max-width:620px){.nav-inner{height:68px}.brand-logo{height:46px}.nav-links{gap:8px}.nav-links .ghost{display:none}.button{padding:10px 13px}.hero{padding-top:62px}.hero p{font-size:16px}.product-shot{border-radius:20px;padding:12px}.shot-top{align-items:flex-start;gap:12px}.section{padding:66px 0}.page-title{flex-direction:column}.main{padding-inline:12px}.report-actions{width:100%}.report-actions .button{flex:1}.category-row{grid-template-columns:100px 1fr 36px}}