*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#060b18;font-family:DM Sans,sans-serif;overflow-x:hidden}.font-display,h1.font-display,h2.font-display,h3.font-display,h4.font-display{font-family:Bebas Neue,sans-serif}.font-mono{font-family:DM Mono,monospace}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #29b6f680}50%{opacity:.5;box-shadow:0 0 0 6px #29b6f600}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes scrollHint{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.7;transform:translateY(6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatA{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatB{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes dash{0%{stroke-dashoffset:440px}to{stroke-dashoffset:115px}}.fade-1{animation:.6s .1s both fadeUp}.fade-2{animation:.6s .2s both fadeUp}.fade-3{animation:.6s .3s both fadeUp}.fade-4{animation:.6s .45s both fadeUp}.fade-5{animation:.6s .55s both fadeUp}.fade-6{animation:.6s .7s both fadeUp}.float-a{animation:4s ease-in-out infinite floatA}.float-b{animation:5s ease-in-out .5s infinite floatB}.score-ring{animation:1.5s cubic-bezier(.4,0,.2,1) .8s both dash}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(#29b6f60a 1px,#0000 1px),linear-gradient(90deg,#29b6f60a 1px,#0000 1px);background-size:60px 60px;transition:opacity 1.6s;position:fixed;inset:0}.bg-scanline-wrap{pointer-events:none;z-index:1;opacity:.025;position:fixed;inset:0;overflow:hidden}.bg-scanline{background:linear-gradient(#0000,#29b6f6,#0000);height:2px;animation:10s linear infinite scanline;position:absolute;left:0;right:0}.live-badge{animation:2.5s ease-in-out infinite pulse}.tool-card{transition:transform .3s cubic-bezier(.23,1,.32,1),border-color .3s,box-shadow .3s,background .3s}.tool-card:hover{transform:translateY(-6px)}.check-card,.check-row{transition:transform .25s,border-color .2s,background .2s}.check-card:hover{transform:translateY(-4px)}.check-row:hover{background:#29b6f60a!important;border-color:#29b6f633!important}.history-row{transition:border-color .2s,background .2s}.history-row:hover{background:#29b6f608!important;border-color:#29b6f633!important}.cta-primary{color:#fff;letter-spacing:.05em;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#29b6f6,#0288d1);border:none;border-radius:10px;padding:13px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 10px 36px #29b6f666}.cta-ghost{color:#fff9;letter-spacing:.05em;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1f;border-radius:10px;padding:13px 28px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s,transform .2s;display:inline-block}.cta-ghost:hover{color:#fff;border-color:#29b6f666;transform:translateY(-2px)}.analyze-btn{letter-spacing:.04em;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.analyze-btn.ready{color:#fff;background:linear-gradient(135deg,#29b6f6,#0288d1)}.analyze-btn.ready:hover{transform:translateY(-2px);box-shadow:0 8px 32px #29b6f659}.analyze-btn.disabled{color:#fff3;cursor:not-allowed;background:#0d1526cc;border:1px solid #1e306080}.remove-btn{color:#ffffff40;cursor:pointer;letter-spacing:.1em;background:0 0;border:none;padding:4px 8px;font-size:12px;transition:color .2s}.remove-btn:hover{color:#ef4444}.analyze-another-btn{color:#fff;cursor:pointer;letter-spacing:.04em;background:linear-gradient(135deg,#29b6f6,#0288d1);border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s}.analyze-another-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #29b6f64d}.spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}.nav-link{opacity:.45;letter-spacing:.08em;text-transform:uppercase;color:#fff;font-size:13px;text-decoration:none;transition:opacity .2s}.nav-link:hover{opacity:1}.tab-btn{letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;padding:6px 16px;font-family:DM Mono,monospace;font-size:11px;transition:background .2s,color .2s}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#29b6f6,#0288d1)}.tab-btn.inactive{color:#ffffff59;background:0 0}.tab-btn.inactive:hover{color:#fff}.dropzone{text-align:center;cursor:pointer;background:#0a0f1e99;border:1.5px dashed #1e3060cc;border-radius:16px;padding:52px 32px;transition:border-color .25s,background .25s;position:relative;overflow:hidden}.dropzone:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#29b6f60d 0%,#0000 70%);position:absolute;inset:0}.dropzone:hover{background:#29b6f608;border-color:#29b6f666}.dropzone.active{background:#29b6f60f;border-color:#29b6f6}.studio-wrap{z-index:2;position:relative}.studio-layout{grid-template-columns:1fr 1fr;align-items:start;gap:0;max-width:1400px;min-height:calc(100vh - 64px);margin:0 auto;padding:0 48px;display:grid}.studio-left{padding:96px 60px 80px 0;position:sticky;top:64px}.studio-right{grid-template-columns:1fr 1fr;align-content:start;gap:14px;padding:96px 0 80px;display:grid}.studio-title{letter-spacing:.04em;font-family:Bebas Neue,sans-serif;font-size:clamp(52px,6.5vw,110px);line-height:.9}.studio-stat-num{color:#29b6f6;letter-spacing:.05em;font-family:Bebas Neue,sans-serif;font-size:38px;line-height:1}.studio-stat-label{color:#ffffff47;letter-spacing:.18em;text-transform:uppercase;margin-top:4px;font-size:10px}@media (max-width:1024px){.studio-layout{grid-template-columns:1fr;min-height:auto;padding:0 28px}.studio-left{text-align:center;padding:100px 0 40px;position:static}.studio-left .cta-row,.studio-left .stats-row,.studio-left .suite-hint{justify-content:center}.studio-right{padding:0 0 80px}}@media (max-width:640px){.studio-layout{padding:0 16px}.studio-right{grid-template-columns:1fr}.studio-left{padding-top:88px}.cta-primary,.cta-ghost{text-align:center;width:100%}}.va-hero{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1300px;margin:0 auto;padding:120px 80px 80px;display:grid}@media (max-width:1024px){.va-hero{text-align:center;grid-template-columns:1fr;padding:100px 40px 60px}.va-mockup{display:none}}@media (max-width:640px){.va-hero{padding:88px 20px 48px}}.upload-steps{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}@media (max-width:640px){.upload-steps{grid-template-columns:1fr}.dropzone{padding:36px 20px}}.results-strip{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2;background:#060b18e6;border-bottom:1px solid #1e306099;justify-content:space-between;align-items:center;gap:16px;height:52px;padding:0 32px;display:flex;position:relative}.results-body{z-index:2;padding:20px 28px 40px;position:relative}.results-overview{grid-template-columns:260px 1fr 260px;gap:16px;display:grid}.results-analysis{grid-template-columns:1fr 300px;gap:16px;display:grid}.results-insights{grid-template-columns:1fr 280px;gap:16px;display:grid}.checks-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.history-chart{align-items:flex-end;gap:4px;width:100%;height:56px;display:flex}@media (max-width:1200px){.results-overview{grid-template-columns:1fr 1fr}.results-overview>.results-col-3{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:16px;display:grid}}@media (max-width:1024px){.results-overview,.results-analysis,.results-insights{grid-template-columns:1fr}.results-overview>.results-col-3{flex-direction:column;grid-column:auto;display:flex}.results-body{padding:16px}.results-strip{flex-wrap:wrap;height:auto;min-height:52px;padding:10px 16px}}@media (max-width:768px){.checks-grid{grid-template-columns:1fr}.results-strip .strip-filename{display:none}}@media (max-width:480px){.tab-btn{padding:5px 10px;font-size:10px}}.nav-links{align-items:center;gap:32px;display:flex}@media (max-width:768px){.nav-links{display:none}}
