/* Pinjam ARSA v3 "Segar" — gaya terinspirasi Mana Yerba Mate.
   Dasar krem, kuning/merah/biru langit, garis tinta, tombol stiker, tepi gelombang. */
:root{
  --cream:#FEF7E6; --paper:#FFFDF8; --ink:#231F20; --ink-2:#4B4341; --ink-3:#7D726D;
  --line:rgba(35,31,32,.16);
  --yel:#FFD372; --yel-d:#F2B84B; --yel-l:#FFE9B5;
  --red:#F15B40; --red-d:#C8432B; --red-l:#FCD3C8;
  --sky:#7CACDC; --sky-d:#3F72AA; --sky-l:#D3E3F4;
  --pink:#F6B1CF; --pink-d:#E72F63; --pink-l:#FBDDEA;
  --wa:#1FA855; --wa-d:#168243;
  --blue:#008BD0; --star:#FFB020;
  --r:24px; --r-sm:16px; --bw:2px;
  --pop:0 4px 0 var(--ink);
  --gut:clamp(16px,4.5vw,40px);
  --font:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{background:var(--cream);color:var(--ink);font-family:var(--font);font-size:clamp(16px,.3vw + 15px,17.5px);line-height:1.55;overflow-x:hidden;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
img,svg,video{display:block;max-width:100%}
a{color:var(--ink);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--red-d)}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--sky-d);outline-offset:3px;border-radius:8px}
::selection{background:var(--yel)}
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--cream);padding:10px 16px;z-index:99}
.skip:focus{left:8px;top:8px}
.ic{width:20px;height:20px;flex:none}
.st{width:15px;height:15px;color:var(--star);flex:none}
.sts{display:inline-flex;gap:1px}
.sts .ic{color:var(--star);width:16px;height:16px}
.hl{color:var(--red)}
.hl-b{color:var(--blue)}
.muted{color:var(--ink-3)}
.small{font-size:14px}
.center{text-align:center}
.mt{margin-top:0}
.art{width:100%;height:auto;overflow:visible}

/* ---------- type ---------- */
h1,h2,h3{color:var(--ink);font-weight:800;letter-spacing:-.04em;line-height:.98}
h1{font-size:clamp(46px,8.6vw,88px);letter-spacing:-.05em;line-height:.92}
h2{font-size:clamp(34px,5.4vw,60px);line-height:.95}
h3{font-size:clamp(19px,1.8vw,22px);letter-spacing:-.02em;line-height:1.15;font-weight:700}
.lead{font-size:clamp(17px,1.5vw,20.5px);color:var(--ink-2);max-width:46ch;line-height:1.45}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink);
  background:var(--paper);border:1.5px solid var(--ink);border-radius:99px;padding:6px 13px 6px 10px}
.kicker::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--red);flex:none}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.pop{display:inline-block;position:relative;background:var(--ink);color:var(--yel);padding:.02em .2em .1em;margin:0 .02em 0 .06em;border-radius:.2em;transform:rotate(-3deg);
  box-shadow:.06em .07em 0 var(--red);letter-spacing:-.04em}
.pop .spark{position:absolute;right:-.24em;top:-.26em;width:.42em;height:.42em}
/* baris kata kunci di dalam H1: kecil, rapi, tidak mengubah judul besar */
.h1-kw{display:block;width:fit-content;max-width:100%;font-size:clamp(13px,1.2vw,15px);font-weight:700;letter-spacing:.01em;line-height:1.35;color:var(--ink);
  background:var(--paper);border:1.5px solid var(--ink);border-radius:14px;padding:6px 12px;margin-bottom:.55em}

/* ---------- header ---------- */
.topline{background:var(--ink);color:#E9E1CF;font-size:12.5px;display:flex;gap:6px;align-items:center;justify-content:center;padding:7px 12px;text-align:center}
.topline .ic{width:14px;height:14px;color:var(--yel)}
.topline b{color:var(--yel);font-weight:700}
.site-head{position:sticky;top:0;z-index:30;background:var(--yel);transition:background .25s,box-shadow .25s}
.site-head.scrolled{background:rgba(254,247,230,.94);backdrop-filter:saturate(1.3) blur(10px);box-shadow:0 1.5px 0 var(--ink)}
.head-row{display:flex;align-items:center;gap:12px;min-height:96px;transition:min-height .35s cubic-bezier(.2,.8,.2,1)}
.brand{display:flex;align-items:center;flex:none}
.brand .logo{height:66px;width:auto;transition:height .35s cubic-bezier(.2,.8,.2,1)}
.site-head.scrolled .head-row{min-height:66px}
.site-head.scrolled .brand .logo{height:42px}
@media(min-width:980px){.head-row{min-height:124px}.brand .logo{height:92px}
  .site-head.scrolled .head-row{min-height:78px}.site-head.scrolled .brand .logo{height:52px}}
@media(max-width:380px){.brand .logo{height:56px}}
.nav{display:none;margin-left:auto;gap:2px}
.nav a{font-weight:600;font-size:15.5px;text-decoration:none;color:var(--ink);padding:9px 14px;border-radius:99px;border:1.5px solid transparent}
.nav a:hover{border-color:var(--ink);color:var(--ink)}
.nav a[aria-current]{background:var(--ink);color:var(--cream)}
.site-head .head-cta{margin-left:auto}
.nav-toggle{background:var(--paper);border:var(--bw) solid var(--ink);border-radius:99px;width:46px;height:46px;display:grid;place-items:center;color:var(--ink)}
@media(min-width:980px){.nav{display:flex}.site-head .head-cta{margin-left:10px}.nav-toggle{display:none}}
@media(max-width:979px){
  .nav.open{display:flex;flex-direction:column;position:absolute;left:10px;right:10px;top:calc(100% + 6px);background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r);padding:8px;box-shadow:var(--pop)}
  .nav.open a{padding:14px 16px;font-size:18px;border-radius:16px}
}
@media(max-width:380px){.site-head .head-cta span{display:none}.site-head .head-cta{padding:10px 12px}}
.crumbs{font-size:13.5px;color:var(--ink-2);padding-top:6px;padding-bottom:6px;display:flex;flex-wrap:wrap;gap:6px;background:var(--yel);max-width:none;padding-left:max(var(--gut),calc((100vw - 1200px)/2 + var(--gut)));padding-right:var(--gut)}
.crumbs a{color:var(--ink-2)}

