@font-face{font-family:"Bricolage";font-style:normal;font-weight:200 800;font-display:swap;src:url(/bricolage-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bricolage";font-style:normal;font-weight:200 800;font-display:swap;src:url(/bricolage-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--night:#0f110d;--night2:#1b1e18;--night3:#2b2f26;--acc:#c6f24e;--acc-d:#93bd1f;--paper:#f3f1ea;--card:#fff;--ink:#14150f;--muted:#57574a;--line:#d6d2c3;--soft:#e9e6db;--bad:#ff8f80;--warn:#ffc65c;--err:#a3180f;--r:20px;--max:1040px;--font:"Bricolage",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
html.menu-open{overflow:hidden}
body{margin:0;font:400 18px/1.6 var(--font);color:var(--ink);background:var(--paper);overflow-x:hidden}
a{color:var(--ink)}
h1,h2,h3{font-family:var(--font);font-weight:800;line-height:1.08;letter-spacing:-.025em;margin:0}
p{margin:0 0 1em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border-radius:14px;border:2px solid transparent;font:700 1.1rem/1 var(--font);text-align:center;text-decoration:none;cursor:pointer}
.btn-primary{background:var(--acc);color:var(--ink);border-color:var(--acc)}
.btn-primary:hover{background:#d6f97c;border-color:#d6f97c}
.btn-dark{background:var(--night);color:#fff;border-color:var(--night)}
.btn-dark:hover{background:var(--night3)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-block{display:flex;width:100%}
.btn-sm{min-height:48px;padding:0 20px;font-size:1rem;border-radius:12px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
header.site a:focus-visible,header.site button:focus-visible,footer.site a:focus-visible,.band a:focus-visible,.res-panel a:focus-visible{outline-color:var(--acc)}
header.site{background:var(--night);color:#fff;position:sticky;top:0;z-index:30}
.bar{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:flex;align-items:center;height:48px;font:800 1.5rem/1 var(--font);letter-spacing:-.04em;color:#fff;text-decoration:none}
.brand span{color:var(--acc)}
nav.main ul{display:none;list-style:none;margin:0;padding:0}
nav.main li{display:flex;align-items:center}
nav.main a:not(.btn){display:flex;align-items:center;height:48px;padding:0 13px;color:#fff;text-decoration:none;font:600 1rem/1 var(--font);border-radius:12px}
nav.main a:not(.btn):hover{color:var(--acc)}
.menu-btn{margin-left:auto;display:flex;align-items:center;gap:12px;height:48px;padding:0 14px 0 18px;border:2px solid #fff;background:transparent;color:#fff;border-radius:12px;font:700 1rem/1 var(--font);cursor:pointer}
.burger{position:relative;display:block;width:22px;height:14px}
.burger i{position:absolute;left:0;right:0;height:2.5px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s,top .2s}
.burger i:nth-child(1){top:0}.burger i:nth-child(2){top:5.5px}.burger i:nth-child(3){top:11px}
.menu-btn[aria-expanded=true]{background:var(--acc);border-color:var(--acc);color:var(--ink)}
.menu-btn[aria-expanded=true] .burger i:nth-child(1){top:5.5px;transform:rotate(45deg)}
.menu-btn[aria-expanded=true] .burger i:nth-child(2){opacity:0}
.menu-btn[aria-expanded=true] .burger i:nth-child(3){top:5.5px;transform:rotate(-45deg)}
nav.main.open ul{display:flex;flex-direction:column;position:fixed;left:0;right:0;top:72px;bottom:0;background:var(--night);padding:12px 20px 28px;overflow:auto;z-index:29}
nav.main.open li{display:block;border-bottom:1px solid var(--night3)}
nav.main.open a:not(.btn){height:auto;min-height:68px;padding:0;font-size:1.6rem;font-weight:800;letter-spacing:-.025em;border-radius:0}
nav.main.open li.cta{border:0;margin:24px 0 0}
nav.main.open li.cta .btn{display:flex;width:100%;min-height:60px;font-size:1.2rem}
@media(min-width:900px){.menu-btn{display:none}nav.main{margin-left:auto}nav.main ul{display:flex;align-items:center;gap:2px}nav.main li.cta{margin-left:10px}}
.band{background:var(--night);color:#fff;padding:36px 0 60px}
.band h1{font-size:clamp(2.3rem,6.4vw,4.3rem);letter-spacing:-.035em;line-height:1;max-width:13em;margin:0 auto}
.band h1 em{font-style:normal;color:var(--acc)}
.band .lede{font-size:clamp(1.12rem,2.4vw,1.35rem);line-height:1.45;color:#e7e4d6;max-width:32em;margin:18px auto 30px}
.band a:not(.btn){color:var(--acc)}
.band-tool{text-align:center}
.band-guide{padding:32px 0 48px}
.band-guide h1{font-size:clamp(2rem,4.8vw,3.3rem);max-width:17em;margin:0;letter-spacing:-.03em;line-height:1.04}
.band-guide .lede{margin:14px 0 0}
.when{display:inline-block;margin:0 0 24px;padding:8px 16px;border-radius:999px;background:var(--acc);color:var(--ink);font-weight:700;font-size:1rem;line-height:1.3}
.tool{background:var(--card);color:var(--ink);border-radius:26px;padding:clamp(20px,4vw,36px);max-width:820px;margin:0 auto;text-align:left;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}
.f{display:flex;flex-direction:column;gap:8px;min-width:0}
.f.wide{grid-column:1/-1}
.lab{font-weight:700;font-size:1rem;line-height:1.25}
.opt{font-weight:400;color:var(--muted)}
.hint{margin:0;font-size:.95rem;line-height:1.3;color:var(--muted)}
input[inputmode],input[type=email],select{width:100%;min-height:58px;padding:0 16px;font:600 1.15rem/1.2 var(--font);color:var(--ink);background:#fff;border:2px solid #b9b5a3;border-radius:14px;appearance:none;-webkit-appearance:none}
input::placeholder{color:#7a7867;font-weight:400}
select{padding-right:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cpath d='M2 2l8 8 8-8' fill='none' stroke='%2315140f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}
input:hover,select:hover{border-color:var(--ink)}
input:focus,select:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px var(--acc)}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{padding:0;margin-bottom:8px}
.seg{display:inline-flex;background:var(--soft);border-radius:12px;padding:3px}
.seg label{position:relative;display:block;cursor:pointer}
.seg input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.seg span{display:flex;align-items:center;justify-content:center;min-width:72px;height:48px;padding:0 14px;border-radius:10px;font-weight:800}
.seg input:checked+span{background:var(--ink);color:#fff}
.seg input:focus-visible+span{outline:3px solid var(--acc);outline-offset:2px}
.tool form>.btn{margin-top:20px}
.err{color:var(--err);font-weight:600;margin:12px 0 0}
.res-empty{margin-top:22px;border:2px dashed #b9b5a3;border-radius:18px;padding:20px;color:var(--muted);text-align:center}
.res-empty p{margin:0}
.res-panel{margin-top:22px;background:var(--night);color:#fff;border-radius:22px;padding:clamp(22px,4vw,32px)}
.res-label{font-weight:700;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;color:#d6d3c4;margin:0 0 6px}
.word{font:800 clamp(3rem,12vw,5rem)/1 var(--font);letter-spacing:-.04em;color:var(--acc);margin:0 0 14px}
.res-panel.scump .word{color:var(--bad)}
.res-panel.marime .word,.res-panel.limita .word{color:var(--warn)}
.why{font-size:1.25rem;line-height:1.35;font-weight:700;margin:0 0 10px}
.line{margin:8px 0 0;color:#e7e4d6;line-height:1.4}
.line strong{color:#fff}
.res-blocks{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:18px 0 0}
.res-block{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--night2);border-radius:14px;padding:14px 16px;font-size:1.05rem;line-height:1.2}
.res-block strong{font-size:1.3rem;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.res-block.sum{background:var(--night3)}
.res-block.sum strong{color:var(--acc)}
.res-note{background:var(--night3);border-radius:12px;padding:12px 14px;font-size:1rem;line-height:1.4;margin:14px 0 0;color:#f1eee0}
.res-links{display:grid;gap:4px;margin:14px 0 0}
.res-panel .res-links a{display:flex;align-items:center;min-height:44px;color:var(--acc);font-weight:700}
.betterbtn{margin-top:14px}
.share{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-top:20px;padding-top:18px;border-top:2px solid var(--soft)}
.share p{grid-column:1/-1;margin:0}
.share .btn{min-height:58px}
.fine{color:var(--muted);font-size:.95rem;line-height:1.4}
.thanks{color:#0b6b36;font-weight:700;margin:18px 0 0}
.fan{max-width:820px;margin:16px auto 0;background:var(--card);color:var(--ink);border-radius:20px;padding:20px;text-align:left;border-top:0}
.offers{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.offers.three{grid-template-columns:repeat(3,1fr)}
.offer{background:var(--paper);border-radius:18px;padding:16px;display:grid;gap:12px;align-content:start}
.offer h2{font-size:1.2rem}
.add3{margin-top:14px}
.cmp{width:100%;border-collapse:collapse;margin-top:16px;font-size:1rem}
.cmp th,.cmp td{padding:12px 8px;border-top:1px solid var(--night3);text-align:right;vertical-align:top;font-weight:700;font-variant-numeric:tabular-nums;color:#fff}
.cmp thead th{border-top:0;color:var(--acc)}
.cmp tbody th{text-align:left;font-weight:400;color:#e7e4d6}
.cmp .best{color:var(--acc)}
.content{padding-top:52px;padding-bottom:64px}
.content h2{font-size:clamp(1.65rem,3.8vw,2.3rem);margin:60px 0 16px}
.content>h2:first-child,.content>section:first-child>h2:first-child{margin-top:0}
.content h3{font-size:1.3rem;margin:26px 0 8px}
.content p,.content li{max-width:42em}
.content a:not(.btn){text-decoration:underline;text-decoration-color:var(--acc-d);text-decoration-thickness:3px;text-underline-offset:3px}
.content ol{padding-left:0;list-style:none;counter-reset:s;margin:0 0 1em}
.content ol>li{position:relative;padding:0 0 0 52px;margin:0 0 26px;counter-increment:s}
.content ol>li::before{content:counter(s);position:absolute;left:0;top:-1px;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--acc);font-weight:800;display:grid;place-items:center;font-size:1.05rem}
.content ol>li strong:first-child{display:block;font-size:1.2rem;line-height:1.25;margin-bottom:4px}
ul.check,ul.cross{list-style:none;padding:0;margin:0 0 1em}
ul.check li,ul.cross li{position:relative;padding:0 0 0 40px;margin:0 0 14px}
ul.check li::before,ul.cross li::before{content:"";position:absolute;left:0;top:.15em;width:26px;height:26px;border-radius:50%;background:var(--acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M7 13.5l4 4 8-9' fill='none' stroke='%2315140f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
ul.cross li::before{background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M8.5 8.5l9 9M17.5 8.5l-9 9' fill='none' stroke='%23c6f24e' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/100% no-repeat}
.callout{background:var(--acc);border-radius:var(--r);padding:20px 24px;margin:28px 0;max-width:44em}
.callout.dark{background:var(--ink);color:#fff}
.callout p:last-child{margin:0}
.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.door{display:flex;flex-direction:column;gap:6px;background:var(--card);border-radius:var(--r);padding:24px;min-height:150px;color:var(--ink);text-decoration:none!important;transition:background .12s}
.door:hover{background:var(--acc)}
.door b{font:800 1.4rem/1.12 var(--font);letter-spacing:-.02em}
.door span{color:var(--muted);line-height:1.35}
.door:hover span{color:var(--ink)}
.table-wrap{overflow-x:auto;margin:18px 0;border-radius:var(--r);background:var(--card);-webkit-overflow-scrolling:touch}
table.data{border-collapse:collapse;width:100%;font-size:1rem}
table.data th{background:var(--night);color:#fff;text-align:left;padding:14px 16px;font-weight:700;vertical-align:bottom;white-space:nowrap}
table.data td,table.data tbody th{padding:14px 16px;border-top:1px solid var(--soft);vertical-align:top;text-align:left;background:var(--card);color:var(--ink);font-weight:400;white-space:nowrap}
table.data tbody th{font-weight:700}
table.data small{display:block;font-weight:400;color:var(--muted);font-size:.88rem}
.docs{background:var(--card);border-radius:var(--r);padding:22px 24px;margin:12px 0 0;max-width:44em}
.docs ul{margin-bottom:0}
.faq-list{display:grid;gap:12px;max-width:820px}
.faq details{background:var(--card);border-radius:18px}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:12px 22px;font:700 1.12rem/1.3 var(--font);cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--acc);font-weight:800;font-size:1.3rem;flex:none}
.faq details[open] summary::after{content:"\2212"}
.faq .ans{padding:0 22px 8px}
.faq .ans p{margin:0 0 14px}
.related{margin-top:64px;border-top:2px solid var(--line);padding-top:6px}
.related h2{font-size:1.4rem!important;margin:24px 0 8px!important}
.related ul{list-style:none;padding:0;margin:0}
.related li{margin:0;max-width:none}
.related a{display:flex;align-items:center;min-height:48px;font-weight:600}
.copied{margin-left:12px;color:#0b6b36;font-weight:700}
.prose{padding-top:32px;padding-bottom:56px;max-width:760px}
.prose h1{font-size:2.4rem;margin-bottom:18px}
footer.site{background:var(--night);color:#d9d6c7;padding:48px 0 32px}
.foot-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px}
footer.site strong{display:block;color:#fff;font:800 1.05rem var(--font);margin-bottom:10px}
footer.site ul{list-style:none;margin:0;padding:0}
footer.site a:not(.brand){display:flex;align-items:center;min-height:44px;color:#d9d6c7;text-decoration:none;font-size:1rem}
footer.site a:not(.brand):hover{color:var(--acc)}
.foot-brand p{margin:8px 0 0;font-size:1rem;max-width:20em}
.legal{margin:32px 0 0;padding-top:20px;border-top:1px solid var(--night3);font-size:.92rem;color:#b9b6a6}
@media(max-width:859px){.doors{grid-template-columns:1fr 1fr}.offers.three{grid-template-columns:1fr}.foot-top{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}
@media(max-width:620px){.fields,.offers{grid-template-columns:1fr}.doors{grid-template-columns:1fr}.door{min-height:0;padding:20px}.band{padding:26px 0 44px}.band-guide{padding:24px 0 36px}.tool{border-radius:22px}.content{padding-top:40px}.content h2{margin-top:46px}.btn{width:100%}.btn-sm{width:auto}.share{grid-template-columns:1fr}.foot-top{grid-template-columns:1fr}.content p,.content li{font-size:1.05rem}.cmp{font-size:.95rem}.cmp th,.cmp td{padding:10px 4px}}
@media(max-width:620px){table.data{font-size:.95rem}table.data th,table.data td,table.data tbody th{padding:12px 10px}table.data tbody th{white-space:normal;min-width:112px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}