:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0b1120;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button{font:inherit}a:focus-visible,button:focus-visible{outline-offset:4px;outline:2px solid #22d3ee}#root{width:100%}.site{max-width:1160px;margin:0 auto;padding:0 32px}.header{border-bottom:1px solid #263244;justify-content:space-between;align-items:center;padding:28px 0;display:flex}.logo{color:#f8fafc;font-size:26px;font-weight:800;text-decoration:none}.logo span,.hero h1 span{color:#22d3ee}nav{gap:30px;display:flex}nav a,.footer a{color:#cbd5e1;text-decoration:none}nav a:hover,.footer a:hover{color:#22d3ee}.hero{max-width:850px;padding:125px 0}.eyebrow{color:#22d3ee;letter-spacing:2px;font-size:12px;font-weight:700}.hero h1{letter-spacing:-2px;margin:20px 0;font-size:clamp(44px,6vw,76px);line-height:1.1}.hero-description{color:#94a3b8;max-width:670px;font-size:20px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:35px;display:flex}.primary-button,.secondary-button{border-radius:8px;padding:14px 24px;font-weight:700;text-decoration:none;display:inline-block}.primary-button{color:#0b1120;background:#22d3ee}.secondary-button{color:#f8fafc;border:1px solid #475569}.primary-button:hover{background:#67e8f9}.secondary-button:hover{border-color:#22d3ee}.section{border-top:1px solid #263244;padding:85px 0;scroll-margin-top:30px}.section h2{letter-spacing:-1px;margin:12px 0;font-size:clamp(30px,4vw,42px)}.section-heading>p:last-child,.about>p:not(.eyebrow){color:#94a3b8;max-width:680px;line-height:1.8}.filters{flex-wrap:wrap;gap:10px;margin:35px 0 25px;display:flex}.filter{color:#cbd5e1;cursor:pointer;background:#172235;border:1px solid #334155;border-radius:8px;padding:10px 16px}.filter:hover,.filter.active{color:#fff;background:#164e63;border-color:#22d3ee}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.project-card{background:#172235;border:1px solid #334155;border-radius:14px;flex-direction:column;padding:28px;transition:border-color .2s,transform .2s;display:flex}.project-card:hover{border-color:#22d3ee;transform:translateY(-3px)}.project-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-number{color:#64748b;font-weight:700}.project-category{color:#22d3ee;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.project-card h3{margin:36px 0 12px;font-size:23px}.project-card>p{color:#94a3b8;flex-grow:1;line-height:1.7}.tags{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.tags span{color:#cbd5e1;background:#26364b;border-radius:6px;padding:7px 10px;font-size:12px}.project-details{color:#cbd5e1;border-top:1px solid #334155;padding-top:14px;font-size:14px;line-height:1.7}.project-details span{color:#22d3ee;font-size:12px}.project-actions{border-top:1px solid #334155;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:20px;display:flex}.project-actions a,.details-button{color:#22d3ee;font-size:13px;font-weight:700;text-decoration:none}.details-button{cursor:pointer;background:0 0;border:0;padding:0}.project-actions a:hover,.details-button:hover{text-decoration:underline}.about{max-width:780px}.footer{color:#64748b;border-top:1px solid #263244;justify-content:space-between;gap:20px;padding:30px 0;font-size:13px;display:flex}@media (width<=900px){.project-grid{grid-template-columns:1fr}.hero{padding:90px 0}}@media (width<=600px){.site{padding:0 20px}nav{gap:14px;font-size:13px}.hero{padding:80px 0}.hero-description{font-size:17px}.section{padding:65px 0}}.project-actions .dashboard-link{color:#0b1120;background:#22d3ee;border-radius:6px;padding:8px 12px}.project-actions .dashboard-link:hover{background:#67e8f9;text-decoration:none}.grocery-dashboard{width:100%}.dashboard-description,.dashboard-date{color:#94a3b8;line-height:1.7}.dashboard-date{margin-bottom:30px;font-size:13px}.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:30px 0;display:grid}.dashboard-kpi,.dashboard-chart{background:#172235;border:1px solid #334155;border-radius:14px;padding:26px}.dashboard-kpi{flex-direction:column;gap:12px;display:flex}.dashboard-kpi>span,.selected-price>span{color:#94a3b8;font-size:14px}.dashboard-kpi strong{color:#f8fafc;font-size:36px}.dashboard-kpi small{color:#94a3b8}.dashboard-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;display:flex}.dashboard-chart h3{margin:0 0 8px;font-size:22px}.dashboard-chart-header p{color:#94a3b8;font-size:14px}.product-selector{flex-direction:column;gap:8px;display:flex}.product-selector label{color:#94a3b8;font-size:13px}.product-selector select{color:#f8fafc;width:320px;max-width:100%;font:inherit;background:#0b1120;border:1px solid #475569;border-radius:8px;padding:12px}.selected-price{flex-wrap:wrap;align-items:center;gap:12px;margin:30px 0 18px;display:flex}.selected-price strong{font-size:26px}.sale-label{font-weight:700;color:#22c55e!important}.grocery-chart-container{width:100%;height:330px}.dashboard-note{color:#94a3b8;margin-top:18px;font-size:12px;line-height:1.7}@media (width<=600px){.dashboard-kpis{grid-template-columns:1fr}.dashboard-chart{padding:20px 12px}.grocery-chart-container{height:270px}.product-selector,.product-selector select{width:100%}}