/* ---------- buttons (stiker) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:17px;line-height:1.15;text-decoration:none;padding:14px 24px;border-radius:99px;
  border:var(--bw) solid var(--ink);box-shadow:var(--pop);transition:transform .12s ease,box-shadow .12s ease,background .15s;min-height:54px;letter-spacing:-.01em;color:var(--ink);background:var(--paper)}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink);color:var(--ink)}
.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}
.btn-wa{background:var(--wa);color:#fff}
.btn-wa:hover{background:var(--wa-d);color:#fff}
.btn-orange{background:var(--red);color:#fff}
.btn-orange:hover{background:var(--red-d);color:#fff}
.btn-blue{background:var(--sky-d);color:#fff}
.btn-blue:hover{color:#fff}
.btn-ghost{background:var(--paper)}
.btn-light{background:var(--paper);color:var(--ink)}
.btn-sm{font-size:15px;padding:10px 16px;min-height:44px;box-shadow:0 3px 0 var(--ink)}
.btn-sm:hover{box-shadow:0 4px 0 var(--ink)}
.btn-block{width:100%}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}

/* ---------- sections + tepi gelombang ---------- */
.sec{position:relative;padding:clamp(60px,9vw,112px) 0}
.sec-cream{background:var(--paper)}
.sec-blue{background:var(--sky-l)}
.sec-dark{background:var(--sky)}
.sec-pink{background:var(--pink-l)}
.sec-yel{background:var(--yel)}
.sec-red{background:var(--red)}
.sec-cream,.sec-blue,.sec-dark,.sec-pink,.sec-yel,.sec-red{margin-top:22px;margin-bottom:22px}
.sec-cream::before,.sec-blue::before,.sec-dark::before,.sec-pink::before,.sec-yel::before,.sec-red::before,
.sec-cream::after,.sec-blue::after,.sec-dark::after,.sec-pink::after,.sec-yel::after,.sec-red::after,
.hero::after,.page-hero::after{content:"";position:absolute;left:0;right:0;height:22px;background:inherit;pointer-events:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 22'%3E%3Cpath d='M0 11c15 0 15-9 30-9s15 9 30 9 15-9 30-9 15 9 30 9v11H0z'/%3E%3C/svg%3E") repeat-x left bottom/120px 22px;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 22'%3E%3Cpath d='M0 11c15 0 15-9 30-9s15 9 30 9 15-9 30-9 15 9 30 9v11H0z'/%3E%3C/svg%3E") repeat-x left bottom/120px 22px}
.sec-cream::before,.sec-blue::before,.sec-dark::before,.sec-pink::before,.sec-yel::before,.sec-red::before{top:-21px}
.sec-cream::after,.sec-blue::after,.sec-dark::after,.sec-pink::after,.sec-yel::after,.sec-red::after,.hero::after,.page-hero::after{bottom:-21px;transform:scaleY(-1)}
.sec-head{max-width:780px;margin-bottom:clamp(26px,4vw,44px)}
.sec-head h2{margin-top:16px}
.sec-head p{margin-top:14px;color:var(--ink-2);font-size:1.08em;max-width:52ch}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head.center p{margin-left:auto;margin-right:auto}
.sec-head-row{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:14px 24px;margin-bottom:22px}
.sec-head-row .sec-head{margin-bottom:0}
.dots{background-image:radial-gradient(rgba(35,31,32,.13) 1.3px,transparent 1.5px);background-size:14px 14px}

/* ---------- dekorasi ---------- */
.deco{position:absolute;pointer-events:none;z-index:0}
.blob{border-radius:42% 58% 63% 37%/45% 40% 60% 55%;animation:morph 11s ease-in-out infinite}
@keyframes morph{50%{border-radius:58% 42% 38% 62%/58% 62% 38% 42%;transform:rotate(10deg) scale(1.04)}}
.twinkle{width:34px;height:34px;animation:tw 3.2s ease-in-out infinite}
.twinkle:nth-of-type(2n){animation-delay:-1.4s}
@keyframes tw{50%{transform:scale(.72) rotate(18deg)}}

/* ---------- proof pill ---------- */
.proof{display:inline-flex;align-items:center;gap:10px;background:var(--paper);border:1.5px solid var(--ink);border-radius:99px;padding:5px 15px 5px 5px;text-decoration:none;color:var(--ink);font-size:15px}
.proof .g{width:30px;height:30px;border-radius:50%;background:conic-gradient(#EA4335 0 25%,#FBBC05 0 50%,#34A853 0 75%,#4285F4 0);display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px}
.proof b{font-size:17px;font-weight:800}
.proof .sub{font-size:13.5px;color:var(--ink-2)}
.proof:hover{color:var(--ink);background:#fff}

/* ---------- hero ---------- */
.hero{position:relative;background:var(--yel);padding:clamp(10px,3vw,40px) 0 clamp(56px,7vw,96px);margin-bottom:22px;isolation:isolate}
.hero-grid{position:relative;z-index:1;display:grid;gap:28px;align-items:start}
@media(min-width:980px){.hero-grid{grid-template-columns:1fr 450px;gap:56px;align-items:center}}
.hero h1{margin-top:18px}
.hero .lead{margin-top:16px}
.usps{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.usps li{display:inline-flex;align-items:center;gap:7px;background:var(--paper);border:1.5px solid var(--ink);border-radius:99px;padding:6px 14px 6px 7px;font-weight:600;font-size:14.5px}
.usps .ic{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--wa);color:#fff;stroke-width:3}
.hero-side{display:none}
@media(min-width:980px){.hero-side{display:flex;align-items:center;gap:12px;margin-top:28px}}
.hero-side p{font-size:14.5px;color:var(--ink-2);line-height:1.35}
.hero-side b{color:var(--ink)}

/* home hero: urutan HP = judul, video, jaminan, chat */
.hero-home .hero-grid{grid-template-areas:"copy" "reel" "pick" "chat"}
.hero-copy{grid-area:copy}.hero-reel{grid-area:reel;min-width:0}.hero-pick{grid-area:pick}.hero-chat{grid-area:chat}
@media(min-width:980px){
  .hero-home .hero-grid{grid-template-columns:1fr 440px;grid-template-areas:"copy chat" "pick chat" "reel reel";row-gap:34px}
}
.hero-home .b1{width:300px;height:300px;background:var(--red);right:-150px;top:42%}
.hero-home .b2{width:200px;height:200px;background:var(--sky);left:-110px;top:58%;animation-delay:-4s}
@media(min-width:980px){.hero-home .b1{right:-90px;top:-60px;width:420px;height:420px}.hero-home .b2{left:-80px;top:auto;bottom:120px}}
.hero-home .t1{left:46%;top:8px}.hero-home .t2{right:8%;top:52%}
.reel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.reel-title a{font-weight:700;font-size:15px;white-space:nowrap}

/* jaminan "rasa" */
.flavors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.flavors-h{font-size:clamp(26px,3.4vw,34px)}
.fl{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;text-decoration:none;color:var(--ink);border:var(--bw) solid var(--ink);border-radius:26px 26px 20px 20px;
  padding:12px 8px 14px;box-shadow:var(--pop);transition:transform .2s cubic-bezier(.3,1.4,.5,1),box-shadow .2s}
.fl:hover{transform:translateY(-5px) rotate(-1.5deg);box-shadow:0 8px 0 var(--ink);color:var(--ink)}
.fl:active{transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}
.fl .art{width:min(96px,100%)}
.fl b{font-size:16px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.fl small{font-size:12px;color:var(--ink-2);line-height:1.2}
.fl-motor{background:var(--sky-l)}.fl-mobil{background:var(--red-l)}.fl-sert{background:var(--paper)}
@media(min-width:560px){.fl b{font-size:18px}.fl small{font-size:13px}}

/* ---------- chat (Lemonade) ---------- */
.chat{position:relative;background:var(--paper);border:var(--bw) solid var(--ink);border-radius:28px;box-shadow:6px 7px 0 var(--ink);overflow:hidden}
.chat-head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--ink);color:var(--cream)}
.chat-head .mark{width:38px;height:38px;background:var(--cream);border-radius:50%;padding:5px}
.chat-head b{display:block;font-size:16px;line-height:1.2;font-weight:700}
.chat-head span{font-size:12.5px;opacity:.8;display:flex;align-items:center;gap:6px}
.chat-head span::before{content:"";width:8px;height:8px;border-radius:50%;background:#4BE08A}
.chat-head .reset{margin-left:auto;background:rgba(254,247,230,.14);border:0;color:var(--cream);border-radius:99px;padding:8px 10px;display:none}
.chat-head .reset.show{display:inline-flex}
.chat-body{padding:16px;display:flex;flex-direction:column;gap:10px;min-height:370px;background:var(--cream);
  background-image:radial-gradient(rgba(35,31,32,.07) 1.2px,transparent 1.4px);background-size:14px 14px}
.msg{max-width:88%;padding:11px 15px;border-radius:20px 20px 20px 6px;background:var(--paper);border:1.5px solid var(--ink);font-size:16px;line-height:1.45;animation:pop .28s cubic-bezier(.3,1.4,.5,1) both}
.msg.me{align-self:flex-end;background:var(--sky);border-radius:20px 20px 6px 20px;font-weight:600}
.msg b{font-weight:700}
@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
.typing{display:inline-flex;gap:4px;padding:14px 16px}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--ink);animation:blink 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes blink{0%,80%,100%{opacity:.2}40%{opacity:.9}}
.quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;animation:pop .28s ease both}
.quick.wide{grid-template-columns:1fr}
.q{display:flex;align-items:center;gap:10px;text-align:left;background:var(--paper);border:1.5px solid var(--ink);border-radius:18px;padding:9px 10px;font-weight:700;font-size:15px;color:var(--ink);min-height:56px;
  box-shadow:0 3px 0 var(--ink);transition:transform .12s,background .12s,box-shadow .12s}
.q:hover{background:var(--yel-l);transform:translateY(-1px)}
.q:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}
.q .qi{width:44px;height:44px;flex:none;display:grid;place-items:center}
.q .qi .art{width:44px}
.q small{display:block;font-weight:500;font-size:12px;color:var(--ink-3)}
.q-city{grid-column:1/-1;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin-top:6px}
.q.sm{min-height:44px;padding:9px 12px;font-size:14.5px;box-shadow:0 2px 0 var(--ink)}
.chat-input{display:flex;gap:8px;animation:pop .25s ease both}
.chat-input input{flex:1;min-width:0;border:var(--bw) solid var(--ink);border-radius:99px;padding:13px 18px;font:inherit;font-size:16.5px;background:var(--paper)}
.chat-input input:focus{outline:0;box-shadow:0 0 0 4px var(--yel)}
.chat-input button{border:var(--bw) solid var(--ink);border-radius:50%;background:var(--red);color:#fff;width:54px;height:54px;display:grid;place-items:center;flex:none}
.chat-err{font-size:13.5px;color:var(--red-d);font-weight:600;margin-top:-4px}
.chat-done{display:grid;gap:10px;animation:pop .25s ease both}
.chat-foot{padding:10px 16px;font-size:12.5px;color:var(--ink-2);display:flex;gap:6px;align-items:center;border-top:1.5px solid var(--ink);background:var(--paper)}
.chat-foot .ic{width:15px;height:15px;color:var(--wa)}

/* ---------- video (portrait) ---------- */
.reel{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(158px,42vw,224px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px var(--gut) 18px;margin:0 calc(var(--gut) * -1);scrollbar-width:none}
.reel::-webkit-scrollbar{display:none}
.vcard{position:relative;display:block;text-decoration:none;color:var(--ink);aspect-ratio:9/16;border-radius:22px;overflow:hidden;border:var(--bw) solid var(--ink);padding:0;background:var(--ink);scroll-snap-align:start;text-align:left;box-shadow:4px 5px 0 var(--ink);
  transition:transform .25s cubic-bezier(.3,1.4,.5,1)}
.vcard:hover{transform:translateY(-4px) rotate(-1deg)}
.vcard img{width:100%;height:100%;object-fit:cover}
.vplay{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;background:var(--cream);color:var(--ink);border:1.5px solid var(--ink);display:grid;place-items:center;z-index:1}
.vplay .ic{width:15px;height:15px;margin-left:2px}
.vmeta{position:absolute;left:8px;right:8px;bottom:8px;z-index:1;background:var(--cream);color:var(--ink);border:1.5px solid var(--ink);border-radius:99px;padding:6px 10px;text-align:center;line-height:1.15}
.vmeta b{display:block;font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vmeta span{display:block;font-size:11.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(min-width:620px){.wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:900px){.wall{grid-template-columns:repeat(5,minmax(0,1fr))}}
.wall .vcard[hidden]{display:none}
.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 14px;margin-bottom:10px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;border:1.5px solid var(--ink);background:var(--paper);border-radius:99px;padding:8px 15px;font-weight:600;font-size:14.5px;color:var(--ink)}
.chip span{color:var(--ink-3);font-weight:500}
.chip.on{background:var(--ink);color:var(--cream)}
.chip.on span{color:var(--yel)}
.reel-foot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:14px}

/* ---------- wajah anggota (Kiva) ---------- */
.avatars{display:flex;flex-wrap:wrap;gap:8px;text-decoration:none;align-items:center}
.avatars img{width:54px;height:54px;border-radius:50%;object-fit:cover;object-position:50% 28%;border:var(--bw) solid var(--ink);background:var(--sky-l)}
.av-more{height:54px;min-width:54px;padding:0 14px;border-radius:99px;background:var(--red);color:#fff;border:var(--bw) solid var(--ink);font-weight:800;display:grid;place-items:center}
.hero-side .avatars{gap:0;flex-wrap:nowrap}
.hero-side .avatars img{width:44px;height:44px;margin-left:-12px}
.hero-side .avatars img:first-child{margin-left:0}
.hero-side .av-more{height:44px;min-width:44px;margin-left:-12px;font-size:14px;padding:0 10px}
.kiva{display:grid;gap:30px;align-items:center}
@media(min-width:900px){.kiva{grid-template-columns:1fr 1fr;gap:56px}}
.big-num{font-size:clamp(72px,13vw,148px);font-weight:800;line-height:.85;letter-spacing:-.06em;color:var(--ink)}
.big-num span{color:var(--red)}

/* ---------- ulasan ---------- */
.score{position:relative;display:grid;gap:22px;align-items:center;background:var(--ink);color:#E9E1CF;border-radius:30px;padding:clamp(24px,4vw,40px);margin-bottom:26px;overflow:hidden}
@media(min-width:900px){.score{grid-template-columns:minmax(270px,auto) 1fr;gap:44px}}
.score-num{display:flex;align-items:center;gap:18px}
.score-num b{font-size:clamp(76px,10vw,112px);font-weight:800;line-height:.85;color:var(--yel);letter-spacing:-.06em}
.score-num .sts .ic,.score-num .sts .st{width:22px;height:22px}
.score-num p{font-size:14.5px;margin-top:6px;line-height:1.4}
.score-num p b{font-size:inherit!important;color:var(--cream)!important;letter-spacing:0}
.rbars{display:grid;gap:7px}
.rbar{display:grid;grid-template-columns:minmax(120px,1.1fr) 58px minmax(60px,2fr) 84px;align-items:center;gap:12px;padding:11px 15px;border-radius:16px;background:rgba(254,247,230,.07);
  border:1.5px solid rgba(254,247,230,.16);color:var(--cream);text-decoration:none;font-size:15px;transition:background .15s,border-color .15s}
.rbar:hover{background:rgba(254,247,230,.13);border-color:var(--yel);color:var(--cream)}
.rbar-n{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rbar-r{display:flex;align-items:center;gap:4px;font-weight:800}
.rbar-r .ic{width:16px;height:16px;color:var(--star)}
.rbar-t{height:10px;border-radius:99px;background:rgba(254,247,230,.13);overflow:hidden}
.rbar-t i{display:block;height:100%;border-radius:inherit;background:var(--yel)}
.rbar-c{font-size:13px;color:#BDB3A2;text-align:right;white-space:nowrap}
@media(max-width:560px){
  .rbar{grid-template-columns:1fr auto;gap:7px 10px;padding:11px 13px}
  .rbar-t{grid-column:1/-1;order:3}
  .rbar-c{grid-column:1/-1;order:4;text-align:left;margin-top:-2px}
}
.rvs{columns:1;column-gap:16px}
@media(min-width:640px){.rvs{columns:2}}
@media(min-width:1000px){.rvs{columns:3}}
.rv{break-inside:avoid;background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--r);padding:18px 20px;margin-bottom:16px;position:relative}
.rv-top{display:flex;align-items:center;gap:10px}
.rv-av{width:40px;height:40px;border-radius:50%;background:var(--yel);border:1.5px solid var(--ink);font-weight:800;display:grid;place-items:center;flex:none}
.rv:nth-child(3n+2) .rv-av{background:var(--sky)}.rv:nth-child(3n) .rv-av{background:var(--pink)}
.rv-top b{display:block;font-size:15.5px;line-height:1.2;font-weight:700}
.rv-sub{font-size:12.5px;color:var(--ink-3)}
.g-mini{margin-left:auto;width:24px;height:24px;border-radius:50%;background:conic-gradient(#EA4335 0 25%,#FBBC05 0 50%,#34A853 0 75%,#4285F4 0);color:#fff;font-weight:800;font-size:11px;display:grid;place-items:center;flex:none}
.rv-stars{display:flex;gap:1px;margin-top:12px}
.rv blockquote{margin-top:8px;font-size:16.5px;line-height:1.45;letter-spacing:-.005em}
.rv-slide{display:flex;gap:16px;overflow-x:auto;padding:6px var(--gut) 18px;margin:0 calc(var(--gut) * -1);scrollbar-width:none;align-items:stretch}
.rv-slide::-webkit-scrollbar{display:none}
.rv-slide .rv{flex:0 0 clamp(272px,80vw,350px);margin:0;display:flex;flex-direction:column;box-shadow:0 4px 0 var(--ink)}
.rv-slide .rv:nth-child(4n+2){background:var(--yel-l)}
.rv-slide .rv:nth-child(4n+3){background:var(--sky-l)}
.rv-slide .rv:nth-child(4n){background:var(--pink-l)}
.rv-slide .rv blockquote{flex:1}
.sec-blue .rv-slide .rv:nth-child(4n+3){background:var(--paper)}

/* ---------- langkah ---------- */
.steps{list-style:none;display:grid;gap:14px;counter-reset:s}
@media(min-width:820px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
.step{position:relative;display:flex;flex-direction:column;gap:6px;background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r);padding:20px 20px 22px;box-shadow:var(--pop)}
.step::before{counter-increment:s;content:counter(s);position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;background:var(--yel);border:var(--bw) solid var(--ink);font-weight:800;font-size:20px;display:grid;place-items:center}
.step .art{width:96px;margin:-4px 0 6px -6px}
.step h3{font-size:21px}
.step p{color:var(--ink-2);font-size:15.5px}
.steps.plain .step{flex-direction:row;align-items:center;gap:14px;padding:16px 70px 16px 18px}

/* ---------- kenapa ARSA ---------- */
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:900px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
.tile{background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--r);padding:18px}
.tiles>.tile:nth-child(4n+1){background:var(--sky-l)}
.tiles>.tile:nth-child(4n+2){background:var(--pink-l)}
.tiles>.tile:nth-child(4n+3){background:var(--yel-l)}
.tiles>.tile:nth-child(4n){background:var(--red-l)}
.tile .art{width:84px;margin:-4px 0 4px -4px}
.tile .ti{width:46px;height:46px;border-radius:50%;background:var(--yel);border:1.5px solid var(--ink);display:grid;place-items:center}
.tile .ti.o{background:var(--pink)}
.tile .ti .ic{width:22px;height:22px}
.tile h3{font-size:18px;margin-top:10px}
.tile p{font-size:14.5px;color:var(--ink-2);margin-top:6px;line-height:1.45}
a.tile{text-decoration:none;color:inherit;transition:transform .2s}
a.tile:hover{transform:translateY(-3px);color:inherit}
.cards{display:grid;gap:12px}
@media(min-width:760px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- cabang ---------- */
.bcities{display:grid;gap:16px}
@media(min-width:700px){.bcities{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.bcities{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bcity{display:flex;flex-direction:column;gap:10px;background:var(--paper);border:var(--bw) solid var(--ink);border-radius:28px;padding:12px;box-shadow:var(--pop)}
.bcity:nth-child(4n+1) .bcity-head{background:var(--yel)}.bcity:nth-child(4n+2) .bcity-head{background:var(--sky)}
.bcity:nth-child(4n+3) .bcity-head{background:var(--pink)}.bcity:nth-child(4n) .bcity-head{background:var(--red-l)}
.bcity-head{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:18px;text-decoration:none;color:var(--ink);border:1.5px solid var(--ink)}
.bcity-head b{font-size:clamp(18px,1.6vw,21px);font-weight:800;letter-spacing:-.03em}
.bcity-head span{font-size:13px;color:var(--ink-2);font-weight:500;white-space:nowrap}
.bcity-head .ic{width:19px;height:19px}
.bcity-head .ic:last-child{margin-left:auto;transition:transform .2s}
.bcity-head:hover{color:var(--ink)}
.bcity-head:hover .ic:last-child{transform:translateX(3px)}
.bgrid{display:grid;gap:12px}
@media(min-width:640px){.bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.bgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bcard{display:flex;flex-direction:column;gap:12px;background:var(--paper);border:1.5px solid var(--ink);border-radius:20px;padding:14px}
.bgrid .bcard{box-shadow:var(--pop)}
.bcity .bcard{border-style:dashed;border-color:rgba(35,31,32,.35)}
.bcard h3{font-size:20px;line-height:1.1}
.bcard h3 small{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red-d);margin-bottom:4px}
.b-rate{display:flex;align-items:center;gap:4px;font-size:13.5px;color:var(--ink-2);margin-top:6px}
.b-rate .ic{width:15px;height:15px;color:var(--star)}
.b-rate b{color:var(--ink)}
.b-new{color:var(--ink-3)}
.bcard h3 a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.bcard h3 a .ic{width:17px;height:17px;transition:transform .2s}
.bcard h3 a:hover{color:var(--red-d)}
.bcard h3 a:hover .ic{transform:translateX(3px)}
.b-addr{font-size:13.5px;color:var(--ink-2);margin-top:6px;line-height:1.35}
.b-act{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}

/* ---------- halaman cabang ---------- */
.bp-hero{display:grid;gap:26px;align-items:start}
@media(min-width:980px){.bp-hero{grid-template-columns:1fr 430px;gap:56px;align-items:center}}
.bp-hero .proof{margin-top:18px}
.bp-hero .actions{margin-top:20px}
.bp-info{background:var(--paper);border:var(--bw) solid var(--ink);border-radius:28px;padding:8px 18px;box-shadow:6px 7px 0 var(--ink)}
.bp-row{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1.5px dashed rgba(35,31,32,.22)}
.bp-row:last-child{border-bottom:0}
.bp-row .ic{width:22px;height:22px;margin-top:2px;color:var(--red-d)}
.bp-row dt{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}
.bp-row dd{font-size:16px;font-weight:600;line-height:1.4;margin-top:2px;overflow-wrap:anywhere}
.bp-areas{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.bp-areas li{background:var(--paper);border:1.5px solid var(--ink);border-radius:99px;padding:7px 14px;font-weight:600;font-size:14.5px}
.bp-areas li:nth-child(4n+1){background:var(--yel-l)}.bp-areas li:nth-child(4n+2){background:var(--sky-l)}.bp-areas li:nth-child(4n+3){background:var(--pink-l)}

/* ---------- halaman satu video ---------- */
.tv-hero h1{max-width:20ch}
.tv-grid{display:grid;gap:28px;align-items:start}
@media(min-width:820px){.tv-grid{grid-template-columns:minmax(260px,380px) 1fr;gap:48px}}
.tv-video{border:var(--bw) solid var(--ink);border-radius:26px;overflow:hidden;background:var(--ink);box-shadow:6px 7px 0 var(--ink);aspect-ratio:9/16;max-width:380px;width:100%;margin:0 auto}
.tv-video video{width:100%;height:100%;object-fit:cover;background:var(--ink)}
.tv-quote{position:relative;background:var(--yel-l);border:var(--bw) solid var(--ink);border-radius:28px;padding:clamp(20px,3vw,30px);box-shadow:var(--pop)}
.tv-label{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;background:var(--ink);color:var(--yel);border-radius:99px;padding:5px 12px}
.tv-quote blockquote{margin-top:14px;font-size:clamp(20px,2.3vw,26px);font-weight:700;letter-spacing:-.02em;line-height:1.3}
.tv-quote blockquote p+p{margin-top:.45em}
.tv-quote figcaption{margin-top:16px;font-size:15px;color:var(--ink-2)}
.tv-note{margin-top:12px;font-size:13.5px;color:var(--ink-3);max-width:60ch}
.tv-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:26px}
.tv-nav .btn span{max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.no-map .b-act{grid-template-columns:1fr}
.b-act .btn{width:100%;min-height:42px;padding:8px 12px;font-size:14.5px}

/* ---------- syarat resmi ---------- */
.sy-grid{display:grid;gap:16px}
@media(min-width:820px){.sy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
.sy-grid.one{max-width:620px}
.sy-card{background:var(--paper);border:var(--bw) solid var(--ink);border-radius:28px;padding:clamp(18px,3vw,26px);box-shadow:var(--pop)}
.sy-bpkb{background:var(--sky-l)}.sy-sert{background:var(--yel-l)}
.sy-head{display:flex;align-items:center;gap:12px}
.sy-ic{width:48px;height:48px;border-radius:50%;background:var(--paper);border:1.5px solid var(--ink);display:grid;place-items:center;flex:none}
.sy-ic .ic{width:24px;height:24px}
.sy-head h3{font-size:clamp(21px,2.2vw,26px);letter-spacing:-.03em}
.sy-crit{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.sy-crit li{background:var(--ink);color:var(--cream);border-radius:99px;padding:6px 13px;font-size:14px;font-weight:500}
.sy-crit b{color:var(--yel);font-weight:700}
.sy-sub{margin-top:18px;font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2)}
.sy-list{list-style:none;display:grid;gap:7px;margin-top:10px}
.sy-list li{display:flex;gap:10px;align-items:flex-start;font-size:16px;font-weight:600;line-height:1.35}
.sy-list .ic{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--wa);color:#fff;stroke-width:3;margin-top:-1px}
.sy-alt{margin-top:16px;padding-top:14px;border-top:1.5px dashed rgba(35,31,32,.3);font-size:15px;color:var(--ink-2)}
.sy-alt b{color:var(--ink)}
.sy-notes{display:grid;gap:12px;margin-top:18px}
@media(min-width:640px){.sy-notes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.sy-notes{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sy-note{background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--r-sm);padding:16px 18px}
.sy-note h3{font-size:17px}
.sy-note p{font-size:15px;color:var(--ink-2);margin-top:6px;line-height:1.45}
.sy-no{background:var(--pink-l)}

/* ---------- tanya jawab ---------- */
.faq{display:grid;gap:10px;max-width:880px}
.faq details{background:var(--paper);border:1.5px solid var(--ink);border-radius:22px;padding:0 20px;transition:background .2s}
.faq details[open]{background:#fff;box-shadow:0 4px 0 var(--ink)}
.faq summary{cursor:pointer;list-style:none;font-weight:700;padding:18px 44px 18px 0;position:relative;font-size:1.05em;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:var(--yel);border:1.5px solid var(--ink);display:grid;place-items:center;font-size:20px;font-weight:600;line-height:1;transition:transform .2s}
.faq details[open] summary::after{content:"–";background:var(--red);color:#fff}
.faq details>div{padding:0 0 18px;color:var(--ink-2)}

/* ---------- notice ---------- */
.notice{display:flex;gap:12px;align-items:flex-start;background:var(--pink-l);border:1.5px solid var(--ink);border-radius:var(--r-sm);padding:16px 18px;color:var(--ink)}
.notice .ic{color:var(--pink-d);margin-top:2px;width:22px;height:22px}

/* ---------- CTA ---------- */
.cta-band{position:relative;background:var(--red);color:#fff;border:var(--bw) solid var(--ink);border-radius:36px;padding:clamp(28px,5vw,60px);overflow:hidden;display:grid;gap:22px;align-items:center;box-shadow:6px 7px 0 var(--ink)}
@media(min-width:880px){.cta-band{grid-template-columns:1.3fr auto}}
.cta-band h2{color:#fff;position:relative;z-index:1}
.cta-band h2 span{color:var(--yel)!important}
.cta-band p{margin-top:12px;position:relative;z-index:1;max-width:46ch;font-size:1.05em}
.cta-band .actions{margin-top:0;position:relative;z-index:1}
.cta-band .art{position:absolute;width:150px;right:-18px;bottom:-26px;opacity:.95;transform:rotate(-8deg)}
@media(min-width:880px){.cta-band .art{position:relative;right:auto;bottom:auto;width:170px;grid-row:1;grid-column:2;justify-self:end}.cta-band .actions{grid-column:1}}
.cta-band .twinkle{position:absolute;color:var(--yel)}

/* ---------- page hero / prose ---------- */
.page-hero{position:relative;background:var(--yel);padding:clamp(26px,5vw,60px) 0 clamp(44px,6vw,80px);margin-bottom:22px}
.page-hero h1{font-size:clamp(40px,6.6vw,72px);max-width:17ch;margin-top:18px}
.page-hero .lead{margin-top:16px}
.split{display:grid;gap:30px;align-items:start}
@media(min-width:980px){.split{grid-template-columns:1fr 440px;gap:56px}}
.prose{max-width:720px}
.prose>*+*{margin-top:1em}
.prose h2{font-size:clamp(28px,3.4vw,38px);margin-top:1.6em}
.prose h3{margin-top:1.4em}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:.45em}
.prose li::marker{color:var(--red);font-weight:800}
.prose table{width:100%;border-collapse:separate;border-spacing:0;font-size:.95em;border:1.5px solid var(--ink);border-radius:16px;overflow:hidden}
.prose th,.prose td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.prose tr:last-child td{border-bottom:0}
.prose th{background:var(--yel);font-weight:700}
.tldr{background:var(--yel-l);border:1.5px solid var(--ink);padding:16px 20px;border-radius:20px}
.page-meta{margin-top:14px;font-size:14px;color:var(--ink-2);display:flex;gap:12px;flex-wrap:wrap}
.qr-box{background:#fff;border-radius:20px;padding:16px;display:inline-grid;place-items:center;border:1.5px solid var(--ink);min-width:252px;min-height:252px}
.qr-box canvas,.qr-box img{width:220px!important;height:220px!important}
.aside-box{display:grid;gap:14px;align-content:start}
.cta-mini{background:var(--ink);color:#E9E1CF;border-radius:var(--r);padding:24px;border:var(--bw) solid var(--ink)}
.cta-mini h3{color:var(--yel)}
.cta-mini p{margin:8px 0 16px;font-size:15px}
select{font:inherit;font-weight:600;border:var(--bw) solid var(--ink)!important;border-radius:99px!important;padding:12px 16px!important;background:var(--paper)}

/* ---------- footer ---------- */
.site-foot{position:relative;background:var(--ink);color:#BDB3A2;padding:70px 0 130px;font-size:15px;margin-top:40px}
.site-foot::before{content:"";position:absolute;left:0;right:0;top:-21px;height:22px;background:inherit;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 22'%3E%3Cpath d='M0 11c15 0 15-9 30-9s15 9 30 9 15-9 30-9 15 9 30 9v11H0z'/%3E%3C/svg%3E") repeat-x left bottom/120px 22px;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 22'%3E%3Cpath d='M0 11c15 0 15-9 30-9s15 9 30 9 15-9 30-9 15 9 30 9v11H0z'/%3E%3C/svg%3E") repeat-x left bottom/120px 22px}
@media(min-width:980px){.site-foot{padding-bottom:40px}}
.site-foot a{color:var(--cream);text-decoration:none}
.site-foot a:hover{color:var(--yel)}
.site-foot .logo{height:64px;width:auto}
.foot-big{font-size:clamp(44px,8.5vw,112px);font-weight:800;letter-spacing:-.055em;line-height:.9;color:var(--cream);margin-bottom:44px;max-width:14ch}
.foot-big span{color:var(--yel)}
.foot-grid{display:grid;gap:30px}
@media(min-width:760px){.foot-grid{grid-template-columns:1.4fr 1fr 1.2fr 1.1fr}}
.foot-slogan{margin-top:14px;color:var(--cream);font-weight:700;font-size:18px}
.foot-small{margin-top:6px;font-size:14px}
.foot-h{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--yel);margin-bottom:12px;font-weight:700}
.foot-links{list-style:none;display:grid;gap:9px}
.foot-contact li{display:flex;gap:9px;align-items:flex-start}
.foot-contact .ic{width:18px;height:18px;margin-top:3px;color:var(--yel)}
.socials{display:flex;gap:8px;margin-top:16px}
.socials a{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(254,247,230,.35);display:grid;place-items:center}
.socials a:hover{background:var(--yel);color:var(--ink);border-color:var(--yel)}
.foot-bottom{margin-top:40px;padding-top:20px;border-top:1px solid rgba(254,247,230,.14);display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:space-between;font-size:13px;color:#9E9483}

/* ---------- dock HP ---------- */
.dock{position:fixed;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:40;display:grid;grid-template-columns:1fr 1.5fr;gap:8px;transform:translateY(170%);transition:transform .35s cubic-bezier(.3,1.3,.5,1)}
.dock.show{transform:none}
.dock a{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:700;padding:13px 10px;border-radius:99px;font-size:16px;border:var(--bw) solid var(--ink);box-shadow:0 4px 0 var(--ink)}
.dock-a{background:var(--yel);color:var(--ink)}
.dock-b{background:var(--wa);color:#fff}
@media(min-width:980px){.dock{left:auto;right:24px;bottom:24px;width:410px}}

/* ---------- pemutar video ---------- */
.player{position:fixed;inset:0;z-index:100;background:#000}
.player[hidden]{display:none}
.player-feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain}
.player-feed::-webkit-scrollbar{display:none}
.slide{position:relative;height:100%;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;overflow:hidden}
.slide video{width:100%;height:100%;object-fit:contain;background:#000}
@media(min-width:700px){.slide video{width:auto;max-width:100%;aspect-ratio:9/16}}
.slide-info{position:absolute;left:0;right:0;bottom:0;padding:80px 16px max(18px,env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(0,0,0,.82));color:#fff;display:grid;gap:12px;pointer-events:none}
.slide-info>*{pointer-events:auto}
.slide-info b{font-size:20px;font-weight:700}
.slide-info span{font-size:14px;opacity:.85}
.slide-cta{display:flex;gap:8px;flex-wrap:wrap}
.slide-tap{position:absolute;inset:0 0 150px 0;background:none;border:0}
.slide-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--cream);color:var(--ink);border:1.5px solid var(--ink);border-radius:99px;padding:10px 16px;font-weight:700;font-size:14px;display:flex;gap:8px;align-items:center;pointer-events:none;opacity:0;transition:opacity .2s}
.slide-hint.show{opacity:1}
.player-x{position:fixed;top:max(12px,env(safe-area-inset-top));right:12px;z-index:101;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--ink);background:var(--cream);color:var(--ink);display:grid;place-items:center}
body.lock{overflow:hidden}
.dark-page{background:var(--cream)}

/* ---------- geser otomatis ---------- */
[data-auto]{overscroll-behavior-x:contain}
[data-auto].is-auto{scroll-snap-type:none}

@media(max-width:520px){.usps{gap:6px}.usps li{font-size:13.5px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.deco-clip{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.cta-band .c1{right:30%;top:18px;width:30px;height:30px}.cta-band .c2{left:46%;bottom:22px;width:22px;height:22px}
.ab-num{font-size:clamp(38px,5vw,56px)!important;letter-spacing:-.05em;line-height:.9;margin-top:0!important}