:root{--ink:#1e2933;--muted:#596b75;--blue:#075e71;--aqua:#daeff1;--line:#d9e4e6;--paper:#f8faf9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#086a7f}.container{max-width:1160px;margin:auto;padding:0 24px}.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:10px;z-index:9}.skip:focus{left:8px}.header{background:#102934;color:#fff}.header-row{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{color:#fff;text-decoration:none;font-weight:850;letter-spacing:.12em;display:inline-flex;align-items:center;min-height:44px}.logo span{font-weight:500;letter-spacing:.04em;opacity:.7}.header nav{display:flex;gap:21px}.header nav a{color:#d6edf0;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;min-width:44px;justify-content:center}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center;padding-top:90px;padding-bottom:75px}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;font-weight:800}.hero h1{font-size:clamp(2.8rem,5vw,5.2rem);line-height:1.04;letter-spacing:-.045em;margin:14px 0 22px}.lead{color:var(--muted);font-size:1.2rem}.button,.tool button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 22px;background:var(--blue);border:1px solid var(--blue);border-radius:6px;color:#fff;text-decoration:none;font:700 1rem system-ui;cursor:pointer}.button{margin-top:20px}.button:hover,.tool button:hover{background:#064858}.hero-visual{height:300px;background:linear-gradient(145deg,#d7eff0,#eaf5ed);border-radius:20px;display:flex;align-items:flex-end;justify-content:center;gap:20px;padding:48px 40px 70px;position:relative;box-shadow:18px 18px #cbe1e3}.bar{width:24%;border-radius:8px 8px 0 0;background:#2d9da6}.bar-a{height:36%}.bar-b{height:66%;background:#086d80}.bar-c{height:90%;background:#163f50}.hero-visual span{position:absolute;bottom:22px;letter-spacing:.14em;font-size:.8rem;font-weight:800;color:#255969}.notice{padding-top:20px;padding-bottom:20px;background:#eef6f4;border-left:5px solid #0d828b}.notice p{margin:4px 0}.section{padding-top:80px;padding-bottom:80px}h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.15;letter-spacing:-.03em;margin:10px 0 32px}.tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:24px;display:flex;flex-direction:column}.tool-head span{font-size:.8rem;font-weight:800;color:var(--blue)}.tool h3{font-size:1.35rem;line-height:1.2;margin:10px 0}.tool-head p,.tool small{color:var(--muted)}.tool form{display:grid;gap:12px;margin-top:auto;padding-top:12px}.tool label{font-weight:700}.tool input{display:block;width:100%;min-height:48px;margin-top:4px;padding:10px;border:1px solid #a7bdc2;border-radius:5px;font:inherit;background:#fff}.tool output{display:block;min-height:90px;margin:18px 0 8px;padding:14px;background:var(--aqua);border-left:4px solid var(--blue);font-weight:600}.band{background:#102934;color:#fff;padding:80px 0}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.band .eyebrow{color:#70d7d1}.band .prose p{color:#d6e6e7}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.method-grid>div{border-top:3px solid var(--blue);padding:16px 0}.method-grid h3{font-size:1.25rem}.method-grid p,.method-note{color:var(--muted)}code{background:#e8f1f1;padding:2px 4px;overflow-wrap:anywhere}.method-note{max-width:850px;border-top:1px solid var(--line);padding-top:20px}.sources{border-top:1px solid var(--line)}.sources ul{padding:0;list-style:none}.sources li{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;border-bottom:1px solid var(--line);padding:20px 0}.sources a{font-weight:700}.sources span{color:var(--muted)}footer{background:#e9f0f0;padding:30px 0;font-size:.92rem}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-row p{margin:0}@media(max-width:850px){.tools{grid-template-columns:1fr}.hero,.split{grid-template-columns:1fr;gap:30px}.method-grid{grid-template-columns:1fr}.hero{padding-top:60px}.hero-visual{height:200px;box-shadow:10px 10px #cbe1e3}.header-row{flex-direction:column;align-items:flex-start;padding-top:15px;padding-bottom:15px}.header nav{gap:14px}.section,.band{padding-top:55px;padding-bottom:55px}.sources li{grid-template-columns:1fr;gap:3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.language-switch{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding:8px 20px;background:#daeff1;border-bottom:1px solid var(--line)}.language-switch a{display:inline-flex;align-items:center;min-height:44px;padding:4px 9px;text-decoration:none;border-radius:4px;font-size:.9rem}.language-switch a[aria-current=page]{background:var(--blue);color:#fff;font-weight:700}html[dir=rtl] .language-switch{direction:rtl}html[dir=rtl] .tool output{border-left:0;border-right:4px solid var(--blue)}html[dir=rtl] .skip{left:auto;right:8px;visibility:hidden}html[dir=rtl] .skip:focus{visibility:visible}