/* Shak Web Group services-next: service-first section. Loads after core.css, theme.css, sig.css (same family as the homepage).
   One stylesheet, one design idea per service page (prefix per page). Tokens only; no client imagery. */
.swg-soc{display:flex;align-items:center;justify-content:center;gap:.5rem}
.swg-soc a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;transition:background .24s,transform .24s}
.swg-soc a:hover{background:var(--highlight);color:var(--brand-deep);transform:translateY(-2px)}
.swg-soc svg{width:18px;height:18px;fill:currentColor}
.swg-soc--foot{margin-top:1rem;justify-content:flex-start}
@media(max-width:980px){.nav .swg-soc{margin:.6rem 0}}
.btn-row{display:flex;flex-wrap:wrap;gap:.8rem}.btn-row--center{justify-content:center}
.center{text-align:center}.center .btn-row{justify-content:center}
.sr{position:absolute;left:-9999px}
.crumb{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.85rem;color:var(--on-dark-3);margin-bottom:1rem}.crumb a{color:var(--on-dark-2)}.crumb--ink{color:var(--muted)}.crumb--ink a{color:var(--accent)}
.pr{display:inline-flex;flex-direction:column;gap:.1rem}
.pr b{font:700 clamp(2rem,4vw,3rem)/1.05 var(--f-body);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.pr i{font:400 .88rem/1.3 var(--f-body);font-style:normal;opacity:.78}
.pr--q b{font-family:var(--f-head);font-weight:400;font-style:italic}
.tag{display:inline-block;font:600 .74rem/1 var(--f-body);letter-spacing:.07em;text-transform:uppercase;padding:.42rem .7rem;border-radius:999px;background:var(--accent-wash);color:var(--accent)}
.tag--dark{background:rgba(255,255,255,.12);color:var(--highlight-light)}
.note{font-size:.88rem;color:var(--muted);max-width:62ch}
.on-dark .note,.dark .note{color:var(--on-dark-3)}
.dark{background:linear-gradient(160deg,var(--brand-deep),var(--brand-grad-end));color:var(--on-dark)}
.dark h1,.dark h2,.dark h3{color:#fff}.dark h1 em,.dark h2 em{color:var(--highlight)}.dark p{color:var(--on-dark-2)}
.pimg{border-radius:var(--radius);overflow:hidden;position:relative}
.pimg img{width:100%;height:100%;object-fit:cover}
/* price rows used on every service page (each page styles them in its own way) */
.items{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:1.6rem 0 0}
.item{flex:1 1 280px;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;text-align:center;box-shadow:0 14px 36px rgba(var(--brand-rgb),.07);display:flex;flex-direction:column;align-items:center;gap:.5rem}
.item h3{margin:0;font-size:1.3rem}.item p{margin:0;color:var(--muted);font-size:.95rem}
.item .pr b{color:var(--brand)}
.item .btn{margin-top:.4rem}
.dark .item{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);box-shadow:none}
.dark .item h3,.dark .item .pr b{color:#fff}.dark .item p{color:var(--on-dark-2)}
/* generic faq */
.faq2{max-width:820px;margin:1.6rem auto 0;display:grid;gap:.7rem}
.faq2 details{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.2rem 1.2rem}
.faq2 summary{cursor:pointer;font-weight:600;padding:1rem 0;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq2 summary::-webkit-details-marker{display:none}.faq2 summary::after{content:"+";color:var(--accent);font-size:1.4rem;line-height:1}
.faq2 details[open] summary::after{content:"\2212"}
.faq2 p{color:var(--muted);margin:0 0 1rem}
/* related */
.rel{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.6rem}
.rel a{flex:1 1 240px;max-width:340px;position:relative;aspect-ratio:16/11;border-radius:var(--radius);overflow:hidden;color:#fff;display:block;box-shadow:0 14px 36px rgba(var(--brand-rgb),.14)}
.rel img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1)}
.rel a:hover img{transform:scale(1.06)}
.rel a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(var(--brand-deep-rgb),.92),rgba(var(--brand-deep-rgb),.1) 70%)}
.rel span{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1rem;text-align:center;font:600 1.05rem var(--f-body)}
.rel em{display:block;font:400 .82rem var(--f-body);font-style:normal;color:var(--highlight-light)}
.cta2{position:relative;color:#fff;text-align:center;overflow:hidden;padding:clamp(4rem,9vw,7rem) 0}
.cta2>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cta2::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(var(--brand-deep-rgb),.78),rgba(var(--brand-rgb),.9))}
.cta2 .wrap{position:relative;z-index:2}.cta2 h2{color:#fff}.cta2 h2 em{color:var(--highlight)}.cta2 p{color:var(--on-dark-2);max-width:56ch;margin-inline:auto}
/* ---------- OVERVIEW ---------- */
.ov-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:1.2rem 0 0}
.ov-cats a{padding:.55rem 1rem;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink);font-weight:500;font-size:.92rem}.ov-cats a:hover{background:var(--accent-wash)}
.ov-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.3rem;margin-top:2rem}
.ov-card{position:relative;flex:0 1 calc(33.333% - .9rem);min-width:270px;aspect-ratio:4/4.6;border-radius:var(--radius);overflow:hidden;color:#fff;display:block;box-shadow:0 14px 36px rgba(var(--brand-rgb),.16);transition:transform .24s,box-shadow .24s}
.ov-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.2,1)}
.ov-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(var(--brand-deep-rgb),.96) 0%,rgba(var(--brand-deep-rgb),.5) 50%,rgba(var(--brand-deep-rgb),.04) 100%)}
.ov-card:hover{transform:translateY(-6px);color:#fff;box-shadow:0 22px 48px rgba(var(--accent-rgb),.28)}.ov-card:hover img{transform:scale(1.06)}
.ov-card__b{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1.3rem;text-align:center}
.ov-card h3{color:#fff;font-size:1.35rem;margin:0 0 .3rem}.ov-card p{color:var(--on-dark-2);font-size:.9rem;line-height:1.45;margin:0 0 .6rem}
.ov-card .pill{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);padding:.35rem .8rem;font:600 .9rem var(--f-body);backdrop-filter:blur(6px)}
.ov-card .tg{display:block;font:600 .72rem var(--f-body);letter-spacing:.07em;text-transform:uppercase;color:var(--highlight-light);margin-bottom:.4rem}
@media(max-width:1000px){.ov-card{flex-basis:calc(50% - .7rem)}}@media(max-width:600px){.ov-card{flex-basis:100%;max-width:380px}}
.bund{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:2rem}
.bund__c{flex:0 1 calc(33.333% - .9rem);min-width:280px;background:#fff;border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 14px 36px rgba(var(--brand-rgb),.07);text-align:center}
.bund__c .pimg{border-radius:0;aspect-ratio:16/9}
.bund__b{padding:1.3rem;display:flex;flex-direction:column;gap:.5rem;align-items:center;flex:1}
.bund__b h3{margin:0}.bund__b ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}
.bund__b li{font-size:.8rem;background:var(--cloud);border-radius:999px;padding:.25rem .65rem;color:var(--ink)}
.bund__tot{font:700 1.5rem var(--f-body);color:var(--brand)}.bund__tot small{display:block;font:400 .78rem var(--f-body);color:var(--muted)}
.bund__b .btn{margin-top:auto}
@media(max-width:1000px){.bund__c{flex-basis:calc(50% - .6rem)}}@media(max-width:620px){.bund__c{flex-basis:100%}}
.how3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:2rem;text-align:center}
.how3>div{padding:1.6rem;border-radius:var(--radius);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
.how3 h3{font-size:1.25rem}.how3 p{margin:0;font-size:.95rem}
@media(max-width:800px){.how3{grid-template-columns:minmax(0,1fr)}}
/* ---------- BUILDER ---------- */
.bd-head{padding:clamp(3rem,7vw,5.5rem) 0 2rem;text-align:center}
.bd-presets{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.4rem}
.bd-presets button{font:600 .92rem var(--f-body);padding:.7rem 1.1rem;border-radius:999px;border:1px solid var(--line-strong);background:#fff;cursor:pointer;color:var(--ink);transition:all .24s}
.bd-presets button:hover{border-color:var(--accent);color:var(--accent)}
.bd-presets button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}
.bd-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:2rem;align-items:start}
.bd-cat{margin:0 0 2rem}.bd-cat h2{font-size:1.5rem;margin:0 0 .8rem;display:flex;align-items:center;gap:.7rem}.bd-cat h2::after{content:"";flex:1;height:1px;background:var(--line)}
.bd-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.9rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:.6rem;background:#fff;transition:border-color .24s,box-shadow .24s}
.bd-row.on{border-color:var(--accent);box-shadow:0 8px 24px rgba(var(--accent-rgb),.12)}
.bd-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}
.bd-row b{display:block;font-weight:600}.bd-row small{display:block;color:var(--muted);font-size:.82rem;line-height:1.35}
.bd-row .bp{text-align:right;font:600 .98rem var(--f-body);white-space:nowrap;font-variant-numeric:tabular-nums}.bd-row .bp small{font-weight:400}
.bd-row .bp.q{font-family:var(--f-head);font-style:italic;font-weight:400;font-size:1.1rem}
.bd-qty{display:flex;align-items:center;gap:.35rem}
.bd-qty button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line-strong);background:#fff;font-size:1.1rem;cursor:pointer;line-height:1}
.bd-qty input{width:3.4rem;text-align:center;font:600 1rem var(--f-body);border:1px solid var(--line-strong);border-radius:8px;padding:.4rem .2rem;-moz-appearance:textfield}
.bd-qty input::-webkit-outer-spin-button,.bd-qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.bd-qty label{font-size:.75rem;color:var(--muted)}
.bd-row:not(.on) .bd-qty{opacity:.35;pointer-events:none}
.bd-sum{position:sticky;top:96px;background:var(--brand);color:#fff;border-radius:var(--radius);padding:1.6rem;box-shadow:0 24px 60px rgba(var(--brand-rgb),.28);text-align:center}
.bd-sum h2{color:#fff;font-size:1.3rem;margin:0 0 .8rem}
.bd-tot{display:grid;gap:.9rem;margin:1rem 0}.bd-tot div{padding:.9rem;border-radius:var(--radius-sm);background:rgba(255,255,255,.08)}
.bd-tot span{display:block;font:600 .74rem var(--f-body);letter-spacing:.07em;text-transform:uppercase;color:var(--highlight-light)}
.bd-tot b{font:700 2rem/1.1 var(--f-body);font-variant-numeric:tabular-nums}
.bd-lines{list-style:none;margin:0 0 1rem;padding:0;text-align:left;font-size:.88rem;display:grid;gap:.3rem;color:var(--on-dark-2)}
.bd-lines li{display:flex;justify-content:space-between;gap:.6rem}.bd-lines li span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}
.bd-lines .qq span:last-child{font-style:italic}
.bd-empty{color:var(--on-dark-3);font-size:.92rem}
.bd-sum .btn{width:100%;justify-content:center}
.bd-clear{background:none;border:0;color:var(--on-dark-3);text-decoration:underline;cursor:pointer;font:inherit;font-size:.85rem;margin-top:.6rem}
.bd-form{max-width:760px;margin:0 auto}
.bd-form .row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.bd-read{background:var(--cloud);border-radius:var(--radius-sm);padding:1rem 1.2rem;font-size:.92rem}
.bd-read b{font-variant-numeric:tabular-nums}
@media(max-width:980px){.bd-grid{grid-template-columns:minmax(0,1fr)}.bd-sum{position:static;order:-1}.bd-form .row2{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.bd-row{grid-template-columns:auto minmax(0,1fr);}.bd-row .bp{grid-column:2;text-align:left}.bd-row .bd-qty{grid-column:2}}
/* ---------- 1 DOMAINS: the address bar ---------- */
.dm-hero{padding:clamp(3.5rem,8vw,6.5rem) 0 2.5rem;text-align:center;background:radial-gradient(60% 50% at 50% 0,var(--accent-wash),#fff 70%)}
.dm-hero h1{font-size:clamp(2.4rem,5.4vw,4.4rem);max-width:16ch;margin-inline:auto}
.dm-bar{display:flex;align-items:center;gap:.8rem;max-width:620px;margin:1.8rem auto;padding:1rem 1.4rem;border-radius:999px;background:#fff;border:1px solid var(--line-strong);box-shadow:0 18px 50px rgba(var(--accent-rgb),.16);font:500 clamp(1.1rem,2.6vw,1.6rem) var(--f-body);text-align:left}
.dm-bar svg{width:22px;height:22px;flex:none;fill:var(--accent)}
.dm-type{color:var(--ink)}.dm-type b{color:var(--accent)}.dm-caret{display:inline-block;width:2px;height:1.2em;background:var(--accent);margin-left:2px;vertical-align:-.2em;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.dm-marq{overflow:hidden;margin:2rem 0 0;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.dm-marq div{display:flex;gap:1rem;width:max-content;animation:marq 38s linear infinite}
.dm-marq span{font:italic 400 clamp(1.6rem,4vw,2.6rem) var(--f-head);color:var(--line-strong)}
@keyframes marq{to{transform:translateX(-50%)}}
.dm-rec{display:grid;gap:.7rem;max-width:760px;margin:2rem auto 0}
.dm-rec div{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);text-align:left}
.dm-rec svg{width:28px;height:28px;flex:none;stroke:var(--accent);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}

.dm-rec strong{display:block}.dm-rec span{color:var(--muted);font-size:.92rem}
.dm-calc{max-width:640px;margin:0 auto;background:var(--brand);color:#fff;border-radius:var(--radius);padding:2rem;text-align:center;box-shadow:0 24px 60px rgba(var(--brand-rgb),.25)}
.dm-calc output{display:block;font:700 clamp(2.4rem,6vw,3.6rem)/1 var(--f-body);margin:.6rem 0;font-variant-numeric:tabular-nums}
.dm-calc input[type=range]{width:100%;accent-color:var(--highlight);height:2rem}
.dm-calc label{font-weight:600}.dm-calc small{color:var(--on-dark-3)}
/* ---------- 2 WEBSITES: the build ---------- */
.wb-hero{position:relative;overflow:hidden;padding:clamp(3rem,7vw,5.5rem) 0}
.wb-hero .wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:3rem;align-items:center}
.wb-hero h1{font-size:clamp(2.5rem,5.4vw,4.6rem)}
.wb-dev{position:relative;padding:0 0 2rem}
.wb-win{border-radius:14px;background:#0d1117;box-shadow:0 40px 80px rgba(0,0,0,.45);overflow:hidden;border:1px solid rgba(255,255,255,.14);transform:perspective(1200px) rotateY(-8deg) rotateX(3deg);transition:transform .6s}
.wb-win:hover{transform:perspective(1200px) rotateY(0) rotateX(0)}
.wb-win i{display:block;height:30px;background:#161b24;position:relative}
.wb-win i::before{content:"";position:absolute;left:12px;top:11px;width:8px;height:8px;border-radius:50%;background:#ff6b6b;box-shadow:14px 0 #ffd166,28px 0 #7bd88f}
.wb-win img{aspect-ratio:16/10;object-fit:cover;width:100%}
.wb-bar{height:5px;background:rgba(255,255,255,.14)}.wb-bar b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent-bright),var(--highlight));animation:wbfill 6s ease-in-out infinite}
@keyframes wbfill{0%{width:0}70%{width:100%}100%{width:100%}}
.wb-phone{position:absolute;right:-1rem;bottom:-.5rem;width:30%;border-radius:22px;border:5px solid #0d1117;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.45)}
.wb-phone img{aspect-ratio:9/16;object-fit:cover;width:100%}
.wb-stages{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:3rem;align-items:start}
.wb-sticky{position:sticky;top:110px}
.wb-sticky .pimg{aspect-ratio:4/3.4;box-shadow:0 30px 70px rgba(var(--brand-rgb),.25)}
.wb-sticky img{position:absolute;inset:0;opacity:0;transition:opacity .7s}.wb-sticky img.on{opacity:1}
.wb-step{padding:2.2rem 0 2.2rem 1.6rem;border-left:3px solid var(--line);transition:border-color .4s}
.wb-step.on{border-color:var(--accent)}.wb-step h3{margin-bottom:.3rem}.wb-step p{color:var(--muted);margin:0}
.wb-step{min-height:34vh}
.wb-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:2rem}
.wb-two .item{max-width:none}
@media(max-width:900px){.wb-hero .wrap,.wb-stages,.wb-two{grid-template-columns:minmax(0,1fr)}.wb-sticky{position:relative;top:0}.wb-step{min-height:0}.wb-phone{right:0}}
/* ---------- 3 HOSTING: the status console ---------- */
.hs-hero{position:relative;overflow:hidden;color:#fff;padding:clamp(3.5rem,8vw,6.5rem) 0}
.hs-hero>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hs-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(var(--brand-deep-rgb),.95) 10%,rgba(var(--brand-rgb),.7) 60%,rgba(var(--brand-rgb),.5))}
.hs-hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:3rem;align-items:center}
.hs-hero h1{color:#fff;font-size:clamp(2.4rem,5.2vw,4.4rem)}.hs-hero h1 em{color:var(--highlight)}.hs-hero p{color:var(--on-dark-2)}
.hs-con{background:rgba(8,12,18,.82);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);padding:1.4rem;backdrop-filter:blur(10px);box-shadow:0 30px 70px rgba(0,0,0,.4)}
.hs-con h2{font:600 .78rem var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--highlight-light);margin:0 0 .8rem}
.hs-row{display:flex;align-items:center;gap:.8rem;padding:.75rem 0;border-top:1px solid rgba(255,255,255,.1);animation:hsin .6s both}
.hs-row:nth-child(2){animation-delay:.3s}.hs-row:nth-child(3){animation-delay:.9s}.hs-row:nth-child(4){animation-delay:1.5s}.hs-row:nth-child(5){animation-delay:2.1s}
@keyframes hsin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hs-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-bright);box-shadow:0 0 0 0 rgba(var(--accent-bright-rgb),.7);animation:hsp 2s infinite;flex:none}
@keyframes hsp{70%{box-shadow:0 0 0 10px rgba(var(--accent-bright-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--accent-bright-rgb),0)}}
.hs-row b{flex:1;font-weight:500}.hs-row span{font-size:.82rem;color:var(--on-dark-3)}
.hs-beat{width:100%;height:60px;margin-top:.6rem}.hs-beat path{fill:none;stroke:var(--highlight);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:420;animation:hsbeat 3.2s linear infinite}
@keyframes hsbeat{from{stroke-dashoffset:420}to{stroke-dashoffset:-420}}
.hs-guards{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:2rem}
.hs-g{flex:0 1 calc(25% - .95rem);min-width:230px;border-radius:var(--radius);overflow:hidden;position:relative;aspect-ratio:3/4;color:#fff;box-shadow:0 14px 36px rgba(var(--brand-rgb),.16)}
.hs-g img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.hs-g:hover img{transform:scale(1.07)}
.hs-g::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(var(--brand-deep-rgb),.95),rgba(var(--brand-deep-rgb),.1) 70%)}
.hs-g div{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:1.2rem;text-align:center}.hs-g h3{color:#fff;font-size:1.2rem;margin:0 0 .3rem}.hs-g p{margin:0;font-size:.88rem;color:var(--on-dark-2)}
@media(max-width:900px){.hs-hero .wrap{grid-template-columns:minmax(0,1fr)}.hs-g{flex-basis:calc(50% - .6rem);min-width:0}}
/* ---------- 4 SEO: the loop ring ---------- */
.se-hero{padding:clamp(3rem,7vw,5.5rem) 0;background:linear-gradient(180deg,var(--cloud),#fff)}
.se-hero .wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:3rem;align-items:center}
.se-hero h1{font-size:clamp(2.4rem,5.2vw,4.4rem)}
.se-arch{position:relative;aspect-ratio:4/4.6;border-radius:999px 999px 24px 24px;overflow:hidden;box-shadow:0 30px 70px rgba(var(--brand-rgb),.22)}
.se-arch img{width:100%;height:100%;object-fit:cover}
.se-arch svg{position:absolute;left:6%;right:6%;bottom:10%;width:88%;height:40%}
.se-arch path{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:700;animation:draw 3.5s .4s ease-out both;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}
@keyframes draw{from{stroke-dashoffset:700}to{stroke-dashoffset:0}}
.se-ring{position:relative;max-width:860px;margin:2rem auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;align-items:center}
.se-orb{grid-column:1/-1;display:grid;place-items:center;margin-bottom:.5rem}
.se-orb svg{width:min(300px,70vw);height:auto}.se-orb .r{transform-origin:150px 150px;animation:spin 24s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.se-loop{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;text-align:center;box-shadow:0 14px 36px rgba(var(--brand-rgb),.07)}
.se-loop h3{margin-bottom:.3rem}.se-loop p{color:var(--muted);margin:0;font-size:.95rem}
.se-rail{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:1rem 0 1.4rem;margin-top:1.4rem}
.se-rail>div{flex:0 0 min(300px,80%);scroll-snap-align:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);padding:1.4rem}
.se-rail h3{font-size:1.15rem}.se-rail p{margin:0;font-size:.92rem}
@media(max-width:900px){.se-hero .wrap{grid-template-columns:minmax(0,1fr)}.se-ring{grid-template-columns:minmax(0,1fr)}}
/* ---------- 5 LOCAL: the map ---------- */
.lc-hero{padding:clamp(3rem,7vw,5.5rem) 0;background:var(--brand);color:#fff;position:relative;overflow:hidden}
.lc-hero .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:3rem;align-items:center}
.lc-hero h1{color:#fff;font-size:clamp(2.4rem,5.2vw,4.4rem)}.lc-hero h1 em{color:var(--highlight)}.lc-hero p{color:var(--on-dark-2)}
.lc-map{position:relative;aspect-ratio:5/4;border-radius:var(--radius);overflow:hidden;background:#0f2236;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 70px rgba(0,0,0,.4)}
.lc-map svg{position:absolute;inset:0;width:100%;height:100%}
.lc-map .st{stroke:rgba(255,255,255,.16);stroke-width:3;fill:none}.lc-map .st2{stroke:rgba(255,255,255,.08);stroke-width:2;fill:none}
.lc-map .pk{fill:rgba(var(--highlight-rgb),.14)}
.lc-pin{position:absolute;width:18px;height:18px;margin:-9px;border-radius:50%;background:var(--highlight);box-shadow:0 0 0 0 rgba(var(--highlight-rgb),.7);animation:hsp 2.4s infinite}
.lc-pin--me{width:26px;height:26px;margin:-13px;background:#fff;border:6px solid var(--accent-bright)}
.lc-pack{position:absolute;right:5%;bottom:6%;width:min(54%,260px);background:#fff;color:var(--ink);border-radius:14px;padding:.8rem;box-shadow:0 20px 44px rgba(0,0,0,.4)}
.lc-pack div{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;font-size:.82rem}.lc-pack div+div{border-top:1px solid var(--line)}
.lc-pack i{width:30px;height:30px;border-radius:8px;background:var(--cloud-2);flex:none}.lc-pack .me i{background:var(--accent)}.lc-pack .me{font-weight:600}
.lc-pack u{display:block;height:7px;border-radius:4px;background:var(--cloud-2);width:70%;margin-top:4px}
.lc-band{position:relative;border-radius:var(--radius);overflow:hidden;min-height:340px;display:grid;align-items:end;margin-top:2rem}
.lc-band>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lc-band::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(var(--brand-deep-rgb),.9),rgba(var(--brand-deep-rgb),.05) 70%)}
.lc-cards{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1.4rem}
.lc-c{flex:1 1 200px;max-width:260px;background:rgba(255,255,255,.94);border-radius:14px;padding:1rem 1.1rem;text-align:center;box-shadow:0 14px 30px rgba(0,0,0,.25)}
.lc-c h3{font-size:1.05rem;margin:0 0 .2rem}.lc-c p{margin:0;font-size:.85rem;color:var(--muted);line-height:1.4}
@media(max-width:900px){.lc-hero .wrap{grid-template-columns:minmax(0,1fr)}}
/* ---------- 6 REPORTING: the paper stack ---------- */
.rp-hero{padding:clamp(3rem,7vw,5.5rem) 0;background:linear-gradient(180deg,var(--cloud-2),var(--cloud))}
.rp-hero .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:3rem;align-items:center}
.rp-hero h1{font-size:clamp(2.4rem,5.2vw,4.4rem)}
.rp-stack{position:relative;aspect-ratio:1/1;max-width:520px;margin:0 auto;width:100%}
.rp-pg{position:absolute;inset:6% 8%;border-radius:12px;background:#fff;box-shadow:0 24px 50px rgba(var(--brand-rgb),.2);transition:transform .3s;overflow:hidden}
.rp-pg:nth-child(1){transform:rotate(-9deg) translate(-6%,3%)}.rp-pg:nth-child(2){transform:rotate(5deg) translate(7%,-2%);background:var(--accent-wash)}
.rp-pg:nth-child(3){transform:rotate(-1deg);display:flex;flex-direction:column}
.rp-pg img{width:100%;aspect-ratio:3/2;object-fit:cover}
.rp-pg p{margin:0;padding:.8rem 1rem;display:grid;gap:.4rem}.rp-pg p b{display:block;height:9px;border-radius:5px;background:var(--cloud-2)}.rp-pg p b:nth-child(1){width:80%;background:var(--accent)}.rp-pg p b:nth-child(2){width:96%}.rp-pg p b:nth-child(3){width:62%}
.rp-tabs{max-width:900px;margin:2rem auto 0}
.rp-tabs [role=tablist]{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.2rem}
.rp-tabs [role=tab]{font:600 .95rem var(--f-body);padding:.7rem 1.2rem;border-radius:999px;border:1px solid var(--line-strong);background:#fff;cursor:pointer}
.rp-tabs [role=tab][aria-selected=true]{background:var(--brand);color:#fff;border-color:var(--brand)}
.rp-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:2rem}
.rp-panel[hidden]{display:none}
.rp-bars{display:grid;gap:.7rem}.rp-bars b{display:block;height:16px;border-radius:8px;background:linear-gradient(90deg,var(--accent),var(--accent-bright));width:0;transition:width 1s cubic-bezier(.2,.6,.2,1)}
.rp-panel:not([hidden]) .rp-bars b{width:var(--w)}
@media(max-width:900px){.rp-hero .wrap,.rp-panel{grid-template-columns:minmax(0,1fr)}}
/* ---------- 7 SOCIAL: the feed ---------- */
.sc-hero{padding:clamp(3rem,7vw,5.5rem) 0;overflow:hidden;background:radial-gradient(80% 70% at 80% 30%,#1b3a63,var(--brand-deep))}
.sc-hero .wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,4fr);gap:3rem;align-items:center}
.sc-hero h1{color:#fff;font-size:clamp(2.4rem,5.2vw,4.4rem)}.sc-hero h1 em{color:var(--highlight)}.sc-hero p{color:var(--on-dark-2)}
.sc-phone{width:min(290px,70vw);aspect-ratio:9/18.5;margin:0 auto;border-radius:38px;border:8px solid #0b0e14;background:#fff;overflow:hidden;position:relative;box-shadow:0 40px 80px rgba(0,0,0,.5),0 0 0 2px rgba(255,255,255,.12)}
.sc-feed{display:grid;gap:.8rem;padding:.8rem;animation:feed 22s linear infinite}
.sc-post{border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.sc-post img{aspect-ratio:1/1;object-fit:cover;width:100%}.sc-post p{margin:0;padding:.6rem;display:grid;gap:.3rem}.sc-post b{display:block;height:7px;border-radius:4px;background:var(--cloud-2)}.sc-post b:first-child{width:60%;background:var(--accent)}
@keyframes feed{to{transform:translateY(-50%)}}
.sc-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.6rem;margin-top:2rem}
.sc-day{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;text-align:center;font-size:.8rem}
.sc-day img{aspect-ratio:1/1;object-fit:cover;width:100%}.sc-day b{display:block;padding:.5rem .2rem;font-weight:600}.sc-day span{display:block;padding:0 .2rem .6rem;color:var(--muted)}
.sc-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;text-align:center}
.sc-flow>div{padding:1.4rem;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}
@media(max-width:900px){.sc-hero .wrap{grid-template-columns:minmax(0,1fr)}.sc-week{display:flex;flex-wrap:wrap;justify-content:center}.sc-week>*{flex:0 0 calc(25% - .45rem)}.sc-flow{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.sc-week>*{flex:0 0 calc(50% - .3rem)}}
/* ---------- 8 ADS: fee against spend ---------- */
.ad-hero{padding:clamp(3.5rem,8vw,6.5rem) 0;text-align:center}
.ad-hero h1{font-size:clamp(2.6rem,6.4vw,5.4rem);max-width:15ch;margin-inline:auto}
.ad-split{max-width:780px;margin:2rem auto 0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:1.6rem}
.ad-bar{display:flex;height:64px;border-radius:12px;overflow:hidden;margin:1rem 0;background:rgba(255,255,255,.08)}
.ad-bar div{display:grid;place-items:center;font:600 .9rem var(--f-body);transition:flex-basis .5s cubic-bezier(.2,.6,.2,1);min-width:0;overflow:hidden;white-space:nowrap}
.ad-fee{background:var(--accent-bright);color:var(--brand-deep)}.ad-spend{background:var(--highlight-light);color:var(--brand-deep)}
.ad-split input[type=range]{width:100%;accent-color:var(--highlight);height:2rem}
.ad-split output{font:700 1.4rem var(--f-body);font-variant-numeric:tabular-nums}
.ad-split .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;text-align:left;margin-top:.8rem}
.ad-split .two span{display:block;font:600 .74rem var(--f-body);letter-spacing:.07em;text-transform:uppercase;color:var(--highlight-light)}
.ad-plats{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}
.ad-p{flex:0 1 calc(25% - .8rem);min-width:200px;border-radius:var(--radius);overflow:hidden;background:#fff;border:1px solid var(--line);text-align:center}
.ad-p img{aspect-ratio:3/2;object-fit:cover;width:100%}.ad-p b{display:block;padding:.9rem;font-weight:600}
/* ---------- 9 COMMUNICATIONS: the orbit ---------- */
.cm-hero{padding:clamp(3rem,7vw,5.5rem) 0;background:linear-gradient(180deg,#fff,var(--accent-wash))}
.cm-hero .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:3rem;align-items:center}
.cm-hero h1{font-size:clamp(2.4rem,5.2vw,4.4rem)}
.cm-orbit{position:relative;width:min(480px,92%);aspect-ratio:1/1;margin:0 auto}
.cm-core{position:absolute;inset:26%;border-radius:50%;overflow:hidden;box-shadow:0 20px 50px rgba(var(--brand-rgb),.3);border:6px solid #fff}.cm-core img{width:100%;height:100%;object-fit:cover}
.cm-ring{position:absolute;inset:0;border-radius:50%;border:1.5px dashed var(--line-strong);animation:spin 40s linear infinite}
.cm-chip{position:absolute;left:50%;top:50%;width:0;height:0}
.cm-chip span{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:999px;padding:.5rem .9rem;font:600 .82rem var(--f-body);box-shadow:0 10px 24px rgba(var(--brand-rgb),.14);animation:spinr 40s linear infinite}
@keyframes spinr{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}
.cm-list{display:grid;gap:.8rem;max-width:860px;margin:2rem auto 0}
.cm-li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1.1rem 1.4rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff}
.cm-li h3{margin:0;font-size:1.15rem}.cm-li p{margin:0;color:var(--muted);font-size:.92rem}
@media(max-width:900px){.cm-hero .wrap{grid-template-columns:minmax(0,1fr)}.cm-li{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.cm-chip span{font-size:.7rem;padding:.35rem .6rem}}
/* ---------- 10 LEAD CAPTURE: the pipeline ---------- */
.ld-hero{padding:clamp(3rem,7vw,5.5rem) 0;text-align:center;background:var(--cloud)}
.ld-hero h1{font-size:clamp(2.4rem,5.4vw,4.6rem);max-width:18ch;margin-inline:auto}
.ld-pipe{max-width:900px;margin:2rem auto 0;display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr) 60px minmax(0,1fr);gap:.4rem;align-items:center}
.ld-node{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem .8rem;box-shadow:0 14px 36px rgba(var(--brand-rgb),.08);font-weight:600}
.ld-node small{display:block;font-weight:400;color:var(--muted);margin-top:.2rem}
.ld-node--mid{background:var(--brand);color:#fff;border-color:var(--brand)}.ld-node--mid small{color:var(--on-dark-3)}
.ld-wire{height:3px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,transparent 8px 16px);animation:wire 1s linear infinite;border-radius:2px}
@keyframes wire{to{background-position:16px 0}}
.ld-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.4rem;align-items:center}
@media(max-width:820px){.ld-pipe{grid-template-columns:minmax(0,1fr)}.ld-wire{width:3px;height:36px;margin:0 auto;background:repeating-linear-gradient(0deg,var(--accent) 0 8px,transparent 8px 16px);animation:none}.ld-band{grid-template-columns:minmax(0,1fr)}}
/* ---------- 11 COMMERCE: the feed flow ---------- */
.ec-hero{padding:clamp(3rem,7vw,5.5rem) 0}
.ec-hero .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:3rem;align-items:center}
.ec-hero h1{font-size:clamp(2.4rem,5.2vw,4.4rem)}
.ec-tall{position:relative}.ec-tall .pimg{aspect-ratio:4/4.6;box-shadow:0 30px 70px rgba(var(--brand-rgb),.22)}
.ec-tile{position:absolute;background:#fff;border-radius:12px;padding:.6rem .9rem;font:600 .82rem var(--f-body);box-shadow:0 14px 34px rgba(var(--brand-rgb),.22);animation:bob 5s ease-in-out infinite}
.ec-tile:nth-of-type(2){left:-4%;top:14%}.ec-tile:nth-of-type(3){right:-3%;top:44%;animation-delay:-1.6s}.ec-tile:nth-of-type(4){left:6%;bottom:8%;animation-delay:-3s}
@keyframes bob{50%{transform:translateY(-10px)}}
.ec-flow{display:grid;gap:0;max-width:640px;margin:2rem auto 0;position:relative}
.ec-flow::before{content:"";position:absolute;left:23px;top:20px;bottom:20px;width:3px;background:linear-gradient(var(--accent),var(--highlight))}
.ec-f{display:flex;gap:1.2rem;align-items:flex-start;padding:1rem 0;position:relative}
.ec-f i{width:48px;height:48px;border-radius:50%;background:var(--brand);border:4px solid #fff;box-shadow:0 0 0 2px var(--accent);flex:none;z-index:1}
.ec-f h3{margin:0 0 .2rem;font-size:1.2rem}.ec-f p{margin:0;color:var(--muted)}
@media(max-width:900px){.ec-hero .wrap{grid-template-columns:minmax(0,1fr)}.ec-tile{display:none}}
/* ---------- 12 SPANISH: the toggle ---------- */
.es-hero{padding:clamp(3rem,7vw,5.5rem) 0;text-align:center;background:linear-gradient(180deg,var(--accent-wash),#fff)}
.es-tog{display:inline-flex;background:#fff;border:1px solid var(--line-strong);border-radius:999px;padding:4px;margin-bottom:1.4rem;box-shadow:0 10px 30px rgba(var(--brand-rgb),.1)}
.es-tog button{font:600 .95rem var(--f-body);padding:.55rem 1.3rem;border-radius:999px;border:0;background:none;cursor:pointer;color:var(--ink)}
.es-tog button[aria-pressed=true]{background:var(--brand);color:#fff}
.es-hero h1{font-size:clamp(2.4rem,5.4vw,4.6rem);max-width:18ch;margin-inline:auto;transition:opacity .25s}
.es-hero .lede{max-width:56ch;margin-inline:auto;transition:opacity .25s}.es-swap{opacity:0}
.es-twin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;margin-top:2rem}
.es-win{border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 20px 50px rgba(var(--brand-rgb),.12)}
.es-win header{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;background:var(--cloud-2);font:500 .82rem var(--f-body);color:var(--muted)}
.es-win header b{background:#fff;border-radius:999px;padding:.15rem .7rem;font-weight:500;flex:1}
.es-win img{aspect-ratio:16/9;object-fit:cover;width:100%}.es-win div{padding:1rem;display:grid;gap:.45rem}.es-win u{display:block;height:9px;border-radius:5px;background:var(--cloud-2);text-decoration:none}
.es-win .en u:first-child{width:50%;background:var(--accent)}
@media(max-width:760px){.es-twin{grid-template-columns:minmax(0,1fr)}}
/* ---------- 13 LINK IN BIO: the stack ---------- */
.lk-hero{padding:clamp(3rem,7vw,5.5rem) 0;background:radial-gradient(70% 60% at 30% 40%,var(--accent-wash),#fff)}
.lk-hero .wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr);gap:3rem;align-items:center}
.lk-hero h1{font-size:clamp(2.4rem,5.2vw,4.2rem)}
.lk-ph{max-width:340px;margin:0 auto;position:relative}.lk-ph .pimg{aspect-ratio:2/3;border-radius:28px;box-shadow:0 36px 70px rgba(var(--brand-rgb),.3)}
.lk-btns{display:grid;gap:.7rem;max-width:420px}
.lk-btns span{display:block;padding:1rem 1.3rem;border-radius:999px;background:#fff;border:1px solid var(--line-strong);font-weight:600;box-shadow:0 8px 20px rgba(var(--brand-rgb),.08);animation:lkin .7s both}
.lk-btns span:nth-child(1){animation-delay:.2s;background:var(--brand);color:#fff;border-color:var(--brand)}.lk-btns span:nth-child(2){animation-delay:.45s}.lk-btns span:nth-child(3){animation-delay:.7s}.lk-btns span:nth-child(4){animation-delay:.95s}.lk-btns span:nth-child(5){animation-delay:1.2s}
@keyframes lkin{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}
@media(max-width:820px){.lk-hero .wrap{grid-template-columns:minmax(0,1fr)}.lk-ph{max-width:260px}}
/* ---------- 14 AI VISIBILITY: the prompts ---------- */
.ai-hero{position:relative;overflow:hidden;padding:clamp(3.5rem,8vw,6.5rem) 0;color:#fff;text-align:center}
.ai-hero>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ai-hero::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(60% 60% at 50% 40%,rgba(var(--brand-rgb),.2),rgba(var(--brand-deep-rgb),.92))}
.ai-hero .wrap{position:relative;z-index:2}.ai-hero h1{color:#fff;font-size:clamp(2.5rem,5.8vw,5rem);max-width:16ch;margin-inline:auto}.ai-hero h1 em{color:var(--highlight)}.ai-hero p{color:var(--on-dark-2);max-width:56ch;margin-inline:auto}
.ai-q{max-width:640px;margin:1.8rem auto 0;display:grid;gap:.6rem}
.ai-q div{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.8rem 1.3rem;text-align:left;animation:hsin .7s both}
.ai-q div:nth-child(1){animation-delay:.3s}.ai-q div:nth-child(2){animation-delay:1.1s;margin-left:2rem}.ai-q div:nth-child(3){animation-delay:1.9s}
.ai-eng{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}
.ai-e{flex:1 1 240px;max-width:300px;padding:1.4rem;border-radius:var(--radius);background:#fff;border:1px solid var(--line);text-align:center;box-shadow:0 14px 36px rgba(var(--brand-rgb),.07)}
/* ---------- 15 PLATFORM: the dashboard ---------- */
.pf-hero{padding:clamp(3rem,7vw,5.5rem) 0;color:#fff;background:linear-gradient(150deg,#05070b,#0b2238)}
.pf-hero .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:3rem;align-items:center}
.pf-hero h1{color:#fff;font-size:clamp(2.4rem,5.2vw,4.4rem)}.pf-hero h1 em{color:var(--highlight)}.pf-hero p{color:var(--on-dark-2)}
.pf-dash{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:78px;gap:.7rem;background:#0d141d;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:.9rem;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.pf-t{border-radius:12px;background:rgba(255,255,255,.06);padding:.7rem;overflow:hidden;position:relative}
.pf-t.a{grid-column:span 4;grid-row:span 2}.pf-t.b{grid-column:span 2;grid-row:span 2}.pf-t.c{grid-column:span 3}.pf-t.d{grid-column:span 3}.pf-t.e{grid-column:span 6}
.pf-t u{display:block;height:7px;border-radius:4px;background:rgba(255,255,255,.18);width:44%;margin-bottom:.5rem;text-decoration:none}
.pf-spark{display:flex;align-items:flex-end;gap:5px;height:calc(100% - 20px)}.pf-spark b{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(0deg,var(--accent),var(--highlight));animation:pfb 3s ease-in-out infinite;transform-origin:bottom}
.pf-spark b:nth-child(odd){animation-delay:-1s}.pf-spark b:nth-child(3n){animation-delay:-2s}
@keyframes pfb{50%{transform:scaleY(.6)}}
.pf-ring{width:70px;height:70px;border-radius:50%;margin:0 auto;background:conic-gradient(var(--highlight) 0 68%,rgba(255,255,255,.12) 0);-webkit-mask:radial-gradient(circle 24px,transparent 98%,#000);mask:radial-gradient(circle 24px,transparent 98%,#000)}
.pf-mods{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:2rem}
.pf-mods span{padding:.7rem 1.2rem;border-radius:999px;background:var(--cloud);border:1px solid var(--line);font-weight:500}
@media(max-width:900px){.pf-hero .wrap{grid-template-columns:minmax(0,1fr)}}
/* ---------- 16 MANAGED ACCOUNT: the approval ---------- */
.ma-hero{padding:clamp(3rem,7vw,5.5rem) 0}
.ma-hero .wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:3rem;align-items:center}
.ma-hero h1{font-size:clamp(2.4rem,5.2vw,4.4rem)}
.ma-card{position:relative}.ma-card .pimg{aspect-ratio:4/3;box-shadow:0 30px 70px rgba(var(--brand-rgb),.22)}
.ma-appr{position:absolute;left:-6%;bottom:-8%;width:min(78%,330px);background:#fff;border-radius:16px;padding:1rem;box-shadow:0 24px 54px rgba(var(--brand-rgb),.3);border:1px solid var(--line)}
.ma-appr u{display:block;height:8px;border-radius:4px;background:var(--cloud-2);margin:.4rem 0;text-decoration:none}.ma-appr u:first-child{width:55%;background:var(--accent)}
.ma-appr div{display:flex;gap:.5rem;margin-top:.8rem}.ma-appr span{flex:1;text-align:center;padding:.55rem;border-radius:999px;font:600 .82rem var(--f-body);background:var(--cloud-2)}
.ma-appr span:first-child{background:var(--accent);color:#fff;animation:press 4s infinite}
@keyframes press{0%,80%,100%{transform:none}86%{transform:scale(.92)}}
.ma-three{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:2rem}
@media(max-width:900px){.ma-hero .wrap{grid-template-columns:minmax(0,1fr)}.ma-appr{left:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.dm-marq div,.sc-feed,.cm-ring,.cm-chip span,.se-orb .r{animation:none!important}.hs-row,.ai-q div,.lk-btns span{opacity:1;transform:none}.se-arch path,.hs-beat path{stroke-dashoffset:0}}

.dark .lede,.hs-hero .lede,.ai-hero .lede,.lc-hero .lede,.sc-hero .lede,.pf-hero .lede,.ad-hero .lede,.wb-hero .lede{color:var(--on-dark-2)!important}
.dark .eyebrow,.hs-hero .eyebrow,.ai-hero .eyebrow,.lc-hero .eyebrow,.sc-hero .eyebrow,.pf-hero .eyebrow{color:var(--highlight-light)}
.bd-row .bp.q{font-size:1rem}

/* v2: scroll reveal is progressive enhancement only. Content is visible by default; html.sv-on is added by JS and removed by a failsafe timer. */
.sv-on .sv{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.sv-on .sv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.sv-on .sv{opacity:1!important;transform:none!important;transition:none}}
/* v2 header condense (same as home) */
.site-header{transition:background .24s,box-shadow .24s}
body.is-scrolled .site-header{box-shadow:0 8px 24px rgba(0,0,0,.25)}