/* GBP Watch "fun" staging theme. Bright, friendly, WCAG AA, mobile-first. */
/* Google Fonts (Fredoka + Nunito) are linked from the HTML head for faster loading. */
:root{
  --bg:#FFF6E4;
  --bg-warm:#FFE7C2;
  --card:#FFFFFF;
  --ink:#1E2A28;
  --mut:#4A5552;
  --coral:#C8452C;
  --coral-hot:#FF6B4A;
  --tangerine:#E88812;
  --sun:#FFD36A;
  --teal:#0B6F67;
  --teal-deep:#085850;
  --mint:#7EE0C8;
  --mint-soft:#E6F8F3;
  --line:#F0D9B8;
  --soft:#FFF1D0;
  --good:#0B7A5B;
  --ok:#A65F00;
  --bad:#C83A2A;
  --hi:#C83A2A;
  --md:#A65F00;
  --lo:#0B7A5B;
  --acc:var(--coral);
  --acc2:var(--teal);
  --r:24px;
  --shadow:0 8px 0 rgba(30,42,40,.08);
  --font:Nunito,system-ui,"Segoe UI",sans-serif;
  --display:Fredoka,Nunito,system-ui,sans-serif;
}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.65 var(--font);background:
  radial-gradient(900px 420px at -10% -10%,rgba(255,107,74,.16),transparent 50%),
  radial-gradient(800px 380px at 110% 0%,rgba(126,224,200,.28),transparent 55%),
  radial-gradient(700px 300px at 80% 100%,rgba(255,211,106,.22),transparent 50%),
  var(--bg);color:var(--ink);min-height:100%}
body.fun{position:relative}
a{color:var(--teal);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--coral)}
h1,h2,.logo{font-family:var(--display);line-height:1.15;letter-spacing:-.02em}
h3{line-height:1.25}
.wrap{max-width:980px;margin:0 auto;padding:0 18px}.wrap.wide{max-width:1100px}

header{background:rgba(255,250,240,.9);backdrop-filter:blur(10px);border-bottom:3px solid var(--ink);position:sticky;top:0;z-index:5}
header .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;padding:12px 18px}
.logo{color:var(--ink);text-decoration:none;font-weight:700;font-size:1.45rem;display:inline-flex;align-items:baseline;gap:0}
.logo span{color:var(--coral);display:inline-block}
.logo:hover span{animation:bounce .45s ease}
nav{display:flex;flex-wrap:wrap;gap:4px 8px}
nav a{color:var(--ink);text-decoration:none;font-size:.95rem;font-weight:700;padding:8px 12px;border-radius:999px}
nav a:hover{background:var(--sun);color:var(--ink);transform:translateY(-2px)}

.hero{padding:28px 0 8px}.hero h1{margin:0 0 8px;font-size:1.95rem}.hero p{color:var(--mut);margin:0}
.home-hero{text-align:center;padding:52px 0 28px;position:relative}
.home-hero h1{font-size:2.2rem;max-width:760px;margin:14px auto 12px}
.home-hero .lead{font-size:1.14rem;max-width:640px;margin:0 auto 24px;color:var(--mut)}
.trust{margin-top:14px!important;font-weight:700}
.eyebrow{display:inline-block;background:var(--sun);color:var(--ink)!important;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:800;margin:0 0 8px;padding:6px 14px;border-radius:999px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--coral);transform:rotate(-2.5deg)}

