@font-face{font-family:'Barlow Condensed';font-weight:800;font-display:swap;src:url(/assets/bc800.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:600;font-display:swap;src:url(/assets/bc600.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-weight:400;font-display:swap;src:url(/assets/b400.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-weight:600;font-display:swap;src:url(/assets/b600.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:400;font-display:swap;src:url(/assets/m400.woff2) format('woff2')}
:root{--ink:#10332b;--paper:#f2f0df;--orange:#ff5a1f;--deep:#c43f0e;--white:#fbfaf2;--line:#10332b33;--d:'Barlow Condensed','Arial Narrow',sans-serif;--b:'Barlow',system-ui,sans-serif;--m:'IBM Plex Mono',ui-monospace,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.55 var(--b)}
a{color:inherit}img,svg{display:block;max-width:100%;height:auto}
h1,h2,h3{font-family:var(--d);font-weight:800;line-height:1;margin:0;text-transform:uppercase;text-wrap:balance}
p{margin:0}.w{max-width:1200px;margin:0 auto;padding-inline:clamp(16px,4vw,44px)}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.top{background:var(--orange)}.top .w{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.logo{display:flex;align-items:center;gap:9px;font:800 28px/1 var(--d);text-transform:uppercase;text-decoration:none;white-space:nowrap}.logo svg{width:24px;height:32px}
.nav{display:flex;gap:22px;font:400 13px var(--m)}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline}
.menu{display:none;font:600 20px var(--d);background:none;border:2px solid var(--ink);color:var(--ink);padding:3px 11px;text-transform:uppercase;cursor:pointer}
@media(max-width:860px){.menu{display:block}.nav{display:none;position:absolute;left:0;right:0;top:64px;background:var(--orange);z-index:5;flex-direction:column;padding:14px 16px 20px;gap:13px;font-size:15px}.nav.open{display:flex}.top{position:relative}}
.calc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"t o" "c o";grid-template-rows:auto 1fr;background:var(--ink);color:var(--paper)}
.ctitle{grid-area:t;padding:clamp(24px,4vw,44px) clamp(16px,4vw,44px) 8px}.ctitle h1{font-size:clamp(46px,7vw,84px)}.ctitle p{font:400 14px var(--m);margin-top:12px}
.ctl{grid-area:c;padding:16px clamp(16px,4vw,44px) 40px;display:grid;gap:18px;align-content:start}
.out{grid-area:o;background:var(--paper);color:var(--ink);padding:clamp(24px,4vw,44px);display:grid;gap:15px;align-content:start;min-width:0}
.lab{font:800 clamp(26px,3.3vw,40px)/1 var(--d);text-transform:uppercase}.ans{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 14px}
.big{font:800 clamp(72px,10vw,126px)/.95 var(--d);font-variant-numeric:tabular-nums}.unit{font:800 clamp(28px,3.6vw,44px)/1 var(--d);text-transform:uppercase}
.note{font:400 13px/1.45 var(--m)}.rows{border-bottom:1px solid var(--line)}.rows div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid var(--line);font:400 14px/1.3 var(--m)}.rows b{font:800 22px/1 var(--d);text-align:right;white-space:nowrap}
.scene{min-height:150px}.act{display:flex;flex-wrap:wrap;gap:10px}.act button{font:800 19px var(--d);text-transform:uppercase;background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:9px 18px;cursor:pointer}.act button+button{background:none;color:var(--ink)}
.f{display:grid;gap:4px}.f label,.f .ll{font:600 21px/1 var(--d);text-transform:uppercase}
.row{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:12px;align-items:center}
.num{display:flex;align-items:center;background:var(--white);color:var(--ink);padding-right:8px}.num input{width:100%;min-width:0;border:0;background:none;color:inherit;font:400 17px var(--m);padding:9px 2px 9px 9px;-moz-appearance:textfield}.num input::-webkit-outer-spin-button,.num input::-webkit-inner-spin-button{-webkit-appearance:none}.num span{font:400 13px var(--m)}
input[type=range]{width:100%;height:32px;margin:0;accent-color:var(--orange)}
input[type=date]{font:400 17px var(--m);padding:9px;border:0;background:var(--white);color:var(--ink);width:100%}
.ch{display:flex;flex-wrap:wrap;gap:7px}.ch button{font:600 19px/1 var(--d);text-transform:uppercase;padding:9px 13px;background:none;color:var(--paper);border:1.5px solid var(--paper);cursor:pointer}.ch button[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.body{padding-block:clamp(36px,6vw,72px);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(26px,6vw,80px)}.body article{display:grid;gap:26px;max-width:68ch}.body h2{font-size:clamp(32px,4vw,44px);margin-bottom:9px}
.body ul{margin:0;padding-left:20px;display:grid;gap:7px}.body h3{font-size:24px;margin-bottom:3px;text-transform:none;font-weight:600}.faq{display:grid;gap:14px}
.rel{display:grid;gap:0;align-content:start}.rel h2{font-size:28px;margin-bottom:8px}.rel a{display:block;padding:9px 0;border-top:1px solid var(--line);font:600 21px/1.1 var(--d);text-transform:uppercase;text-decoration:none}.rel a:hover{color:var(--deep)}
@media(max-width:800px){.calc{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"t" "o" "c"}.ctl{padding-top:26px}.body{grid-template-columns:minmax(0,1fr)}.ctitle{padding-bottom:22px}}
.hero{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);min-height:min(66vh,620px);overflow:hidden}
.hero .c{padding:clamp(34px,6vw,86px) clamp(16px,4vw,44px);display:grid;align-content:center;gap:20px}.hero h1{font-size:clamp(68px,10.8vw,156px);line-height:.88}.hero p{font:400 clamp(15px,1.5vw,19px)/1.45 var(--m);border-left:6px solid var(--orange);padding-left:14px;max-width:40ch}
.hero .go{justify-self:start;background:var(--orange);color:var(--ink);padding:12px 26px;font:800 25px var(--d);text-transform:uppercase;text-decoration:none}
.hero img{width:100%;height:100%;object-fit:cover;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr)}.hero img{clip-path:none;aspect-ratio:3/2;height:auto}}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.cats a{padding:26px 14px;text-align:center;text-decoration:none;border-left:1px solid var(--line);font:800 26px/1 var(--d);text-transform:uppercase}.cats a:first-child{border:0}.cats a:hover{background:var(--orange)}
@media(max-width:800px){.cats{grid-template-columns:repeat(2,minmax(0,1fr))}.cats a{border:0;border-top:1px solid var(--line)}}
.all{padding-block:clamp(36px,6vw,72px);display:grid;gap:42px}.all section{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:24px}.all h2{font-size:clamp(34px,4vw,48px)}.all .l{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 28px}.all .l a{padding:9px 0;border-top:1px solid var(--line);font:600 22px/1.1 var(--d);text-transform:uppercase;text-decoration:none}.all .l a:hover{color:var(--deep)}
@media(max-width:800px){.all section{grid-template-columns:minmax(0,1fr)}}
.page{padding-block:clamp(36px,6vw,72px);display:grid;gap:18px;max-width:68ch}.page h1{font-size:clamp(46px,8vw,76px)}.page h2{font-size:30px;margin-top:14px}.page ul{margin:0;padding-left:20px}
.foot{background:var(--ink);color:var(--paper)}.foot .w{padding-block:30px;display:flex;flex-wrap:wrap;gap:12px 30px;justify-content:space-between;font:400 13px var(--m)}.foot nav{display:flex;flex-wrap:wrap;gap:12px 22px}
@media print{.top,.ctl,.body,.foot,.act{display:none!important}.calc{display:block;background:#fff}.ctitle{color:#000}.out{background:#fff}}