/* ===== Voxiyo v9: homepage-only styles (hero visuals, selected work, plan builder) ===== */
/* build */
.vb-win{position:absolute;left:0;top:4%;width:86%;height:74%;background:#fff;border-radius:calc(var(--q,1cqw)*3.2);box-shadow:0 calc(var(--q,1cqw)*4) calc(var(--q,1cqw)*9) rgba(0,0,0,.35);overflow:hidden;color:var(--navy)}
.vb-bar{display:flex;align-items:center;gap:calc(var(--q,1cqw)*1.2);padding:calc(var(--q,1cqw)*2.2) calc(var(--q,1cqw)*2.6);background:#EDEEF7}
.vb-bar>i{width:calc(var(--q,1cqw)*1.5);height:calc(var(--q,1cqw)*1.5);border-radius:50%;background:#C9CBE0}
.vb-url{flex:1;display:flex;align-items:center;gap:calc(var(--q,1cqw)*1);margin-left:calc(var(--q,1cqw)*1.6);height:calc(var(--q,1cqw)*4.6);padding:0 calc(var(--q,1cqw)*2);border-radius:99px;background:#fff;font:500 calc(var(--q,1cqw)*2.4)/1 var(--sans);color:#2b2d45}
.vb-url svg{width:calc(var(--q,1cqw)*2.4);height:calc(var(--q,1cqw)*2.4);color:#19A35B;flex:none}
.vb-body{padding:calc(var(--q,1cqw)*3.4) calc(var(--q,1cqw)*4)}
.vb-nav{display:flex;align-items:center;gap:calc(var(--q,1cqw)*1.6);margin-bottom:calc(var(--q,1cqw)*4)}
.vb-nav svg{width:calc(var(--q,1cqw)*11);height:auto;color:var(--eb);margin-right:auto}
.vb-nav span{width:calc(var(--q,1cqw)*6);height:calc(var(--q,1cqw)*1.6);border-radius:calc(var(--q,1cqw)*2);background:#DCDEF0}
.vb-hero{display:grid;grid-template-columns:1fr .78fr;gap:calc(var(--q,1cqw)*4);align-items:center}
.vb-l i{display:block;height:calc(var(--q,1cqw)*3);border-radius:calc(var(--q,1cqw)*3);background:var(--navy);margin-bottom:calc(var(--q,1cqw)*1.6);transform-origin:0 50%;transform:scaleX(0);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.vb-l i.s{height:calc(var(--q,1cqw)*1.5);background:#DCDEF0}
.vb-l .w1{width:96%}.vb-l .w2{width:74%}.vb-l .w3{width:88%;margin-top:calc(var(--q,1cqw)*3)}.vb-l .w4{width:62%}
.hx-slide.is-on .vb-l i{transform:none}
.hx-slide.is-on .vb-l i:nth-child(2){transition-delay:.12s}.hx-slide.is-on .vb-l i:nth-child(3){transition-delay:.24s}.hx-slide.is-on .vb-l i:nth-child(4){transition-delay:.36s}
.vb-btn{display:inline-block;margin-top:calc(var(--q,1cqw)*2.6);padding:calc(var(--q,1cqw)*2) calc(var(--q,1cqw)*3.6);border-radius:99px;background:var(--eb);color:#fff;font:700 calc(var(--q,1cqw)*2.3)/1 var(--sans)}
.vb-art{aspect-ratio:1/1;border-radius:calc(var(--q,1cqw)*3);background:var(--eb);display:grid;place-items:center;overflow:hidden}
.vb-art svg{width:120%;color:var(--lav);transform:translateY(8%)}
.vb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--q,1cqw)*2.4);margin-top:calc(var(--q,1cqw)*4)}
.vb-cards i{height:calc(var(--q,1cqw)*10);border-radius:calc(var(--q,1cqw)*2);background:#EEEFFC}
.vb-phone{position:absolute;right:0;bottom:2%;width:28%;aspect-ratio:9/18.5;border-radius:calc(var(--q,1cqw)*4.4);background:var(--navy);padding:calc(var(--q,1cqw)*1.2);box-shadow:0 calc(var(--q,1cqw)*4) calc(var(--q,1cqw)*8) rgba(0,0,0,.4)}
.vb-phone>div{height:100%;border-radius:calc(var(--q,1cqw)*3.4);background:#fff;padding:calc(var(--q,1cqw)*3) calc(var(--q,1cqw)*2.2);display:flex;flex-direction:column;gap:calc(var(--q,1cqw)*1.6)}
.vb-phone .n{width:38%;height:calc(var(--q,1cqw)*1.8);border-radius:calc(var(--q,1cqw)*2);background:var(--navy);margin:0 auto calc(var(--q,1cqw)*1)}
.vb-phone .a{flex:0 0 38%;border-radius:calc(var(--q,1cqw)*2.2);background:var(--eb)}
.vb-phone .l{height:calc(var(--q,1cqw)*1.4);border-radius:calc(var(--q,1cqw)*2);background:#DCDEF0}.vb-phone .l.h{width:70%}
.vb-phone .t{margin-top:auto;display:flex;justify-content:space-around}.vb-phone .t i{width:calc(var(--q,1cqw)*3);height:calc(var(--q,1cqw)*3);border-radius:calc(var(--q,1cqw)*1);background:#DCDEF0}.vb-phone .t i:first-child{background:var(--eb)}
.vb-toast{position:absolute;left:8%;bottom:4%;display:flex;align-items:center;gap:calc(var(--q,1cqw)*1.6);padding:calc(var(--q,1cqw)*2.4) calc(var(--q,1cqw)*3.4);border-radius:calc(var(--q,1cqw)*2.4);background:var(--navy);color:#fff;font:700 calc(var(--q,1cqw)*2.6)/1 var(--sans);box-shadow:0 calc(var(--q,1cqw)*3) calc(var(--q,1cqw)*6) rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.12)}
.vb-toast i{width:calc(var(--q,1cqw)*1.8);height:calc(var(--q,1cqw)*1.8);border-radius:50%;background:#2BD67B;box-shadow:0 0 0 calc(var(--q,1cqw)*.8) rgba(43,214,123,.25)}
.hx-slide .hx-vis>.vb-toast{opacity:0;transform:translateY(16px) scale(.9)}
.hx-slide.typed .hx-vis>.vb-toast{opacity:1;transform:none;transition-delay:0s}

/* grow */
.vg-chart{position:absolute;left:0;top:0;width:52%;height:88%;background:#fff;border-radius:calc(var(--q,1cqw)*3.6);padding:calc(var(--q,1cqw)*4);color:var(--navy);display:flex;flex-direction:column;box-shadow:0 calc(var(--q,1cqw)*4) calc(var(--q,1cqw)*9) rgba(0,0,40,.35)}
.vg-chart b,.vg-fun b{font:700 calc(var(--q,1cqw)*2.9)/1.2 var(--sans)}
.vg-bars{flex:1;display:flex;align-items:flex-end;gap:calc(var(--q,1cqw)*2.2);margin:calc(var(--q,1cqw)*4) 0 calc(var(--q,1cqw)*2);border-bottom:calc(var(--q,1cqw)*.3) solid #DCDEF0}
.vg-bars i{flex:1;height:var(--h);border-radius:calc(var(--q,1cqw)*1.6) calc(var(--q,1cqw)*1.6) 0 0;background:var(--c);transform-origin:50% 100%;transform:scaleY(0);transition:transform 1s cubic-bezier(.2,.8,.2,1) calc(.3s + var(--k)*.12s)}
.hx-slide.is-on .vg-bars i{transform:none}
.vg-chart small{font-size:calc(var(--q,1cqw)*2.2);color:#7A7C96}
.vg-fun{position:absolute;right:0;top:9%;width:44%;padding:calc(var(--q,1cqw)*3.4);border-radius:calc(var(--q,1cqw)*3.6);background:rgba(6,8,24,.9);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;gap:calc(var(--q,1cqw)*1.8)}
.vg-fun b{align-self:flex-start;color:#fff;margin-bottom:calc(var(--q,1cqw)*.6)}
.vg-fun span{display:block;text-align:center;padding:calc(var(--q,1cqw)*2.6) 0;border-radius:calc(var(--q,1cqw)*2);font:700 calc(var(--q,1cqw)*2.7)/1 var(--sans);background:rgba(255,255,255,.08);color:rgba(255,255,255,.5);transition:background .4s,color .4s,transform .4s cubic-bezier(.34,1.56,.64,1)}
.vg-fun span:nth-of-type(1){width:100%}.vg-fun span:nth-of-type(2){width:84%}.vg-fun span:nth-of-type(3){width:66%}.vg-fun span:nth-of-type(4){width:50%}
.vg-fun span.lit:nth-of-type(1){background:var(--lav);color:var(--navy)}
.vg-fun span.lit:nth-of-type(2){background:#BFC2FF;color:var(--navy)}
.vg-fun span.lit:nth-of-type(3){background:var(--eb);color:#fff}
.vg-fun span.lit:nth-of-type(4){background:var(--amber);color:var(--navy)}
.vg-fun span.now{transform:scale(1.06)}
.vg-search{position:absolute;right:0;bottom:0;width:58%;padding:calc(var(--q,1cqw)*2.6) calc(var(--q,1cqw)*3.2);border-radius:99px;background:#fff;color:var(--navy);display:flex;align-items:center;gap:calc(var(--q,1cqw)*2);font:500 calc(var(--q,1cqw)*2.7)/1 var(--sans);box-shadow:0 calc(var(--q,1cqw)*3) calc(var(--q,1cqw)*7) rgba(0,0,40,.35)}
.vg-search svg{width:calc(var(--q,1cqw)*3.2);height:calc(var(--q,1cqw)*3.2);flex:none;color:var(--eb)}

/* create */
.vc-phone{position:absolute;left:8%;top:0;width:44%;aspect-ratio:9/18.5;border-radius:calc(var(--q,1cqw)*6);background:var(--navy);padding:calc(var(--q,1cqw)*1.6);box-shadow:0 calc(var(--q,1cqw)*5) calc(var(--q,1cqw)*10) rgba(0,0,0,.45);z-index:2}
.vc-scr{position:relative;height:100%;border-radius:calc(var(--q,1cqw)*4.6);overflow:hidden;background:linear-gradient(170deg,var(--eb) 0%,#0A0FA8 58%,var(--navy) 100%);display:flex;flex-direction:column;align-items:center;padding:calc(var(--q,1cqw)*6) calc(var(--q,1cqw)*3) calc(var(--q,1cqw)*4)}
.vc-tag{align-self:flex-start;padding:calc(var(--q,1cqw)*1.2) calc(var(--q,1cqw)*2.4);border-radius:99px;background:var(--amber);color:var(--navy);font:700 calc(var(--q,1cqw)*2.2)/1 var(--sans);transform:rotate(-5deg)}
.vc-av{width:calc(var(--q,1cqw)*22);height:calc(var(--q,1cqw)*22);margin-top:calc(var(--q,1cqw)*4);border-radius:50%;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 calc(var(--q,1cqw)*.4) rgba(255,255,255,.4);display:grid;place-items:end center;overflow:hidden}
.vc-av svg{width:80%;color:#fff}
.vc-wave{display:flex;align-items:center;gap:calc(var(--q,1cqw)*.9);height:calc(var(--q,1cqw)*10);margin-top:calc(var(--q,1cqw)*4)}
.vc-wave i{width:calc(var(--q,1cqw)*.9);height:var(--h);border-radius:calc(var(--q,1cqw)*1);background:#fff;animation:hxWave 1.1s ease-in-out infinite alternate;animation-delay:calc(var(--k)*-.13s);animation-play-state:paused}
.hx-slide.is-on .vc-wave i{animation-play-state:running}@keyframes hxWave{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
.vc-cap{margin-top:auto;width:100%;min-height:calc(var(--q,1cqw)*9);font:700 calc(var(--q,1cqw)*2.5)/1.3 var(--sans);color:#fff;text-align:left}
.vc-prog{width:100%;height:calc(var(--q,1cqw)*.8);border-radius:calc(var(--q,1cqw)*1);background:rgba(255,255,255,.25);margin-top:calc(var(--q,1cqw)*2);overflow:hidden}
.vc-prog em{display:block;height:100%;background:#fff;transform-origin:0 50%;transform:scaleX(0)}
.hx-slide.is-on .vc-prog em{animation:hxFill 6.5s linear forwards}
.vc-white{position:absolute;right:12%;top:30%;width:34%;aspect-ratio:3/3.6;border-radius:calc(var(--q,1cqw)*3.4);background:#fff;transform:rotate(8deg)!important;display:grid;place-items:center;box-shadow:0 calc(var(--q,1cqw)*4) calc(var(--q,1cqw)*8) rgba(0,0,0,.35);overflow:hidden}
.vc-white svg{width:115%;color:var(--eb);transform:translate(-14%,6%)}
.vc-amber{position:absolute;right:0;top:12%;width:30%;aspect-ratio:3/3.7;border-radius:calc(var(--q,1cqw)*3.4);background:var(--amber);transform:rotate(4deg)!important;padding:calc(var(--q,1cqw)*4) calc(var(--q,1cqw)*3);display:flex;flex-direction:column;justify-content:flex-end;gap:calc(var(--q,1cqw)*1.4);box-shadow:0 calc(var(--q,1cqw)*4) calc(var(--q,1cqw)*8) rgba(0,0,0,.3)}
.vc-amber i{height:calc(var(--q,1cqw)*1.8);border-radius:calc(var(--q,1cqw)*2);background:var(--navy)}.vc-amber i+i{width:70%;opacity:.4}
.hx-slide .hx-vis>.vc-white,.hx-slide .hx-vis>.vc-amber{opacity:0}
.hx-slide.is-on .hx-vis>.vc-white,.hx-slide.is-on .hx-vis>.vc-amber{opacity:1}
.vc-chips{position:absolute;right:2%;bottom:3%;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:calc(var(--q,1cqw)*1.6);width:48%}
.vc-chips span{padding:calc(var(--q,1cqw)*1.8) calc(var(--q,1cqw)*3);border-radius:99px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);font:700 calc(var(--q,1cqw)*2.5)/1 var(--sans)}

/* automate */
.va-panel{position:absolute;left:0;top:0;width:100%;height:76%;padding:calc(var(--q,1cqw)*4);border-radius:calc(var(--q,1cqw)*3.6);background:#fff;color:var(--navy);box-shadow:0 calc(var(--q,1cqw)*4) calc(var(--q,1cqw)*10) rgba(0,0,40,.35);display:flex;flex-direction:column}
.va-head{display:flex;align-items:center;justify-content:space-between;font:700 calc(var(--q,1cqw)*3)/1 var(--sans)}
.va-live{display:inline-flex;align-items:center;gap:calc(var(--q,1cqw)*1.2);padding:calc(var(--q,1cqw)*1.3) calc(var(--q,1cqw)*2.4);border-radius:99px;background:#E9FBF1;color:#127A43;font:700 calc(var(--q,1cqw)*2.2)/1 var(--sans)}
.va-live i{width:calc(var(--q,1cqw)*1.5);height:calc(var(--q,1cqw)*1.5);border-radius:50%;background:#19A35B;animation:hxPulse 1.4s infinite}@keyframes hxPulse{50%{box-shadow:0 0 0 calc(var(--q,1cqw)*1.2) rgba(25,163,91,.18)}}
.va-flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:calc(var(--q,1cqw)*5) 0 calc(var(--q,1cqw)*4)}
.va-flow:before{content:"";position:absolute;left:12.5%;right:12.5%;top:calc(var(--q,1cqw)*5.5);height:calc(var(--q,1cqw)*.5);background:#E3E5F5;border-radius:calc(var(--q,1cqw)*1)}
.va-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(var(--q,1cqw)*1.6);font:500 calc(var(--q,1cqw)*2.2)/1.2 var(--sans);text-align:center;color:#55576E}
.va-node span{width:calc(var(--q,1cqw)*11);height:calc(var(--q,1cqw)*11);border-radius:calc(var(--q,1cqw)*3);display:grid;place-items:center;background:var(--lav);color:var(--eb);transition:background .35s,color .35s,transform .35s cubic-bezier(.34,1.56,.64,1)}
.va-node span svg{width:calc(var(--q,1cqw)*5.4);height:calc(var(--q,1cqw)*5.4)}
.va-node.lit span{background:var(--eb);color:#fff;transform:scale(1.08)}
.va-dot{position:absolute;top:calc(var(--q,1cqw)*4.6);left:12.5%;width:calc(var(--q,1cqw)*2.4);height:calc(var(--q,1cqw)*2.4);margin-left:calc(var(--q,1cqw)*-1.2);border-radius:50%;background:var(--amber);box-shadow:0 0 0 calc(var(--q,1cqw)*1) rgba(255,176,32,.25);transition:left .55s cubic-bezier(.6,0,.3,1)}
.va-log{list-style:none;margin:0;padding:0;display:grid;gap:calc(var(--q,1cqw)*1.6);font:500 calc(var(--q,1cqw)*2.5)/1.25 var(--sans)}
.va-log li{display:flex;gap:calc(var(--q,1cqw)*2);align-items:baseline}
.va-log time{flex:none;width:calc(var(--q,1cqw)*8);color:#8A8CA6;font-variant-numeric:tabular-nums}
.va-log b{font-weight:500}
.va-count{position:absolute;right:4%;bottom:0;width:46%;padding:calc(var(--q,1cqw)*3.4) calc(var(--q,1cqw)*4);border-radius:calc(var(--q,1cqw)*3.6);background:var(--navy);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 calc(var(--q,1cqw)*4) calc(var(--q,1cqw)*8) rgba(0,0,0,.3)}
.va-count small{display:block;font-size:calc(var(--q,1cqw)*2.3);color:rgba(255,255,255,.7)}
.va-count b{display:block;font:400 calc(var(--q,1cqw)*9)/1 var(--serif);margin:calc(var(--q,1cqw)*1) 0 calc(var(--q,1cqw)*.6);font-variant-numeric:tabular-nums}
.va-count em{font-style:normal;font-size:calc(var(--q,1cqw)*2.2);color:var(--amber)}
.va-note{position:absolute;left:2%;bottom:6%;font-size:calc(var(--q,1cqw)*2.2);color:rgba(255,255,255,.7)}

/* ---------- selected work: 8 projects in 3 columns + link tile ---------- */
.deck.d3{grid-template-columns:repeat(3,minmax(0,1fr))}
.deck .w-all{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:clamp(24px,2.6vw,36px);border-radius:22px;border:2px solid var(--line);background:var(--eb);color:#fff;box-shadow:6px 6px 0 var(--line);position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;min-height:320px}
.deck .w-all:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--line)}
.deck .w-all b{font:400 clamp(30px,3vw,46px)/1 var(--serif);letter-spacing:-.02em;display:block}
.deck .w-all p{margin:12px 0 0;color:rgba(255,255,255,.82);font-size:16px;max-width:22em}
.deck .w-all ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.deck .w-all li{font-size:13px;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.14)}
.deck .w-all span.go{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;min-height:48px;padding:0 22px;border-radius:99px;background:#fff;color:var(--eb);font-weight:700}
.deck .w-all svg.bg{position:absolute;right:-30%;bottom:-24%;width:90%;color:rgba(255,255,255,.1);pointer-events:none}
.work-note{margin:22px 0 0;color:var(--muted);font-size:15px}@media (max-width:1000px){.deck.d3{grid-template-columns:repeat(2,minmax(0,1fr))}.deck .w-all{grid-column:1/-1;min-height:0}}@media (max-width:620px){.deck.d3{grid-template-columns:1fr}}

/* ---------- plan builder ---------- */
.pb{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(20px,3vw,40px);align-items:start}
.pb-q{display:grid;gap:28px}
.pb-q fieldset{border:0;margin:0;padding:0;min-width:0}
.pb-q legend{display:flex;align-items:center;gap:10px;font:700 15px/1.3 var(--sans);margin-bottom:14px;padding:0}
.pb-q legend i{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--eb);color:#fff;font:400 14px/1 var(--serif);font-style:normal}
.pb-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pb-opt{position:relative;display:block;cursor:pointer}
.pb-opt input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer;margin:0}
.pb-opt span{display:flex;flex-direction:column;gap:3px;height:100%;padding:14px 16px;border-radius:16px;border:2px solid var(--line);background:var(--paper);transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.pb-opt b{font-size:15.5px;line-height:1.25}
.pb-opt small{font-size:13px;line-height:1.35;color:var(--muted)}
.pb-opt:hover span{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--line)}
.pb-opt input:checked+span{background:var(--eb);color:#fff;border-color:var(--eb);box-shadow:4px 4px 0 var(--line)}
.pb-opt input:checked+span small{color:rgba(255,255,255,.8)}
.pb-opt input:focus-visible+span{outline:3px solid var(--eb);outline-offset:3px}
.pb-out{position:sticky;top:96px;padding:clamp(22px,3vw,40px);border-radius:26px;background:var(--navy);color:#fff;overflow:hidden;isolation:isolate;border:2px solid var(--line);box-shadow:8px 8px 0 var(--eb)}
.pb-out>svg.bg{position:absolute;right:-26%;top:-30%;width:80%;color:var(--eb);opacity:.55;z-index:-1}
.pb-out .k{font-size:14px;color:rgba(255,255,255,.7);margin:0 0 8px}
.pb-out h3{font:400 clamp(26px,2.6vw,38px)/1.06 var(--serif);letter-spacing:-.015em;margin:0 0 22px;max-width:17em}
.pb-list{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px}
.pb-list li{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);animation:pbIn .55s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i)*70ms)}
.pb-list .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--eb)}
.pb-list .ic svg{width:20px;height:20px}
.pb-list b{display:block;font-size:15.5px;line-height:1.3}
.pb-list small{display:block;font-size:13px;color:rgba(255,255,255,.65);margin-top:2px}
.pb-list a{font-size:13px;font-weight:700;color:#fff;padding:8px 12px;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);white-space:nowrap}
.pb-list a:hover{background:rgba(255,255,255,.12)}@keyframes pbIn{from{opacity:0;transform:translateY(12px)}}
.pb-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 24px;padding:0;list-style:none;counter-reset:pb}
.pb-how li{font-size:13.5px;line-height:1.4;color:rgba(255,255,255,.78);padding-top:12px;border-top:2px solid rgba(255,255,255,.18);counter-increment:pb}
.pb-how li:before{content:counter(pb);display:block;font:400 22px/1 var(--serif);color:var(--amber);margin-bottom:6px}
.pb-act{display:flex;flex-wrap:wrap;gap:10px}
.pb-act a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:99px;font-weight:700;font-size:15px}
.pb-act .a1{background:#fff;color:var(--navy)}
.pb-act .a1 svg{width:20px;height:20px;color:#1FA855}
.pb-act .a2{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}@media (max-width:980px){.pb{grid-template-columns:1fr}.pb-out{position:relative;top:0}}@media (max-width:520px){
  .pb-opts{grid-template-columns:1fr}
  .pb-opt span{flex-direction:row;align-items:baseline;flex-wrap:wrap;column-gap:8px;padding:12px 14px}
  .pb-list li{grid-template-columns:auto 1fr}
  .pb-list a{grid-column:2;justify-self:start}
  .pb-how{grid-template-columns:1fr}
  .pb-act a{flex:1 1 auto;justify-content:center}}@media (max-width:620px){
  .shead h2{font-size:clamp(2.2rem,10vw,3rem)}
  .sec{padding-top:72px}
  .sec-more .btn{flex:1 1 auto;justify-content:center}
  .boss .cta .btn{width:100%;justify-content:center}}