:root{
--navy:#0D1826;--gold:#D9A83E;--goldt:#916C1C;--teal:#1B93A6;--teal-l:#31B6C9;
--cream:#FAF7F2;--coral:#E5896B;--ink:#0D1826;--mut:#5C6A78;--line:#E4DED4;
--tealt:#177B8B;--citet:#756F65;
/* --green is only used for the annual-saving line on .tsave. 6.30:1 on white. */
--green:#2E6B4F;
--line-d:rgba(217,168,62,.22);
--serif:'Playfair Display',Georgia,'Times New Roman',serif;
--sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
--wrap:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);
line-height:1.65;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
h1,h2,h3,h4{font-family:var(--serif);font-weight:700;line-height:1.13;margin:0;
letter-spacing:-.005em}
p{margin:0}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.skip{position:absolute;left:-9999px;top:0;background:var(--gold);color:var(--navy);
padding:12px 20px;z-index:999;font-weight:600}
.skip:focus{left:0}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

/* ---------- alert ---------- */
.alert{background:var(--gold);color:var(--navy);text-align:center;padding:10px 20px;
font-size:12.5px;font-weight:600}
.alert a{text-decoration:underline;text-underline-offset:3px}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:100;background:rgba(13,24,38,.97);
backdrop-filter:blur(10px);border-bottom:1px solid var(--line-d)}
.nav .in{max-width:var(--wrap);margin:0 auto;padding:13px 28px;display:flex;
align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:11px;flex:none}
.brand .bt{font-family:var(--serif);color:var(--cream);font-size:17px;font-weight:700;
line-height:1.05}
.brand .bs{font-size:7.5px;letter-spacing:.26em;color:var(--gold);font-weight:600;
margin-top:3px}
.nlinks{display:flex;gap:22px;margin-left:6px}
.nlinks a{font-size:13.5px;color:#B9C3CE;padding:4px 0;border-bottom:2px solid transparent;
transition:.15s}
.nlinks a:hover,.nlinks a.cur{color:var(--cream);border-bottom-color:var(--gold)}
.nprop{display:flex;gap:15px;margin-left:auto;padding-left:18px;
border-left:1px solid rgba(255,255,255,.1)}
.nprop a{font-size:10.5px;letter-spacing:.15em;color:#7E8B99;font-weight:600;
display:flex;align-items:center;gap:6px;transition:.15s}
.nprop a:hover{color:var(--gold)}
.njoin{background:var(--gold);color:var(--navy)!important;font-size:12px;font-weight:700;
padding:9px 19px;border-radius:5px;letter-spacing:.09em;text-transform:uppercase;
flex:none;transition:.15s}
.njoin:hover{background:#E8BC58}
.mtog{display:none;background:none;border:0;color:var(--cream);font-size:22px;
cursor:pointer;margin-left:auto;padding:4px 8px}
.mmenu{display:none;background:var(--navy);border-top:1px solid var(--line-d);
padding:14px 28px 20px}
.mmenu a{display:block;padding:11px 0;color:#C2CCD6;font-size:15px;
border-bottom:1px solid rgba(255,255,255,.07)}
.mmenu.open{display:block}

/* ---------- hero / banner ---------- */
.hero,.pban{background:var(--navy);color:var(--cream);position:relative;overflow:hidden}
.hero{padding:104px 0 92px} .pban{padding:84px 0 74px}
.hero::after,.pban::after{content:"";position:absolute;inset:0;pointer-events:none;
background:radial-gradient(740px 400px at 78% 22%,rgba(27,147,166,.19),transparent 62%),
radial-gradient(600px 360px at 10% 90%,rgba(217,168,62,.12),transparent 60%)}
.hero .in,.pban .in{position:relative;z-index:2;max-width:var(--wrap);margin:0 auto;
padding:0 28px}
.kick{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);
font-weight:700;margin-bottom:22px}
/* .kick is gold-on-navy by design. On a light section plain gold lands at about
   2.1:1 and fails AA. Fourteen pages were each fixing that inline; this makes it
   structural so the next new light-section kick cannot reintroduce it. Existing
   inline overrides still win, so nothing already shipped changes. */
