:root{--ink:#142d42;--muted:#586b7c;--brand:#165680;--brand-soft:#e8f0f5;--brand-tint:#f2f7fa;--green:#7bb968;--green-deep:#21684e;--green-soft:#d8efdf;--gold:#c7a600;--gold-soft:#fbf5dc;--danger:#ef4444;--danger-soft:#fdecec;--amber:#f59e0b;--amber-soft:#fdf3e3;--line:#e3eaf0;--surface:#f4f7fa;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--surface)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2786b5;outline-offset:4px}img{max-width:100%}html{scroll-padding-top:100px}button,a{touch-action:manipulation}.app-header{height:80px!important;box-shadow:none!important;background:#fffffff5!important;border-bottom:1px solid var(--line)!important}.app-header img[alt=OptStudy]{height:48px!important}.app-main{padding:108px 24px 40px!important;min-width:0}.app-sidebar{background:linear-gradient(170deg,#123d58,#102a40)!important;padding:24px 16px 16px!important;box-shadow:none!important}.app-sidebar nav button{min-height:44px}.app-sidebar nav button[aria-current=page]{background:#d8efdf!important;color:#184437!important;box-shadow:none!important}.sidebar-toggle{top:20px!important;z-index:60!important}.pro-card{border:1px solid var(--line);box-shadow:0 3px 16px #14334b06;border-radius:18px;min-width:0}.pro-card[role=button]:hover{border-color:#78a3b7;box-shadow:0 8px 26px #14334b0c}.pro-button{min-height:44px;letter-spacing:-.01em}.study-overview{display:grid;gap:20px}.study-welcome{display:grid;grid-template-columns:1fr 230px;align-items:center;gap:32px;padding:38px;border:1px solid #d8e6e9;border-radius:24px;background:radial-gradient(ellipse at 85% 0%,#d8eee3,transparent 58%),#edf5f6}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#427085}.study-welcome h1{font-size:clamp(28px,3vw,42px);line-height:1.16;letter-spacing:-.045em;font-weight:750;margin:13px 0 15px;color:var(--ink)}.study-welcome h1 span{color:#21684e}.study-welcome p{font-size:14px;line-height:1.8;color:var(--muted);max-width:490px;margin:0 0 24px}.study-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:12px;background:var(--brand);color:#fff;padding:14px 20px;font-size:13px;font-weight:700;box-shadow:0 4px 10px #1656801a}.study-cta:hover{background:#104467}.study-today{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;background:#ffffffa8;border:1px solid white;border-radius:20px;padding:24px 15px;color:#45665f}.study-today>span{font-size:12px}.study-today strong{font-size:52px;line-height:1.1;letter-spacing:-.06em;color:#174b3b}.study-today small{font-size:10px;margin-top:10px}.study-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.study-metric{display:flex;flex-direction:column;align-items:start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;gap:9px}.metric-icon{padding:9px;border-radius:11px;background:#edf4f8;color:#22668d;margin-bottom:5px}.metric-icon svg{width:20px;height:20px}.study-metric>span:not(.metric-icon){font-size:12px;color:var(--muted);font-weight:600}.study-metric strong{font-size:29px;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}.study-metric small{font-size:10px;color:var(--muted)}.metric-context{font-size:11px;color:var(--muted);margin:0}.dashboard-page .recharts-cartesian-grid line{stroke:#e4ebf0}.dashboard-page .recharts-default-tooltip{border:1px solid var(--line)!important;border-radius:12px;box-shadow:0 8px 30px #102a4012}.dashboard-page select{border-radius:9px;min-height:38px}.dashboard-page h2{letter-spacing:-.025em}.dashboard-page .text-gray-400{color:#68788a}.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:#fff;padding:12px 20px;border-radius:8px}.skip-link:focus{top:10px}.landing-pro header img{height:54px!important}.landing-pro header .container{max-width:1240px}.landing-pro section:first-of-type{background:radial-gradient(ellipse at 90% 0%,#28755e70,transparent 65%),#102f47!important}.landing-pro section:first-of-type h1{letter-spacing:-.055em;line-height:1.12}.landing-pro section:first-of-type p{line-height:1.7}.landing-pro section:first-of-type .animate-float-1,.landing-pro section:first-of-type [class*=animate-float-]{animation:none!important}.landing-pro section:first-of-type img{box-shadow:0 20px 60px #001c3440}.landing-pro section{scroll-margin-top:90px}.landing-pro button{min-height:44px}.landing-pro header button{background:#165680!important}.landing-pro section:first-of-type button:first-child{background:#dcf2bc!important;color:#173f32!important}.landing-pro section:first-of-type .grid{gap:48px}@media(min-width:1024px){.app-main{padding-left:312px!important}.app-header{left:288px!important}}@media(max-width:1100px){.study-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.study-welcome{padding:26px;grid-template-columns:1fr 190px;gap:20px}}@media(max-width:640px){.app-main{padding:98px 16px 28px!important}.app-header{padding-left:64px!important;gap:8px}.app-header img[alt=OptStudy]{height:34px!important}.study-welcome{grid-template-columns:1fr;padding:24px;gap:22px}.study-today{display:none}.study-metrics{gap:10px}.study-metric{padding:15px}.study-metric strong{font-size:26px}.study-metric small{font-size:10px}.study-cta{width:100%}.landing-pro header .container{padding:12px 16px}.landing-pro header img{height:40px!important}.landing-pro header button{padding:10px 12px;font-size:12px}.landing-pro section:first-of-type .container{padding:44px 22px}.landing-pro section:first-of-type h1{font-size:38px}.landing-pro section:first-of-type p{font-size:16px}.landing-pro section:first-of-type .grid{gap:32px}.landing-pro section:first-of-type [class*=animate-float-]{transform:scale(.85)}}.brand-fallback{display:inline-flex;align-items:center;gap:9px;color:#165680;white-space:nowrap}.brand-fallback strong{font-size:23px;font-weight:800;letter-spacing:-1px}.brand-fallback strong span{color:#347550}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.brand-bar{background:var(--brand)!important}.brand-text{color:var(--brand)!important}.brand-soft{background:var(--brand-soft)!important}.brand-tint{background:var(--brand-tint)!important}.green-bar{background:var(--green)!important}.green-text{color:var(--green-deep)!important}.green-soft{background:var(--green-soft)!important}.gold-bar{background:var(--gold)!important}.gold-text{color:#8b7000!important}.gold-soft{background:var(--gold-soft)!important}.danger-bar{background:var(--danger)!important}.danger-soft{background:var(--danger-soft)!important}.amber-bar{background:var(--amber)!important}.amber-soft{background:var(--amber-soft)!important}.score-ring-brand{stroke:var(--brand)!important}.score-ring-green{stroke:var(--green)!important}.score-ring-gold{stroke:var(--gold)!important}.score-ring-amber{stroke:var(--amber)!important}.score-ring-danger{stroke:var(--danger)!important}.kpi-accent-brand{background:linear-gradient(90deg,#165680,#2a7eb5)!important}.kpi-accent-green{background:linear-gradient(90deg,#7bb968,#95c97d)!important}.kpi-accent-gold{background:linear-gradient(90deg,#c7a600,#e5c100)!important}.kpi-accent-amber{background:linear-gradient(90deg,#f59e0b,#fbbf24)!important}.lvl-4{background:var(--green-soft)!important;color:#1c5a41!important}.lvl-3{background:var(--brand-soft)!important;color:#123a56!important}.lvl-2{background:var(--amber-soft)!important;color:#8a5a00!important}.lvl-1{background:var(--danger-soft)!important;color:#96201f!important}.lvl-bar-4{background:var(--green)!important}.lvl-bar-3{background:var(--brand)!important}.lvl-bar-2{background:var(--amber)!important}.lvl-bar-1{background:var(--danger)!important}.brand-border{border-color:var(--brand)!important}.range-pro{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:999px;outline:none;background:linear-gradient(90deg,#165680 0%,#2a7eb5 var(--range-fill,50%),#e2e8f0 var(--range-fill,50%),#e2e8f0 100%);cursor:pointer;transition:box-shadow .2s}.range-pro:hover{box-shadow:0 0 0 6px #16568014}.range-pro:disabled{background:linear-gradient(90deg,#94a3b8 0%,#cbd5e1 var(--range-fill,50%),#e2e8f0 var(--range-fill,50%),#e2e8f0 100%)}.range-pro::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:999px;background:#fff;border:3px solid #165680;box-shadow:0 2px 8px #16568040;cursor:grab;transition:transform .15s ease,box-shadow .15s ease}.range-pro::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 14px #16568059}.range-pro::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.range-pro::-moz-range-thumb{width:22px;height:22px;border-radius:999px;background:#fff;border:3px solid #165680;box-shadow:0 2px 8px #16568040;cursor:grab}.range-pro::-moz-range-track{height:8px;border-radius:999px;background:#e2e8f0}.range-pro::-moz-range-progress{height:8px;border-radius:999px;background:#165680}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}