:root{--paper:#fff;--ink:#000;--g:#6b6b6b;--r:#dcdcdc;--gut:clamp(16px,2.4vw,36px);--sp:clamp(56px,8vw,120px)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:76px}
body{margin:0;background:#fff;color:#000;font:400 18px/1.5 "DM Sans",system-ui,sans-serif;font-optical-sizing:auto;overflow-x:hidden}
a{color:inherit}p{margin:0 0 .9em}p:last-child{margin-bottom:0}h1,h2,h3{margin:0;font-weight:500}ul,ol{margin:0;padding:0;list-style:none}img{display:block;max-width:100%;height:auto}
:focus-visible{outline:2px solid #000;outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;z-index:60;background:#000;color:#fff;padding:8px 12px}
.d{letter-spacing:-.05em;line-height:1}.eyebrow{display:block;font-size:16px;color:var(--g);margin-bottom:10px}
.d-t,.d-m,.d-l{font-size:clamp(40px,7vw,120px);letter-spacing:-.055em;line-height:.98}.d-48{font-size:clamp(34px,5vw,84px);letter-spacing:-.05em;line-height:1}
.btn{display:inline-block;font:inherit;font-size:17px;line-height:1.1;padding:12px 18px;border:1.5px solid #000;border-radius:40px;background:#000;color:#fff;text-decoration:none;cursor:pointer;transition:.15s}
.btn:hover{background:#fff;color:#000}.btn.ghost{background:transparent;color:#000}.btn.ghost:hover{background:#000;color:#fff}.btn:disabled{opacity:.4}
.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.on-dark .btn{background:#fff;color:#000;border-color:#fff}.on-dark .btn:hover{background:transparent;color:#fff}.on-dark .btn.ghost{background:transparent;color:#fff}.on-dark .btn.ghost:hover{background:#fff;color:#000}
.hero{padding:clamp(40px,6vw,90px) var(--gut) clamp(36px,5vw,70px);display:block;border-bottom:1px solid #e3e3e3}
.hero h1{font-size:clamp(52px,12.4vw,230px);line-height:.92;letter-spacing:-.06em;font-weight:500}
.hero-b{display:grid;grid-template-columns:1fr minmax(0,620px);gap:24px;margin-top:clamp(24px,3.4vw,50px);align-items:end}
.hero-b>.eyebrow{margin:0}.hero-b p{font-size:clamp(20px,2vw,27px);line-height:1.25;margin:0}
.sec{padding:var(--sp) var(--gut)}
.sec-d{background:#000;color:#fff;padding:clamp(90px,14vw,200px) var(--gut)}
.sec-d h2{font:italic 400 clamp(46px,9vw,170px)/1 "Bodoni Moda",Georgia,serif;letter-spacing:-.025em;max-width:13em;color:#fff}
.sec-c{padding:var(--sp) var(--gut) 0}.sec-c p{font-size:clamp(20px,2vw,27px);line-height:1.25;max-width:32em;margin-top:14px}
.sec-c+.cols3,.cols3.tied{padding-top:clamp(24px,3vw,40px);padding-bottom:0}.cols3.tied+:not(.cols3){margin-top:var(--sp)}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,30px);padding:var(--sp) var(--gut)}
.cols3>div{border-top:1px solid #e3e3e3;padding-top:12px}.cols3 h3{font-size:clamp(25px,2.7vw,44px);line-height:1.05;letter-spacing:-.04em;margin-bottom:8px}.cols3 h3 a{text-decoration:none}.cols3 .btn{margin-top:6px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);padding:var(--sp) var(--gut);align-items:center}
.two-l>div{margin-top:clamp(24px,4vw,60px)}.two-l .d-t{font-size:clamp(38px,5.6vw,100px)}.two-img{width:100%;border-radius:6px}
.prompts{background:#000;color:#fff;border-radius:6px;padding:clamp(20px,3vw,44px);font:400 clamp(16px,1.6vw,22px)/1.6 "JetBrains Mono",monospace;letter-spacing:-.03em}.prompts div{padding:3px 0}.prompts .btn{font-family:"DM Sans",sans-serif;letter-spacing:0;margin-top:20px}
.pg{border-top:1px solid #e3e3e3;padding:clamp(24px,3vw,44px) var(--gut) var(--sp)}.pg .d-t{margin-bottom:clamp(20px,3vw,44px)}
.pg-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:start}.pg:nth-of-type(even) .pg-g img{order:2}
.pg-g img{border-radius:6px;width:100%}.pg-txt{font-size:clamp(20px,2vw,28px);line-height:1.25}.pg-txt .eyebrow{font-size:16px}
.bnr{background:#000;color:#fff;padding:var(--sp) var(--gut)}.bnr h2,.bnr .b2,.bnr .b3 p{color:#fff}
.bnr .b1{font-size:clamp(52px,12vw,220px);line-height:.92;letter-spacing:-.06em}.bnr .b2{font:italic 400 clamp(30px,4.6vw,84px)/1.05 "Bodoni Moda",serif;margin:14px 0 clamp(30px,5vw,70px)}.bnr .b3 p{font-size:clamp(20px,2vw,27px)}
.note{padding:var(--sp) var(--gut);border-top:1px solid #e3e3e3}.note p{font-size:clamp(20px,2vw,27px);max-width:32em;margin-top:14px;line-height:1.25}.note a{text-underline-offset:4px}
.logos{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}
.logos div{display:grid;place-items:center;padding:clamp(14px,2.4vw,36px);border-right:1px solid var(--r)}.logos div:nth-child(5n){border-right:0}.logos div:nth-child(-n+5){border-bottom:1px solid var(--r)}
.logos img{width:100%;max-width:150px;height:clamp(40px,4.6vw,66px);object-fit:contain;filter:grayscale(1) contrast(1.2);mix-blend-mode:multiply}
.quote{padding:var(--sp) var(--gut)}.quote blockquote{margin:0;font:italic 400 clamp(30px,4.8vw,84px)/1.08 "Bodoni Moda",serif;letter-spacing:-.02em;max-width:17em}.quote footer{font:400 16px "DM Sans",sans-serif;margin-top:20px;letter-spacing:0}
.sp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(24px,5vw,80px);padding:var(--sp) var(--gut)}.sp-l .d{position:sticky;top:84px}.sp-f .d-t{font-size:clamp(40px,6vw,110px)}
.faq details{border-top:1px solid #e3e3e3}.faq details:last-child{border-bottom:1px solid #e3e3e3}.faq summary{cursor:pointer;list-style:none;font-size:clamp(20px,1.9vw,27px);line-height:1.2;letter-spacing:-.02em;font-weight:500;padding:14px 40px 14px 0;position:relative}.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:2px;top:11px;font-size:26px;font-weight:400}.faq details[open] summary:after{content:"\2212"}.faq details p{padding-bottom:16px;max-width:38em}
.steps{counter-reset:s;margin-top:clamp(20px,3vw,40px)}.steps li{counter-increment:s;display:grid;grid-template-columns:clamp(70px,13vw,220px) 1fr;gap:14px;border-top:1px solid #e3e3e3;padding:clamp(12px,1.6vw,22px) 0;align-items:baseline}.steps li:last-child{border-bottom:1px solid #e3e3e3}
.steps li:before{content:counter(s);font-size:clamp(36px,5vw,84px);line-height:1;letter-spacing:-.05em;font-weight:500}.steps h3{font-size:clamp(24px,2.7vw,44px);letter-spacing:-.04em;line-height:1.05}.steps p{margin:4px 0 0}
.sec-head{margin-bottom:clamp(18px,3vw,36px)}.sec-head p{font-size:clamp(20px,2vw,27px);margin-top:10px}
.tbl-w{overflow-x:auto;margin-top:clamp(20px,3vw,40px)}table{border-collapse:collapse;width:100%;min-width:600px}th,td{text-align:left;vertical-align:top;padding:13px 16px 13px 0;border-top:1px solid var(--r)}th{font-weight:400;color:var(--g);font-size:15.5px;border-top:0}tr td:first-child{font-weight:600}tr:first-child td{border-top:1px solid #e3e3e3}
.cols{display:grid;gap:clamp(14px,2vw,30px)}.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cols>*{display:block;text-decoration:none;border-top:1px solid #e3e3e3;padding-top:12px}.cols h3{font-size:clamp(24px,2.5vw,40px);line-height:1.08;letter-spacing:-.04em;margin-bottom:8px}.more{text-decoration:underline;text-underline-offset:4px}.num{display:none}
.who{padding:var(--sp) var(--gut);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,70px);align-items:end}.who img{width:100%;border-radius:6px}.who p{font-size:clamp(20px,2vw,27px);line-height:1.25;margin-top:14px}
.form{display:grid;gap:18px;max-width:780px}.form .two{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0;align-items:start}
label,legend{display:block;font-weight:600;font-size:16px;margin-bottom:5px;padding:0}input:not([type=checkbox]):not([type=radio]),textarea,select{width:100%;font:400 18px "DM Sans",sans-serif;color:#000;background:#fff;border:0;border-bottom:1px solid #e3e3e3;border-radius:0;padding:9px 2px}textarea{min-height:130px;resize:vertical;border:2px solid #000;padding:9px}
fieldset{border:0;padding:0;margin:0;min-width:0}.opt{display:flex;gap:9px;align-items:flex-start;font-weight:400;margin:0;padding:4px 0}.opt input{margin-top:6px}.opts{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.help{display:block;font-size:14.5px;color:var(--g);margin-top:5px;font-weight:400}.hp{position:absolute!important;left:-9999px;height:1px;width:1px;overflow:hidden}
.status{display:none;border:2px solid #000;padding:10px 12px}.status.on{display:block}.status.err{background:#000;color:#fff}
.score{display:grid;grid-template-columns:minmax(150px,260px) 1fr;gap:clamp(18px,3vw,48px);margin-top:30px}.score b{font-size:clamp(80px,12vw,170px);line-height:.9;letter-spacing:-.06em;font-weight:500}.lead{font-size:clamp(20px,2vw,27px);line-height:1.25}
.chk li{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-top:1px solid var(--r)}.chk em{font:400 14px "JetBrains Mono",monospace;text-align:right;flex:none;max-width:55%}.chk .g{color:#000}.chk .w{color:#6b6b6b}.chk .b{background:#000;color:#fff;padding:0 5px}
.res-box{display:none;border-top:1px solid #e3e3e3;margin-top:30px;padding-top:14px}.res-box.on{display:block}.res-box b{display:block;font-size:clamp(50px,8vw,120px);line-height:1;letter-spacing:-.05em;font-weight:500;margin:6px 0}
.notice{border-left:3px solid #000;padding:2px 0 2px 12px;font-size:15.5px;margin:14px 0 0}
.prose{max-width:740px;margin:0 auto}.prose h1{font-size:clamp(38px,6vw,84px);letter-spacing:-.05em;line-height:1;margin-bottom:26px}.prose h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.035em;line-height:1.08;margin:1.6em 0 .5em}.prose blockquote{margin:1.3em 0;font:italic 400 clamp(26px,3vw,40px)/1.15 "Bodoni Moda",serif}.prose a{text-underline-offset:3px}.art-meta{color:var(--g);font-size:15.5px}
#results .card{display:block;text-decoration:none;border-top:1px solid #e3e3e3;padding:12px 0}#results h3{font-size:26px;letter-spacing:-.03em}
.reveal{opacity:1}[hidden]{display:none!important}
@media (max-width:820px){.hero-b,.two,.pg-g,.sp,.who,.cols3,.c2,.c3,.c4,.form .two,.opts,.score{grid-template-columns:1fr}.pg:nth-of-type(even) .pg-g img{order:0}.sp-l .d{position:static}.logos{grid-template-columns:repeat(2,1fr)}.logos div{border-right:0;border-bottom:1px solid var(--r)}.steps li{grid-template-columns:56px 1fr}}
.cols3.tied:last-child{padding-bottom:var(--sp)}
/* ===== Pages secondaires ===== */
.hero{min-height:calc(100vh - 62px);min-height:calc(100svh - 62px);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(16px,2vw,26px) var(--gut) clamp(20px,2.6vw,36px)}
.pmt{font:400 clamp(15px,1.5vw,20px)/1.3 "JetBrains Mono",monospace;letter-spacing:-.03em;min-height:1.3em;margin:0}
.hero-m{margin-top:auto}
.hero h1{font-size:clamp(58px,15.4vw,300px);line-height:.88;letter-spacing:-.065em;margin-left:-.04em}.hero h1.m{font-size:clamp(50px,11.2vw,220px)}.hero h1.l{font-size:clamp(44px,8.6vw,170px);line-height:.94}
.hero h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding:.1em .03em .16em 0;margin:-.1em -.03em -.16em 0}
.hero h1 .w i{display:inline-block;font-style:inherit;transform:translateY(112%);transition:transform .95s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i)*60ms)}.go .hero h1 .w i{transform:none}
.hero-b{grid-template-columns:minmax(0,1fr) minmax(0,560px);margin-top:clamp(20px,2.6vw,36px)}.hero-b>div{grid-column:2}
.js .hero-b>div{opacity:0;transition:opacity .7s .35s}.go .hero-b>div{opacity:1}
.sec-d{padding:clamp(100px,18vw,260px) var(--gut)}.sec-d h2 span{transition:opacity .2s}
.cols3{padding:0;gap:0}.cols3.tied{padding:0!important;margin:0}.cols3.tied+:not(.cols3){margin-top:0}
.cols3>div{border:0;min-height:clamp(220px,26vw,420px);padding:clamp(18px,2vw,30px) var(--gut);display:flex;flex-direction:column;justify-content:flex-end;transition:background .18s,color .18s}
.cols3>div:nth-child(odd){background:#000;color:#fff}.cols3>div:nth-child(odd) .btn{background:#fff;color:#000;border-color:#fff}
.cols3.tied+.cols3.tied>div:nth-child(odd){background:#fff;color:#000}.cols3.tied+.cols3.tied>div:nth-child(even){background:#000;color:#fff}
.cols3 h3{font-size:clamp(30px,3.6vw,66px);line-height:1;letter-spacing:-.05em}.cols3 p{margin:0;font-size:clamp(17px,1.4vw,21px);line-height:1.25}.cols3 .btn{align-self:flex-start;margin-top:14px}
.sec-c{padding-bottom:clamp(26px,3.6vw,50px)}.sec-c+.cols3,.sec-c+.cols3.tied{padding-top:0!important;border-top:1px solid #e3e3e3}
.story{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border-top:1px solid #e3e3e3}
.st-l{padding:0 var(--gut)}.st-i{min-height:92vh;display:flex;flex-direction:column;justify-content:center;padding:40px 0;color:#c4c4c4;transition:color .3s}.st-i.on{color:#000}
.st-i h2{font-size:clamp(46px,7.4vw,136px);line-height:.94;letter-spacing:-.06em}.st-t{margin-top:18px;font-size:clamp(19px,1.8vw,26px);line-height:1.25;max-width:26em}.st-i .btn{opacity:0;pointer-events:none;transition:opacity .25s}.st-i.on .btn{opacity:1;pointer-events:auto}
.st-m{display:none}.st-v{background:#000}.st-v>div{position:sticky;top:62px;height:calc(100vh - 62px);overflow:hidden}
.st-v img{position:absolute;inset:clamp(16px,3vw,48px);width:calc(100% - 2*clamp(16px,3vw,48px));height:calc(100% - 2*clamp(16px,3vw,48px));object-fit:contain;opacity:0;transform:scale(.94) rotate(-1.5deg);transition:opacity .45s,transform .7s cubic-bezier(.16,1,.3,1)}.st-v img.on{opacity:1;transform:none}
.steps li{transition:background .15s,color .15s;margin:0 calc(var(--gut)*-1);padding-left:var(--gut);padding-right:var(--gut)}.steps li:hover{background:#000;color:#fff}.steps{margin-left:0}
tbody td:last-child,thead th:last-child{background:#000;color:#fff;padding-left:16px}tbody td:nth-child(2){color:var(--g)}thead th:last-child{color:#fff}
.who{padding:0;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}.who img{height:100%;object-fit:cover;border-radius:0}.who>div{padding:clamp(20px,3vw,44px) var(--gut);display:flex;flex-direction:column;justify-content:flex-end}
.quote{background:#fff;padding:clamp(80px,12vw,180px) var(--gut)}.bnr{padding:clamp(70px,11vw,170px) var(--gut) clamp(36px,5vw,60px)}.bnr .b1{font-size:clamp(50px,11.6vw,230px)}
.idx{border-top:1px solid #e3e3e3;margin-top:0}.idx>h2{font-size:clamp(34px,5vw,84px);letter-spacing:-.05em;padding:var(--sp) var(--gut) clamp(20px,3vw,36px);line-height:1}
.idx a{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:clamp(10px,1.3vw,20px) var(--gut);border-bottom:1px solid #e3e3e3;text-decoration:none;transition:background .15s,color .15s}.idx a:first-of-type{border-top:1px solid #e3e3e3}.idx>a:first-child{border-top:0}
.idx a:hover,.idx a:focus-visible{background:#000;color:#fff}.idx span{font-size:clamp(36px,6.4vw,120px);line-height:1.02;letter-spacing:-.055em;font-weight:500}.idx em{font-style:normal;flex:none;font-size:clamp(15px,1.3vw,19px);text-align:right;max-width:40%}
.articles-x{}
.wiz-s{padding:clamp(30px,5vw,70px) var(--gut) var(--sp);border-bottom:1px solid #e3e3e3}.wiz{max-width:1100px}.wz-p{height:6px;background:#e6e6e6;margin-bottom:clamp(28px,4vw,60px)}.wz-p i{display:block;height:100%;background:#000;transform-origin:left;transform:scaleX(0);transition:transform .45s cubic-bezier(.7,0,.2,1)}.no-js .wz-p{display:none}
.js .stp{display:none}.js .stp.on{display:block;animation:ws .4s}@keyframes ws{from{opacity:0;transform:translateX(20px)}}.stp+.stp{margin-top:30px}.js .stp+.stp{margin-top:0}
.wiz legend{font-size:clamp(38px,6.4vw,110px);line-height:1;letter-spacing:-.055em;font-weight:500;margin-bottom:clamp(20px,3vw,40px)}
.opts{display:flex;flex-wrap:wrap;gap:8px}.opt{position:relative;padding:0}.opt input{position:absolute;opacity:0;width:1px;height:1px}.opt span{display:block;border:2px solid #000;border-radius:40px;padding:10px 18px;font-size:clamp(17px,1.6vw,23px);cursor:pointer;transition:.12s}.opt span:hover{background:#eee}.opt input:checked+span{background:#000;color:#fff}.opt input:focus-visible+span{outline:2px solid #000;outline-offset:2px}
.wiz .form,.wiz fieldset>div{margin-bottom:16px}.wz-a{display:flex;justify-content:space-between;gap:10px;margin-top:clamp(26px,3.6vw,50px)}
.ctc{display:grid;grid-template-columns:1fr 1fr;border-top:0}.ctc-l{background:#000;color:#fff;padding:clamp(24px,3vw,44px) var(--gut);display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:70vh}.ctc-l a{font-size:clamp(30px,4vw,72px);line-height:1.05;letter-spacing:-.05em;text-decoration:none;font-weight:500;word-break:break-word}.ctc-l a:hover{text-decoration:underline;text-underline-offset:6px}.ctc-l p{margin-top:14px}.ctc-r{padding:clamp(24px,3vw,44px) var(--gut)}
.tst .form{max-width:none}.tst label{font-weight:400;color:var(--g)}.tst input#url{font-size:clamp(30px,6vw,110px);letter-spacing:-.05em;font-weight:500;padding:4px 0}.tst .help{font-size:16px}
.calc-s{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;border-bottom:1px solid #e3e3e3}.calc-s #calc{padding:clamp(24px,3vw,44px) var(--gut);max-width:none}.calc-s .res-box{position:sticky;top:62px;margin:0;border:0;background:#000;color:#fff;min-height:calc(100vh - 62px);padding:clamp(24px,3vw,44px) var(--gut);display:flex;flex-direction:column;justify-content:flex-end}.calc-s .res-box b{font-size:clamp(60px,8.4vw,170px)}.calc-s .eyebrow,.calc-s .muted{color:#b5b5b5}.calc-s .btn-row{margin-top:18px}
.art{padding-top:clamp(50px,7vw,110px)}.prog-r{position:fixed;left:0;right:0;top:62px;height:4px;background:#000;transform:scaleX(0);transform-origin:left;z-index:30}.prose{font-size:20px;line-height:1.55}
.prose h1{font-size:clamp(40px,6.4vw,96px)}
#search{max-width:none}#q{font-size:clamp(30px,6vw,110px);letter-spacing:-.05em;font-weight:500}
@media (max-width:820px){.story{grid-template-columns:1fr}.st-v{display:none}.st-m{display:block;width:100%;margin-top:16px;border-radius:6px}.st-i{min-height:0;color:#000;padding:34px 0}.st-i .btn{opacity:1;pointer-events:auto}.hero-b{grid-template-columns:1fr}.hero-b>div{grid-column:1}.cols3>div{min-height:170px}.cols3>div:nth-child(even){background:#fff;color:#000}.cols3.tied+.cols3.tied>div:nth-child(odd){background:#000;color:#fff}.who,.ctc,.calc-s{grid-template-columns:1fr}.ctc-l{min-height:0}.calc-s .res-box{position:static;min-height:0}.idx a{display:block}.idx em{display:block;text-align:left;max-width:none;margin-top:2px}.wz-a{position:sticky;bottom:0;background:#fff;padding:10px 0}.opt span{padding:8px 14px}}
@media (prefers-reduced-motion:reduce){.hero h1 .w i{transform:none;transition:none}.st-v img,.st-i{transition:none}.js .hero-b>div{opacity:1}}
/* Scènes */
.hero{gap:8px}.scene{flex:1 1 0;min-height:0;align-self:stretch;margin:6px 0;color:#000;position:relative;pointer-events:none}.scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.scene-s{height:280px;width:100%;position:relative;margin-bottom:24px}.scene-s canvas{position:absolute;inset:0;width:100%;height:100%}
.hero-m{margin-top:0}
/* Hiérarchie : H1 unique par écran, H2 unique par section, H3 et texte nettement en dessous */
.hero h1{font-size:clamp(54px,11vw,190px)}.hero h1.m{font-size:clamp(46px,8.6vw,160px)}.hero h1.l{font-size:clamp(40px,6.6vw,124px)}
.d-t,.d-m,.d-l,.d-48,.sp-f .d-t,.idx>h2,.st-i h2{font-size:clamp(34px,4.6vw,76px);letter-spacing:-.05em;line-height:1.02}
.two-l .eyebrow{font-size:18px;margin-bottom:12px}.two-l p{font-size:clamp(18px,1.6vw,22px);line-height:1.3;max-width:30em;margin-top:12px}.two-l p.eyebrow{margin-top:0}.two{padding-top:var(--sp)}
.cols3,.cols3.tied{padding:0 var(--gut)!important;gap:clamp(14px,2vw,30px);background:#fff}
.cols3>div,.cols3>div:nth-child(odd),.cols3>div:nth-child(even),.cols3.tied+.cols3.tied>div:nth-child(odd),.cols3.tied+.cols3.tied>div:nth-child(even){background:#fff;color:#000;border-top:1px solid #e3e3e3;min-height:0;padding:14px 0 clamp(26px,3vw,44px);display:block}
.cols3>div:nth-child(odd) .btn{background:#000;color:#fff;border-color:#000}
.cols3 h3{font-size:clamp(23px,2.2vw,34px);letter-spacing:-.04em;margin-bottom:6px}.cols3 p{font-size:clamp(17px,1.3vw,19px);line-height:1.35}
.sec-c+.cols3,.sec-c+.cols3.tied{border-top:0}
.cols3:not(.tied){padding-top:var(--sp)!important;padding-bottom:var(--sp)!important}.cols3.tied:last-child,.cols3.tied+:not(.cols3){margin-top:0}.cols3.tied+.cols3.tied{padding-bottom:var(--sp)!important}
.sec-d{background:#fff;color:#000;padding:var(--sp) var(--gut);border-top:1px solid #e3e3e3}.sec-d h2{color:#000;font-size:clamp(40px,6.6vw,124px);line-height:1.04;max-width:15em}
.st-v{background:#f1f1f1}.st-i h2{margin-bottom:0}.st-i{min-height:80vh}
.steps li:hover{background:transparent;color:inherit}
tbody td:last-child,thead th:last-child{background:transparent;color:#000;font-weight:600;padding-left:0}thead th:last-child{font-weight:600}
.ctc-l{background:#fff;color:#000;border-right:2px solid #000}.ctc-l a{font-size:clamp(28px,3.4vw,60px)}
.calc-s .res-box{background:#fff;color:#000;border-left:2px solid #000}.calc-s .eyebrow,.calc-s .muted{color:var(--g)}.calc-s .btn{background:#000;color:#fff;border-color:#000}
.bnr .b1{font-size:clamp(46px,8vw,150px)}.bnr .b3 p{margin:16px 0 0;max-width:28em}.bnr{padding:clamp(60px,8vw,120px) var(--gut)}
.idx span{font-size:clamp(32px,4.6vw,76px)}.idx.sm span{font-size:clamp(24px,3vw,48px);line-height:1.08}
.who{grid-template-columns:1.2fr 1fr}
@media (max-width:820px){.scene{flex:none;height:230px}.hero{min-height:0}.cols3,.cols3.tied{grid-template-columns:1fr}.ctc-l{border-right:0;border-bottom:1px solid #e3e3e3}.calc-s .res-box{border-left:0;border-top:1px solid #e3e3e3}.cols3:not(.tied){padding-top:40px!important;padding-bottom:40px!important}}
.wiz-s{overflow:hidden}.wiz legend{max-width:100%;white-space:normal}.wiz .two{min-width:0}
.st-i{color:#a3a3a3}
/* Haut de page compact */
.hero{min-height:0!important;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:center;padding:clamp(28px,3.4vw,50px) var(--gut)}
.hero-m{margin:0}.hero h1{font-size:clamp(46px,7.4vw,124px);line-height:.96;letter-spacing:-.055em;margin-left:-.03em}.hero h1.m{font-size:clamp(42px,6vw,100px)}.hero h1.l{font-size:clamp(38px,4.8vw,84px);line-height:1}
.hero .sub{font-size:clamp(19px,1.7vw,24px);line-height:1.3;margin:clamp(14px,1.6vw,22px) 0 0;max-width:30em}
.hero .scene{flex:none;height:clamp(240px,27vw,400px);margin:0}
/* Scènes d'interface */
.scene{overflow:hidden}.stg{position:absolute;right:0;top:0;width:520px;height:340px;transform-origin:top right;font:400 16px/1.3 "DM Sans",sans-serif;color:#000;transition:opacity .45s}.stg.fade{opacity:0}
[data-s]{opacity:0;transform:translateY(10px);transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1)}[data-s].in{opacity:1;transform:none}.hid{display:none!important}
.g2{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;height:100%}
.cht{display:flex;flex-direction:column;gap:8px;justify-content:flex-end;height:100%}.b{max-width:92%;padding:9px 13px;border-radius:16px;font-size:16px;line-height:1.25}.b.u{align-self:flex-end;background:#000;color:#fff;border-bottom-right-radius:4px}.b.a{align-self:flex-start;background:#f1f1f1;border-bottom-left-radius:4px}
.dots{display:flex;gap:4px}.dots i{width:7px;height:7px;background:#000;border-radius:50%;animation:dt 1s infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dt{50%{transform:translateY(-4px);opacity:.4}}
.win{border:2px solid #000;border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column;height:100%;transition:width .7s cubic-bezier(.7,0,.2,1)}.win.full{width:100%;margin-left:auto}.win.nar{width:200px}
.wb{display:flex;gap:5px;align-items:center;padding:8px 10px;border-bottom:1px solid #e3e3e3;font:400 12px "JetBrains Mono",monospace}.wb u{width:8px;height:8px;border-radius:50%;background:#000;text-decoration:none}.wb span{margin-left:8px}
.wc{padding:14px;flex:1;position:relative}.tt{font-weight:600;font-size:20px;letter-spacing:-.03em;margin:0 0 10px}.hr{margin:0;padding:8px 10px;border:1.5px solid #000;border-radius:6px;font-size:18px}.hr.on{background:#000;color:#fff;border-color:#000}
.pill{display:inline-block;margin:12px 0 0;background:#000;color:#fff;border-radius:30px;padding:4px 11px;font-size:14px}
.big{font-size:42px;line-height:1;letter-spacing:-.05em;font-weight:600;margin:0}.sm{font-size:17px;margin:8px 0 0}.cta{display:inline-block;margin:12px 0 0;background:#000;color:#fff;padding:7px 14px;border-radius:30px;font-size:15px}
.nar .big{font-size:27px}.nar .tri{display:none}
.sk1 b{display:block;height:20px;background:#ececec;margin-bottom:9px;border-radius:4px}.sk1 b:nth-child(2){width:70%}.sk1 b:nth-child(3){width:45%}
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px}.tri b{font-weight:500;background:#f1f1f1;padding:18px 8px 8px;border-radius:5px;font-size:14px}
.lst{height:100%;display:flex;flex-direction:column;justify-content:center;gap:6px}.rw{display:flex;justify-content:space-between;align-items:center;border:2px solid #000;border-radius:7px;padding:0 12px;height:46px;font-size:17px;position:relative;overflow:hidden;transition:height .4s .35s,opacity .3s .35s,padding .4s .35s,margin .4s .35s,border-width .1s .7s}.rw em{font:400 12px "JetBrains Mono",monospace;font-style:normal}
.rw:after{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background:#000;transform:scaleX(0);transform-origin:left;transition:transform .3s}.rw.gone:after{transform:scaleX(1)}.rw.gone{height:0;opacity:0;border-width:0;margin-top:-6px}
.fin{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.fin .big{font-size:64px}
.pipe{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;gap:9px;padding-left:26px}.pipe .ln{position:absolute;left:8px;top:18px;bottom:18px;width:2px;background:#000}
.stp2{display:flex;justify-content:space-between;align-items:center;padding:0 14px;height:54px;border:2px solid #000;border-radius:9px;background:#fff;font-size:18px;position:relative}.stp2:before{content:"";position:absolute;left:-23px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#000}.stp2.k{background:#000;color:#fff}.ck{width:18px;height:18px}
.brd{display:grid;grid-template-columns:1fr 1fr;gap:14px;height:100%}.nt{--r:0deg;border:2px solid #000;border-radius:9px;padding:14px;font-size:22px;line-height:1.1;letter-spacing:-.03em;font-weight:600;background:#fff}[data-s].nt.in{transform:rotate(var(--r))}.nt small{display:block;font:400 13px "JetBrains Mono",monospace;letter-spacing:0;margin-bottom:26px}.nt.k{background:#000;color:#fff}.it{font:italic 400 30px "Bodoni Moda",serif}
.ag{position:relative;height:100%}.ag img{width:100%;height:100%;object-fit:cover;border-radius:10px}.tg{position:absolute;left:12px;top:12px;background:#fff;padding:6px 12px;border-radius:30px;font-weight:600;font-size:17px}.tg.r{left:auto;right:12px;top:auto;bottom:58px}.tg.b2{background:#000;color:#fff;left:auto;right:12px;top:auto;bottom:14px}
.frm label{display:block;font-size:14px;color:#6b6b6b;font-weight:400;margin:0 0 3px}.frm p{height:42px;margin:0 0 12px;border-bottom:1px solid #e3e3e3;font-size:20px;font-weight:500;opacity:1;transform:none}.frm{align-self:center}
.doc{border:2px solid #000;border-radius:9px;padding:16px;background:#fff;height:100%}.doc b{display:block;height:11px;background:#e4e4e4;margin-bottom:10px;border-radius:5px}.doc b:nth-of-type(2){width:75%}.doc b:nth-of-type(3){width:88%}.doc.full{width:100%}.doc small{color:#6b6b6b;font-size:13px}
.cal2 .gr{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal2 .gr span{aspect-ratio:1;display:grid;place-items:center;font-size:14px;border:1px solid #d9d9d9;border-radius:5px;transition:.25s}.cal2 .gr span.pick{background:#000;color:#fff;transform:scale(1.15)}.cal2{align-self:center}
.url{border-bottom:1px solid #e3e3e3;padding:9px 12px;font:400 15px "JetBrains Mono",monospace;min-height:40px}.tst2{display:grid;grid-template-columns:1.5fr 1fr;grid-auto-rows:min-content;gap:11px 18px}.mt{grid-column:1;font-size:15px}.mt i{display:block;height:11px;background:#ececec;border-radius:6px;margin-top:3px;overflow:hidden}.mt b{display:block;height:100%;width:0;background:#000;transition:width .8s cubic-bezier(.16,1,.3,1)}.sc2{grid-column:2;grid-row:1/5;align-self:center}.sc2 b{display:block;font-size:92px;line-height:.9;letter-spacing:-.05em;font-weight:600}.sc2 small{font-size:13px;color:#6b6b6b}
.rw2{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #d9d9d9;padding:9px 0;font-size:20px}.rw2 b{font-weight:500}.rw2 b:after{content:" €"}.rw2.tot{border-top:1px solid #e3e3e3;font-weight:600;font-size:30px;letter-spacing:-.03em}.rw2.tot b{font-weight:600}
.pl{position:relative;height:100%}.crd{position:absolute;left:30px;right:30px;top:60px;height:190px;background:#fff;border:2px solid #000;border-radius:10px;padding:18px;font-size:30px;line-height:1.05;letter-spacing:-.04em;font-weight:600;transition:transform .55s cubic-bezier(.16,1,.3,1)}.crd:nth-child(1){transform:translateY(-44px) scale(.9)}.crd:nth-child(2){transform:translateY(-22px) scale(.95)}.crd.top{transform:translateY(60px);z-index:3;background:#000;color:#fff}.crd.top:not(:last-of-type){}
.mp{grid-template-columns:320px 1fr;align-items:center}.mp svg{width:100%;height:100%}.pg1{fill:#000}.pg2{fill:none;stroke:#000;stroke-width:2.5}[data-s].pg1,[data-s].pg2{transform:none}.cty .big{font-size:44px}
.scene-s{height:220px;position:relative;margin-bottom:24px}
@media (max-width:820px){.hero{grid-template-columns:1fr}.hero .scene{height:220px}.stg{transform-origin:top left;right:auto;left:0}}
.sec-d.top{border-top:0;padding:clamp(40px,6vw,90px) var(--gut)}.sec-d h1{font:italic 400 clamp(46px,8.4vw,150px)/1.02 "Bodoni Moda",Georgia,serif;letter-spacing:-.025em;max-width:13em;color:#000;margin:0}
.ctc-l .btn.v{font-size:17px;letter-spacing:0;font-weight:400;display:inline-block;color:#fff}.ctc-l{min-height:0}
.lg2{display:flex;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #d9d9d9;font-size:15.5px}.lg2 .ck{flex:none}
.wns{position:relative;height:100%}.wn{position:absolute;border:2px solid #000;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.14);transition:opacity .4s,transform .6s cubic-bezier(.16,1,.3,1)}
.w1{left:0;top:6px;width:250px;height:210px}.w2{left:110px;top:60px;width:270px;height:230px}.w3{right:0;bottom:0;width:320px;height:235px}.wn .wc{padding:12px}
.wn.back{opacity:.55;transform:scale(.97)}.dsh{height:30px;border:1.5px dashed #000;border-radius:4px;margin-bottom:8px}.dsh.s{width:64%}.bl{height:14px;background:#e6e6e6;border-radius:5px;margin-bottom:7px}.bl.s{width:66%}.wn .tri{margin-top:10px}.wn .tri b{padding:20px 0 0}
.it2{font-size:32px;line-height:1.02;letter-spacing:-.04em;font-weight:600;margin:0;transition:.4s}.it2.fnl{font:italic 400 38px/1.02 "Bodoni Moda",serif;letter-spacing:-.02em}.wn .cta{margin-top:10px}
/* Devis : le brief s'écrit */
.wiz-g{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:clamp(24px,5vw,80px);align-items:start;max-width:none}.wiz{max-width:none;min-width:0}
.wz-l{font-size:clamp(20px,2vw,27px);margin:-8px 0 20px}
.wiz legend{font-size:clamp(34px,4.6vw,76px)}
.brf{position:sticky;top:78px;border:2px solid #000;border-radius:10px;padding:18px 20px;min-height:320px;background:#fff}.brf-t{font-weight:600;font-size:22px;letter-spacing:-.03em;margin:0 0 10px}.brf-e{color:var(--g)}
.brf dl{margin:0}.brf dl>div{padding:8px 0;border-top:1px solid var(--r);animation:bi .35s}@keyframes bi{from{opacity:0;transform:translateY(6px)}}.brf dt{font-size:14px;color:var(--g)}.brf dd{margin:0;font-weight:500}
.brf-t2{font:400 14px "JetBrains Mono",monospace;margin:16px 0 8px}#brf-p{background:#000;color:#fff;margin:14px -20px -18px;padding:2px 20px 16px;border-radius:0 0 7px 7px}#brf-o{list-style:decimal;margin:0;padding-left:20px}#brf-o li{padding:3px 0}
.nudge{animation:ng .4s}@keyframes ng{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media (max-width:820px){.wiz-g{grid-template-columns:1fr}.brf{position:static;min-height:0}}
.wiz .two{padding:0;gap:14px 18px;align-items:start;margin:0 0 14px}.wiz textarea{min-height:76px;height:76px}.wiz .wz-l{margin-bottom:14px}.wiz .help{margin-top:8px}.wiz .wz-p{margin-bottom:22px}
@media (min-width:821px){.wiz{min-height:520px;display:flex;flex-direction:column}.wiz .wz-a{margin-top:auto}}
@media (max-width:820px){.wiz .two{grid-template-columns:1fr}}
/* Villes */
.vq,.prs,.tl3,.cal-y,.lgd,.pp{padding:var(--sp) var(--gut);border-top:1px solid #e3e3e3}.vq-l{font-size:clamp(18px,1.6vw,22px);margin:12px 0 0;max-width:32em}
.vq ul,.cal-y ol{list-style:none;margin:clamp(20px,3vw,40px) 0 0;padding:0}.vq li{display:grid;grid-template-columns:1.1fr .8fr 1.5fr;gap:clamp(12px,3vw,40px);align-items:baseline;padding:clamp(14px,1.6vw,22px) 0;border-top:1px solid #e3e3e3}.vq h3{font-size:clamp(22px,2.2vw,34px);letter-spacing:-.04em;line-height:1.08;margin:0}.vq li p{margin:0}.vq-w{color:var(--g)}
.prs>h2{margin-bottom:clamp(20px,3vw,40px)}.pr{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(12px,3vw,40px);padding:clamp(14px,1.6vw,22px) 0;border-top:1px solid #e3e3e3}.pr h3{font-size:clamp(20px,1.9vw,28px);letter-spacing:-.03em;line-height:1.1;margin:0}.pr p{margin:0}.pr-a{color:var(--g)}.pr-h{border-top:0;padding-top:0;font-size:15px;color:var(--g)}
.tl3>div{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,44px);margin-top:clamp(20px,3vw,40px)}.tl3 h3{font:italic 400 clamp(26px,2.8vw,42px)/1.1 "Bodoni Moda",Georgia,serif;margin:0 0 10px}.tl3 p{margin:0}
.pp{display:grid;gap:14px}.pp h2{max-width:16em}.pp p{font-size:clamp(19px,1.8vw,26px);line-height:1.3;max-width:32em;margin:0}.pp .btn{margin-top:8px}
.lgd-b{display:flex;flex-wrap:wrap;gap:8px;margin:clamp(18px,2.4vw,32px) 0}.lgd-b button{font:inherit;color:#000;background:#fff;border:1.5px solid #000;border-radius:40px;padding:8px 16px;cursor:pointer}.lgd-b [aria-pressed=true]{background:#000;color:#fff}
.lgd-c{border:2px solid #000;border-radius:10px;padding:clamp(22px,4vw,56px);min-height:clamp(210px,24vw,330px)}.lgd-h{font:italic 400 clamp(34px,5.6vw,96px)/1.06 "Bodoni Moda",Georgia,serif;margin:0 0 14px}.lgd-s{font-size:clamp(18px,1.6vw,22px);margin:0}.lgd .help{margin-top:8px}
.cal-y li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(12px,3vw,40px);align-items:baseline;padding:clamp(14px,1.6vw,22px) 0;border-top:1px solid #e3e3e3}.cal-y li>span{font:italic 400 clamp(30px,3.6vw,60px)/1.05 "Bodoni Moda",Georgia,serif}.cal-y h3{font-size:clamp(20px,1.9vw,28px);letter-spacing:-.03em;margin:0 0 4px}.cal-y p{margin:0}
.mir{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e3e3e3}.mir>div{padding:var(--sp) var(--gut)}.mir>div+div{border-left:2px solid #000}.mir p{font-size:clamp(18px,1.6vw,22px);line-height:1.32;margin:14px 0}.mir ul{margin:0;padding-left:18px}.mir li{padding:3px 0}
@media (max-width:820px){.vq li,.pr,.tl3>div,.mir,.cal-y li{grid-template-columns:1fr}.vq li,.pr{gap:4px}.pr-h{display:none}.mir>div+div{border-left:0;border-top:1px solid #e3e3e3}}
/* Étapes : une icône qui se dessine, un rail qui avance */
.st-ic{display:block;width:clamp(30px,2.8vw,40px);height:clamp(30px,2.8vw,40px);margin-bottom:14px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.st-i .st-ic>*{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s cubic-bezier(.3,.7,.2,1)}.st-i.on .st-ic>*{stroke-dashoffset:0}
.st-r{position:absolute;left:clamp(10px,1.4vw,20px);top:50%;transform:translateY(-50%);z-index:3;display:grid;gap:clamp(14px,2vh,22px)}
.st-r:before,.st-rl{content:"";position:absolute;left:50%;top:18px;bottom:18px;width:1px;margin-left:-.5px;background:#cfcfcf}.st-rl{background:#000;transform:scaleY(0);transform-origin:top;transition:transform .5s cubic-bezier(.3,.7,.2,1)}
.st-r button{position:relative;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #cfcfcf;border-radius:50%;background:#fff;color:#8a8a8a;cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .3s}
.st-r button.done{border-color:#000;color:#000}.st-r button.on{background:#000;border-color:#000;color:#fff;transform:scale(1.14)}.st-r button:hover{color:#000;border-color:#000}.st-r button.on:hover{color:#fff}
.st-r .st-ic{width:18px;height:18px;margin:0;stroke-width:1.5}
.st-v img{left:calc(clamp(10px,1.4vw,20px) + 52px);width:calc(100% - clamp(10px,1.4vw,20px) - 52px - clamp(16px,3vw,48px));transform:translateY(26px) scale(.97)}.st-v img.on{transform:none}
@media (max-width:820px){.st-i .st-ic{margin-bottom:10px}}
@media (prefers-reduced-motion:reduce){.st-i .st-ic>*{transition:none;stroke-dashoffset:0}.st-r button,.st-rl{transition:none}}
/* Survol : l'IA s'en charge */
.aih-i{cursor:default;border-radius:6px;outline-offset:6px}
.aip{position:fixed;left:0;top:0;z-index:60;width:250px;padding:14px 16px;background:#fff;color:#000;border:1px solid #e3e3e3;border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.12);font:400 15px/1.3 "DM Sans",system-ui,sans-serif;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s}.aip.on{opacity:1;visibility:visible}
.aip-t{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;color:#6b6b6b}.aip-t i{width:7px;height:7px;border-radius:50%;background:#000;animation:aipp 1.2s infinite alternate}@keyframes aipp{to{opacity:.25}}
.aip ol{list-style:none;margin:0;padding:0;display:grid;gap:7px}.aip li{display:flex;align-items:center;gap:9px}.aip li span{flex:none;display:grid;place-items:center;width:18px;height:18px;border:1px solid #cfcfcf;border-radius:50%}.aip li svg{width:9px;height:8px;fill:none;stroke:currentColor;stroke-width:1.6}
.aip.on li{animation:aipl .3s both;animation-delay:calc(var(--i)*.28s)}.aip.on li span{animation:aipc .3s both;animation-delay:calc(.15s + var(--i)*.28s)}@keyframes aipl{from{opacity:.25}}@keyframes aipc{from{background:#fff;color:#fff}to{background:#000;color:#fff;border-color:#000}}
.aip-v{margin:11px 0 0;padding-top:9px;border-top:1px solid #e9e9e9;font-size:14px;font-weight:500;animation:aipl .3s .9s both}
@media (prefers-reduced-motion:reduce){.aip-t i,.aip.on li,.aip.on li span,.aip-v{animation:none}.aip li span{background:#000;color:#fff;border-color:#000}}
/* Calculateur */
.calc-s{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0;border-top:1px solid #e3e3e3}
.calc-s #calc{padding:clamp(24px,3vw,44px) var(--gut)}.calc-s fieldset{border:0;margin:0 0 clamp(22px,2.6vw,32px);padding:0;min-width:0}.calc-s legend{padding:0;margin-bottom:6px;font-weight:500;font-size:clamp(19px,1.6vw,22px);letter-spacing:-.02em}
.cr{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:16px;align-items:center;padding:11px 0;border-top:1px solid #ececec}.cr label{margin:0;font-weight:400;font-size:17px;line-height:1.3}.cr small{display:block;font-size:14.5px;color:#6b6b6b}
.ci{display:flex;align-items:center;border:1px solid #bdbdbd;border-radius:8px;background:#fff;transition:border-color .15s}.ci:focus-within{border-color:#000;box-shadow:0 0 0 1px #000}.calc-s .ci input{flex:1;min-width:0;width:100%;border:0;background:none;outline:0;padding:10px 4px 10px 12px;font:500 18px/1.2 "DM Sans",sans-serif;text-align:right;appearance:textfield;-moz-appearance:textfield;box-shadow:none}.ci input::-webkit-inner-spin-button,.ci input::-webkit-outer-spin-button{appearance:none;margin:0}.ci i{flex:none;font-style:normal;font-size:14px;color:#6b6b6b;padding-right:12px;white-space:nowrap}
.cy div{display:inline-flex;margin-top:4px;border:1px solid #bdbdbd;border-radius:8px;overflow:hidden}.cy label{margin:0;font-weight:400;cursor:pointer}.cy input{position:absolute;opacity:0;width:1px;height:1px}.cy span{display:block;padding:9px 18px;font-size:16px}.cy label+label span{border-left:1px solid #bdbdbd}.cy input:checked+span{background:#000;color:#fff}.cy input:focus-visible+span{outline:2px solid #000;outline-offset:-4px}
.calc-s .res-box{position:sticky;top:62px;min-height:0;justify-content:flex-start;padding:clamp(24px,3vw,44px) var(--gut);background:#f6f6f6;border:0;border-left:1px solid #e3e3e3}.cr-t{margin:0;font-size:17px;color:#595959}.calc-s .res-box b{font-size:clamp(44px,5.4vw,84px);letter-spacing:-.04em;margin:4px 0}.cr-s{margin:0;font-size:17px}
.cb{display:flex;gap:2px;height:10px;margin:22px 0 8px;background:#e3e3e3;border-radius:5px;overflow:hidden}.cb i{flex:0 1 0;transition:flex-grow .3s}#b1{background:#000}#b2{background:#6b6b6b}#b3{background:#b5b5b5}
.cl{list-style:none;margin:0;padding:0}.cl li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #e3e3e3;font-size:16px}.cl li:first-child{border:0}.cl span+span{font-weight:500}.cl li:nth-child(1) span:first-child:before,.cl li:nth-child(2) span:first-child:before,.cl li:nth-child(3) span:first-child:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;background:#000}.cl li:nth-child(2) span:first-child:before{background:#6b6b6b}.cl li:nth-child(3) span:first-child:before{background:#b5b5b5}
.cr-n{margin:12px 0 16px;font-size:14.5px;color:#595959}.calc-live{display:none}
@media (max-width:820px){.calc-s{grid-template-columns:1fr}.cr{grid-template-columns:minmax(0,1fr) 138px;gap:10px}.calc-s .res-box{position:static;border-left:0;border-top:1px solid #e3e3e3}.calc-live{display:flex;justify-content:space-between;align-items:baseline;position:sticky;bottom:0;margin:0;padding:10px var(--gut);background:#000;color:#fff;font-size:15px}.calc-live b{font-size:20px;font-weight:500}}