.sec-white .kick,.sec-cream .kick{color:var(--goldt)}
.hero h1{font-size:clamp(40px,6vw,74px);max-width:16ch;margin-bottom:24px}
.hero h1 em{font-style:normal;color:var(--gold)}
.pban h1{font-size:clamp(34px,5vw,58px);max-width:18ch;margin-bottom:18px}
.lead{font-size:clamp(16.5px,1.9vw,19.5px);color:#C2CCD6;max-width:60ch}
.hero .lead{margin-bottom:36px}
.crumb{font-size:11.5px;color:#7E8B99;margin-bottom:18px}
.crumb a{color:var(--gold)}
.hbtns{display:flex;gap:13px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:9px;padding:15px 29px;border-radius:6px;
font-size:13.5px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:.16s;
border:1.5px solid transparent;font-family:var(--sans)}
.btn-g{background:var(--gold);color:var(--navy)}
.btn-g:hover{background:#E8BC58;transform:translateY(-1px)}
.btn-o{border-color:rgba(250,247,242,.32);color:var(--cream)}
.btn-o:hover{border-color:var(--gold);color:var(--gold)}
.btn-n{background:var(--navy);color:var(--cream)}
.btn-n:hover{background:#16283C;transform:translateY(-1px)}
.btn-t{border-color:var(--navy);color:var(--navy)}
.btn-t:hover{background:var(--navy);color:var(--cream)}
.hstat{display:flex;gap:44px;margin-top:58px;padding-top:32px;
border-top:1px solid var(--line-d);flex-wrap:wrap}
.hstat b{display:block;font-family:var(--serif);font-size:31px;color:var(--gold);
font-weight:700;line-height:1}
.hstat span{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
color:#8D9AA8;margin-top:8px;display:block}

/* ---------- third-party TV embed ---------- */
/* The player is injected by tvappbuilder.com. We control the frame around it,
   never its internals, so everything here is defensive. */
.tvframe{max-width:var(--wrap);margin:0 auto;background:var(--navy);
border:1px solid var(--line-d);border-radius:18px;overflow:hidden;
box-shadow:0 24px 60px rgba(13,24,38,.20)}
.tvbar{display:flex;align-items:center;gap:11px;padding:13px 20px;
background:rgba(255,255,255,.04);border-bottom:1px solid var(--line-d);
font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:#93A0AD;font-weight:600}
.tvbar b{color:var(--cream);font-weight:600;letter-spacing:.19em}
.tvdot{width:8px;height:8px;border-radius:50%;background:var(--coral);flex:none;
animation:tvpulse 2.2s ease-in-out infinite}
@keyframes tvpulse{0%,100%{opacity:1}50%{opacity:.35}}
.tvbar .tvright{margin-left:auto;color:#7E8B99}
.tvembed{position:relative;min-height:560px;background:var(--navy);color:var(--cream)}
/* whatever it injects, keep it inside the frame */
.tvembed iframe{display:block;width:100%;min-height:560px;border:0}
.tvembed>*{max-width:100%}
.tvembed img,.tvembed video{max-width:100%;height:auto}
/* This site's global resets are opinionated (p{margin:0}, a{color:inherit;
   text-decoration:none}, serif headings). Restore browser defaults inside the
   embed so its own CSS behaves the way its authors built it. */
.tvembed p{margin:revert}
.tvembed a:not(.btn){color:revert;text-decoration:revert}   /* :not(.btn) — the reset must not eat our own fallback button */
.tvembed h1,.tvembed h2,.tvembed h3,.tvembed h4,.tvembed h5,.tvembed h6{
margin:revert;line-height:normal;letter-spacing:normal;font-family:var(--sans)}
.tvembed ul,.tvembed ol{margin:revert;padding:revert;list-style:revert}
.tvembed button,.tvembed input,.tvembed select,.tvembed textarea{font-family:var(--sans)}
/* loading + failure states, both removed by the embed's own arrival */
.tvstate{position:absolute;inset:0;display:grid;place-items:center;text-align:center;
padding:40px;background:var(--navy);z-index:2}
.tvstate p{margin:0}
.tvspin{width:44px;height:44px;margin:0 auto 20px;border-radius:50%;
border:3px solid rgba(217,168,62,.22);border-top-color:var(--gold);
animation:tvspin 900ms linear infinite}
@keyframes tvspin{to{transform:rotate(360deg)}}
.tvstate h3{font-size:21px;color:var(--cream);margin-bottom:8px}
.tvstate .sub{color:#93A0AD;font-size:14px;max-width:44ch;margin:0 auto}
.tvstate .btn{margin-top:22px}
@media(prefers-reduced-motion:reduce){
.tvdot,.tvspin{animation:none}}
@media(max-width:640px){
.tvembed,.tvembed iframe{min-height:420px}
.tvbar{font-size:10px;letter-spacing:.14em;padding:11px 15px}}

/* ---------- sections ---------- */
.sec{padding:88px 0}
.sec-cream{background:var(--cream)} .sec-white{background:#fff}
.sec-navy{background:var(--navy);color:var(--cream)}
.shead{margin-bottom:48px}
.shead .kick{margin-bottom:14px}
.sec-cream .shead .kick,.sec-white .shead .kick{color:var(--goldt)}
.shead h2{font-size:clamp(29px,3.8vw,44px);max-width:21ch;margin-bottom:16px}
.shead p{color:var(--mut);font-size:16.5px;max-width:66ch}
.sec-navy .shead p{color:#B0BBC6}
.center{text-align:center}
.center .shead,.center .shead h2,.center .shead p{margin-left:auto;margin-right:auto}

/* ---------- cards / doors ---------- */
.doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
.door{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;
display:flex;flex-direction:column;transition:.2s}
a.door:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(13,24,38,.13);
border-color:var(--gold)}
.dtop{background:var(--navy);padding:32px 30px 28px;color:var(--cream);position:relative;
overflow:hidden}
.dtop::after{content:"";position:absolute;inset:0;
background:radial-gradient(300px 180px at 82% 12%,rgba(27,147,166,.27),transparent 65%)}
.dnum{font-size:10px;letter-spacing:.27em;color:var(--gold);font-weight:700;
margin-bottom:13px;position:relative;z-index:2}
.dtop h3{font-size:27px;position:relative;z-index:2}
.dbody{padding:26px 30px 28px;flex:1;display:flex;flex-direction:column}
.dbody>p{color:var(--mut);font-size:15px;margin-bottom:18px}
.dlist{list-style:none;padding:0;margin:0 0 24px}
.dlist li{font-size:14.2px;padding:9px 0 9px 26px;position:relative;color:#3C4B5A;
border-bottom:1px solid #F2EEE7}
.dlist li:last-child{border-bottom:0}
.dlist li::before{content:"";position:absolute;left:2px;top:16px;width:9px;height:9px;
border-radius:50%;border:2.5px solid var(--teal)}
.dgo{margin-top:auto;font-size:12.5px;font-weight:700;letter-spacing:.11em;
text-transform:uppercase;color:var(--navy);display:flex;align-items:center;gap:9px}
a.door:hover .dgo{color:var(--goldt)}

/* ---------- split + panel ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.split.rev>*:first-child{order:2}
.split h2{font-size:clamp(26px,3.3vw,39px);margin-bottom:17px}
.split p{color:var(--mut);font-size:16px;margin-bottom:15px}
.sec-navy .split p{color:#B0BBC6}
.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px 32px}
.sec-navy .panel{background:rgba(255,255,255,.04);border-color:var(--line-d)}
.prow{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}
.sec-navy .prow{border-color:rgba(255,255,255,.09)}
.prow:last-child{border-bottom:0;padding-bottom:0} .prow:first-child{padding-top:0}
.pico{width:34px;height:34px;border-radius:9px;background:rgba(27,147,166,.11);
display:grid;place-items:center;flex:none;color:var(--tealt);font-weight:700;font-size:14px;
font-family:var(--serif)}
.sec-navy .pico{background:rgba(49,182,201,.15);color:var(--teal-l)}
.prow h3,.prow h4{font-size:16px;margin-bottom:4px;font-family:var(--serif)}
.prow p{font-size:13.8px;margin:0;color:var(--mut)}
.sec-navy .prow p{color:#A9B5C1}

/* ---------- properties ---------- */
.props{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}
.prop{background:rgba(255,255,255,.035);border:1px solid var(--line-d);border-radius:15px;
padding:32px 28px;transition:.2s}
.prop:hover{background:rgba(255,255,255,.07);border-color:rgba(217,168,62,.5)}
.prop h3{font-size:21px;margin:16px 0 4px;color:var(--cream)}
.prop .pk{font-size:9.5px;letter-spacing:.23em;text-transform:uppercase;color:var(--gold);
font-weight:700}
.prop p{color:#A9B5C1;font-size:14.2px;margin-top:11px}
.plink{margin-top:18px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
color:var(--gold);font-weight:700;display:flex;align-items:center;gap:7px}

/* ---------- impact ---------- */
.impact{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.icard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 26px;
border-top:3px solid var(--gold)}
.icard b{font-family:var(--serif);font-size:38px;color:var(--navy);display:block;
line-height:1;font-weight:700}
.icard .il{font-size:10.5px;letter-spacing:.17em;text-transform:uppercase;
color:var(--goldt);font-weight:700;margin:12px 0 8px}
.icard p{font-size:14px;color:var(--mut)}
.icard cite{display:block;margin-top:11px;padding-top:10px;border-top:1px solid var(--line);
font-size:11px;font-style:normal;color:var(--citet)}

/* ---------- quote ---------- */
.quote{background:var(--navy);color:var(--cream);padding:84px 0}
.quote .in{max-width:900px;margin:0 auto;padding:0 28px;text-align:center}
blockquote{font-family:var(--serif);font-size:clamp(22px,3.1vw,33px);line-height:1.38;
margin:0 0 28px;font-weight:500;font-style:italic}
.qa{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);
font-weight:700}
.qr{font-size:12.5px;color:#8D9AA8;margin-top:7px}

/* ---------- tiers ---------- */
/* 240px min could never fit five cards inside the 1200px wrap, so the Kingdom
   Plan ladder always broke 4 + 1 on desktop. 212px + 16px gap fits all five. */
.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:16px}
.tier{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 26px;
display:flex;flex-direction:column;position:relative}
.tier.feat{border:2px solid var(--gold);box-shadow:0 12px 32px rgba(217,168,62,.15)}
/* White panels inside .sec-navy must not inherit the section's cream text.
   Same bug twice now: .tier headings, then the .formwrap heading on /404.html.
   Any future white-on-navy component needs adding here. */
.sec-navy .tier,.sec-navy .formwrap{color:var(--ink)}
.tier h3{color:var(--navy)}
.formwrap h1,.formwrap h2,.formwrap h3{color:var(--navy)}
.sec-navy .formwrap .fnote{color:var(--mut)}
.tflag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--gold);
color:var(--navy);font-size:9.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
padding:4px 14px;border-radius:20px;white-space:nowrap}
.tier h3{font-size:19px;margin-bottom:6px}
/* 36px held two lines. The Kingdom Plan Starter subtitle runs to three at
   desktop width, which dropped that one card's price 21px below the other
   four. 62px is the measured three-line height. The artist ladder in
   p_core.py overrides this to 0 inline, so it is unaffected. */
.tsub{font-size:12.5px;color:var(--mut);margin-bottom:18px;min-height:62px}
.tprice{font-family:var(--serif);font-size:33px;font-weight:700;color:var(--navy);
line-height:1;margin-bottom:4px}
.tprice small{font-size:13px;color:var(--mut);font-family:var(--sans);font-weight:400}
.tbd{display:inline-block;background:#FDF2E2;color:#8A5714;font-size:9px;font-weight:700;
letter-spacing:.13em;text-transform:uppercase;padding:3px 9px;border-radius:4px;
margin-bottom:16px;border:1px dashed #E0B978}
.tlist{list-style:none;padding:0;margin:0 0 24px;flex:1}
.tlist li{font-size:13.5px;color:#3C4B5A;padding:7px 0 7px 22px;position:relative}
.tlist li::before{content:"";position:absolute;left:0;top:14px;width:11px;height:2px;
background:var(--gold);border-radius:2px}

/* ---------- monthly / annual toggle ----------
   .tsave keeps its height when empty so the five cards stay aligned when the
   annual saving line disappears in monthly mode. */
.btogwrap{display:flex;flex-direction:column;align-items:center;margin-bottom:34px}
.btog{display:inline-flex;background:#F0EBE1;border:1px solid #DCD3C4;border-radius:999px;
padding:5px;gap:5px;box-shadow:inset 0 1px 3px rgba(13,24,38,.07)}
.btog button{appearance:none;border:1px solid transparent;background:none;font-family:var(--sans);
font-size:14px;font-weight:600;color:#4A5866;padding:12px 26px;border-radius:999px;cursor:pointer;
white-space:nowrap;display:inline-flex;align-items:center;gap:9px;
transition:background .16s,color .16s,box-shadow .16s}
.btog button:hover{background:rgba(255,255,255,.7);color:var(--navy)}
.btog button[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy);
box-shadow:0 3px 10px rgba(13,24,38,.22)}
.btog button[aria-pressed="true"]:hover{background:var(--navy);color:#fff}
.btog button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.btag{background:var(--gold);color:var(--navy);font-size:10px;font-weight:700;letter-spacing:.08em;
text-transform:uppercase;padding:3px 9px;border-radius:999px;line-height:1.4}
@media(max-width:520px){.btog{flex-direction:column;width:100%;border-radius:14px}
.btog button{width:100%;justify-content:center;border-radius:10px}}
.btognote{font-size:12.5px;color:var(--mut);margin-top:11px}
/* line-height must equal min-height or the cards grow 3px when the saving
   line fills in annual mode, and the whole row jumps on toggle. */
.tsave{font-size:12px;line-height:17px;color:var(--green);font-weight:600;
min-height:17px;margin-bottom:13px}
.tsecure{font-size:12px;color:var(--mut);text-align:center;margin-top:18px}
/* Kingdom Credit badge. Navy on pale gold, not gold on pale gold — the accessible
   gold clears AA by only 0.04 on this background, which is too thin a margin to
   ship on the page that takes money. */
.tcred{background:#FDF8EC;border:1px solid #EBD9AE;border-radius:6px;padding:7px 10px;
margin-bottom:14px;font-size:12.5px;font-weight:600;color:var(--navy);text-align:center}
.tcred small{display:block;font-weight:400;font-size:11px;color:var(--mut);margin-top:2px}

/* ---------- FAQ ---------- */
.faq{max-width:820px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;
margin-bottom:12px;overflow:hidden}
.faq summary{padding:20px 24px;font-family:var(--serif);font-size:18px;font-weight:700;
cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;
align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--goldt);font-size:22px;flex:none;
font-family:var(--sans);font-weight:400}
.faq details[open] summary::after{content:"\2212"}
.faq .fa{padding:0 24px 22px;font-size:14.8px;color:#3C4B5A}
.faq .fa p{margin-bottom:11px} .faq .fa p:last-child{margin-bottom:0}

/* ---------- form ---------- */
.formwrap{background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px 34px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fld{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}
.fld.full{grid-column:1/-1}
.fld label{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;
color:var(--goldt)}
.fld input,.fld select,.fld textarea{padding:12px 14px;border:1px solid var(--line);
border-radius:7px;font-family:var(--sans);font-size:15px;color:var(--ink);background:#FCFAF6}
.fld textarea{min-height:120px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:2px solid var(--gold);
border-color:var(--gold)}
.fnote{font-size:12.5px;color:var(--mut);margin-top:4px}

/* ---------- misc ---------- */
.cta{background:var(--gold);color:var(--navy);padding:74px 0}
.cta .in{max-width:var(--wrap);margin:0 auto;padding:0 28px;display:flex;gap:42px;
align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta h2{font-size:clamp(27px,3.5vw,40px);max-width:18ch;margin-bottom:11px}
.cta p{font-size:16px;max-width:48ch;color:#3E3212}
.note{background:#FDF8EC;border:1px dashed #E0B978;border-radius:10px;padding:16px 20px;
font-size:13px;color:#6B4E13;margin-top:24px}
.note b{color:#5E4512}
.prose{max-width:760px}
.prose h2{font-size:28px;margin:38px 0 14px}
.prose h3{font-size:21px;margin:28px 0 10px}
.prose p{font-size:16px;color:#3C4B5A;margin-bottom:15px}
.prose ul{margin:0 0 18px;padding-left:20px}
.prose li{font-size:15.5px;color:#3C4B5A;margin-bottom:9px}

/* ---------- footer ---------- */
.foot{background:#08111C;color:#8D9AA8;padding:62px 0 32px;font-size:13.5px}
.fgridf{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:42px;margin-bottom:42px}
.foot h2{font-family:var(--sans);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
color:var(--gold);font-weight:700;margin:0 0 16px}
.foot ul{list-style:none;padding:0;margin:0}
.foot li{margin-bottom:10px}
.foot a:hover{color:var(--cream)}
.foot .fb{display:flex;align-items:center;gap:11px;margin-bottom:15px}
.foot .fb .bt{font-family:var(--serif);color:var(--cream);font-size:17px;font-weight:700}
.fbot{border-top:1px solid rgba(255,255,255,.09);padding-top:24px;display:flex;
justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:12.5px}

@media(max-width:920px){
.split,.fgrid{grid-template-columns:1fr;gap:32px}
.split.rev>*:first-child{order:0}
.fgridf{grid-template-columns:1fr 1fr}
.nlinks,.nprop{display:none} .mtog{display:block}
}
@media(max-width:600px){
.sec{padding:58px 0} .hero{padding:66px 0 56px} .pban{padding:54px 0 46px}
.hstat{gap:26px} .fgridf{grid-template-columns:1fr}
.wrap,.nav .in,.hero .in,.pban .in,.cta .in{padding-left:20px;padding-right:20px}
}