/* 11-x-play.net — BUBBLE LAGOON shared styles (header, footer, tokens, shared blocks) */
:root{
  --bl-deep:#0B1160;--bl-sea:#14207A;--bl-cobalt:#2438C8;--bl-tide:#1B2A9E;
  --bl-aqua:#3CF0C5;--bl-aqua-ink:#04332A;--bl-sky:#8FB4FF;
  --bl-foam:#F3F7FF;--bl-shell:#FFFFFF;--bl-ink:#101A4A;--bl-mute:#46507E;--bl-line:#D6DEF7;
  --bl-gold:#FFC83D;--bl-gold-ink:#2A1A00;--bl-coral:#FF8A7A;--bl-wa:#25D366;--bl-wa-ink:#04250F;
  --bl-r:26px;--bl-r-s:16px;--bl-max:1120px;
  --bl-hf:'Fredoka',system-ui,'Segoe UI',sans-serif;--bl-bf:'Nunito',system-ui,'Segoe UI',sans-serif;
  --bl-clay:0 14px 30px rgba(9,16,80,.16),inset 0 -6px 12px rgba(20,32,122,.08),inset 0 5px 10px rgba(255,255,255,.9);
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:clip;max-width:100%;font-family:var(--bl-bf);font-size:17px;line-height:1.68;color:var(--bl-ink);
  background:var(--bl-deep) radial-gradient(1200px 700px at 80% -10%,#2B3FD6 0%,transparent 60%) no-repeat;
  background-color:var(--bl-deep)}
:where(body *){min-width:0}
h1,h2,h3,h4,p,li,dt,dd,summary,figcaption,td,th{overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
main{display:block;max-width:100%;overflow-x:clip}
a{color:var(--bl-cobalt)}
h1,h2,h3,h4{font-family:var(--bl-hf);line-height:1.18;margin:0 0 .55em;font-weight:600}
h1{font-size:clamp(1.85rem,4.6vw,3rem)}
h2{font-size:clamp(1.45rem,3.2vw,2.05rem)}
h3{font-size:clamp(1.12rem,2.2vw,1.35rem)}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--bl-aqua);outline-offset:3px;border-radius:10px}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:2000;background:var(--bl-gold);color:var(--bl-gold-ink);padding:10px 16px;border-radius:30px;font-weight:800}
.skip-link:focus{left:10px}
.bl-wrap{width:100%;max-width:var(--bl-max);margin:0 auto;padding:0 16px}

