:root{--ink:#173d45;--accent:#ad5033;--paper:#f9f6ef;--line:#deded2;--muted:#54686a;--white:#fff;--tint:#e9eee7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.wrap{max-width:1220px;padding:0 32px;margin:auto}.skip{position:absolute;left:20px;top:-80px;padding:10px;background:white;z-index:20}.skip:focus{top:0}.topline{background:var(--ink);color:#fff;font-size:12px;letter-spacing:.12em;padding:9px 0;text-transform:uppercase}.bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:23px;padding-bottom:23px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:750;font-size:21px;line-height:1.25}.brand img{background:#fff;border-radius:12px}.brand small{display:block;font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:500;margin-top:6px}.header{border-bottom:1px solid var(--line)}nav{display:flex;gap:23px;flex-wrap:wrap;font-size:14px;font-weight:600}nav a{text-decoration:none}nav a:hover,.card:hover h3{color:var(--accent)}h1,h2,h3{line-height:1.14;letter-spacing:-.035em}h1{font-size:clamp(40px,5.2vw,70px);font-weight:650;margin:22px 0}h2{font-size:clamp(27px,3vw,38px);font-weight:650;margin:0 0 25px}h3{font-size:24px;font-weight:650}.eyebrow{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--accent)}.hero{padding:65px 0 55px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.lead{max-width:640px;font-size:20px;line-height:1.55;color:var(--muted);margin:24px 0 30px}.btn{display:inline-block;padding:13px 22px;background:var(--ink);border:1px solid var(--ink);color:#fff;text-decoration:none;border-radius:5px;font-weight:650;font-size:15px;cursor:pointer}.btn.light{background:transparent;color:var(--ink)}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-panel{padding:38px;background:var(--tint);border-radius:80px 5px 5px 5px;position:relative}.hero-panel .big{font-size:94px;font-weight:500;line-height:1.05;letter-spacing:-.08em;color:var(--accent)}.hero-panel h2{font-size:29px;margin:20px 0 12px}.hero-panel p{font-size:15px;color:var(--muted)}.steps{display:flex;gap:8px;margin-top:22px}.steps span{height:6px;background:var(--ink);flex:1;border-radius:8px}.steps span:nth-child(2){background:#6b8b87}.steps span:nth-child(3){background:var(--accent)}.section{padding:52px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{display:flex;flex-direction:column;padding:28px;background:#fff;border:1px solid var(--line);border-radius:5px;text-decoration:none;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-3px);border-color:var(--accent)}.card .num{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.card h3{margin:22px 0 14px}.card p{font-size:15px;color:var(--muted);margin:0 0 20px}.arrow{margin-top:auto;font-size:14px;font-weight:650}.banner{padding:35px 40px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;background:var(--ink);color:white;border-radius:5px}.banner h2{color:white}.banner p{color:#d5e0de}.banner .eyebrow{color:#efba9a}.banner a{color:white}.crumbs{font-size:13px;color:var(--muted);margin-top:27px}.article-grid{display:grid;grid-template-columns:minmax(0,780px) 280px;gap:60px;padding:25px 0 70px}.article h1{font-size:clamp(36px,4.2vw,54px)}.article .intro{font-size:21px;line-height:1.55;color:var(--muted);margin-bottom:36px}.article h2{font-size:29px;margin:40px 0 16px}.article p{margin:0 0 18px}.article ul,.article ol{padding-left:25px}.article li{padding:4px 0}.quick{padding:25px;background:var(--tint);border-radius:5px;position:sticky;top:22px;margin-top:24px}.quick h2{font-size:21px;margin-bottom:18px}.quick a{display:block;text-decoration:none;border-top:1px solid #c7d4cc;padding:12px 0;font-size:14px}.note{padding:20px;border-left:4px solid var(--accent);background:#f0e8da;font-size:15px}.table-wrap{overflow:auto;margin:25px 0;border:1px solid var(--line);background:#fff}table{width:100%;border-collapse:collapse;text-align:left;font-size:15px;white-space:nowrap}th,td{padding:11px 15px;border-bottom:1px solid var(--line)}th{background:var(--tint)}.search{display:flex;gap:10px;max-width:800px}.search input{flex:1;min-width:0}.search input,.tool input,.tool select{padding:12px;border:1px solid #8a9d9a;background:#fff;border-radius:4px}.results{max-width:850px;display:grid;gap:20px;padding-top:20px}.results article{padding:22px;background:#fff;border:1px solid var(--line)}.results h2{font-size:24px;margin:0 0 12px}.tool{background:var(--tint);padding:25px;border-radius:5px;display:grid;gap:16px}.tool label{display:grid;gap:7px;font-weight:600;font-size:15px}.tool output{display:block;padding:18px;background:white;border-left:4px solid var(--accent)}details{border-top:1px solid var(--line);padding:18px 0;max-width:850px}summary{cursor:pointer;font-weight:650}details p{max-width:760px;color:var(--muted)}.footer{padding:35px 0;background:#e9e9df;font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-row strong{font-size:18px}.footer-row div{display:flex;gap:22px}.footer p{max-width:900px;color:var(--muted)}@media(max-width:950px){.hero-grid{gap:30px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid{grid-template-columns:minmax(0,1fr);gap:0}.quick{position:static}.bar{flex-wrap:wrap}nav{width:100%;justify-content:space-between}}@media(max-width:600px){body{font-size:16px}.wrap{padding:0 20px}.hero{padding:35px 0}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-panel{padding:28px;border-radius:40px 5px 5px 5px}.hero-panel .big{font-size:65px}.hero-panel h2{font-size:25px}.grid{grid-template-columns:1fr}.section{padding:35px 0}.section-head{display:block}.banner{grid-template-columns:1fr;padding:27px;gap:12px}.lead{font-size:18px}.bar{gap:20px;padding-top:18px;padding-bottom:18px}nav{gap:14px;font-size:13px;justify-content:flex-start}.card{padding:23px}.article .intro{font-size:18px}.search{flex-direction:column}.article-grid{padding-bottom:40px}.footer-row div{flex-wrap:wrap;gap:12px}.tool{padding:18px}.actions .btn{font-size:14px}h1{font-size:42px}.topline{font-size:10px}}
