:root{--ink:#17292b;--muted:#667778;--cream:#f5f2ea;--paper:#fff;--green:#0b695c;--green-2:#dcefe8;--lime:#c8e45c;--orange:#ed9c48;--line:#d9dfda;--shadow:0 22px 55px rgba(22,45,43,.10)}
.readonly-value{display:flex;align-items:center;width:100%;height:49px;border:1px solid var(--line);border-radius:11px;background:#eef4f0;color:var(--green);padding:0 14px;font-size:15px;font-weight:800}
.input-suffix{height:42px;border:1px solid var(--line);border-radius:9px;background:#fbfcfa;display:flex;align-items:center;padding-right:11px;color:var(--muted)}.input-suffix input{border:0!important}.config-group{border:1px solid var(--line);border-radius:11px;margin:9px 0;background:#fff}.config-group summary{cursor:pointer;padding:12px 14px;font-size:13px;font-weight:750;color:var(--green);list-style:none}.config-group summary:after{content:"+";float:right}.config-group[open] summary:after{content:"−"}.config-group>.field-grid{padding:3px 14px 15px}.result-details{margin-top:16px;border-top:1px solid rgba(255,255,255,.17)}.result-details>summary{cursor:pointer;list-style:none;padding:14px 0 0;font-size:12px;font-weight:750;color:#fff}.result-details>summary:after{content:"+";float:right}.result-details[open]>summary:after{content:"−"}.result-details h3{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#a9cfc6;margin:14px 0 4px}.result-details dl{margin:0}.result-details dl div{display:flex;justify-content:space-between;font-size:11px;padding:3px 0}.result-details dt{color:#c4ddd7}.result-details dd{margin:0;font-weight:700}.result-details .negative dd{color:#ffd3ad}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{height:78px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,41,43,.1);background:rgba(245,242,234,.88);backdrop-filter:blur(12px)}.brand{display:flex;gap:11px;align-items:center;color:inherit;text-decoration:none}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--green);color:white;font-weight:800;font-size:13px;transform:rotate(-3deg)}.brand span:last-child{display:flex;flex-direction:column;line-height:1.1}.brand strong{font-size:16px}.brand small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-top:4px}.prototype-badge{font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;background:#e7e2d5;padding:7px 12px;border-radius:99px;color:#596260}main{max-width:1180px;margin:auto;padding:72px 24px 56px}.intro{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;margin-bottom:40px}.eyebrow{color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.13em;font-size:12px;margin:0 0 14px}.intro h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(39px,5vw,62px);line-height:1.03;letter-spacing:-.035em;margin:0}.intro h1 em{color:var(--green);font-weight:400}.intro-copy{max-width:630px;color:var(--muted);font-size:17px;margin:22px 0 0}.privacy-note{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.58);border:1px solid white;padding:13px 17px;border-radius:15px;min-width:238px}.privacy-note>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--green-2);color:var(--green);font-weight:800}.privacy-note p{font-size:12px;margin:0;color:var(--muted)}.privacy-note strong{color:var(--ink)}.simulator{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);background:var(--paper);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.form-panel{padding:38px 42px 42px}.section-heading{display:flex;gap:15px;align-items:center;margin-bottom:27px}.section-heading h2{font-size:20px;margin:0}.section-heading p{color:var(--muted);font-size:13px;margin:2px 0 0}.step{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--green);color:white;font-weight:800}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700}.field select,.field input{width:100%;height:49px;border:1px solid var(--line);border-radius:11px;background:#fbfcfa;color:var(--ink);padding:0 14px;font:inherit;outline:none}.field select:focus,.field input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(11,105,92,.1)}.advanced-toggle{width:100%;border:0;border-top:1px solid var(--line);background:none;margin-top:31px;padding:22px 2px 0;display:flex;justify-content:space-between;color:var(--green);cursor:pointer;font:inherit}.advanced-toggle b{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:7px;border-radius:50%;background:var(--green-2)}.advanced-toggle small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.advanced-fields{margin-top:25px;padding-top:25px;border-top:1px dashed var(--line)}.section-heading.compact{margin-bottom:20px}.input-prefix{height:49px;border:1px solid var(--line);border-radius:11px;background:#fbfcfa;display:flex;align-items:center;padding-left:13px;color:var(--muted)}.input-prefix input{border:0;padding-left:9px}.check-row{margin-top:22px;padding:14px 15px;background:#f4f8f5;border-radius:12px;display:flex;align-items:center;gap:10px;cursor:pointer}.check-row>input{position:absolute;opacity:0}.check-row span:nth-child(2){display:flex;flex-direction:column;flex:1;font-size:13px}.check-row small{color:var(--muted)}.switch{width:38px;height:22px;border-radius:99px;background:#b9c5bf;position:relative}.switch:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:white;top:3px;left:3px;transition:.2s}.check-row input:checked~.switch{background:var(--green)}.check-row input:checked~.switch:after{transform:translateX(16px)}.result-panel{background:var(--green);color:white;padding:38px 40px;position:relative}.result-head{display:flex;justify-content:space-between;align-items:start}.result-head p{margin:0;color:#a9cfc6;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.result-head h2{font-size:19px;margin:4px 0}.result-head button{border:0;background:rgba(255,255,255,.11);color:#cde2dc;padding:8px 11px;border-radius:8px;cursor:pointer}.net-value{font-family:Georgia,serif;font-size:clamp(40px,5vw,55px);letter-spacing:-.03em;margin-top:24px}.net-caption{color:#a9cfc6;margin:0 0 28px;font-size:12px}.composition{border-top:1px solid rgba(255,255,255,.17);padding-top:22px}.composition-label{display:flex;justify-content:space-between;font-size:12px;color:#b9d7d0}.composition-label strong{color:white}.bar{height:9px;margin:12px 0;border-radius:9px;overflow:hidden;display:flex;background:rgba(255,255,255,.1)}.bar span{transition:width .25s}.bar #base-bar{background:white}.bar #qualification-bar{background:var(--lime)}.bar #benefits-bar{background:var(--orange)}.legend{display:flex;gap:15px;font-size:10px;color:#b9d7d0}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.dot.base{background:white}.dot.qual{background:var(--lime)}.dot.benefit{background:var(--orange)}.breakdown{margin:25px 0 0}.breakdown div{display:flex;justify-content:space-between;padding:9px 0;font-size:13px}.breakdown dt{color:#c4ddd7}.breakdown dd{margin:0;font-weight:750}.breakdown .discount dd{color:#ffd3ad}.details-button{border:0;border-top:1px solid rgba(255,255,255,.17);background:none;color:white;width:100%;padding:18px 0 0;margin-top:14px;text-align:left;display:flex;justify-content:space-between;cursor:pointer}.calculation-notes{font-size:12px;color:#c4ddd7;margin-top:14px;padding:13px;background:rgba(0,0,0,.1);border-radius:10px}.next-step{margin:25px 0 0;background:#e4ead0;border-radius:18px;padding:24px 28px;display:flex;align-items:center;gap:16px}.next-step>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--lime);font-size:20px}.next-step div{flex:1}.next-step p{color:var(--green);text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.1em;margin:0}.next-step h2{font-size:18px;margin:3px 0}.next-step button{border:1px solid rgba(11,105,92,.3);background:transparent;color:var(--green);padding:11px 16px;border-radius:10px;font-weight:750;cursor:pointer}footer{max-width:1180px;margin:0 auto;padding:0 24px 42px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}footer p{margin:0}@media(max-width:850px){main{padding-top:45px}.intro{grid-template-columns:1fr}.privacy-note{display:none}.simulator{grid-template-columns:1fr}.result-panel{min-height:auto}.next-step{align-items:flex-start;flex-wrap:wrap}.next-step div{min-width:220px}footer{gap:16px;flex-direction:column}}@media(max-width:560px){.topbar{height:68px}.prototype-badge{font-size:10px}.intro h1{font-size:38px}.intro-copy{font-size:15px}.field-grid{grid-template-columns:1fr}.form-panel,.result-panel{padding:29px 23px}.simulator{border-radius:18px}.legend{flex-wrap:wrap}.next-step{padding:20px}.next-step button{width:100%}}