/* Steam Genie: inner pages */
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--gold);color:var(--navy);padding:10px 16px;border-radius:12px;font:600 16px var(--ui)}
.skip:focus{left:8px}
.nav a[aria-current="page"]:not(.btn){background:var(--ice);box-shadow:inset 0 -3px 0 var(--blue)}

/* page hero */
.phero{position:relative;background:linear-gradient(160deg,#06265e,#0a4aa8 70%,#1479f0);color:#fff;padding:44px 0 70px;overflow:hidden}
.phero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:38px;background:var(--bg,#f4fbff);border-radius:38px 38px 0 0}
.pgrid2{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font:500 15px var(--ui);color:#bfe3ff;margin-bottom:14px}
.crumbs a{color:#fff;text-decoration:none;opacity:.9}.crumbs a:hover{text-decoration:underline}
.crumbs span[aria-current]{color:#7fd4ff;font-weight:600}
.phero h1{font-size:clamp(40px,6vw,74px);color:#fff;text-shadow:0 5px 0 #031a46;line-height:1}
.ph-sub{font:500 clamp(18px,2.2vw,24px)/1.35 var(--ui);margin-top:14px;color:#e2f2ff;max-width:560px}
.phero .cta{margin-top:24px}
.ph-img{position:relative}
.ph-img img{width:100%;border:4px solid #fff;border-radius:28px;box-shadow:0 10px 0 #031a46;transform:rotate(1.8deg);transition:transform .4s;object-fit:cover;aspect-ratio:3/2}
.ph-img:hover img{transform:rotate(0)}
.ph-gen{width:min(250px,70%);margin:0 auto;filter:drop-shadow(0 8px 0 rgba(0,0,0,.2));animation:bobb 4s ease-in-out infinite}

/* shared blocks */
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.split .frame{border:4px solid var(--navy);border-radius:28px;overflow:hidden;box-shadow:0 8px 0 var(--navy),var(--soft);transition:transform .4s}
.split .frame.tilt{transform:rotate(-1.4deg)}
.split .frame:hover{transform:rotate(0) scale(1.02)}
.split .frame img{width:100%;height:auto}
.checks{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.checks li{display:flex;gap:10px;align-items:flex-start;font:500 18px/1.3 var(--ui);color:var(--navy)}
.checks svg{flex:none;width:26px;height:26px;margin-top:-1px;stroke:#17b46a;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.checks.two{grid-template-columns:1fr 1fr;gap:10px 18px}
.best{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:22px}
.best b{font:600 16px var(--ui);color:var(--navy);margin-right:4px}
.chip2{background:var(--ice);border:2px solid #cfe6f7;border-radius:999px;padding:5px 14px;font:600 15px var(--ui);color:var(--navy)}
.astats.big{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.astats.big div{padding-top:34px;margin-top:24px}
.astats.big b{font-size:26px}
.wgrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.onecard{max-width:560px;margin:36px auto 0}
.onecard .pcard{width:100%}

/* why us rows */
.reason{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:36px 0}
.reason.flip>div:first-child{order:2}
.reason .frame{border:4px solid var(--navy);border-radius:28px;overflow:hidden;box-shadow:0 8px 0 var(--navy);transform:rotate(-1.2deg)}
.reason.flip .frame{transform:rotate(1.2deg)}
.reason .frame img{width:100%;height:auto}
.bigicon{--tint:#1479f0;--tint2:#45b0ff;position:relative;aspect-ratio:3/2;border-radius:28px;border:4px solid var(--navy);box-shadow:0 8px 0 var(--navy);background:linear-gradient(135deg,var(--tint2),var(--tint));display:grid;place-items:center;overflow:hidden}
.bigicon::before{content:"";position:absolute;width:140%;height:140%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.35),transparent 45%)}
.bigicon .wi{width:120px;height:120px;background:#fff;margin:0;position:relative}
.bigicon .wi svg{width:60px;height:60px;stroke:var(--tint)}
.bigicon .wi::after{border-color:#fff}
.bigicon b{position:absolute;right:20px;bottom:6px;font:800 90px/1 var(--head);color:#fff;opacity:.28}
.bigicon.c-green{--tint:#17b46a;--tint2:#5be39b}.bigicon.c-pink{--tint:#f0568c;--tint2:#ff93b6}.bigicon.c-gold{--tint:#f2a900;--tint2:#ffd75e}.bigicon.c-teal{--tint:#0fb5c4;--tint2:#5fe0ea}.bigicon.c-purple{--tint:#7a5af5;--tint2:#a995ff}
.incl{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.incl li{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.1);border:3px solid rgba(255,255,255,.3);border-radius:18px;padding:14px 16px;font:600 18px/1.25 var(--ui);color:#fff;transition:transform .2s,border-color .2s}
.incl li:hover{transform:translateY(-4px);border-color:var(--gold)}
.incl svg{flex:none;width:40px;height:40px;padding:8px;border-radius:50%;background:rgba(255,255,255,.14);stroke:#ffd75e;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* heavy duty box */
.hvbox{display:flex;gap:16px;align-items:center;max-width:720px;margin:26px auto 0;background:#fff8e1;border:3px solid var(--navy);border-radius:22px;box-shadow:0 5px 0 var(--navy);padding:16px 20px}
.hvi{flex:none;width:56px;height:56px;border-radius:50%;background:linear-gradient(#ffd75e,#ffb800);border:3px solid var(--navy);display:grid;place-items:center}
.hvi svg{width:30px;height:30px;stroke:var(--navy);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hvbox b{font:700 20px var(--ui);color:var(--navy)}
.hvbox p{margin:3px 0 0;color:var(--muted)}

/* related */
.rels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:30px;max-width:860px;margin-inline:auto}
.rel{--t:#1479f0;position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:190px;padding:16px;border:3px solid var(--t);border-radius:24px;box-shadow:0 6px 0 var(--t);overflow:hidden;color:#fff;text-decoration:none;transition:transform .25s}
.rel.c-gold{--t:#f2a900}.rel.c-green{--t:#17b46a}
.rel:hover{transform:translateY(-6px)}
.rel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.rel:hover img{transform:scale(1.07)}
.rel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,44,107,0) 30%,rgba(6,30,80,.85))}
.rel>*{position:relative;z-index:1}
.ri2{position:absolute!important;left:14px;top:14px;width:48px;height:48px;border-radius:50%;background:#fff;border:3px solid var(--navy);display:grid;place-items:center}
.ri2 svg{width:26px;height:26px;stroke:var(--t);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.rel b{font:800 28px/1.05 var(--head);text-shadow:0 3px 0 rgba(3,26,70,.6)}
.rel small{font:600 15px var(--ui);color:#ffe9a0}

/* cta band */
.ctaband{position:relative;background:linear-gradient(135deg,#0a3a8c,#1479f0);color:#fff;overflow:hidden;padding:56px 0 50px}
.cb-in{position:relative;display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center}
.cb-in img{width:150px;animation:bobb 4s ease-in-out infinite;filter:drop-shadow(0 8px 0 rgba(0,0,0,.18))}
.ctaband h2{font-size:clamp(32px,4.4vw,50px);color:#fff;text-shadow:0 4px 0 #031a46}
.ctaband p{font:500 20px/1.35 var(--ui);color:#dcefff;margin-top:8px}
.ctaband .cta{margin-top:20px}

/* timeline */
.timeline{display:grid;gap:20px;max-width:820px;margin:36px auto 0;position:relative}
.timeline::before{content:"";position:absolute;left:29px;top:30px;bottom:30px;border-left:5px dotted #9ad3f8}
.tl{position:relative;display:flex;gap:20px;align-items:flex-start;background:#fff;border:3px solid var(--navy);border-radius:var(--r);box-shadow:var(--pop);padding:20px 22px 22px 18px;transition:transform .25s}
.tl:hover{transform:translateX(6px)}
.tln{flex:none;width:52px;height:52px;border-radius:50%;background:linear-gradient(#ffd75e,#ffb800);border:3px solid var(--navy);box-shadow:0 4px 0 var(--navy);display:grid;place-items:center;font:800 26px var(--head);color:var(--navy);position:relative;z-index:1}
.tl h3{font-size:28px;color:var(--blue2);margin-bottom:6px}
.tl p{color:var(--muted);margin:0 0 12px}
.tl .btn{font-size:16px;padding:11px 20px}

/* pricing page */
.pw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}
.pwc{background:#fff;border:3px solid var(--navy);border-radius:var(--r);box-shadow:var(--pop);padding:24px;text-align:center;transition:transform .25s}
.pwc:hover{transform:translateY(-6px)}
.pwi{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(#45b0ff,#1479f0);border:3px solid var(--navy);box-shadow:0 4px 0 var(--navy)}
.pwc:nth-child(2) .pwi{background:linear-gradient(#ffd75e,#ffb800)}.pwc:nth-child(2) .pwi svg{stroke:var(--navy)}
.pwc:nth-child(3) .pwi{background:linear-gradient(#5be39b,#17b46a)}
.pwi svg{width:32px;height:32px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pwc h3{font-size:26px;color:var(--navy);margin-bottom:6px}.pwc p{color:var(--muted);margin:0}
.examples{max-width:820px;margin:30px auto 0;background:var(--ice);border:3px dashed var(--blue);border-radius:24px;padding:22px 24px}
.examples h3{font-size:28px;color:var(--navy);margin-bottom:10px}
.examples ul{list-style:none;margin:0;padding:0}
.examples li{display:grid;grid-template-columns:1.3fr 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:2px dashed #b9dcf5;font:500 17px var(--ui);color:var(--navy)}
.examples li:last-child{border:0}
.examples li i{font-style:normal;color:var(--muted);font-size:15px}
.examples li b{font:800 20px var(--head);color:var(--blue2);text-align:right}

/* reviews */
.rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px;align-items:stretch}
.rgrid>div{display:flex}.rgrid .tcard{width:100%}
.rgrid .cta-card{flex-direction:column;text-align:center;align-items:center;justify-content:center}
.rgrid .cta-card img{width:100px}
.rgrid .cta-card b{font:800 26px/1.1 var(--head);color:var(--navy);display:block}
.rgrid .cta-card p{color:var(--muted);margin:8px 0 14px}
.rgrid .tcard.score{align-items:center;text-align:center}
.rgrid .tcard.score .big{font-size:clamp(64px,8vw,100px)}
.rgrid .tcard svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:2.2}

/* faq page */
.gh{font-size:30px;color:var(--blue2);margin:38px auto 14px;max-width:820px}
.list.narrow{max-width:820px;margin:0 auto;display:grid;gap:14px}
.faq .center + .gh{margin-top:28px}
.askcard.wide{max-width:820px;margin:40px auto 0}

/* contact page */
.ccards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:34px}
.cc{--tint:#1479f0;--tint2:#45b0ff;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:#fff;border:3px solid var(--tint);border-radius:var(--r);box-shadow:0 7px 0 var(--tint);padding:26px 18px 22px;text-decoration:none;color:var(--navy);transition:transform .25s}
.cc:hover{transform:translateY(-8px)}
.cc.c-gold{--tint:#f2a900;--tint2:#ffd75e}.cc.c-green{--tint:#17b46a;--tint2:#5be39b}.cc.c-purple{--tint:#7a5af5;--tint2:#a995ff}
.cc .wi{margin:0 0 10px;background:linear-gradient(var(--tint2),var(--tint))}
.cc .wi svg.p{width:34px;height:34px;fill:#fff;stroke:none}
.cc b{font:800 26px/1.1 var(--head)}
.cc>span:not(.wi){font:600 18px/1.25 var(--ui);overflow-wrap:anywhere}
.cc small{color:var(--muted);font-size:14px}
.soc.solo a{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;border:3px solid var(--navy);box-shadow:0 4px 0 var(--navy);color:var(--navy);font-family:var(--head);transition:transform .2s,background .2s,color .2s;text-decoration:none}
.soc.solo a svg{width:26px;height:26px}.soc.solo a b{font:800 24px/1 var(--head)}
.soc.solo a:hover{transform:translateY(-5px) rotate(-6deg);color:#fff}
.soc.solo{gap:14px;flex-wrap:wrap;margin-top:24px}

@media (max-width:960px){
  .pgrid2{grid-template-columns:1fr;gap:26px}
  .ph-gen{display:none}
  .ph-img{max-width:560px}
  .split,.reason{grid-template-columns:1fr;gap:30px}
  .reason.flip>div:first-child{order:0}
  .incl{grid-template-columns:1fr 1fr}
  .ccards{grid-template-columns:1fr 1fr}
  .astats.big{grid-template-columns:1fr 1fr}
  .rgrid{grid-template-columns:1fr;max-width:560px;margin-inline:auto}
  .pw{grid-template-columns:1fr;max-width:560px;margin-inline:auto}
  .wgrid.three{grid-template-columns:1fr}
}
@media (max-width:700px){
  .phero{padding:30px 0 62px}
  .checks.two{grid-template-columns:1fr}
  .incl{grid-template-columns:1fr}
  .ccards{grid-template-columns:1fr}
  .rels{grid-template-columns:1fr}
  .cb-in{grid-template-columns:1fr;text-align:center}
  .cb-in img{width:96px;margin:0 auto}
  .ctaband .cta{justify-content:center}
  .examples li{grid-template-columns:1fr auto;gap:2px 12px}
  .examples li i{grid-column:1;grid-row:2}
  .examples li b{grid-column:2;grid-row:1/3}
  .timeline::before{left:23px}
  .tl{padding:16px 16px 18px 14px;gap:14px}.tln{width:44px;height:44px;font-size:22px}
  .tl h3{font-size:24px}
  .hvbox{flex-direction:column;text-align:center}
  .astats.big{grid-template-columns:1fr}
  .phero .cta .btn{flex:1 1 100%;justify-content:center}
  .gh{font-size:26px}
}
.wgrid.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media (max-width:1100px){.wgrid.four{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.wgrid.four{grid-template-columns:1fr}}

/* gallery */
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}
.gal{position:relative;margin:0;border:4px solid var(--navy);border-radius:26px;overflow:hidden;box-shadow:0 8px 0 var(--navy);transition:transform .3s,box-shadow .3s}
.gal.g0{transform:rotate(-1.2deg)}.gal.g2{transform:rotate(1.2deg)}
.gal:hover{transform:translateY(-8px) rotate(0);box-shadow:0 14px 0 var(--navy)}
.gal img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .6s}
.gal:hover img{transform:scale(1.06)}
.gal figcaption{position:absolute;left:12px;bottom:12px;background:#fff;border:3px solid var(--navy);border-radius:999px;padding:6px 16px;font:700 16px var(--ui);color:var(--navy);box-shadow:0 3px 0 var(--navy)}
.rv.in.gal.g0{transform:rotate(-1.2deg)}.rv.in.gal.g2{transform:rotate(1.2deg)}
@media (max-width:800px){.gallery{grid-template-columns:1fr;max-width:520px;margin-inline:auto}.gal.g0,.gal.g2,.rv.in.gal.g0,.rv.in.gal.g2{transform:none}}

/* floating genie decoration */
.gs{position:relative;overflow:clip}
.gf{position:absolute;top:26px;width:clamp(84px,8.5vw,118px);height:auto;z-index:1;pointer-events:none;filter:drop-shadow(0 7px 0 rgba(8,44,107,.2))}
.gf-r{right:max(10px,calc((100vw - 1180px)/2 - 120px))}.gf-l{left:max(10px,calc((100vw - 1180px)/2 - 120px))}
.gf-float{animation:gfloat 3.6s ease-in-out infinite}
.gf-sway{animation:gsway 4.2s ease-in-out infinite;transform-origin:50% 90%}
.gf-hop{animation:ghop 2.8s ease-in-out infinite}
@keyframes gfloat{50%{transform:translateY(-16px)}}
@keyframes gsway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg) translateY(-8px)}}
@keyframes ghop{0%,60%,100%{transform:translateY(0)}70%{transform:translateY(-22px) rotate(-4deg)}80%{transform:translateY(0)}88%{transform:translateY(-10px) rotate(3deg)}}
@media (max-width:1380px){.gf{display:none}}
@media (prefers-reduced-motion:reduce){.gf,.ph-gen,.mascot img{animation:none}}

/* mascot widget */
.mascot{position:fixed;right:18px;bottom:18px;z-index:55;display:flex;align-items:flex-end;gap:8px;pointer-events:none}
.mascot a{pointer-events:auto;display:block;width:86px;text-decoration:none;filter:drop-shadow(0 6px 0 rgba(8,44,107,.25));animation:gfloat 3.4s ease-in-out infinite;cursor:pointer}
.mascot a img{display:block;width:100%;height:auto}
.mascot .bub{pointer-events:auto;position:relative;background:#fff;border:3px solid var(--navy);border-radius:18px 18px 4px 18px;box-shadow:0 4px 0 var(--navy);padding:8px 14px;font:600 15px/1.2 var(--ui);color:var(--navy);max-width:170px;margin-bottom:46px;opacity:0;transform:translateY(8px) scale(.9);transition:opacity .3s,transform .3s;white-space:nowrap}
.mascot.talk .bub{opacity:1;transform:none}
@media (max-width:960px){.mascot{display:none}}
body.menu-open .mascot{display:none}

.mg-more{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding-top:14px;font-weight:700}.mg-more b{color:var(--navy);opacity:.7;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.mg-more a{padding:8px 14px;border-radius:999px;background:var(--ice);color:var(--navy);min-height:44px;display:inline-flex;align-items:center}
.rels:has(a:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.rels:has(a:nth-child(3)){grid-template-columns:1fr}}


/* ===== unique layout components ===== */
.phero.flip .pgrid2{grid-template-columns:.85fr 1.15fr}.phero.flip .ph-img{order:-1}.phero.flip .ph-img img{transform:rotate(-1.8deg)}
.phero.center .pgrid2{grid-template-columns:1fr;text-align:center;justify-items:center}.phero.center .ph-tx{max-width:820px}.phero.center .crumbs,.phero.center .cta{justify-content:center}.phero.center .ph-img{max-width:760px;width:100%}
.phero.gold{background:linear-gradient(160deg,#0a3a8c,#0b5fd0 60%,#2b9bff)}
.phero.deep{background:linear-gradient(160deg,#031a46,#082c6b 65%,#0a4aa8)}
.phero.mint{background:linear-gradient(160deg,#06454a,#0a7a6e 65%,#18b26b)}
.phero.mint::after,.phero.gold::after,.phero.deep::after{background:var(--bg,#f4fbff)}
.facts{background:var(--navy);color:#fff;padding:40px 0;position:relative}
.facts .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.fact{border:3px solid rgba(255,255,255,.28);border-radius:22px;padding:18px 20px;text-align:center;background:rgba(255,255,255,.06)}
.fact b{display:block;font:800 clamp(30px,4vw,44px)/1.05 var(--head);color:var(--gold)}
.fact span{display:block;margin-top:6px;font:500 17px/1.3 var(--ui);color:#e6f6ff}
.zig{display:grid;gap:22px;margin-top:10px}
.zrow{display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:start;background:#fff;border:3px solid var(--navy);border-radius:var(--r);box-shadow:var(--pop);padding:20px 24px}
.zrow:nth-child(even){background:var(--ice);margin-left:48px}.zrow:nth-child(odd){margin-right:48px}
.zrow .zn{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:linear-gradient(#ffd75e,#ffb800);border:3px solid var(--navy);font:800 32px var(--head);color:var(--navy)}
.zrow h3{margin:2px 0 6px;font:700 24px var(--head);color:var(--navy)}.zrow p{margin:0;font:500 18px/1.55 var(--body);color:var(--ink)}
.cmp{border:3px solid var(--navy);border-radius:var(--r);overflow:hidden;box-shadow:var(--pop);background:#fff}
.cmp .cr{display:grid;grid-template-columns:1.1fr 1.4fr 1.4fr;border-top:2px solid var(--line)}
.cmp .cr:first-child{border-top:0}
.cmp .cr>*{padding:14px 18px;font:500 17px/1.45 var(--body);color:var(--ink)}
.cmp .ch{background:var(--navy)}.cmp .ch>*{color:#fff;font:700 18px var(--ui)}
.cmp .cr>b{font:700 18px var(--ui);color:var(--navy);background:var(--ice)}
.cmp .ch>b{background:none;color:#fff}
.cards4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.k4{--t:#1479f0;background:#fff;border:3px solid var(--t);border-radius:var(--r);box-shadow:0 6px 0 var(--t);padding:22px;transition:transform .25s}
.k4:hover{transform:translateY(-5px)}.k4.g{--t:#ffb800}.k4.n{--t:#17b46a}.k4.p{--t:#7a4bd8}
.k4 h3{margin:0 0 8px;font:700 22px var(--head);color:var(--navy)}.k4 p{margin:0;font:500 17px/1.55 var(--body);color:var(--ink)}
.k4 .ki{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--t);margin-bottom:12px}.k4 .ki svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.dd2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.dd2>div{border:3px solid var(--navy);border-radius:var(--r);padding:22px 24px;background:#fff;box-shadow:var(--pop)}
.dd2>div:first-child{border-color:#17b46a;box-shadow:0 5px 0 #17b46a}.dd2>div:last-child{border-color:#e63946;box-shadow:0 5px 0 #e63946}
.dd2 h3{margin:0 0 10px;font:700 24px var(--head);color:var(--navy)}
.dd2 ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.dd2 li{position:relative;padding-left:30px;font:500 18px/1.4 var(--ui);color:var(--ink)}
.dd2 li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:#17b46a}
.dd2>div:last-child li::before{background:#e63946}
.vsteps{counter-reset:s;display:grid;gap:0;max-width:820px;margin:0 auto;position:relative}
.vsteps li{list-style:none;position:relative;padding:0 0 26px 74px}
.vsteps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:52px;height:52px;border-radius:50%;background:var(--blue);color:#fff;border:3px solid var(--navy);display:grid;place-items:center;font:800 24px var(--head)}
.vsteps li::after{content:"";position:absolute;left:25px;top:56px;bottom:4px;width:4px;background:var(--line);border-radius:2px}
.vsteps li:last-child::after{display:none}
.vsteps b{display:block;font:700 22px var(--head);color:var(--navy)}.vsteps span{display:block;font:500 18px/1.55 var(--body);color:var(--ink);margin-top:3px}
.mos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mos figure{margin:0;position:relative;border:3px solid var(--navy);border-radius:var(--r);overflow:hidden;box-shadow:var(--pop);aspect-ratio:4/3}
.mos figure:first-child{grid-row:span 2;aspect-ratio:auto}
.mos img{width:100%;height:100%;object-fit:cover;display:block}
.mos figcaption{position:absolute;left:10px;bottom:10px;right:10px;background:rgba(8,44,107,.92);color:#fff;border-radius:14px;padding:8px 12px;font:600 17px/1.25 var(--ui)}.mos figcaption small{display:block;font:500 14px var(--ui);opacity:.85}
.tocl{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:start}
.toc{position:sticky;top:96px;background:#fff;border:3px solid var(--navy);border-radius:var(--r);box-shadow:var(--pop);padding:18px}
.toc b{display:block;font:700 20px var(--head);color:var(--navy);margin-bottom:8px}.toc a{display:block;padding:8px 10px;border-radius:12px;font:600 17px var(--ui);color:var(--navy)}.toc a:hover{background:var(--ice);color:var(--blue)}
.prose{font:500 19px/1.7 var(--body);color:var(--ink);max-width:760px}.prose h2{font:700 clamp(26px,3.4vw,36px)/1.1 var(--head);color:var(--navy);margin:34px 0 10px}.prose h2:first-child{margin-top:0}.prose p{margin:0 0 14px}
.prose ul{padding-left:22px;margin:0 0 14px;display:grid;gap:6px}
.callout{border:3px solid var(--gold);background:#fff8dd;border-radius:var(--r);padding:18px 22px;margin:22px 0;font:600 18px/1.5 var(--ui);color:var(--navy)}
.pull{border-left:8px solid var(--blue);background:var(--ice);border-radius:0 var(--r) var(--r) 0;padding:20px 24px;font:700 clamp(22px,3vw,30px)/1.25 var(--head);color:var(--navy);margin:26px 0}
.bigcta{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.bc{border:3px solid var(--navy);border-radius:var(--r);padding:26px;box-shadow:var(--pop);background:#fff}.bc.y{background:linear-gradient(160deg,#fff3c4,#ffd75e)}
.bc h3{margin:0 0 8px;font:700 26px var(--head);color:var(--navy)}.bc p{margin:0 0 14px;font:500 18px/1.55 var(--body);color:var(--ink)}
.gcard{position:relative;max-width:520px;margin:0 auto;aspect-ratio:1.6;border-radius:28px;border:4px solid var(--navy);box-shadow:0 10px 0 var(--navy);background:linear-gradient(135deg,#0a4aa8,#1479f0 55%,#4cc3ff);color:#fff;padding:26px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transform:rotate(-2deg)}
.gcard img{position:absolute;right:-10px;bottom:-6px;height:86%;width:auto;opacity:.95}
.gcard b{font:800 34px/1 var(--head);text-shadow:0 3px 0 #031a46}.gcard span{font:600 20px var(--ui);max-width:60%}.gcard em{font:700 26px var(--head);color:var(--gold);font-style:normal}
.amts{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.amts span{border:3px solid var(--navy);background:#fff;border-radius:999px;padding:10px 22px;font:700 22px var(--head);color:var(--navy);box-shadow:0 4px 0 var(--navy)}
.blogg{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}
.bp{display:flex;flex-direction:column;border:3px solid var(--navy);border-radius:var(--r);overflow:hidden;background:#fff;box-shadow:var(--pop);transition:transform .25s}.bp:hover{transform:translateY(-6px)}
.bp img{width:100%;aspect-ratio:16/10;object-fit:cover}.bp div{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}.bp small{font:700 14px var(--ui);color:var(--blue);text-transform:uppercase;letter-spacing:.05em}
.bp h3{margin:0;font:700 24px/1.15 var(--head);color:var(--navy)}.bp p{margin:0;font:500 17px/1.5 var(--body);color:var(--ink)}.bp .btn{margin-top:auto;align-self:flex-start}
.bp.big{grid-row:span 2}.bp.big img{aspect-ratio:4/3}
.stainx{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.stainx details{background:#fff;border:3px solid var(--navy);border-radius:var(--r);box-shadow:var(--pop);padding:0}
.stainx details{position:relative}.stainx summary{cursor:pointer;list-style:none;padding:16px 62px 16px 20px;font:700 22px var(--head);color:var(--navy)}
.stainx summary::-webkit-details-marker{display:none}
.stainx .sb{padding:0 20px 18px;font:500 18px/1.55 var(--body);color:var(--ink)}.stainx .sb b{color:var(--navy)}
@media (max-width:960px){
 .phero.flip .pgrid2{grid-template-columns:1fr}.phero.flip .ph-img{order:0}
 .tocl{grid-template-columns:1fr}.toc{position:static}
 .blogg{grid-template-columns:1fr 1fr}.bp.big{grid-column:span 2;grid-row:auto}
 .mos{grid-template-columns:1fr 1fr}.mos figure:first-child{grid-row:auto;grid-column:span 2;aspect-ratio:16/10}
 .zrow:nth-child(even){margin-left:0}.zrow:nth-child(odd){margin-right:0}
}
@media (max-width:680px){
 .dd2,.bigcta,.blogg{grid-template-columns:1fr}.bp.big{grid-column:auto}
 .zrow{grid-template-columns:1fr;gap:10px;padding:18px}.zrow .zn{width:54px;height:54px;font-size:26px}
 .cmp .cr{grid-template-columns:1fr}.cmp .ch{display:none}.cmp .cr>b{background:var(--navy);color:#fff}.cmp .cr>span::before{content:attr(data-l);display:block;font:700 14px var(--ui);color:var(--blue);text-transform:uppercase;letter-spacing:.04em}
 .mos{grid-template-columns:1fr}.mos figure:first-child{grid-column:auto}
 .vsteps li{padding-left:64px}.facts .wrap{grid-template-columns:1fr 1fr}.fact{padding:14px 10px}
 .gcard{padding:20px}.gcard b{font-size:26px}.gcard span{font-size:17px}
 .stainx{grid-template-columns:1fr}
}
.gcard em{max-width:58%;font-size:22px;line-height:1.1}
.gcard span{max-width:55%}

@media (max-width:680px){.mos figure,.mos figure:first-child{aspect-ratio:16/10}}
@media (max-width:520px){.checks.two{grid-template-columns:1fr}.bc h3{line-height:1.15}}

.vframe{position:relative;aspect-ratio:16/9;border:4px solid var(--navy);border-radius:var(--r);overflow:hidden;box-shadow:0 8px 0 var(--navy);background:#000}.vframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
a.chip2{text-decoration:none}a.chip2:hover{background:var(--blue);color:#fff}

.rico{display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:var(--gold,#ffc83d);border:4px solid var(--navy);box-shadow:0 5px 0 var(--navy);transform:rotate(-4deg)}
.rico svg{width:36px;height:36px;fill:none;stroke:var(--navy);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.reason.flip .rico{transform:rotate(4deg)}
.rico+.h2{margin-top:16px!important}