:root{color-scheme:dark;--bg-0: #0f1115;--bg-1: #161a22;--bg-2: #1e222d;--green-0: #5dbb2f;--green-1: #3f8f1e;--green-2: #1e3d12;--orange-0: #ff7a00;--orange-1: #ff9f1c;--red-0: #d64545;--text-0: #ffffff;--text-1: #e6e6e6;--text-2: #a0a4ab;--shadow: 0 12px 40px rgba(0, 0, 0, .35);--glow: 0 0 24px rgba(93, 187, 47, .35);--radius: 12px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Roboto,Manrope,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(93,187,47,.08),transparent 45%),linear-gradient(140deg,#0b0d12,#10141d 55%,#0f1115);color:var(--text-1);min-height:100vh;letter-spacing:.01em}body:before{content:"";position:fixed;inset:0;background:linear-gradient(125deg,rgba(93,187,47,.06) 0%,transparent 55%),linear-gradient(45deg,rgba(255,122,0,.05) 0%,transparent 65%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}.inline-link{color:var(--text-1);text-decoration:underline;text-decoration-color:#ffffff59;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s ease,text-decoration-color .2s ease}.inline-link:hover{color:var(--text-0);text-decoration-color:#5dbb2f99}.app-shell{min-height:100vh;display:flex;flex-direction:column}.navbar{display:flex;align-items:center;gap:40px;padding:24px 6vw;border-bottom:1px solid rgba(255,255,255,.05);background:#0f1115bf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;box-shadow:0 14px 32px #00000059}.brand{display:flex;align-items:center;gap:14px}.brand-logo{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(93,187,47,.35))}.brand-text{display:flex;flex-direction:column;gap:4px}.brand-mark{font-family:Bebas Neue,Oswald,Anton,Montserrat Alternates,sans-serif;font-size:1.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-0)}.brand-tag{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-2)}.nav-links{display:flex;gap:18px;flex:1}.nav-link{padding:10px 16px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:1.15rem;color:var(--text-2);transition:all .2s ease}.nav-link:hover{color:var(--text-0);border-color:#5dbb2f59;box-shadow:var(--glow)}.nav-link--active{color:var(--text-0);background:#ffffff0f;border-color:#ffffff1f;box-shadow:0 0 14px #ffffff14}.nav-back{cursor:pointer;background:transparent;border:1px solid transparent;margin-left:auto}.nav-back:hover{background:#ffffff0a}.nav-toggle{display:none;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0f111599;color:var(--text-0);cursor:pointer;transition:all .2s ease}.nav-toggle:hover{border-color:#5dbb2f73;box-shadow:var(--glow)}.nav-toggle-line{width:18px;height:2px;background:var(--text-0);border-radius:999px;display:block}.nav-overlay{display:none;position:fixed;inset:0;background:#090b0e99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:25}.nav-overlay.is-open{opacity:1;pointer-events:auto}.nav-drawer{display:none;position:fixed;top:0;left:0;width:min(320px,78vw);height:100vh;background:var(--bg-1);border-right:1px solid rgba(255,255,255,.08);padding:96px 20px 24px;box-shadow:16px 0 40px #0006;transform:translate(-100%);transition:transform .25s ease;z-index:30;flex-direction:column;gap:12px}.nav-drawer.is-open{transform:translate(0)}.page{flex:1;padding:40px 6vw 80px;display:flex;flex-direction:column;gap:48px}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;align-items:center;animation:rise .6s ease both}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.3em;color:var(--green-0);font-weight:600}.hero-title{font-family:Bebas Neue,Oswald,Anton,Montserrat Alternates,sans-serif;font-size:clamp(2.8rem,4vw,4.6rem);text-transform:uppercase;letter-spacing:.08em;line-height:.95;color:var(--text-0);margin:12px 0 16px}.hero-logo{width:min(340px,70vw);height:auto;margin:16px 0 8px;filter:drop-shadow(0 0 24px rgba(93,187,47,.55))}.hero-subtitle{font-size:1.1rem;color:var(--text-2);max-width:none}.cta-group{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.cta-primary,.cta-secondary{padding:12px 20px;border-radius:999px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;transition:all .2s ease}.cta-primary{background:linear-gradient(120deg,var(--green-1),var(--green-0));color:var(--text-0);box-shadow:var(--glow)}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 0 28px #5dbb2f73}.cta-secondary{border:1px solid var(--green-0);color:var(--green-0)}.cta-secondary:hover{background:#5dbb2f1f;color:var(--text-0)}.hero-panel{background:var(--bg-1);border:1px solid var(--bg-2);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);width:min(720px,100%);justify-self:end}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.kpi-card{background:#121722;border:1px solid var(--bg-2);border-radius:var(--radius);padding:16px;position:relative;overflow:hidden;transition:all .2s ease}.kpi-card:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(93,187,47,.18),transparent 60%);opacity:0;transition:opacity .2s ease}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--glow)}.kpi-card:hover:after{opacity:1}.kpi-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-2)}.kpi-value{font-size:1.8rem;font-weight:700;color:var(--text-0);margin-top:8px}.kpi-trend{margin-top:6px;font-size:.85rem;color:var(--orange-0)}.section{display:flex;flex-direction:column;gap:24px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.section-title{font-family:Bebas Neue,Oswald,Anton,Montserrat Alternates,sans-serif;font-size:2rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-0)}.section-subtitle{color:var(--text-2)}.time-cell{display:flex;flex-direction:column;gap:.25rem}.temps-normal{font-weight:600;color:var(--text-0)}.temps-reel{font-size:.85em;color:var(--text-2);font-style:italic}.temps-reel:before{content:"⏱️ ";opacity:.7}.grid-3,.grid-2{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:var(--bg-1);border:1px solid var(--bg-2);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);position:relative;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--glow)}.card-title{font-size:1.1rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-1);font-weight:600;@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.card-title .card-value{font-size:1.6rem;font-weight:700;color:var(--text-0);margin-top:10px}.card-title .card-meta{margin-top:8px;color:var(--orange-0);font-weight:600}.card-title .chart-placeholder{margin-top:16px;height:160px;border-radius:var(--radius);background:linear-gradient(140deg,rgba(93,187,47,.12),transparent 70%),linear-gradient(0deg,rgba(255,122,0,.08),transparent 70%),#0f121a;border:1px dashed rgba(255,255,255,.08);position:relative;overflow:hidden}.card-title .chart-placeholder:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 2px,transparent 2px,transparent 12px);opacity:.35}.card-title .list{display:grid;gap:12px}.card-title .list-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:10px;background:#121722;border:1px solid var(--bg-2);gap:12px}.card-title .list-item strong{color:var(--text-0)}.card-title .search-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.card-title .search-input{flex:1;min-width:240px;background:#10141d;border:1px solid var(--bg-2);border-radius:12px;padding:12px 16px;color:var(--text-0);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.card-title .search-input:focus{outline:none;border-color:#5dbb2f99;box-shadow:0 0 0 3px #5dbb2f2e}.card-title .search-button{padding:12px 20px;border-radius:999px;border:1px solid rgba(93,187,47,.5);background:#5dbb2f1f;color:var(--text-0);font-weight:700;text-transform:uppercase;letter-spacing:.08em;transition:all .2s ease}.card-title .search-button:hover{background:#5dbb2f38;box-shadow:var(--glow)}.card-title .search-help{margin:12px 0 0;color:var(--text-2);font-size:.95rem}.card-title .tag{padding:6px 10px;border-radius:999px;border:1px solid rgba(93,187,47,.4);color:var(--green-0);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.card-title .tag a{color:var(--text-0);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.card-title .tag--sentence{text-transform:none;letter-spacing:.01em;font-size:.9rem;color:var(--text-1);background:#5dbb2f14;border-color:#5dbb2f40;padding:10px 14px;max-width:440px;line-height:1.35}.card-title .tag--sentence a{color:var(--text-0);text-decoration-color:#5dbb2fcc}@media(max-width:900px){.card-title .list-item{flex-direction:column;align-items:flex-start}.card-title .tag--sentence{max-width:100%}}.card-title .page-hero{display:flex;flex-direction:column;gap:12px}.card-title .footer{padding:24px 6vw 40px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;color:var(--text-2);font-size:.85rem;gap:16px;flex-wrap:wrap}.card-title .footer-accent{color:var(--orange-0);text-transform:uppercase;letter-spacing:.18em}@media(max-width:900px){.card-title .navbar{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:16px 4vw}.card-title .nav-links--desktop{display:none}.card-title .nav-toggle{display:inline-flex}.card-title .nav-overlay,.card-title .nav-drawer{display:block}.card-title .nav-drawer{display:flex}.card-title .nav-drawer .nav-link{padding:10px 14px;font-size:1rem;border-radius:10px;text-align:left}.card-title .hero{grid-template-columns:1fr;padding:20px 0}.card-title .hero-logo{width:48px;height:48px}.card-title .grid-3,.card-title .grid-2{grid-template-columns:1fr}.card-title .page{padding:24px 4vw 60px}.card-title .section-header{flex-direction:column;align-items:flex-start}.card-title .section-title{font-size:1.5rem}.card-title .list-item{flex-direction:column;align-items:flex-start}.card-title .tag--sentence{max-width:100%}}@media(max-width:640px){.card-title body{font-size:14px}.card-title .navbar{padding:12px 3vw;gap:12px}.card-title .brand-logo{width:48px;height:48px}.card-title .brand-mark{font-size:1.4rem}.card-title .brand-tag{font-size:.65rem}.card-title .nav-drawer{width:min(300px,84vw);padding:88px 16px 20px}.card-title .page{padding:16px 3vw 40px}.card-title .section{margin-bottom:1rem}.card-title .section-title{font-size:1.25rem;line-height:1.3}.card-title .section-subtitle{font-size:.9rem}.card-title .eyebrow{font-size:.75rem}.card-title .hero{padding:0;gap:20px}.card-title .hero-title{font-size:2rem}.card-title .hero-subtitle{font-size:1rem;line-height:1.5}.card-title .cta-group{flex-direction:column;gap:10px}.card-title .cta-primary,.card-title .cta-secondary{padding:12px 16px;font-size:1rem;border-radius:8px;width:100%;text-align:center}.card-title .card{padding:16px}.card-title .card-title{font-size:.85rem}.card-title .card-value{font-size:1.3rem}.card-title .tag{padding:.25rem .5rem;font-size:.75rem;border-radius:4px}.card-title .list-item{gap:8px;padding:12px;border-radius:6px}.card-title .tag--sentence{font-size:.85rem;padding:8px}.card-title .chart-placeholder{height:120px}.card-title .footer{flex-direction:column;gap:12px;padding:16px 3vw;font-size:.8rem}}@media(max-width:480px){.card-title body{font-size:13px}.card-title .navbar{padding:10px 2vw}.card-title .brand{gap:8px}.card-title .brand-logo{width:40px;height:40px}.card-title .brand-mark{font-size:1.2rem}.card-title .nav-link{padding:6px 8px;font-size:.85rem}.card-title .page{padding:12px 2vw 32px}.card-title .section-title{font-size:1.1rem}.card-title .hero-title{font-size:1.75rem;line-height:1.2}.card-title .hero-subtitle{font-size:.95rem;line-height:1.4}.card-title .hero-panel{padding:0;gap:12px}.card-title .cta-primary,.card-title .cta-secondary{padding:10px 12px;font-size:.9rem}.card-title .card{padding:12px;gap:8px}.card-title .card-title{font-size:.8rem}.card-title .card-value{font-size:1.1rem}.card-title .tag{padding:.2rem .4rem;font-size:.7rem}.card-title .list-item{padding:10px}}
