body{background:#f7faf5;color:#0f1720;overflow-x:hidden}
main{position:relative;isolation:isolate;padding-bottom:24px}
main::before{content:"";position:absolute;z-index:-1;top:-220px;right:-315px;width:1080px;height:1080px;border:1px solid rgba(137,222,65,.24);border-radius:50%;box-shadow:0 0 0 112px rgba(199,245,69,.075),0 0 0 220px rgba(199,245,69,.04);background:radial-gradient(circle at 45% 48%,rgba(199,245,69,.14),rgba(233,248,218,.1) 42%,transparent 70%)}
.w{width:min(1468px,calc(100% - 96px))}
.hero{grid-template-columns:minmax(0,1.38fr) minmax(300px,.62fr);gap:72px;align-items:end;padding:66px 0 44px}
.hero>div:first-child{max-width:980px}
.tag{color:#087246;font-size:12px;font-weight:850;letter-spacing:.12em}
h1{max-width:920px;margin:14px 0 22px;font-size:clamp(58px,5.1vw,86px);line-height:.94;letter-spacing:-.065em}
.hero p{max-width:770px;margin:0;color:#64748b;font-size:18px;line-height:1.58}
.note{margin-bottom:4px;padding:3px 0 3px 22px;border-left:3px solid #c7f545;color:#173025;font-size:15px;line-height:1.25}
.card{border:1px solid #dce6dc;border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 14px 42px rgba(15,46,35,.045);backdrop-filter:blur(8px)}
form>.card{padding:26px}
.head{margin-bottom:20px}
.head h2{font-size:19px;font-weight:800;letter-spacing:-.02em}
.fields{gap:14px}
label{min-height:88px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:14px 16px;border-color:#dce4dc;border-radius:13px;background:#fbfdfa;color:#64748b;font-size:12px;line-height:1.25;text-align:left;transition:border-color .2s,box-shadow .2s,background .2s}
label:hover{border-color:#bdd3c3;background:#fff}
label:focus-within{border-color:#8bd43f;background:#fff;box-shadow:0 0 0 4px rgba(199,245,69,.18)}
input{display:block;width:100%;min-width:0;padding:0;text-align:left;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2;color:#0f1720}
input[type="number"]{-moz-appearance:textfield}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.models{gap:26px;margin-top:26px}
.model{padding:28px}
.model-title{gap:12px}
.badge{width:46px;height:38px;border-radius:11px;background:#0f432f;box-shadow:0 8px 20px rgba(15,46,35,.13)}
.fbs .badge{background:#425a78}
.explain{margin-bottom:20px;color:#64748b;font-size:13px}
.results{padding:78px 0 34px}
.switch-card{position:relative;overflow:hidden;gap:24px;padding:30px;border:1px solid rgba(137,222,65,.2);background:linear-gradient(135deg,#0f432f,#0a3024);box-shadow:0 22px 60px rgba(15,46,35,.2)}
.switch-card::after{content:"";position:absolute;right:-120px;top:-160px;width:360px;height:360px;border:1px solid rgba(199,245,69,.18);border-radius:50%;box-shadow:0 0 0 58px rgba(199,245,69,.035);pointer-events:none}
.switch-card>*{position:relative;z-index:1}
.switch-icon{width:62px;height:62px;background:#c7f545;box-shadow:0 0 28px rgba(199,245,69,.25)}
.switch-card p,.switch-number span{color:rgba(255,255,255,.65)}
.switch-number strong{font-size:30px;font-variant-numeric:tabular-nums}
.result-grid{gap:26px;margin-top:26px}
.result{padding:30px}
.result.winner{border:2px solid #1e7a50;box-shadow:0 20px 55px rgba(15,46,35,.1)}
.winner-label{padding:9px 14px;border-radius:0 18px 0 12px;background:#c7f545;color:#123024;letter-spacing:.06em}
.status{padding:7px 11px;background:#e9f8db;color:#0f6b45}
.status.risk{background:#fff0d2;color:#8a5a00}
.main-number{margin:30px 0}
.main-number span,.metric span{color:#64748b}
.main-number strong{font-size:40px;font-variant-numeric:tabular-nums}
.metrics{border-color:#dce6dc}
.metric{padding:17px 0;border-color:#dce6dc}
.metric:nth-child(even){border-color:#dce6dc}
.metric strong{font-variant-numeric:tabular-nums}
.scale-card{margin-top:26px;padding:28px}
.scale-labels{color:#64748b}
.track{height:14px;margin:22px 0 12px;background:linear-gradient(90deg,#dce6ee 0 50%,#daf0d9 50%);box-shadow:inset 0 1px 3px rgba(15,23,32,.08)}
.marker{background:#0f432f}
.marker::after{background:#c7f545;box-shadow:0 0 0 4px rgba(199,245,69,.22)}
.insights{gap:26px;margin-top:46px}
.insights .card{padding:28px}
.insights h2{font-size:24px;letter-spacing:-.025em}
.insights li{color:#64748b}
.button{margin-top:22px;padding:15px;border-radius:12px;background:#0f432f;transition:transform .2s,background .2s}
.button:hover{background:#15583e;transform:translateY(-1px)}
.fine{padding-bottom:58px;color:#64748b}
@media(max-width:1280px){.w{width:min(1180px,calc(100% - 48px))}.hero{gap:44px}}
@media(max-width:900px){main::before{right:-680px}.w{width:calc(100% - 32px)}.hero,.models,.result-grid,.insights{grid-template-columns:1fr}.hero{gap:28px;padding-top:48px}.note{max-width:500px}.fields{grid-template-columns:1fr 1fr}.switch-card{grid-template-columns:auto 1fr}.switch-number{grid-column:2;text-align:left}}
@media(max-width:560px){.w{width:calc(100% - 24px)}.hero{padding:38px 0 28px}h1{font-size:46px}.hero p{font-size:16px}.fields,.model .fields{grid-template-columns:1fr}form>.card,.model,.result,.scale-card,.insights .card,.switch-card{padding:20px}.result.winner{padding-top:62px}.switch-icon{display:none}.switch-card,.switch-number{display:block}.switch-number{margin-top:18px}.results{padding-top:52px}}