.search{display:grid;gap:10px;background:#fff;border:3px solid var(--ink);border-radius:28px;padding:16px;box-shadow:6px 6px 0 rgba(11,111,103,.18);text-align:left;max-width:780px;margin:0 auto}
.search label span{display:block;font-size:.8rem;font-weight:800;color:var(--mut);margin:0 0 3px 2px}
.search input{width:100%;padding:13px 14px;border:2px solid var(--line);border-radius:16px;font-size:1.05rem;background:#fffdfa;font-family:inherit;color:var(--ink)}
.search input:focus,input:focus,select:focus{outline:3px solid var(--sun);border-color:var(--coral)}
.search button{align-self:end;padding:14px 22px;font-size:1.08rem;font-weight:700}
@media(min-width:720px){.search{grid-template-columns:1.3fr 1fr auto}.home-hero h1{font-size:3rem}}
.small-hero .search{margin:14px 0 0;max-width:none}

button,.btn{background:var(--coral);color:#fff;border:2px solid var(--ink);border-radius:999px;padding:11px 20px;font-size:1rem;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block;font-family:var(--display);letter-spacing:.01em;box-shadow:3px 3px 0 var(--ink);transition:transform .15s ease,box-shadow .15s ease}
button:hover,.btn:hover{filter:none;transform:translateY(-3px);box-shadow:5px 6px 0 var(--ink)}
button:active,.btn:active{transform:translateY(1px);box-shadow:1px 1px 0 var(--ink)}
button:disabled{opacity:.6;cursor:wait;transform:none;box-shadow:2px 2px 0 var(--ink)}
.btn.ghost,button.ghost{background:#fff;color:var(--teal-deep);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--mint)}
.btn.ghost:hover,button.ghost:hover{background:var(--mint-soft);color:var(--teal-deep)}
.big{padding:15px 28px;font-size:1.12rem}

.card{background:var(--card);border:2px solid var(--ink);border-radius:var(--r);padding:20px 22px;margin:16px 0;box-shadow:4px 4px 0 rgba(30,42,40,.1)}
.card h2{margin:4px 0 8px;font-size:1.3rem;font-family:var(--display)}.card h2 a{color:var(--ink);text-decoration:none}.card h2 a:hover{color:var(--coral);text-decoration:none}

.how,.checks-grid{margin:36px 0}.how h2,.checks-grid h2{text-align:center;font-size:1.7rem}
.steps3{list-style:none;padding:0;display:grid;gap:16px}
.steps3 li{background:#fff;border:2px solid var(--ink);border-radius:var(--r);padding:20px 20px 18px;position:relative;transition:transform .15s ease}
.steps3 li:hover{transform:translateY(-4px) rotate(-.4deg)}
.steps3 b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--sun);color:var(--ink);font-size:1.15rem;font-family:var(--display);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--coral)}
.steps3 h3,.grid6 h3{text-transform:none;letter-spacing:0;color:var(--ink);font-size:1.1rem;margin:8px 0 2px;font-family:var(--display)}.steps3 p,.grid6 p{margin:0;color:var(--mut);font-size:.95rem}
.grid6{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.grid6>div{background:#fff;border:2px solid var(--ink);border-radius:var(--r);padding:16px;transition:transform .15s ease}
.grid6>div:hover{transform:translateY(-4px) rotate(.6deg)}
.grid6>div:nth-child(3n+1){background:#fff;box-shadow:4px 4px 0 var(--mint)}
.grid6>div:nth-child(3n+2){box-shadow:4px 4px 0 var(--sun)}
.grid6>div:nth-child(3n){box-shadow:4px 4px 0 var(--coral-hot)}
.grid6 span{font-size:1.6rem}
@media(min-width:720px){.steps3{grid-template-columns:repeat(3,1fr)}.grid6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:420px){.grid6{grid-template-columns:1fr}}

.tracker{background:var(--mint-soft);border-color:var(--ink)}
.tr-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-end}.tr-head p{margin:4px 0;color:var(--mut)}
.latest{list-style:none;padding:0;margin:14px 0}.latest li{padding:10px 0;border-top:2px dashed #cde8e0;display:flex;flex-direction:column;gap:2px}
.latest a{color:var(--ink);text-decoration:none;font-weight:700}.latest a:hover{color:var(--coral)}.latest .tag{margin-right:6px;vertical-align:middle}
.controls{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.controls input{flex:1 1 240px;padding:11px 13px;border:2px solid var(--ink);border-radius:16px;font-size:1rem;font-family:inherit}
.chip,button.chip{border:2px solid var(--ink);background:#fff;color:var(--ink);border-radius:999px;padding:7px 14px;cursor:pointer;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-block;box-shadow:2px 2px 0 var(--line)}
.chip:hover,button.chip:hover{transform:translateY(-2px);background:var(--sun)}
.chip.on,button.chip.on{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:2px 2px 0 var(--coral)}
.meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.82rem;color:var(--mut)}
.tag{padding:2px 9px;border-radius:999px;font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;background:var(--mint-soft);color:var(--teal-deep);border:1.5px solid var(--ink)}
.t-outage{background:#FDE4DE;color:#8F2418}.t-rule{background:#FFE7B3;color:#7A4A00}.t-deadline{background:#F1E8FB;color:#5B2F8A}
.sev-high{color:var(--hi);font-weight:800}.sev-medium{color:var(--md);font-weight:800}.sev-low{color:var(--lo);font-weight:800}
h3{font-size:.92rem;margin:12px 0 4px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);font-weight:800}ul{padding-left:20px;margin:4px 0}
.src{font-size:.88rem}
.box{background:var(--soft);border:2px solid var(--ink);border-radius:var(--r);padding:18px 20px;margin:28px 0;box-shadow:4px 4px 0 var(--sun)}
.box h2{margin:0 0 6px;font-size:1.2rem}.box form{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.box input[type=email]{flex:1 1 220px;padding:11px;border:2px solid var(--ink);border-radius:16px;font-size:1rem;font-family:inherit}
.sponsor{border:3px dashed var(--coral);border-radius:var(--r);padding:14px 18px;margin:20px 0;color:var(--mut);font-size:.92rem;background:#fff}
.share{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.small{font-size:.84rem;color:var(--mut)}
.check label{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line);cursor:pointer}.check input{margin-top:5px;transform:scale(1.25)}
.score{font-size:1.1rem;font-weight:800;padding:12px 16px;border-radius:16px;background:#fff;border:2px solid var(--ink);position:sticky;top:70px}

footer{margin-top:48px;padding:28px 0 70px;border-top:3px solid var(--ink);color:var(--mut);font-size:.88rem;background:var(--mint-soft)}
.brought{margin:0 0 6px;font-weight:800;color:var(--ink);font-family:var(--display);font-size:1.05rem}
.empty{display:none;color:var(--mut);padding:20px 0}

/* checkup */
.scanning .hl{color:var(--coral)}
.steps{list-style:none;padding:0;margin:14px 0 0}
.steps li{padding:9px 0 9px 36px;position:relative;color:#8A8478}
.steps li:before{content:"";position:absolute;left:4px;top:13px;width:16px;height:16px;border-radius:50%;border:2px solid var(--line);background:#fff}
.steps li.on{color:var(--ink);font-weight:800}
.steps li.on:before{border-color:var(--coral);border-top-color:transparent;animation:spin .8s linear infinite}
.steps li.done{color:var(--ink)}.steps li.done:before{content:"✓";border:0;background:var(--good);color:#fff;font-size:11px;display:grid;place-items:center;width:18px;height:18px}
@keyframes spin{to{transform:rotate(360deg)}}
.err-card{border-color:var(--bad);background:#FFF3F0}.err{color:var(--bad);font-weight:800;min-height:1em}
.demo-note{background:var(--sun);border:2px solid var(--ink);border-radius:16px;padding:10px 14px;font-size:.92rem;margin:14px 0;color:var(--ink);box-shadow:3px 3px 0 rgba(30,42,40,.12)}
.sample-badge{display:inline-block;background:var(--ink);color:#fff;font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:999px;margin-right:6px}
.biz h1{margin:0;font-size:1.7rem}.biz p{margin:2px 0}.stars{color:var(--tangerine);font-weight:800}
.teaser-grid{display:grid;gap:18px;align-items:center;margin-top:14px}@media(min-width:720px){.teaser-grid{grid-template-columns:240px 1fr}}
.overall{text-align:center}.overall .gauge{margin:0 auto}.ow{font-weight:800;font-size:1.2rem;margin:8px 0 0;font-family:var(--display)}.ow.good{color:var(--good)}.ow.ok{color:var(--ok)}.ow.bad{color:var(--bad)}
.gauge{position:relative;flex:none;margin-inline:auto}
.gauge svg{width:100%;height:auto;display:block}
.g-track{fill:none;stroke:#F3E2C6;stroke-width:10}
.g-val{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.2,.8,.2,1)}
.g-good .g-val{stroke:var(--good)}.g-ok .g-val{stroke:var(--ok)}.g-bad .g-val{stroke:var(--bad)}
.g-num{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1;color:var(--ink)}
.gauge-round .g-num{inset:0}
.gauge-dial .g-num{bottom:2px}
.g-num b{font-family:var(--display);font-size:2.2rem;font-weight:700}
.gauge[style*="84px"] .g-num b,.gauge-sm .g-num b{font-size:1.3rem}
.g-num span{font-size:.75rem;color:var(--mut);font-weight:800}
.g-band{fill:none;stroke-linecap:butt;stroke-width:16}
.g-band-bad{stroke:#F5A294}.g-band-mid{stroke:#FFD36A}.g-band-ok{stroke:#F4B344}.g-band-good{stroke:#7EE0C8}
.g-needle{fill:var(--ink)}
.gauge-pop{animation:popIn .55s cubic-bezier(.2,1.4,.3,1)}
@keyframes popIn{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
@keyframes bounce{0%{transform:translateY(0)}40%{transform:translateY(-6px)}100%{transform:translateY(0)}}

.catrow{margin:10px 0}.cr-top{display:flex;justify-content:space-between;font-weight:700;font-size:.95rem}
.bar{height:12px;background:#F3E2C6;border-radius:99px;overflow:hidden;margin-top:4px;border:1.5px solid var(--ink)}
.bar i{display:block;height:100%;border-radius:99px;transition:width .8s ease}
.b-good{background:var(--good)}.b-ok{background:var(--tangerine)}.b-bad{background:var(--coral-hot)}
.grade{display:inline-grid;place-items:center;min-width:30px;height:30px;border-radius:10px;color:#fff;font-weight:800;font-size:.9rem;font-family:var(--display);border:2px solid var(--ink)}
.grade.lg{min-width:38px;height:38px;font-size:1.2rem}
.grade.g-good{background:var(--good)}.grade.g-ok{background:var(--ok)}.grade.g-bad{background:var(--coral)}
.topfix{margin-top:16px;background:var(--soft);border-radius:16px;padding:12px 16px;border:2px solid var(--ink)}.topfix strong{display:block;font-size:1.05rem;font-family:var(--display)}
.unlock{border:3px solid var(--coral);background:#fffaf6;box-shadow:5px 5px 0 var(--sun)}.unlock h2{font-size:1.45rem}
.locked-preview{display:grid;gap:8px;margin:12px 0 18px;filter:blur(1px)}.locked-preview div{height:14px;border-radius:8px;background:linear-gradient(90deg,#f1e2d5,#f8eee6);}
.locked-preview div:nth-child(2){width:80%}.locked-preview div:nth-child(3){width:60%}
#leadform label{display:block;font-weight:700;font-size:.92rem;margin:0 0 12px}
#leadform input:not([type=checkbox]),#leadform select,.lead-form input,.lead-form select,.login input{display:block;width:100%;margin-top:4px;padding:12px;border:2px solid var(--ink);border-radius:14px;font-size:1rem;background:#fff;font-family:inherit}
.row2{display:grid;gap:0 12px}@media(min-width:600px){.row2{grid-template-columns:1fr 1fr}}
#leadform label.cb{display:flex;gap:10px;align-items:flex-start;font-weight:700;background:var(--mint-soft);border:2px solid var(--ink);border-radius:16px;padding:12px}
.cb input{transform:scale(1.3);margin-top:6px}.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* picker + attribution + legal (was extra.css) */
.picker{list-style:none;padding:0;margin:12px 0 18px}
.picker li{margin:0 0 10px}
.pick-opt{display:flex;gap:12px;align-items:flex-start;border:2px solid var(--ink);border-radius:16px;padding:12px 14px;cursor:pointer;background:#fff;transition:transform .15s ease,box-shadow .15s ease}
.pick-opt:hover{transform:translateY(-2px);box-shadow:3px 3px 0 var(--mint)}
.pick-opt:has(input:checked){background:var(--mint-soft);box-shadow:4px 4px 0 var(--teal)}
.pick-opt input{margin-top:4px;flex:none}
.gattr{margin:8px 0 0;color:var(--mut)}
.gattr a{color:var(--teal)}
.legal h2{margin:1.3em 0 .45em;text-transform:none;letter-spacing:0;font-size:1.2rem;color:var(--ink);font-family:var(--display)}
.legal ul{margin:.4em 0 1em;padding-left:1.2em}
.legal li{margin:.25em 0}

/* report */
.rep-head{display:grid;gap:16px;align-items:center}@media(min-width:760px){.rep-head{grid-template-columns:1fr 240px}}
.rep-head h1{margin:2px 0;font-size:1.9rem}.rep-head p{margin:4px 0}
.sec{margin:30px 0 4px;font-size:1.5rem;font-family:var(--display)}
.catgrid{display:grid;gap:0 14px}@media(min-width:760px){.catgrid{grid-template-columns:1fr 1fr}}
.catcard{margin:8px 0}.cc-head{display:flex;gap:14px;align-items:center}.cc-head h3{margin:0 0 4px;text-transform:none;letter-spacing:0;color:var(--ink);font-size:1.1rem;font-family:var(--display)}
.checks{list-style:none;padding:0;margin:10px 0 0;font-size:.94rem}.checks li{padding:5px 0;border-top:1px dashed var(--line);display:flex;gap:8px}
.ic{flex:none;width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;font-size:12px;font-weight:800;color:#fff;margin-top:2px;border:1.5px solid var(--ink)}
.ic.yes{background:var(--good)}.ic.no{background:var(--bad)}.ic.na{background:#8A8478}
.fixes{list-style:none;padding:0}.fix{margin:10px 0}.fx-head{display:flex;gap:12px;align-items:flex-start}
.fx-n{flex:none;width:36px;height:36px;border-radius:50%;background:var(--coral);color:#fff;font-weight:800;display:grid;place-items:center;font-family:var(--display);border:2px solid var(--ink)}
.fix h3{margin:2px 0;text-transform:none;letter-spacing:0;color:var(--ink);font-size:1.12rem;font-family:var(--display);font-weight:700}.fix ol{margin:6px 0 0;padding-left:22px}.fix ol li{margin:3px 0}
.pri{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:99px;border:1.5px solid var(--ink)}
.p-hi{background:#FDE4DE;color:#8F2418}.p-md{background:#FFE7B3;color:#7A4A00}.p-lo{background:var(--mint-soft);color:var(--teal-deep)}
.twocol{display:grid;gap:0 14px}@media(min-width:760px){.twocol{grid-template-columns:1fr 1fr}}
.reviews{list-style:none;padding:0}.reviews li{padding:8px 0;border-top:1px dashed var(--line);font-size:.94rem}.rs{color:var(--tangerine)}.dim{color:#E5D5BA}
.chg li{margin:6px 0}
.cta-box{background:var(--sun);color:var(--ink);border-radius:var(--r);padding:28px;margin:24px 0;text-align:center;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--coral)}
.cta-box h2{margin:0 0 6px;color:var(--ink)}.cta-box p{color:var(--ink)}
.cta-box .btn{background:var(--coral);color:#fff}

/* admin leftovers (not on staging, but keep readable if present) */
.login{max-width:380px;margin:40px auto}.login label{display:block;margin:12px 0;font-weight:700}
.filters{display:flex;flex-wrap:wrap;gap:6px}.lead h2{margin:6px 0 2px}.lead p{margin:4px 0}.lead-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pill{font-size:.75rem;font-weight:800;text-transform:uppercase;padding:3px 9px;border-radius:99px;background:#eee}.s-new{background:#e3effd;color:#1b5fb4}.s-called{background:#fff1d9;color:#9a5b00}.s-won{background:#e3f4ea;color:#1f7a45}.s-lost{background:#f1ecea;color:#7a6d66}
.callme{background:var(--coral);color:#fff}.sample{background:var(--ink);color:#fff}
.mini-score{font-weight:800;padding:2px 8px;border-radius:8px;color:#fff}.mini-score.good{background:var(--good)}.mini-score.ok{background:var(--ok)}.mini-score.bad{background:var(--bad)}
.lead-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.lead-form select{width:auto!important}.lead-form input{flex:1 1 200px;width:auto!important}.lead-form button{padding:9px 16px}

.confetti-layer{position:fixed;inset:0;pointer-events:none;z-index:40}

@media(max-width:600px){.hero h1{font-size:1.65rem}.home-hero h1{font-size:1.85rem}body{font-size:16px}.card{padding:16px}header{border-bottom-width:2px}}
@media print{header,footer,.no-print,.box,.cta-box .btn,.search,.confetti-layer{display:none!important}body{background:#fff;font-size:12pt}.card{box-shadow:none;break-inside:avoid;border-color:#999}.cta-box{background:#fff;color:#000;border:1px solid #999;box-shadow:none}.cta-box p{color:#000}.cta-box:after{content:"mylocalis.com"}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  button:hover,.btn:hover,.steps3 li:hover,.grid6>div:hover,.pick-opt:hover,nav a:hover{transform:none}
}

/* decorative blobs + free sticker */
.fun-blobs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.fun-blobs .blob{position:absolute;border:2.5px solid var(--ink);border-radius:60% 40% 55% 45%/50% 55% 45% 50%;opacity:.85}
.fun-blobs .b1{width:220px;height:180px;left:-70px;top:80px;background:rgba(126,224,200,.45);transform:rotate(-18deg)}
.fun-blobs .b2{width:260px;height:200px;right:-90px;top:120px;background:rgba(255,211,106,.4);border-radius:45% 55% 40% 60%/55% 40% 60% 45%;transform:rotate(12deg)}
.fun-blobs .b3{width:180px;height:140px;right:12%;bottom:8%;background:rgba(255,107,74,.22);border-radius:50% 50% 40% 60%/40% 60% 40% 50%;transform:rotate(-8deg)}
header,main,footer{position:relative;z-index:1}
header{z-index:5}
.home-hero{position:relative}
.home-hero::after{content:"Free!";position:absolute;right:2%;top:6px;font-family:var(--display);font-weight:700;font-size:1.05rem;background:var(--coral);color:#fff;border:2px solid var(--ink);border-radius:16px 16px 16px 4px;padding:6px 12px;box-shadow:3px 3px 0 var(--ink);transform:rotate(11deg)}
@media(max-width:600px){.home-hero::after{right:0;top:-6px;font-size:.9rem;padding:4px 9px}.fun-blobs .b2,.fun-blobs .b3{display:none}.fun-blobs .b1{width:140px;height:120px}}

@keyframes confettiFall{0%{opacity:1}100%{transform:translateY(110vh) rotate(420deg);opacity:0}}
.confetti-layer i{position:absolute;top:-16px;display:block;border:1px solid var(--ink);will-change:transform,opacity}