:root{

  --ink:#152238;--mute:#5B6676;--paper:#FFFFFF;--wash:#F1F6FD;--ultra:#1F6FE5;--ultra-d:#1858B8;

  --marker:#D3E5FF;--brick:#B8391F;--grass:#17804F;--rule:#DCE5F2;

  --round:ui-rounded,"SF Pro Rounded","Hiragino Maru Gothic ProN",Quicksand,Comfortaa,Manjari,"Arial Rounded MT","Arial Rounded MT Bold",Calibri,source-sans-pro,sans-serif;

  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

  --gut:clamp(20px,5vw,64px);

}

*{box-sizing:border-box}

[hidden]{display:none!important}

html{scroll-behavior:smooth}

body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}

a{color:var(--ultra)}

a.go{text-decoration:none}

:focus-visible{outline:3px solid var(--ultra);outline-offset:3px;border-radius:4px}

[tabindex="-1"]:focus{outline:none}

.ic{width:1.1em;height:1.1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.17em}

.top{display:flex;justify-content:space-between;align-items:center;padding:18px var(--gut)}

.mark{display:inline-flex;align-items:center;font:800 26px/1 var(--round);color:var(--ink);letter-spacing:-.01em;text-decoration:none}

.logo{display:block;width:158px;height:30px}

.restart{background:none;border:0;color:var(--mute);font:500 15px var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:4px}

.bar{height:4px;background:var(--wash)}

.bar i{display:block;height:100%;width:0;background:var(--ultra);transition:width .35s ease}

main{padding:clamp(32px,8vh,88px) var(--gut) 120px;max-width:1240px;margin-left:auto;margin-right:auto}

.screen{animation:enter .3s ease both}

@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){.screen{animation:none}.bar i{transition:none}html{scroll-behavior:auto}}

.screen.home{display:grid;grid-template-columns:minmax(0,1fr) clamp(110px,13vw,180px);gap:0 56px;align-items:start}

.screen.home>div{display:contents}

@media(min-width:901px){

  .screen.home h1,.screen.home>div>.help{grid-column:1}

  .hero-ill{grid-column:2;grid-row:1 / span 2;justify-self:end}

  .screen.home .calc,.screen.home .trust,.screen.home .cmp-hero,.screen.home noscript{grid-column:1 / -1}

  .screen.home .calc{margin-top:8px}

}

.hero-ill{width:100%;height:auto;display:block;align-self:start;justify-self:end}

.count{display:block;color:var(--mute);font-size:15px;margin:0 0 14px}

h1,.q{font-family:var(--round);font-weight:800;letter-spacing:-.025em;margin:0 0 18px;text-wrap:balance}

h1{font-size:clamp(36px,6vw,60px);line-height:1.05}

.q{font-size:clamp(28px,4.4vw,44px);line-height:1.12}

.help{color:var(--mute);font-size:18px;line-height:1.65;margin:0 0 36px}

.note{color:var(--mute);font-size:15px;line-height:1.6;margin:18px 0 0}

.trust{margin:28px 0 0;color:var(--mute);font-size:15px;line-height:1.6}

.trust .ic{color:var(--ultra);margin-right:6px}

.hl{background:linear-gradient(transparent 62%,var(--marker) 62%);padding:0 .08em}

