@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_9c979db2-module__aRwf3G__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_9c979db2-module__aRwf3G__variable{--font-heading:"Space Grotesk", "Space Grotesk Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_71ef811-module__aF7Osa__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_71ef811-module__aF7Osa__variable{--font-body:"Inter", "Inter Fallback"}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#000;--bg-secondary:#080808;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--bg-glass:#ffffff0a;--border-subtle:#ffffff0f;--border-active:#ffffff1f;--text-primary:#fff;--text-secondary:#ffffffa6;--text-tertiary:#fff6;--text-muted:#ffffff40;--eco-excellent:#0f8;--eco-good:#4ade80;--eco-moderate:#facc15;--eco-poor:#fb923c;--eco-terrible:#ef4444;--green-glow:#00ff8826;--green-border:#00ff884d;--red-glow:#ef444426;--red-border:#ef44444d;--accent-green:#0f8;--accent-emerald:#10b981;--accent-red:#ef4444;--accent-amber:#f59e0b;--accent-violet:#8b5cf6;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.3s cubic-bezier(.16, 1, .3, 1);--transition-slow:.5s cubic-bezier(.16, 1, .3, 1);--transition-dramatic:.8s cubic-bezier(.16, 1, .3, 1)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;width:100%;height:100%;position:fixed;top:0;left:0}main{z-index:1;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600;line-height:1.1}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-active);transform:translateY(-2px)}.glow-green{box-shadow:0 0 20px var(--green-glow), 0 0 60px #00ff880d}.glow-red{box-shadow:0 0 20px var(--red-glow), 0 0 60px #ef44440d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes count-up{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.animate-in{opacity:0;animation:.6s ease-out forwards fadeInUp}.animate-in-delay-1{animation-delay:.1s}.animate-in-delay-2{animation-delay:.2s}.animate-in-delay-3{animation-delay:.3s}.animate-in-delay-4{animation-delay:.4s}.animate-in-delay-5{animation-delay:.5s}.animate-in-delay-6{animation-delay:.6s}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.bento-grid{gap:var(--space-md);max-width:1200px;padding:0 var(--space-lg);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.bento-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.bento-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.bento-card:hover{background:var(--bg-card-hover);border-color:var(--border-active);transform:translateY(-2px)}.bento-card.span-2{grid-column:span 2}.bento-card.span-3{grid-column:span 3}.bento-card.span-4{grid-column:span 4}.bento-card.row-2{grid-row:span 2}.score-excellent{color:var(--eco-excellent)}.score-good{color:var(--eco-good)}.score-moderate{color:var(--eco-moderate)}.score-poor{color:var(--eco-poor)}.score-terrible{color:var(--eco-terrible)}.badge{border-radius:var(--radius-full);font-size:12px;font-weight:500;font-family:var(--font-mono);letter-spacing:.02em;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.badge-green{color:var(--eco-excellent);background:#00ff881a;border:1px solid #0f83}.badge-red{color:var(--eco-terrible);background:#ef44441a;border:1px solid #ef444433}.badge-amber{color:var(--eco-moderate);background:#f59e0b1a;border:1px solid #f59e0b33}.badge-violet{color:var(--accent-violet);background:#8b5cf61a;border:1px solid #8b5cf633}.severity-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.severity-1,.severity-2{background:var(--eco-moderate)}.severity-3{background:var(--eco-poor)}.severity-4{background:var(--eco-terrible)}.severity-5{background:#dc2626;box-shadow:0 0 8px #dc262680}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{color:#fff;background:#0f83}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card.span-3,.bento-card.span-4{grid-column:span 2}}@media (max-width:640px){.bento-grid{padding:0 var(--space-md);grid-template-columns:1fr}.bento-card.span-2,.bento-card.span-3,.bento-card.span-4{grid-column:span 1}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff08 0%,#ffffff0f 50%,#ffffff08 100%) 0 0/200% 100%;animation:2s infinite shimmer}