:root{--o:#D5522A;--ol:#F0764A;--ink:#141A24;--slate:#566070;--paper:#F3F4F6;--line:#DDE0E5;--w:#fff;
--serif:"Iowan Old Style","Palatino Linotype",Georgia,"Songti SC",serif;--sans:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box;margin:0}
body{font:17px/1.65 var(--sans);color:var(--ink);background:var(--w)}
a{color:inherit}
:focus-visible{outline:3px solid var(--o);outline-offset:3px}
.wrap{width:min(1080px,100% - 40px);margin-inline:auto}
header.top{border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--w);z-index:9}
header.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;flex-wrap:wrap}
.brand{display:flex;align-items:center;text-decoration:none}
.brand img{height:42px;width:auto;display:block}
nav{display:flex;gap:24px;font-size:15px}
nav a{text-decoration:none;color:var(--slate);padding:6px 0;border-bottom:2px solid transparent}
nav a:hover{color:var(--ink);border-color:var(--o)}
h1,h2,h3{font-family:var(--serif);line-height:1.2}
.hero{padding:104px 0 88px;background:var(--ink);color:#fff;position:relative;overflow:hidden;border-bottom:6px solid var(--o)}
.hero h1{font-size:clamp(34px,5.4vw,60px);max-width:14em;letter-spacing:-.01em}
.hero p.lead{max-width:36em;margin:24px 0 36px;color:#B9C0CC;font-size:19px}
.hero img.big{position:absolute;right:-70px;top:50%;transform:translateY(-50%);height:135%;width:auto;opacity:.11;pointer-events:none}
.btn{display:inline-block;padding:15px 28px;background:var(--o);color:#fff;text-decoration:none;font-weight:600;border:0;border-radius:2px;font-size:16px;cursor:pointer}
.btn:hover{background:#B2411F}
.btn.alt{background:none;color:#fff;border:1px solid #fff;margin-left:12px}
.btn.alt:hover{background:#fff;color:var(--ink)}
section{padding:72px 0}
section h2{font-size:clamp(26px,3.4vw,36px);margin-bottom:12px}
section>.wrap>p.sub{color:var(--slate);max-width:40em;margin-bottom:36px}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:36px}
.cols>div{border-left:3px solid var(--o);padding-left:20px}
.cols h3{font-size:21px;margin-bottom:8px}
.cols p,.cols li{color:var(--slate);font-size:16px}
.cols a{color:var(--o);font-weight:600}
.cols h3 a{color:var(--ink);text-decoration:none}.cols h3 a:hover{color:var(--o)}
.alt-bg{background:var(--paper)}
section.dark{background:var(--ink);color:#fff}
.dark>.wrap>p.sub,.dark .cols p{color:#B9C0CC}
.dark .cols h3 a{color:#fff}.dark .cols h3 a:hover{color:var(--ol)}
ol.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:32px;counter-reset:s}
ol.steps li{counter-increment:s;border-top:1px solid var(--line);padding-top:18px}
ol.steps li:before{content:counter(s);display:block;font:700 44px/1 var(--serif);color:var(--o);margin-bottom:10px}
ol.steps strong{display:block;font-size:18px;margin-bottom:4px;font-family:var(--serif)}
ol.steps span{color:var(--slate);font-size:16px}
ul.plain{padding-left:20px}
.faq details{border-top:1px solid var(--line);padding:16px 0}
.faq summary{font-weight:600;cursor:pointer}
.faq p{margin-top:8px;color:var(--slate)}
form{display:grid;gap:14px;max-width:560px}
label{display:grid;gap:4px;font-size:15px;font-weight:600}
input,select,textarea{font:inherit;padding:12px;border:1px solid #C5CAD2;border-radius:2px;background:#fff}
textarea{min-height:120px}
footer{background:var(--ink);color:#B9C0CC;padding:44px 0;font-size:14px;border-top:6px solid var(--o)}
footer a{color:#fff}
article.page{padding:64px 0}
article.page h1{font-size:clamp(30px,4.4vw,46px);margin-bottom:18px;padding-bottom:18px;border-bottom:3px solid var(--o);max-width:20em}
article.page h2{margin:38px 0 10px}
article.page p,article.page li{max-width:42em}
article.page p{margin-bottom:14px}
@media(max-width:760px){
body{font-size:16px}
header.top{position:static}
header.top .wrap{padding:12px 0 8px}
.brand img{height:36px}
nav{width:100%;overflow-x:auto;white-space:nowrap;gap:18px;padding-bottom:6px;-webkit-overflow-scrolling:touch}
.hero{padding:64px 0 56px}
.hero img.big{right:-90px;height:100%}
section{padding:48px 0}
.btn{display:block;text-align:center}
.btn.alt{margin:12px 0 0}
input,select,textarea{font-size:16px}
footer p{overflow-wrap:anywhere}}
footer p+p{margin-top:6px}footer strong{color:#fff}footer p.disc{margin-top:18px;font-size:13px}