.calc{position:relative;padding:clamp(22px,3.4vw,40px);background:linear-gradient(180deg,#F3F8FF 0%,#FFFFFF 75%);border:1px solid #C9DCF8;border-radius:24px;box-shadow:0 1px 2px rgba(21,34,56,.05),0 28px 56px -28px rgba(31,111,229,.38)}

.calc-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 20px}

.calc-badge{display:inline-flex;align-items:center;gap:8px;background:var(--ultra);color:#fff;font:700 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:9px 14px;border-radius:999px}

.calc-badge .ic{width:16px;height:16px}

.calc-meta{color:var(--mute);font-size:14px}

.calc .count{font:700 clamp(19px,2.2vw,23px)/1.3 var(--round);color:var(--ink);margin:0 0 14px}

.calc .field-big.search{background:#fff;border:2px solid var(--ultra);border-radius:16px;padding:8px 18px;align-items:center}

.calc .field-big.search:focus-within{box-shadow:0 0 0 5px rgba(31,111,229,.16)}

.calc .sugg{margin-top:14px}

.calc .sugg button{padding:12px 6px;border-bottom:1px solid var(--rule)}

.calc .sugg button:last-child{border-bottom:0}

.calc .actions{margin-top:22px}

.calc-steps{list-style:none;margin:26px 0 0;padding:20px 0 0;border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:10px 30px;color:var(--mute);font-size:14px;line-height:1.4}

.calc-steps li{display:flex;align-items:center;gap:10px}

.calc-steps b{width:26px;height:26px;flex:none;border-radius:8px;display:grid;place-items:center;background:var(--marker);color:var(--ultra-d);font:700 13px/1 var(--sans)}

.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:6px 48px;margin:0 0 8px}

.opt{display:grid;grid-template-columns:28px 1fr;column-gap:16px;align-items:baseline;text-align:left;background:none;border:0;padding:14px 8px 14px 0;cursor:pointer;color:var(--ink);font:inherit}

.opt .k{font:600 13px/22px var(--sans);color:var(--mute);background:var(--wash);border-radius:6px;text-align:center;height:22px;align-self:start;margin-top:4px}

.opt .k:empty{background:none}

.opt .t{font:700 clamp(19px,2.4vw,23px)/1.3 var(--round)}

.opt .d{grid-column:2;color:var(--mute);font-size:15px;line-height:1.5;margin-top:4px}

.opt:hover .t{color:var(--ultra)}

.opt.sel .t{background:linear-gradient(transparent 58%,var(--marker) 58%)}

.opt.other .t{font-size:18px;color:var(--mute)}

.opt .t .ic,.chk .ic{color:var(--ultra);margin-right:10px}

.field-big{display:flex;align-items:baseline;gap:12px;border-bottom:3px solid var(--ink);max-width:460px;transition:border-color .2s,box-shadow .2s}

.field-big:focus-within{border-color:var(--ultra)}

.field-big input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:800 clamp(40px,7vw,60px)/1.15 var(--round);padding:4px 0;font-variant-numeric:tabular-nums}

.field-big .u{font:700 22px var(--round);color:var(--mute);white-space:nowrap}

.field-big.sm{max-width:300px;margin-top:8px}

.field-big.sm input{font-size:clamp(30px,5vw,44px)}

.field-big.search{border-color:var(--ultra);max-width:none}

.search input{font-size:clamp(24px,3.6vw,34px);font-weight:700}

.search .ic{width:30px;height:30px;color:var(--ultra);align-self:center}

input::placeholder{color:#AEB3CC}

.pair{display:flex;flex-wrap:wrap;gap:26px 48px}

.pair label,.fl{display:block;color:var(--mute);font-size:15px}

.form{display:grid;gap:28px}

.selbox{font:700 19px/1.2 var(--round);padding:10px 12px;border:2px solid var(--ink);border-radius:10px;background:#fff;color:var(--ink);margin-top:8px;max-width:100%}

.err{color:var(--brick);min-height:1.5em;margin:12px 0 0;font-size:15px}

.go,.ghost{display:inline-flex;align-items:center;gap:8px}

.go{font:700 18px/1 var(--round);background:var(--ultra);color:#fff;border:0;border-radius:999px;padding:16px 30px;cursor:pointer}

.go:hover{background:var(--ultra-d)}

.go .ic{width:20px;height:20px}

.go.alt{background:#fff;color:var(--ultra);box-shadow:inset 0 0 0 2px var(--ultra)}

.go.alt:hover{background:var(--wash);color:var(--ultra-d)}

.ghost{background:none;border:0;color:var(--mute);font:500 16px var(--sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:12px 6px}

.ghost:hover{color:var(--ink)}

.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:40px}

.sugg{margin:20px 0 0;display:grid;gap:2px}

.sugg button{text-align:left;background:none;border:0;padding:10px 0;cursor:pointer;color:var(--ink);font:inherit}

.sugg .t{font:700 21px/1.3 var(--round)}

.sugg .d{display:block;color:var(--mute);font-size:15px}

.sugg button:hover .t,.sugg button:focus-visible .t{color:var(--ultra)}

.nomatch{font-size:17px;color:var(--mute);margin:0}

.steppers{display:grid;gap:6px}

.stp{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}

.stp .t{font:700 20px/1.3 var(--round)}

.stp .d{display:block;color:var(--mute);font:400 14px/1.5 var(--sans);margin-top:2px}

.stp .ctl{display:flex;align-items:center;gap:6px;flex:none}

.stp button{width:44px;height:44px;border-radius:50%;border:2px solid var(--ink);background:none;color:var(--ink);font:700 22px/1 var(--round);cursor:pointer}

.stp button:hover:not(:disabled){border-color:var(--ultra);color:var(--ultra)}

.stp button:disabled{opacity:.25;cursor:default}

.stp output{font:800 30px var(--round);min-width:48px;text-align:center;font-variant-numeric:tabular-nums}

.chk{display:flex;gap:14px;align-items:flex-start;padding:12px 0;cursor:pointer}

.chk input{appearance:none;-webkit-appearance:none;width:26px;height:26px;border:2px solid var(--ink);border-radius:7px;margin:2px 0 0;flex:none;cursor:pointer;display:grid;place-items:center}

.chk input:checked{background:var(--ultra);border-color:var(--ultra)}

.chk input:checked::after{content:"";width:7px;height:13px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg) translate(-1px,-1px)}

.chk .t{font:700 19px/1.35 var(--round)}

.hero-res{position:relative;isolation:isolate;padding:4px 0 8px}

.guil{position:absolute;right:-8%;top:-90px;width:min(540px,82vw);z-index:-1;pointer-events:none}

.hero-h{margin:0;font:inherit;letter-spacing:normal;max-width:none}

.hero-h span{display:block}

.lead{font:700 22px/1.3 var(--round);color:var(--mute);margin:0}

.net{font:800 clamp(64px,12vw,124px)/.95 var(--round);letter-spacing:-.045em;color:var(--ultra);margin:10px 0 8px;font-variant-numeric:tabular-nums}

.net.neg{color:var(--brick)}

.per{font:700 clamp(20px,2.6vw,26px)/1.3 var(--round);margin:0}

.ctx{color:var(--mute);font-size:17px;margin:8px 0 0}

.split{display:flex;height:16px;margin:40px 0 14px;border-radius:3px;overflow:hidden;background:var(--wash)}

.split i{display:block;height:100%}

.legend{display:flex;flex-wrap:wrap;gap:8px 26px;font-size:15px}

.legend span{display:inline-flex;align-items:center;gap:8px}

.legend i{width:12px;height:12px;border-radius:3px;display:inline-block}

.warnline{font:700 clamp(22px,3vw,28px)/1.3 var(--round);max-width:30ch;margin:14px 0 0;letter-spacing:normal}

.info-text{font-size:19px;line-height:1.65}

.share{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:36px}

.lnk{width:min(560px,100%);font:500 14px var(--sans);padding:10px 12px;border:1px solid var(--rule);border-radius:8px;color:var(--ink)}

.ok{color:var(--grass);font-size:15px}

.band{background:var(--marker);margin:56px calc(-1*var(--gut));padding:40px var(--gut)}

.band.calm{background:var(--wash)}

.pg-calc #app .band{margin-left:0;margin-right:0;padding:clamp(22px,3vw,32px) clamp(16px,3vw,32px);border-radius:18px}

@media(max-width:620px){.pg-calc #app .band{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;border-radius:0}}

.band h2,.sec h2{display:flex;align-items:center;gap:12px;font:800 clamp(24px,3vw,30px)/1.2 var(--round);letter-spacing:-.02em;margin:0 0 20px}

h2 .ic{width:.85em;height:.85em;color:var(--ultra)}

.bandp{margin:0 0 26px;font-size:17px;line-height:1.65}

.answers{display:grid;grid-template-columns:minmax(150px,220px) 1fr auto;gap:14px 24px;align-items:baseline;margin:0}

.answers dt{color:rgba(22,28,58,.72);font-size:15px}

.answers dd{margin:0;font:700 18px/1.45 var(--round)}

.answers dd.sk{font:500 16px/1.55 var(--sans)}

.answers small{color:rgba(22,28,58,.72);font:500 13px var(--sans);margin-left:6px}

.answers .ed{background:none;border:0;color:var(--ink);text-decoration:underline;text-underline-offset:4px;cursor:pointer;font:500 15px var(--sans);padding:0}

mark{background:var(--ink);color:var(--marker);padding:1px 7px;border-radius:4px;font:700 13px var(--sans);margin-right:6px}

.jobline{margin:24px 0 0;font-size:15px}

.sec{margin-top:72px}

.sec p{line-height:1.65}

.sec p.f{color:var(--mute);font-size:14px;line-height:1.55;margin:16px 0 0}

.line{display:flex;align-items:baseline;gap:10px;padding:13px 0}

.line .lab{max-width:85%}

.line .lab>span{display:block}

.line .f{color:var(--mute);font-size:14px;line-height:1.5;margin-top:3px}

.line .dots{flex:1;border-bottom:2px dotted var(--rule);min-width:18px;transform:translateY(-5px)}

.line .amt{font:700 18px var(--round);white-space:nowrap;font-variant-numeric:tabular-nums}

sup{font:700 12px var(--sans);margin-left:3px}

sup a{text-decoration:none}

.line.minus .amt{color:var(--brick)}

.line.plus .amt{color:var(--grass)}

.line.add .amt{color:var(--ink)}

.line.total{border-top:3px solid var(--ink);margin-top:12px;padding-top:18px}

.line.total .lab,.line.total .amt{font:800 22px/1.3 var(--round)}

.line.sep{padding-top:36px}

.line.sep .lab{font:800 20px var(--round);color:var(--ultra);max-width:none}

.callout{background:var(--wash);border-radius:16px;padding:22px 26px;margin-top:28px}

.callout p{margin:8px 0;line-height:1.6}

.callout .big{font:800 clamp(21px,2.8vw,26px)/1.3 var(--round);margin:0}

.callout .f{color:var(--mute);font-size:14px}

.cmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:12px}

.cmp>div{border:2px solid var(--rule);border-radius:16px;padding:18px 20px}

.cmp>div.cur{border-color:var(--ultra)}

.cmp span{display:block}

.cmp .t{font:700 17px/1.3 var(--round);margin:0}

.cmp .v{font:800 34px/1.1 var(--round);color:var(--ultra);margin:10px 0 6px;font-variant-numeric:tabular-nums}

.cmp .d{color:var(--mute);font-size:14px;line-height:1.5}

.notes{padding-left:20px;margin:0}

.notes li{margin:14px 0;line-height:1.65}

.notes li.w{font-weight:600;background:var(--marker);padding:4px 8px;margin-left:-8px;border-radius:4px}

.refs{list-style:none;padding:0;margin:0}

.refs li{display:grid;grid-template-columns:36px 1fr;padding:9px 0;line-height:1.55}

.refs li b{font:800 18px var(--round);color:var(--ultra)}

.refs .o{color:var(--mute)}

.s2{color:var(--brick);font-size:14px}

.s3{color:var(--mute);font-size:14px}

.guide{margin-top:120px;padding-top:56px;border-top:1px solid var(--rule)}

.guide.doc{margin-top:0;border-top:0;padding-top:0}

.guide h2{font:800 clamp(26px,3.4vw,36px)/1.15 var(--round);letter-spacing:-.02em;margin:96px 0 20px;color:var(--ultra)}

.guide h2:first-child{margin-top:0}

.guide h3{font:700 clamp(20px,2.2vw,23px)/1.3 var(--round);margin:56px 0 14px}

.guide p,.guide li{font-size:17px;line-height:1.75}

.guide p{margin:0 0 1.15em}

.guide .maj{display:inline-block;background:var(--marker);color:var(--ink);font:600 14px/1.5 var(--sans);padding:4px 14px;border-radius:999px;margin:0 0 24px}

.guide .maj .ic{color:var(--ultra);margin-right:6px}

.viz{margin:28px 0 12px;padding:22px 24px;border:1px solid var(--rule);border-radius:16px}

.viz figcaption{font:700 17px/1.3 var(--round)}

.viz .split{margin:16px 0 12px;height:22px;border-radius:6px}

.t1{--acc:#1F6FE5;--acc-d:#1858B8;--tint:#E8F1FD}

.t2{--acc:#34B38F;--acc-d:#0F6E54;--tint:#E0F5EE}

.t3{--acc:#FF7A59;--acc-d:#B2401C;--tint:#FFECE5}

.t4{--acc:#7C8DB5;--acc-d:#43527A;--tint:#ECEFF6}

.tile{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--acc-d)}

.tile .ic{width:22px;height:22px;vertical-align:0}

.guide .steps{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}

.guide .steps li{position:relative;display:flex;flex-direction:column;margin:0;padding:22px 22px 24px;background:#fff;border:1px solid var(--rule);border-radius:16px}

.guide .steps li:not(:last-child)::after{content:"";position:absolute;top:50%;right:-17px;width:9px;height:9px;border-top:2px solid #A9C2E6;border-right:2px solid #A9C2E6;transform:translateY(-50%) rotate(45deg)}

.step-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}

.step-n{font:700 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}

.step-t{font:700 19px/1.3 var(--round);margin:0 0 8px}

.guide .steps p{font-size:15px;line-height:1.65;margin:0}

.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:20px}

.card{display:flex;flex-direction:column;padding:22px 22px 24px;background:#fff;border:1px solid var(--rule);border-radius:16px}

.card-head{display:flex;align-items:center;gap:14px;margin:0 0 18px}

.card h4{font:700 18px/1.3 var(--round);margin:0}

.guide .card p{font-size:15px;line-height:1.65;margin:0}

.guide .card .kpi{margin:0 0 16px;padding:14px 16px;background:var(--tint);border-radius:12px;font-size:14px;line-height:1.4;color:var(--mute)}

.kpi strong{display:block;font:800 30px/1.1 var(--round);letter-spacing:-.02em;color:var(--acc-d);font-variant-numeric:tabular-nums;margin-bottom:4px}

.cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin:36px 0 0;padding:24px 28px;background:var(--wash);border-radius:18px}

.guide .cta p{margin:0;flex:1 1 360px}

.faq{margin-top:8px;border-bottom:1px solid var(--rule)}

.faq-item{padding:26px 0 24px;border-top:1px solid var(--rule)}

.guide .faq-item h3{margin:0 0 10px;font-size:20px}

.guide .faq-item p{margin:0}

.tblw{overflow-x:auto;margin:20px 0 8px;border:1px solid var(--rule);border-radius:14px}

.tbl{border-collapse:collapse;width:100%;font-size:15px;line-height:1.55}

.tbl th,.tbl td{border-bottom:1px solid var(--rule);padding:13px 16px;text-align:left;vertical-align:top}

.tbl thead th{background:var(--wash);font:700 12px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}

.tbl tbody tr:last-child td{border-bottom:0}

.tbl .n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}

.tbl caption{caption-side:bottom;text-align:left;color:var(--mute);font-size:14px;padding:12px 16px;border-top:1px solid var(--rule)}

.tbl strong{color:var(--ultra)}

.tbl td.d{white-space:nowrap;color:var(--mute)}

.src-legend{background:var(--wash);border-radius:14px;padding:18px 22px}

.pass{color:var(--grass);font-weight:700}

.fail{color:var(--brick);font-weight:700}

.printhead{display:none}

footer{background:#F6F9FE;border-top:1px solid var(--rule);color:var(--mute);font-size:14px;padding:64px var(--gut) 32px}

.foot-grid{display:grid;grid-template-columns:minmax(240px,1.6fr) repeat(3,minmax(150px,1fr));gap:40px 56px;padding-bottom:44px;border-bottom:1px solid var(--rule)}

.foot-brand .logo{width:132px;height:25px}

.foot-brand p{margin:18px 0 0;max-width:40ch;line-height:1.65}

.foot-tag{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--rule);font:600 13px/1.2 var(--sans);color:var(--ink)}

.foot-tag .ic{color:var(--grass)}

.foot-h{font:700 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin:6px 0 18px}

.foot-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}

.foot-list a{color:var(--ink);text-decoration:none;font-weight:500}

.foot-list a:hover{color:var(--ultra);text-decoration:underline;text-underline-offset:3px}

.foot-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 40px;padding-top:26px;font-size:13px;line-height:1.6}

.foot-legal p{margin:0}

.fnote{opacity:.85}

.usef{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px 20px}

.usef li{margin:0;padding:14px 18px;border:1px solid var(--rule);border-radius:14px;background:#fff;line-height:1.5}

.usef a{font:700 17px/1.3 var(--round);text-decoration:none}

.usef a:hover{text-decoration:underline;text-underline-offset:3px}

.usef a .ic{width:.75em;height:.75em;margin-left:6px;vertical-align:0}

.usef span{display:block;color:var(--mute);font-size:14px;line-height:1.5;margin-top:4px}

.guide .usef li{font-size:15px;margin:0}

.guide h4.usef-h{font:700 18px/1.3 var(--round);margin:32px 0 4px}

.top-r{display:flex;align-items:center;gap:18px}

.lang{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--rule);border-radius:999px}

.lang button{font:700 12px/1 var(--sans);letter-spacing:.06em;padding:7px 11px;border:0;border-radius:999px;background:none;color:var(--mute);cursor:pointer}

.lang button[aria-current="true"]{background:var(--ultra);color:#fff;cursor:default}

.lang button:disabled{opacity:.55;cursor:not-allowed}

.presets{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 24px}

.presets span{color:var(--mute);font-size:14px}

.chip{border:1.5px solid var(--rule);background:#fff;color:var(--ink);border-radius:999px;padding:8px 14px;font:600 14px var(--sans);cursor:pointer}

.chip:hover{border-color:var(--ultra);color:var(--ultra)}

.cmp-common{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 40px;padding:18px 22px;background:var(--wash);border-radius:18px}

.cmp-common .field-big.sm{max-width:180px}

.cmpx{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px;margin-top:24px;align-items:start}

.opt-card{border:2px solid var(--acc);border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 18px 40px -30px rgba(21,34,56,.35)}

.opt-card header{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--tint)}

.opt-card .badge{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:#fff;font:800 17px/1 var(--round)}

.opt-card header h2{font:800 20px/1.2 var(--round);margin:0;color:var(--acc-d)}

.opt-card .rm{margin-left:auto;background:none;border:0;color:var(--mute);text-decoration:underline;cursor:pointer;font:500 14px var(--sans)}

.cmpx>*{min-width:0}

.opt-card{min-width:0}

.opt-card .body{padding:18px 18px 22px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}

.opt-card .body>*{min-width:0}

.opt-card .fl{min-width:0}

.opt-card .selbox{display:block;width:100%;max-width:100%;font-size:17px;margin-top:8px}

.opt-card .field-big,.opt-card .field-big.sm{display:flex;align-items:center;gap:8px;max-width:none;margin-top:8px;padding:8px 12px;border:2px solid var(--ink);border-radius:10px;background:#fff}

.opt-card .field-big:focus-within{border-color:var(--acc);box-shadow:0 0 0 4px var(--tint)}

.opt-card .field-big input,.opt-card .field-big.sm input{flex:1;width:0;min-width:0;font:700 19px/1.3 var(--round);padding:2px 0}

.opt-card .field-big .u{font:600 14px var(--sans);color:var(--mute);white-space:nowrap}

.opt-card .body .pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}

@media(max-width:420px){.opt-card .body .pair{grid-template-columns:minmax(0,1fr)}}

.cmp-hero{margin-top:28px;padding:clamp(22px,3.4vw,36px);border-radius:24px;background:linear-gradient(135deg,#0B2147 0%,#1A4FA6 55%,#1F6FE5 100%);color:#fff;box-shadow:0 28px 56px -30px rgba(11,33,71,.6)}

.cmp-hero :focus-visible{outline-color:#fff}

.cmp-hero .calc-badge{background:#fff;color:var(--ultra-d)}

.cmp-hero .calc-meta{color:rgba(255,255,255,.78)}

.cmp-hero h2{font:800 clamp(24px,3.2vw,34px)/1.15 var(--round);letter-spacing:-.02em;margin:14px 0 10px;color:#fff}

.cmp-hero>p{margin:0 0 22px;color:rgba(255,255,255,.86);font-size:17px;line-height:1.6;max-width:62ch}

.vs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px}

.vs{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:8px 10px;min-width:0;text-align:left;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;font:inherit;transition:background .2s,transform .2s}

.vs:hover,.vs:focus-visible{background:rgba(255,255,255,.17);transform:translateY(-2px)}

.vs span,.vs span:last-of-type{font:800 clamp(16px,1.5vw,18px)/1.2 var(--round);text-align:left;min-width:0;overflow-wrap:anywhere}

.vs b{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:#fff;font:700 12px/1 var(--sans)}

.vs small{flex:0 0 100%;margin-top:4px;color:rgba(255,255,255,.76);font-size:13px;line-height:1.4}

.cmp-hero .actions{margin-top:22px}

.cmp-hero .go{background:#fff;color:var(--ultra-d)}

.cmp-hero .go:hover{background:var(--marker)}

@media (prefers-reduced-motion:reduce){.vs{transition:none}.vs:hover,.vs:focus-visible{transform:none}}

.opt-hint{margin:-6px 0 0;color:var(--mute);font-size:14px;line-height:1.5}

.opt-card details{border-top:1px solid var(--rule);padding-top:12px}

.opt-card summary{cursor:pointer;font:700 16px var(--round);color:var(--acc-d)}

.opt-card details .fl{margin-top:12px}

.opt-add{min-height:160px;border:2px dashed var(--rule);border-radius:20px;background:none;color:var(--mute);font:700 17px var(--round);cursor:pointer}

.opt-add:hover{border-color:var(--ultra);color:var(--ultra)}

.bars{display:grid;gap:14px;margin:20px 0 8px}

.bar-row{display:grid;grid-template-columns:minmax(140px,260px) 1fr auto;gap:14px;align-items:center}

.bar-row .bl{font:700 15px/1.3 var(--round)}

.bar-row .track{height:18px;background:var(--wash);border-radius:9px;overflow:hidden}

.bar-row .track i{display:block;height:100%;background:var(--acc);border-radius:9px}

.bar-row b{font:800 18px var(--round);font-variant-numeric:tabular-nums}

.cmpt tbody th{font-weight:600}

.cmpt thead th.oh{color:var(--acc-d)}

.cmpt td.best{color:var(--grass);font-weight:700}

.win{color:var(--grass);font-weight:700}

@media(max-width:620px){.bar-row{grid-template-columns:1fr auto}.bar-row .track{grid-column:1/-1}.opt-card .pair{grid-template-columns:1fr}}

@media print{

  @page{margin:16mm}

  body{font-size:11pt}

  .top,.bar,footer,.noprint,.share,.ed,.guil,.actions,.cta{display:none!important}

  main{padding:0}

  .screen{animation:none}

  .printhead{display:block;font-size:10pt;color:#444;border-bottom:1px solid #999;padding-bottom:8px;margin-bottom:18px;word-break:break-all}

  .printhead img{display:block;height:22px;width:auto;margin:0 0 8px}

  .band{background:none!important;border:1px solid #999;margin:24px 0;padding:14px}

  .net{font-size:54pt}

  .sec{margin-top:28px}

  .line,.callout,.cmp>div{break-inside:avoid}

  .split i,.legend i,.callout{-webkit-print-color-adjust:exact;print-color-adjust:exact}

  .refs a::after{content:" — " attr(href);font-size:9pt;color:#555;word-break:break-all}

  .usef a::after{content:" — " attr(href);font-size:9pt;color:#555;word-break:break-all}

  .usef a .ic{display:none}

  a{color:var(--ink)}

}

@media(max-width:960px){

  .guide .steps,.cards{grid-template-columns:repeat(2,minmax(0,1fr))}

  .guide .steps li::after{display:none}

  .foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

  .foot-brand{grid-column:1/-1}

}

@media(max-width:900px){

  .screen.home{display:flex;flex-direction:column;align-items:stretch;gap:0}

  .hero-ill{order:-1;align-self:flex-end;width:min(104px,26vw);margin:0 0 -4px}

}

@media(max-width:620px){

  .top{padding:14px var(--gut)}

  .top-r{gap:10px}

  .lang button{padding:6px 8px}

  .mark .logo{width:127px;height:24px}

  main{padding-top:24px;padding-bottom:72px}

  h1{font-size:clamp(30px,9vw,40px)}

  .help{font-size:16px;margin-bottom:26px}

  .calc{padding:20px 16px 22px;border-radius:18px}

  .calc .field-big.search{padding:4px 12px}

  .calc .search .ic{width:22px;height:22px}

  .calc-steps{flex-direction:column;gap:10px}

  .opt{padding:13px 4px 13px 0}

  .opt .t{font-size:19px}

  .actions{gap:10px 12px;margin-top:30px}

  .actions .go,.share .go{width:100%;justify-content:center}

  .field-big{max-width:none}

  .field-big .u{font-size:17px}

  .pair{gap:20px}

  .stp .t{font-size:18px}

  .line{flex-wrap:wrap;gap:4px 10px}

  .line .lab{max-width:none;flex:1 1 60%;min-width:0;overflow-wrap:anywhere}

  .line .dots{display:none}

  .line .amt{font-size:17px}

  .line.total .lab,.line.total .amt{font-size:19px}

  .net{font-size:clamp(52px,17vw,80px)}

  .guil{opacity:.6;right:-30%}

  .band{padding:28px var(--gut);margin-top:40px;margin-bottom:40px}

  .sec{margin-top:52px}

  .answers{grid-template-columns:1fr auto}

  .answers dt{grid-column:1/-1;margin-top:10px}

  .guide{margin-top:72px;padding-top:36px}

  .guide h2{margin-top:72px}

  .guide h3{margin-top:40px}

  .guide p,.guide li{font-size:16px}

  .guide .steps,.cards{grid-template-columns:1fr;gap:16px}

  .viz{padding:16px}

  .cta{padding:20px}

  .cta .go{width:100%;justify-content:center}

  .tblw .tbl{min-width:540px;font-size:14px}

  .tblw .tbl.params{min-width:860px}

  .cmp .v{font-size:28px}

  .lnk{width:100%}

  footer{padding:48px var(--gut) 28px}

  .foot-grid{grid-template-columns:1fr 1fr;gap:32px 24px}

}

@media(max-width:420px){

  .foot-grid{grid-template-columns:1fr}

}
/* Correctifs d'affichage (audit du 6 octobre 2026) */
main{overflow-x:clip}
.restart{padding:12px 4px;min-height:44px}
.answers .ed{padding:12px 4px;min-height:44px}
/* Correctifs d'affichage et mode expert (mission moteur, 7 octobre 2026) */
.guide p,.guide li,.guide h3{max-width:72ch}
.cmp-common{align-items:flex-start}
.cmp-common .field-big.sm{display:flex;align-items:center;gap:8px;max-width:200px;margin-top:8px;padding:8px 12px;border:2px solid var(--ink);border-radius:10px;background:#fff}
.cmp-common .field-big.sm:focus-within{border-color:var(--ultra);box-shadow:0 0 0 4px rgba(31,111,229,.16)}
.cmp-common .field-big.sm input{flex:1;width:0;min-width:0;font:700 19px/1.2 var(--round);padding:2px 0}
.cmp-common .field-big .u{font:600 14px var(--sans)}
.opt-card .body .pair{align-items:end}
.tblw{background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)) left/36px 100% no-repeat local,linear-gradient(270deg,#fff 30%,rgba(255,255,255,0)) right/36px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(21,34,56,.2),transparent) left/12px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(21,34,56,.2),transparent) right/12px 100% no-repeat scroll;background-color:#fff}
.fracp{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.fracp>span{color:var(--mute);font-size:14px}
.fracp .chip{min-height:44px}
.ix-xp details>summary{display:block;list-style:none;cursor:pointer;padding:18px 22px;border:2px solid var(--ultra);border-radius:16px;background:var(--wash)}
.ix-xp details>summary::-webkit-details-marker{display:none}
.ix-xp details>summary:hover{background:#E6EFFC}
.ix-xp .xp-h{display:flex;align-items:center;gap:10px;margin:0;font:800 clamp(19px,2.2vw,24px)/1.3 var(--round);color:var(--ultra-d)}
.ix-xp .xp-h::after{content:"+";margin-left:auto;font:800 26px/1 var(--round);color:var(--ultra)}
.ix-xp details[open] .xp-h::after{content:"−"}
.ix-xp .xp-s{display:block;margin-top:4px;color:var(--mute);font-size:15px;line-height:1.5}
.ix-xp details>.f{margin:18px 0 0}
.xp{list-style:none;margin:18px 0 0;padding:0;border-top:2px solid var(--ink)}
.xp li{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:4px 16px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--rule)}
.xp-n{font:800 15px/1.4 var(--round);color:var(--ultra);font-variant-numeric:tabular-nums}
.xp-b{min-width:0}
.xp-t{display:block;font:700 16px/1.45 var(--round);color:var(--ink)}
.xp-f{display:block;margin-top:2px;font-size:15px;line-height:1.55;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.xp-r{display:block;margin-top:3px;font-size:13.5px;line-height:1.5;color:var(--mute)}
.xp-v{font:800 16px/1.4 var(--round);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.xp-tot .xp-t,.xp-tot .xp-v{color:var(--ultra)}
.xp-tot .xp-v{font-size:19px}
@media(max-width:620px){
  .tblw .tbl{min-width:0}
  .tblw .tbl:has(tr>:nth-child(4)){min-width:540px}
  .tblw .tbl.params{min-width:860px}
  .ix-xp details>summary{padding:16px}
  .xp li{grid-template-columns:26px minmax(0,1fr)}
  .xp-v{grid-column:2;text-align:left}
}
@media print{
  .ix-xp details:not([open]){display:none}
  .ix-xp details>summary{border:0;padding:0;background:none}
  .ix-xp .xp-h::after,.ix-xp .xp-s{display:none}
  .xp li{break-inside:avoid}
  body.xp-print .screen.res>:not(.printhead):not(.hero-res):not(.ix-xp):not(#refs){display:none!important}
  body.xp-print .hero-res .split,body.xp-print .hero-res .legend{display:none}
}
.form{grid-template-columns:minmax(0,1fr)}
.form>*{min-width:0}
.form .selbox{max-width:100%}
.trq .selbox{width:100%;max-width:460px}