/* ===== header ===== */
.bl-hdr{position:sticky;top:0;z-index:900;width:100%;max-width:100vw;background:rgba(11,17,96,.92);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(143,180,255,.18)}
.bl-hdr-row{display:flex;align-items:center;gap:12px;min-height:68px;max-width:1280px;margin:0 auto;padding:0 16px}
.bl-logo{display:flex;align-items:center;flex:0 0 auto}
.bl-logo img{width:128px;height:auto}
.bl-hdr-cta{margin-left:auto;display:flex;align-items:center;gap:10px}
.bl-burger{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;border-radius:50%;
  border:0;cursor:pointer;background:radial-gradient(circle at 34% 28%,#9fb7ff 0%,var(--bl-cobalt) 55%,#16248f 100%);
  box-shadow:inset -4px -6px 10px rgba(5,10,60,.45),inset 4px 4px 8px rgba(255,255,255,.35),0 6px 14px rgba(0,0,0,.3)}
.bl-burger span{display:block;width:20px;height:2.5px;border-radius:2px;background:#fff;transition:transform .25s,opacity .2s}
.bl-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.bl-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.bl-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* nav = absolute bubble panel on mobile, bubble bar on desktop */
.bl-nav{position:absolute;top:calc(100% + 1px);left:0;right:0;background:linear-gradient(180deg,#101a7e,#0B1160);
  max-height:0;overflow:hidden;visibility:hidden;transition:max-height .35s ease,visibility 0s linear .35s;
  border-bottom:1px solid rgba(143,180,255,.2);box-shadow:0 20px 40px rgba(0,0,0,.35)}
.bl-nav.open{max-height:calc(100vh - 68px);overflow-y:auto;visibility:visible;transition:max-height .35s ease}
.bl-orbs{list-style:none;margin:0;padding:14px 16px 20px;display:flex;flex-direction:column;gap:14px}
.bl-orb{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;border:0;cursor:pointer;
  font:600 1rem/1 var(--bl-hf);color:#fff;text-decoration:none;
  background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.35) 0%,rgba(255,255,255,.06) 42%,rgba(255,255,255,0) 70%),rgba(143,180,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -3px 6px rgba(0,0,0,.25),0 4px 10px rgba(0,0,0,.2)}
.bl-orb small{font:700 .66rem/1 var(--bl-bf);letter-spacing:.06em;text-transform:uppercase;color:var(--bl-aqua)}
.bl-orb[aria-current="page"]{background:radial-gradient(circle at 30% 22%,#fff9e0 0%,var(--bl-gold) 55%,#d99a00 100%);color:var(--bl-gold-ink)}
.bl-orb[aria-current="page"] small{color:#5a3b00}
.bl-orb .bl-car{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}
.bl-ring{display:flex;flex-wrap:wrap;gap:10px;padding:12px 0 2px}
.bl-ring[hidden]{display:none}
.bl-bub{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;width:98px;height:98px;border-radius:50%;
  text-decoration:none;color:var(--bl-ink);font:600 .8rem/1.12 var(--bl-hf);padding:8px;
  background:radial-gradient(circle at 32% 26%,#ffffff 0%,#e9f0ff 45%,#b9ccff 100%);
  box-shadow:inset -5px -7px 12px rgba(36,56,200,.28),inset 5px 5px 10px rgba(255,255,255,.95),0 8px 18px rgba(0,0,0,.3)}
.bl-bub svg{width:24px;height:24px;flex:0 0 auto}
.bl-bub:hover,.bl-bub:focus-visible{background:radial-gradient(circle at 32% 26%,#fffbe8 0%,var(--bl-gold) 55%,#d99a00 100%);color:var(--bl-gold-ink)}
.bl-bub[aria-current="page"]{background:radial-gradient(circle at 32% 26%,#eafffa 0%,var(--bl-aqua) 60%,#18b894 100%);color:var(--bl-aqua-ink)}
.bl-nav.open .bl-bub{animation:bl-pop .42s cubic-bezier(.2,1.5,.4,1) both}
.bl-nav.open .bl-ring .bl-bub:nth-child(2){animation-delay:.04s}.bl-nav.open .bl-ring .bl-bub:nth-child(3){animation-delay:.08s}
.bl-nav.open .bl-ring .bl-bub:nth-child(4){animation-delay:.12s}.bl-nav.open .bl-ring .bl-bub:nth-child(5){animation-delay:.16s}
.bl-nav.open .bl-ring .bl-bub:nth-child(6){animation-delay:.2s}
@keyframes bl-pop{0%{transform:scale(.2);opacity:0}100%{transform:scale(1);opacity:1}}

@media (min-width:1180px){
  .bl-burger{display:none}
  .bl-nav{position:static;max-height:none;overflow:visible;visibility:visible;background:none;border:0;box-shadow:none;margin:0 auto}
  .bl-orbs{flex-direction:row;align-items:center;gap:8px;padding:0}
  .bl-orbs>li{position:relative}
  .bl-orb{min-height:44px;padding:0 15px;font-size:.93rem}
  .bl-ring{position:absolute;left:50%;top:calc(100% + 14px);width:340px;margin-left:-170px;display:none;justify-content:center;
    padding:14px;border-radius:28px;background:rgba(11,17,96,.96);box-shadow:0 20px 40px rgba(0,0,0,.4)}
  .bl-grp:focus-within>.bl-ring{display:flex}
  .bl-grp.bl-js>.bl-ring,.bl-grp.bl-js:focus-within>.bl-ring{display:none}
  .bl-orb[aria-expanded="true"] .bl-car{transform:rotate(-135deg) translateY(-2px)}
}
/* JS radial bubble ring (desktop) — positioned by site.js around the click point */
.bl-radial{position:fixed;left:0;top:0;width:0;height:0;z-index:950}
.bl-radial .bl-bub{position:absolute;left:0;top:0;transform:translate(-50%,-50%) scale(.2);opacity:0;
  transition:transform .46s cubic-bezier(.2,1.4,.4,1),opacity .3s,background .18s}
.bl-radial .bl-hub{position:absolute;left:0;top:0;width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:50%;border:0;cursor:pointer;
  font:700 .74rem/1.1 var(--bl-hf);color:var(--bl-gold-ink);background:radial-gradient(circle at 33% 27%,#fff8dc 0%,var(--bl-gold) 50%,#d99a00 100%);
  box-shadow:inset -5px -7px 11px rgba(150,100,0,.45),inset 5px 5px 9px rgba(255,255,255,.7),0 8px 20px rgba(0,0,0,.35)}
.bl-fx{position:fixed;z-index:960;pointer-events:none;border-radius:50%;left:0;top:0}
.bl-fx-ball{width:56px;height:56px;margin:-28px 0 0 -28px;background:radial-gradient(circle at 32% 26%,#ffffff 0%,#bff9ea 30%,var(--bl-aqua) 60%,#11a887 100%);
  box-shadow:inset -6px -8px 12px rgba(4,60,48,.4),inset 6px 6px 10px rgba(255,255,255,.8),0 6px 20px rgba(60,240,197,.5);animation:bl-grow .3s cubic-bezier(.3,1.6,.5,1) forwards}
.bl-fx-ball.bl-burst{animation:bl-blast .3s ease-out forwards}
.bl-fx-dot{width:10px;height:10px;margin:-5px 0 0 -5px;background:var(--bl-aqua);animation:bl-spray .5s ease-out forwards}
@keyframes bl-grow{0%{transform:scale(0)}75%{transform:scale(1.15)}100%{transform:scale(1)}}
@keyframes bl-blast{0%{transform:scale(1);opacity:1}100%{transform:scale(2.2);opacity:0}}
@keyframes bl-spray{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}

/* CTA capsules — gold / WhatsApp green only, bubble head on the left */
.bl-cta{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:5px 20px 5px 5px;border-radius:999px;text-decoration:none;
  font:700 1rem/1.1 var(--bl-hf);background:var(--bl-gold)!important;background-color:var(--bl-gold)!important;color:var(--bl-gold-ink)!important;
  box-shadow:inset 0 -4px 0 rgba(120,80,0,.28),0 8px 18px rgba(0,0,0,.25);position:relative;overflow:hidden;transition:transform .15s}
.bl-cta::before{content:"";width:38px;height:38px;border-radius:50%;flex:0 0 38px;pointer-events:none;
  background:radial-gradient(circle at 34% 28%,#ffffff 0%,#fff3c4 35%,#f0a800 100%) center/100% no-repeat;
  box-shadow:inset -3px -4px 7px rgba(140,90,0,.35)}
.bl-cta:hover{transform:translateY(-2px)}
.bl-cta:active{transform:translateY(1px) scale(.98)}
.bl-cta--wa{background:var(--bl-wa)!important;background-color:var(--bl-wa)!important;color:var(--bl-wa-ink)!important}
.bl-cta--wa::before{background:radial-gradient(circle at 34% 28%,#ffffff 0%,#c9f7da 35%,#119a47 100%)}
.bl-cta--sm{min-height:44px;font-size:.9rem;padding-right:15px}
.bl-cta--sm::before{width:32px;height:32px;flex-basis:32px}
@media (max-width:420px){.bl-hdr .bl-cta--sm{padding-right:12px;font-size:.84rem}.bl-hdr .bl-cta--sm::before{display:none}.bl-hdr .bl-cta--sm{padding-left:14px}.bl-logo img{width:104px}}

/* ===== lagoon hero band + rising bubbles ===== */
.bl-lagoon{position:relative;overflow:hidden;color:#fff;padding:26px 0 44px;
  background:radial-gradient(900px 480px at 15% 0%,rgba(60,240,197,.18),transparent 60%),linear-gradient(180deg,var(--bl-sea),var(--bl-deep))}
.bl-lagoon a:not([class]){color:var(--bl-aqua)}
.bl-rise{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.bl-rise i{position:absolute;bottom:-60px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.55),rgba(143,180,255,.12) 45%,rgba(143,180,255,0) 70%);
  border:1px solid rgba(255,255,255,.18);animation:bl-up linear infinite}
.bl-rise i:nth-child(1){left:6%;width:26px;height:26px;animation-duration:11s}
.bl-rise i:nth-child(2){left:22%;width:14px;height:14px;animation-duration:8s;animation-delay:2s}
.bl-rise i:nth-child(3){left:47%;width:40px;height:40px;animation-duration:14s;animation-delay:1s}
.bl-rise i:nth-child(4){left:68%;width:18px;height:18px;animation-duration:9s;animation-delay:4s}
.bl-rise i:nth-child(5){left:84%;width:30px;height:30px;animation-duration:12s;animation-delay:3s}
.bl-rise i:nth-child(6){left:93%;width:12px;height:12px;animation-duration:7s;animation-delay:5s}
@keyframes bl-up{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:1}100%{transform:translateY(-900px) translateX(24px);opacity:0}}
.bl-wave{display:block;width:100%;height:46px;margin-top:-1px}
.bl-crumbs{font-size:.86rem;margin:0 0 10px;color:var(--bl-sky)}
.bl-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.bl-crumbs li+li::before{content:"›";margin-right:6px;opacity:.7}
.bl-crumbs a{color:#fff}
.bl-lede{font-size:1.08rem;color:#E4EBFF;max-width:62ch}

/* ===== foam sheets (content) ===== */
.bl-sheet{position:relative;background:var(--bl-foam);color:var(--bl-ink);border-radius:var(--bl-r);padding:30px 20px;margin:0 0 22px;box-shadow:var(--bl-clay)}
.bl-sheet::after{content:"";position:absolute;right:18px;top:-14px;width:28px;height:28px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 32% 28%,#fff,var(--bl-aqua) 70%);box-shadow:-22px 8px 0 -6px rgba(143,180,255,.9)}
.bl-sheet--shell{background:var(--bl-shell)}
@media (min-width:760px){.bl-sheet{padding:40px 44px}}
.bl-body{padding:34px 0 10px}
.bl-kick{display:inline-block;font:700 .74rem/1 var(--bl-bf);letter-spacing:.1em;text-transform:uppercase;color:var(--bl-cobalt);
  background:#E3EAFF;padding:7px 12px;border-radius:999px;margin-bottom:12px}

/* paragraph shapes */
.bl-speech{position:relative;background:#E6FFF8;border:2px solid #9DEFD8;border-radius:22px;padding:18px 20px;margin:0 0 1.4em}
.bl-speech::after{content:"";position:absolute;left:34px;bottom:-14px;width:24px;height:24px;background:#E6FFF8;border-right:2px solid #9DEFD8;border-bottom:2px solid #9DEFD8;transform:rotate(45deg);pointer-events:none}
.bl-speech p:last-child{margin:0}
.bl-clay{background:var(--bl-shell);border-radius:22px;padding:20px 22px;margin:0 0 1.3em;box-shadow:var(--bl-clay)}
.bl-clay p:last-child{margin:0}
.bl-steps{list-style:none;counter-reset:bls;margin:0 0 1.4em;padding:0;position:relative}
.bl-steps>li{counter-increment:bls;position:relative;padding:4px 0 18px 64px}
.bl-steps>li::before{content:counter(bls);position:absolute;left:0;top:0;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  font:700 1.15rem var(--bl-hf);color:var(--bl-gold-ink);background:radial-gradient(circle at 33% 27%,#fff8dc,var(--bl-gold) 55%,#d99a00);
  box-shadow:inset -3px -5px 8px rgba(150,100,0,.4);pointer-events:none}
.bl-steps>li::after{content:"";position:absolute;left:22px;top:48px;bottom:2px;width:3px;border-radius:3px;pointer-events:none;
  background:repeating-linear-gradient(180deg,var(--bl-sky) 0 6px,transparent 6px 11px)}
.bl-steps>li:last-child::after{display:none}
.bl-pebbles{display:grid;gap:14px;margin:0 0 1.4em}
@media (min-width:720px){.bl-pebbles{grid-template-columns:1fr 1fr}}
.bl-pebbles>div{background:var(--bl-shell);border-radius:28px 28px 28px 10px;padding:18px 20px;border:1px solid var(--bl-line)}
.bl-pebbles h3{font-size:1.1rem}
.bl-pebbles p:last-child{margin:0}
.tbl-wrap{overflow-x:auto;max-width:100%;margin:0 0 1.4em;border-radius:18px;border:1px solid var(--bl-line);background:var(--bl-shell);
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;
  background-image:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)),linear-gradient(270deg,#fff 30%,rgba(255,255,255,0)),radial-gradient(farthest-side at 0 50%,rgba(36,56,200,.25),transparent),radial-gradient(farthest-side at 100% 50%,rgba(36,56,200,.25),transparent);
  background-position:left center,right center,left center,right center;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}
.tbl-wrap::-webkit-scrollbar{height:5px}.tbl-wrap::-webkit-scrollbar-thumb{background:var(--bl-sky);border-radius:4px}
table{width:100%;border-collapse:collapse;font-size:.95rem}
.tbl-wrap>table{min-width:430px}
th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--bl-line);vertical-align:top}
th{background:var(--bl-sea);color:#fff;font-family:var(--bl-hf);font-weight:600}
tr:last-child td{border-bottom:0}

/* figures */
.bl-fig{margin:0 0 1.6em}
.bl-fig img{width:100%;border-radius:var(--bl-r-s)}
.bl-fig figcaption{font-size:.86rem;color:var(--bl-mute);margin-top:9px;text-align:center}
.bl-lagoon .bl-fig figcaption{color:var(--bl-sky)}
.bl-fig--hero img{border-radius:var(--bl-r);box-shadow:0 22px 44px rgba(0,0,0,.4)}
.bl-fig--float img{border-radius:30px;animation:bl-bob 6s ease-in-out infinite;box-shadow:0 18px 36px rgba(9,16,80,.28)}
@keyframes bl-bob{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-8px) rotate(.6deg)}}
.bl-fig--wave{position:relative}
.bl-fig--wave img{border-radius:22px 22px 0 0;-webkit-mask:radial-gradient(28px 18px at 50% 100%,transparent 96%,#000) 0 0/56px 100% repeat-x;mask:radial-gradient(28px 18px at 50% 100%,transparent 96%,#000) 0 0/56px 100% repeat-x}
.bl-fig--port{display:grid;gap:18px;align-items:center}
.bl-fig--port img{aspect-ratio:1/1;object-fit:cover;border-radius:50%;border:8px solid #fff;box-shadow:0 0 0 3px var(--bl-aqua),0 18px 36px rgba(9,16,80,.3);max-width:340px;margin:0 auto}
.bl-fig--port figcaption{text-align:left;font-size:.98rem;color:var(--bl-ink)}
@media (min-width:760px){.bl-fig--port{grid-template-columns:320px 1fr}}
.bl-fig--duo{display:grid;gap:16px;align-items:center}
.bl-fig--duo figcaption{text-align:left;font-size:.98rem;color:var(--bl-ink)}
@media (min-width:860px){.bl-fig--duo{grid-template-columns:1.25fr 1fr}}
.bl-ripple{position:relative;display:block;border-radius:inherit}
.bl-ripple.on::after{content:"";position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;pointer-events:none;
  border:3px solid rgba(60,240,197,.9);animation:bl-ring 1.1s ease-out forwards}
@keyframes bl-ring{0%{transform:scale(.3);opacity:1}100%{transform:scale(14);opacity:0}}

/* related bubble orbit + next links */
.bl-orbit{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:6px 0 1.4em}
.bl-orbit a{display:flex;align-items:center;justify-content:center;text-align:center;width:118px;height:118px;border-radius:50%;padding:12px;text-decoration:none;
  font:600 .88rem/1.15 var(--bl-hf);color:var(--bl-ink);background:radial-gradient(circle at 32% 26%,#ffffff 0%,#e7eeff 50%,#b6c9ff 100%);
  box-shadow:inset -5px -7px 12px rgba(36,56,200,.25),inset 5px 5px 10px #fff,0 10px 20px rgba(9,16,80,.2);transition:transform .2s}
.bl-orbit a:nth-child(even){transform:translateY(14px)}
.bl-orbit a:hover{transform:scale(1.06)}
.bl-orbit-h{font:700 .8rem var(--bl-bf);letter-spacing:.08em;text-transform:uppercase;color:var(--bl-mute);text-align:center;margin:0 0 6px}

/* FAQ — zigzag bubble pills, inflating marker */
.bl-faq{margin:0 0 22px}
.bl-faq-list{display:grid;gap:12px}
.bl-faq details{background:var(--bl-shell);border-radius:30px;border:1px solid var(--bl-line);box-shadow:0 8px 18px rgba(9,16,80,.08)}
@media (min-width:860px){.bl-faq details:nth-child(odd){margin-right:8%}.bl-faq details:nth-child(even){margin-left:8%}}
.bl-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:14px 18px;min-height:56px;font:600 1.03rem/1.3 var(--bl-hf)}
.bl-faq summary::-webkit-details-marker{display:none}
.bl-faq summary::before{content:"+";flex:0 0 38px;height:38px;border-radius:50%;display:grid;place-items:center;font:700 1.4rem/1 var(--bl-hf);color:var(--bl-aqua-ink);
  background:radial-gradient(circle at 33% 27%,#f0fffa,var(--bl-aqua) 62%,#15a986);box-shadow:inset -3px -4px 7px rgba(4,60,48,.35);transition:transform .3s cubic-bezier(.2,1.6,.4,1)}
.bl-faq details[open] summary::before{content:"−";transform:scale(1.18)}
.bl-faq details>p,.bl-faq details>div{margin:0 18px 18px 70px;background:#EEF3FF;border-radius:0 20px 20px 20px;padding:14px 16px}

/* chips */
.also-search{margin:0 0 22px}
.also-search ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.also-search li{background:#E3EAFF;color:var(--bl-ink);border-radius:999px;padding:9px 16px;font-size:.92rem;min-height:44px;display:flex;align-items:center}

/* ===== footer ===== */
.bl-ftr{position:relative;background:#070B44;color:#C9D4FF;padding:0 0 30px;margin-top:10px}
.bl-ftr a{color:#fff}
.bl-ftr-grid{display:grid;gap:26px;padding-top:30px}
@media (min-width:860px){.bl-ftr-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.bl-ftr-blurb{font-size:.95rem}
.bl-ftr-lbl{font:600 1rem var(--bl-hf);color:var(--bl-aqua);margin:0 0 10px}
.bl-ftr ul{list-style:none;margin:0;padding:0}
.bl-ftr li a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.bl-social{display:flex;gap:10px;margin:14px 0}
.bl-social a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(143,180,255,.16)}
.bl-social svg{width:22px;height:22px;fill:#fff}
.bl-tp{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.25);text-decoration:none;font-weight:700;font-size:.9rem}
.bl-tp svg{width:20px;height:20px}
.bl-legal{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;border-top:1px solid rgba(143,180,255,.2);margin-top:26px;padding-top:20px;font-size:.88rem}
.bl-qplate{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#141414;border-radius:16px;padding:8px 14px;text-decoration:none}
.bl-qplate img{width:120px;height:auto}
.bl-qplate span{font-size:.8rem;line-height:1.3;color:#141414}
.bl-18{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--bl-coral);color:#2a0600;font-weight:900}

/* WhatsApp float */
.bl-wa{position:fixed;right:18px;bottom:18px;width:60px;height:60px;border-radius:50%;background:var(--bl-wa);display:grid;place-items:center;z-index:880;
  box-shadow:0 6px 16px rgba(0,0,0,.3);animation:bl-wap 2.2s infinite}
.bl-wa svg{width:34px;height:34px;fill:#fff}
@keyframes bl-wap{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* shared tab switch for sign-in cards: [data-bl-tabs] */
[data-bl-tabs] [role="tabpanel"][hidden]{display:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .bl-rise{display:none}
}

/* figures and orbit sitting directly on the lagoon (outside a foam sheet) */
.bl-body .bl-wrap>.bl-fig figcaption{color:#C9D4FF}
.bl-body .bl-wrap>.bl-fig--port,.bl-body .bl-wrap>.bl-fig--duo{background:var(--bl-foam);border-radius:var(--bl-r);padding:22px;box-shadow:var(--bl-clay)}
.bl-body .bl-wrap>.bl-fig--port figcaption,.bl-body .bl-wrap>.bl-fig--duo figcaption{color:var(--bl-ink)}
.bl-body .bl-wrap>.bl-orbit-h{color:var(--bl-sky)}
/* porthole circle only for text-free scene photos; text-bearing images keep their full frame */
.bl-fig--port img:not([src*="-scene"]){aspect-ratio:auto;border-radius:28px;max-width:100%;object-fit:contain}
@media (min-width:760px){.bl-fig--port:has(img:not([src*="-scene"])){grid-template-columns:1.3fr 1fr}}