:root{--bg:#f5f5f1;--surface:#fbfbf9;--ink:#0e0e0c;--muted:#6b6b66;--line:#dcdcd6;--accent:#0e0e0c;--accent-ink:#fff;--soft:#ecece7;--ok:#0f7a4a;--bad:#b42318}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:400 17px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:var(--ink);text-underline-offset:3px}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.wrap{max-width:1040px;margin:0 auto;padding:0 16px}.narrow{max-width:720px;margin:0 auto;padding:0 16px}.btn{background:var(--accent);cursor:pointer;font:inherit;border:0;border-radius:6px;padding:11px 20px;font-weight:600;text-decoration:none;display:inline-block;color:var(--accent-ink)!important}.btn:hover{filter:brightness(1.08)}.btn.ghost{border:1px solid var(--line);background:0 0;color:var(--ink)!important}.btn[disabled]{opacity:.6;cursor:wait}.hero{padding:64px 0 40px}.hero h1{letter-spacing:-.03em;max-width:18ch;margin:0 0 18px;font-size:clamp(32px,5vw,52px);font-weight:800;line-height:1.1}.hero p.lead{color:var(--muted);max-width:56ch;margin:0 0 26px;font-size:20px}.row{flex-wrap:wrap;gap:12px;display:flex}h2.sec{letter-spacing:-.02em;margin:48px 0 16px;font-size:26px}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:18px 20px;text-decoration:none;display:block}a.card:hover{border-color:var(--accent)}.card h3{margin:0 0 6px;font-size:18px;line-height:1.3}.card p{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.meta{color:var(--muted);font-size:14px}article.post h1{letter-spacing:-.025em;margin:32px 0 8px;font-size:clamp(28px,4.2vw,40px);line-height:1.15}article.post h2{letter-spacing:-.015em;margin:38px 0 10px;font-size:24px;line-height:1.25}article.post h3{margin:26px 0 6px;font-size:19px}article.post p,article.post li{max-width:68ch}article.post table{border-collapse:collapse;width:100%;margin:18px 0;font-size:15px;display:block;overflow-x:auto}article.post th,article.post td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}article.post th{background:var(--soft)}.callout{background:var(--soft);border:1px solid var(--line);border-radius:12px;margin:36px 0;padding:20px 22px}.callout h3{margin-top:0}form.lead{gap:12px;margin-top:14px;display:grid}form.lead label{gap:4px;font-size:14px;font-weight:600;display:grid}form.lead input,form.lead select,form.lead textarea{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;width:100%;padding:10px 12px}form.lead input:focus,form.lead select:focus,form.lead textarea:focus{outline:2px solid var(--ink);outline-offset:1px}form.lead .two{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:560px){form.lead .two{grid-template-columns:1fr}}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.msg-ok{color:var(--ok);font-weight:600}.msg-bad{color:var(--bad);font-weight:600}.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--muted);margin:8px 0 0}footer.site{border-top:1px solid var(--line);color:var(--muted);margin-top:72px;padding:28px 0 40px;font-size:14px}.tool-box{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px}.result{letter-spacing:-.02em;margin:4px 0;font-size:34px;font-weight:800}.q{margin:18px 0}.q p{margin:0 0 6px;font-weight:600}.q label{cursor:pointer;align-items:center;gap:8px;padding:4px 0;display:flex}header.site{border-bottom:1px solid var(--line);background:var(--bg)}header.site .bar{flex-wrap:wrap;align-items:center;gap:clamp(16px,3vw,44px);max-width:1400px;min-height:84px;margin:0 auto;padding:0 clamp(16px,3vw,48px);display:flex}.brand{color:var(--ink);letter-spacing:-.02em;font-size:clamp(22px,2vw,28px);font-weight:800;text-decoration:none}nav.main{flex-wrap:wrap;align-items:center;gap:clamp(14px,2.4vw,40px);font-size:clamp(15px,1.4vw,20px);display:flex}nav.main a{color:var(--muted);text-decoration:none}nav.main a:hover{color:var(--ink)}.bar .spacer{flex:1}.bar .signin{color:var(--ink);font-size:clamp(15px,1.4vw,20px);text-decoration:none}.bar .btn{padding:11px 22px}@media (max-width:760px){header.site .bar{row-gap:8px;min-height:0;padding-top:12px;padding-bottom:12px}nav.main{order:3;width:100%}.bar .signin{display:none}}.lhero{text-align:center;background-color:var(--bg);background-image:linear-gradient(45deg,#0000 calc(50% - .5px),#0e0e0c0d 50%,#0000 calc(50% + .5px)),linear-gradient(-45deg,#0000 calc(50% - .5px),#0e0e0c0d 50%,#0000 calc(50% + .5px));background-size:56px 56px;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 85px);padding:56px 16px 150px;display:flex;position:relative}.lhero .eyebrow{color:var(--muted);margin:0 0 22px;font-size:clamp(15px,1.6vw,22px)}.lhero h1{letter-spacing:-.045em;text-wrap:balance;max-width:16ch;margin:0 0 32px;font-size:clamp(38px,7vw,72px);font-weight:800;line-height:1.04}.lhero p.sub{color:var(--muted);max-width:34em;margin:0 0 44px;font-size:clamp(18px,2.3vw,30px);line-height:1.55}.lhero p.sub .br{display:none}@media (min-width:900px){.lhero p.sub .br{display:inline}.lhero p.sub .br:before{content:"\a ";white-space:pre}.lhero h1{max-width:none}}.btn.big{border-radius:6px;align-items:center;gap:12px;padding:20px 44px;font-size:clamp(18px,2vw,24px);display:inline-flex}.lhero .dock{height:110px;position:absolute;bottom:0;left:0;right:0}.lhero .dock:before{content:"";border-top:1px solid var(--line);position:absolute;bottom:24px;left:clamp(16px,3vw,48px);right:clamp(16px,3vw,48px)}.seg{background:gray;border-radius:999px;max-width:calc(100% - 96px);padding:6px;display:inline-flex;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0000001f}.seg button{font:inherit;color:#f1f1ee;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:8px clamp(12px,2vw,28px);font-size:clamp(14px,1.5vw,19px)}.seg button[aria-pressed=true]{color:var(--ink);background:#f5f5f1}.seg-caption{color:var(--muted);width:calc(100% - 32px);max-width:520px;margin:0;font-size:15px;position:absolute;bottom:78px;left:50%;transform:translate(-50%)}.info{color:#f5f5f1;background:gray;border-radius:50%;place-items:center;width:48px;height:48px;text-decoration:none;display:grid;position:absolute;bottom:12px;right:clamp(16px,3vw,48px)}@media (max-width:560px){.info{display:none}.seg{max-width:calc(100% - 24px)}}.below{padding-top:8px}
