@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";
:root{--bg:#f4f5f0;--panel:#fff;--panel2:#eef0e8;--text:#121712;--muted:#687067;--line:#dfe3da;--dark:#121813;--darkText:#f5f8f2;--accent:#c8ff37;--danger:#d9544d;--radius:18px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--dark);color:var(--darkText);height:100vh;padding:22px 16px;position:sticky;top:0}.brand{align-items:center;gap:10px;margin:4px 8px 30px;font-family:Manrope,sans-serif;font-weight:800;display:flex}.brandMark{background:var(--accent);color:#111;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.brand small{color:#899287;letter-spacing:.13em;margin-top:2px;font:500 9px DM Mono;display:block}.nav{gap:4px;display:grid}.nav a{color:#aeb6ac;border-radius:11px;align-items:center;gap:9px;padding:11px 12px;font-size:13px;display:flex}.nav a:hover{color:#fff;background:#1f2820}.main{width:100%;max-width:1600px;margin:0 auto;padding:30px clamp(18px,3vw,46px) 60px}.eyebrow{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font:500 10px DM Mono}.title{letter-spacing:-.05em;margin:8px 0;font-family:Manrope,sans-serif;font-size:clamp(30px,4vw,54px);font-weight:800;line-height:1.02}.sub{color:var(--muted);max-width:760px;font-size:14px;line-height:1.6}.top{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.button{background:var(--dark);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:11px 15px;font-weight:700}.button:disabled{opacity:.6;cursor:not-allowed}.button.accent{background:var(--accent);color:#111}.button.light{background:var(--panel);color:var(--text);border:1px solid var(--line)}.grid4{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.kpi span{color:var(--muted);font-size:10px}.kpi strong{letter-spacing:-.06em;margin:8px 0 3px;font:500 28px DM Mono;display:block}.kpi em{color:var(--muted);font-size:10px;font-style:normal}.grid2{grid-template-columns:1.35fr .65fr;gap:14px;margin-top:14px;display:grid}.card h2,.card h3{letter-spacing:-.03em;margin:4px 0 12px;font-family:Manrope}.rows{display:grid}.row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0;display:grid}.row:first-child{border-top:0}.row small{color:var(--muted);margin-top:4px;display:block}.pill{background:var(--panel2);white-space:nowrap;border-radius:999px;padding:6px 8px;font:500 9px DM Mono}.pill.ok{color:#27661e;background:#e5f8d6}.pill.warn{color:#8a5f00;background:#fff0cf}.pill.off{color:#854139;background:#f1e7e4}.formGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{gap:6px;display:grid}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:600}.input,.textarea,.select{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:12px;outline:none;padding:12px}.input:focus,.textarea:focus,.select:focus{border-color:#9aae61;box-shadow:0 0 0 3px #c8ff3729}.textarea{resize:vertical;min-height:95px}.tableWrap{overflow:auto}.table{border-collapse:collapse;width:100%;font-size:12px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 10px}.table th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:9px}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:14px;padding:34px}.login{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.loginPitch{background:var(--dark);color:#fff;flex-direction:column;justify-content:center;padding:clamp(30px,6vw,80px);display:flex}.loginCard{border:1px solid var(--line);background:#fff;border-radius:22px;place-self:center;width:min(440px,100% - 32px);padding:26px}.loginCard h1{margin-top:0;font-family:Manrope}.error{color:#7a2520;background:#fff0ef;border:1px solid #f2c8c5;border-radius:10px;margin-bottom:12px;padding:10px;font-size:12px}.success{color:#2d681f;background:#effbe6;border:1px solid #cdeeb9;border-radius:10px;margin-bottom:12px;padding:10px;font-size:12px}.estimationPage{background:radial-gradient(circle at 10% 10%,#c8ff3724,transparent 26%),var(--bg);min-height:100vh;padding-bottom:60px}.estimationHeader{border-bottom:1px solid var(--line);max-width:1180px;color:var(--muted);justify-content:space-between;align-items:center;margin:0 auto;padding:20px 24px;font-size:12px;display:flex}.estimationBrand{color:var(--text);font:800 16px Manrope}.estimationHero{grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);align-items:start;gap:46px;max-width:1180px;margin:0 auto;padding:54px 24px 28px;display:grid}.estimationPitch{padding-top:14px}.estimationBack{color:var(--muted);align-items:center;gap:6px;margin-bottom:36px;font-size:12px;display:inline-flex}.estimationPitch h1{letter-spacing:-.065em;max-width:720px;margin:12px 0 20px;font:800 clamp(40px,6vw,72px)/.98 Manrope}.estimationPitch>p{color:var(--muted);max-width:640px;font-size:16px;line-height:1.7}.estimationProofs{gap:10px;margin-top:34px;display:grid}.estimationProofs>div{border-top:1px solid var(--line);align-items:center;gap:12px;padding:13px 0;display:flex}.estimationProofs strong,.estimationProofs small{display:block}.estimationProofs small{color:var(--muted);margin-top:3px}.estimationCard{background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:0 22px 60px #12181314}.estimationCard h2{letter-spacing:-.04em;margin:6px 0;font:800 28px Manrope}.estimationForm{margin-top:20px}.consentRow{color:var(--muted);align-items:flex-start;gap:10px;margin-top:15px;font-size:12px;line-height:1.5;display:flex}.consentRow input{margin-top:3px}.privacyNote{color:var(--muted);margin:14px 0;font-size:10px;line-height:1.55}.estimationSubmit{width:100%;padding:14px}.honeypot{opacity:0!important;width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important}.estimationSuccess{text-align:center;padding:28px 8px}.estimationSuccess svg{color:#4d7b26}.estimationSuccess h2{margin:12px 0;font:800 28px Manrope}.estimationSuccess p{color:var(--muted);max-width:460px;margin:0 auto 20px;line-height:1.6}.estimationSteps{grid-template-columns:repeat(3,1fr);gap:12px;max-width:1180px;margin:12px auto 0;padding:0 24px;display:grid}.estimationSteps>div{background:var(--panel2);border:1px solid var(--line);border-radius:16px;gap:8px;padding:18px;display:grid}.estimationSteps strong{font-family:Manrope}.estimationSteps span{color:var(--muted);font-size:12px;line-height:1.5}@media (max-width:1000px){.shell{grid-template-columns:78px 1fr}.brand div:last-child,.nav span{display:none}.nav a{justify-content:center}.grid4{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.estimationHero{grid-template-columns:1fr;max-width:760px}.estimationPitch h1{font-size:clamp(38px,8vw,62px)}.estimationSteps{max-width:760px}}@media (max-width:700px){.shell{display:block}.sidebar{align-items:center;height:auto;padding:10px;display:flex;position:static}.brand{margin:0}.nav{margin-left:auto;display:flex;overflow:auto}.main{padding:20px 14px 40px}.top{display:block}.grid4,.formGrid{grid-template-columns:1fr}.field.full{grid-column:auto}.login{grid-template-columns:1fr}.loginPitch{min-height:230px}.loginPitch .sub{display:none}.estimationHeader{padding:16px}.estimationHeader span{display:none}.estimationHero{gap:26px;padding:30px 16px 20px}.estimationBack{margin-bottom:22px}.estimationPitch h1{font-size:42px}.estimationPitch>p{font-size:14px}.estimationCard{border-radius:20px;padding:18px}.estimationSteps{grid-template-columns:1fr;padding:0 16px}}.metricValue{letter-spacing:-.04em;font:500 20px DM Mono}.learningScore{letter-spacing:-.08em;margin:14px 0;font:500 clamp(44px,7vw,72px)/1 DM Mono}.learningScore span{color:var(--muted);letter-spacing:0;font-size:.32em}@media (max-width:700px){.metricValue{font-size:17px}.learningScore{font-size:52px}.card .top{gap:12px}.card .button{white-space:nowrap}}.sidebar{background:linear-gradient(#111713 0%,#182119 100%);border-right:1px solid #ffffff0d;flex-direction:column;display:flex}.workspacePicker{gap:6px;margin:0 8px 22px;display:grid}.workspacePicker label{letter-spacing:.12em;text-transform:uppercase;color:#7f8b80;font:500 9px DM Mono}.workspacePicker select{color:#f5f8f2;background:#1c251e;border:1px solid #2b382d;border-radius:11px;outline:none;width:100%;padding:10px 11px}.workspacePicker select:focus{border-color:var(--accent)}.navLabel{letter-spacing:.14em;text-transform:uppercase;color:#657067;margin-top:4px;padding:0 12px 7px;font:500 9px DM Mono}.primaryNav a{position:relative}.primaryNav a.active{color:#fff;background:#263128}.primaryNav a.active:before{content:"";background:var(--accent);border-radius:99px;width:3px;position:absolute;top:9px;bottom:9px;left:0}.sidebarFoot{border-top:1px solid #263128;gap:5px;margin-top:auto;padding:16px 10px 2px;display:grid}.sidebarFoot span{letter-spacing:.12em;text-transform:uppercase;color:#657067;font:500 9px DM Mono}.sidebarFoot strong{color:#e7ece6;font-size:11px}.sidebarFoot small{color:#7f8b80;font-size:10px;line-height:1.45}.card{box-shadow:0 1px #12181305}.button{transition:transform .15s,box-shadow .15s,background .15s}.button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 18px #12181314}.button.accent:not(:disabled):hover{box-shadow:0 8px 24px #c8ff3738}@media (max-width:1000px){.sidebarFoot,.navLabel{display:none}.workspacePicker{margin:0 4px 14px}.workspacePicker label{display:none}.workspacePicker select{padding:8px 5px;font-size:10px}}@media (max-width:700px){.sidebar{gap:8px}.workspacePicker{order:3;width:100%;margin:0}.workspacePicker select{width:100%}.primaryNav{gap:4px;width:100%;display:flex;overflow:auto}.primaryNav a{min-width:max-content}.primaryNav a.active:before{width:auto;height:3px;inset:auto 10px 2px}.brand{margin-right:auto}}
.workspacePicker{background:#1d281f;border:1px solid #344133;border-radius:12px;gap:6px;min-width:0;margin:0 3px 18px;padding:10px;display:grid}.workspacePicker label{color:#d5e4c9;font-size:11px;font-weight:600}.workspacePicker select{color:#182018;background:#fff;border:1px solid #cad1c7;border-radius:9px;width:100%;min-width:0;max-width:100%;padding:9px 10px;font-size:12px}.workspacePicker select:disabled{opacity:.6}.workspacePicker small{color:#ffb5b0;font-size:11px;line-height:1.4}@media (max-width:1000px) and (min-width:701px){.workspacePicker{width:62px;margin:0 0 12px;padding:6px;position:relative}.workspacePicker label{font-size:9px}.workspacePicker select{width:48px;padding:4px;font-size:10px}}@media (max-width:700px){.sidebar{flex-wrap:wrap;gap:4px;display:flex}.workspacePicker{flex:1 0 100%;order:3;align-items:center;gap:12px;margin:4px 0 0;padding:7px 10px;display:flex}.workspacePicker label{white-space:nowrap}.workspacePicker select{flex:1;min-width:0}.workspacePicker small{width:100%}.nav{flex:1;margin-left:12px}}
