:root{--ink:#0b1c4d;--text:#303030;--muted:#545454;--accent:#FFC17F;--nav:#000;--active:#b5386d;--foot-bg:#FFC17F;--foot-ink:#ffffff;--bg:#ffffff}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;overflow-wrap:break-word}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5,h6{font-family:Spinnaker,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.25;margin:0 0 .5em}
.wrap{max-width:1000px;margin:0 auto;padding:0 16px}
.top{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);position:sticky;top:0;z-index:5}
.top .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;min-height:72px;padding-top:8px;padding-bottom:8px}
.brand{font-family:Spinnaker,sans-serif;font-weight:700;font-size:19px;text-decoration:none;color:#000}
.nav{display:flex;flex-wrap:wrap;gap:4px 28px;margin:0;padding:0;list-style:none;font-size:15px}
.nav a{text-decoration:none;color:var(--nav)}
.nav a:hover,.nav a[aria-current]{color:var(--active)}
.hero{text-align:center;padding:16px 16px 48px;}
.hero .icon{width:148px;margin:0 auto 12px;}
.hero h4{font-size:clamp(28px,6vw,38px);letter-spacing:.04em;font-weight:400;color:#000;margin:0 0 .6em}
.hero h6{font-size:18px;font-weight:400;letter-spacing:.06em;color:#000;margin:0 0 18px}
.badge{display:inline-block}
.badge img{width:142px;margin:0 auto}
.shot{margin:32px auto 0;width:min(328px,100%)}
.feature{padding:72px 0}
.feature .wrap{display:grid;grid-template-columns:180px 1fr 1fr;gap:24px 40px;align-items:center}
.feature h2{font-size:28px}
.feature h5{font-size:28px;font-weight:400}
.feature p{font-size:15px;color:var(--ink);margin:0}
.mark{width:150px;height:auto}
.foot{background:var(--foot-bg);color:var(--foot-ink);padding:56px 0 32px}
.foot h5{color:var(--foot-ink);font-size:22px;margin:0 0 14px}
.foot .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.foot .links h5 a{text-decoration:underline}
.foot p{margin:0;font-size:14px}
.foot .badge img{width:108px;margin:28px 0 0}
.foot .copy{margin-top:20px;font-size:14px}
.legal{max-width:960px;margin:0 auto;padding:32px 16px 64px;color:var(--ink);font-size:15px}
.legal h1{font-size:25px;color:#303030}
.legal h2{font-size:28px;margin-top:.6em}
.legal h3{font-size:20px;margin-top:1.2em}
.legal p,.legal li{margin:0 0 .35em}
.legal ul,.legal ol{margin:0 0 .6em;padding-left:1.4em}
.legal li p{margin:0}
.legal a{overflow-wrap:anywhere}
.center{text-align:center}
@media (max-width:720px){
 .feature{padding:48px 0}
 .feature .wrap{grid-template-columns:1fr;text-align:left}
 .mark{width:110px}
 .foot .cols{grid-template-columns:1fr}
 .nav{gap:4px 18px}
}
