.hero{padding:clamp(7.5rem,16vh,10rem) 0 clamp(3rem,8vh,5rem);position:relative}.hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid}.hero__title{font:800 clamp(1.9rem, 4vw, 3.25rem) / 1.18 var(--display);margin:0 0 1.25rem}.hero__title .tag{background:var(--sky);border:var(--bw) solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:.4em;margin-top:.15em;padding:.02em .3em .08em;display:inline-block;transform:rotate(-2deg)}.hero__lede{max-width:30rem;color:var(--mute);margin:0 0 2rem;font-size:1.15rem}.hero__actions{flex-wrap:wrap;gap:1rem;display:flex}.sticker{pointer-events:none;animation:5s ease-in-out infinite bob;position:absolute}.sticker--star{width:56px;bottom:6%;left:3%}.sticker--dot{background:var(--pink);border:var(--bw) solid var(--ink);border-radius:50%;width:40px;height:40px;animation-delay:-2s;top:14%;right:4%}@keyframes bob{50%{transform:translateY(-12px)rotate(8deg)}}.panel{padding:1.25rem 1.5rem 1.5rem}.panel__head{border-bottom:var(--bw) solid var(--ink);align-items:center;gap:.8rem;padding-bottom:1rem;display:flex}.avatar{background:var(--sky);border:var(--bw) solid var(--ink);border-radius:50%;place-items:center;width:3rem;height:3rem;display:grid}.panel__name{font:800 1.05rem var(--display);line-height:1.2}.panel__sub{color:var(--mute);font-size:.875rem}.online{border:2px solid var(--ink);background:var(--mint);font:600 .8rem var(--body);border-radius:999px;align-items:center;gap:.4rem;margin-left:auto;padding:.25rem .7rem;display:inline-flex}.online:before{content:"";background:#1f9d6a;border-radius:50%;width:.5rem;height:.5rem}.rows{margin:0;padding:0;list-style:none}.row{border-bottom:2px dashed #1c130a40;align-items:center;gap:1rem;padding:.9rem 0;display:flex}.row__text{flex:1}.row__name{font-weight:700}.row__desc{color:var(--mute);font-size:.875rem}.sw{border:var(--bw) solid var(--ink);background:var(--cream);width:3.4rem;height:2rem;transition:background .3s var(--ease);border-radius:999px;flex:none;position:relative}.sw[aria-checked=true]{background:var(--sky)}.sw__knob{border:2.5px solid var(--ink);background:var(--paper);width:1.15rem;height:1.15rem;transition:left .35s var(--ease);border-radius:50%;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.sw[aria-checked=true] .sw__knob{left:calc(100% - 3px - 1.15rem)}.panel__status{border:2px solid var(--ink);background:var(--yellow);border-radius:14px;margin:1.1rem 0 0;padding:.7rem 1rem;font-size:.92rem;font-weight:600}.section{padding:clamp(3.5rem,9vh,6rem) 0}.head{max-width:40rem;margin-bottom:clamp(2rem,5vw,3.25rem)}.head h2{font:800 clamp(1.6rem, 3.4vw, 2.6rem) / 1.2 var(--display);margin:0 0 .75rem}.head p{color:var(--mute);margin:0;font-size:1.1rem}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.card{flex-direction:column;gap:.9rem;padding:1.5rem;display:flex}.card--sky{background:var(--sky)}.card--pink{background:var(--pink)}.card--yellow{background:var(--yellow)}.card--lav{background:var(--lav)}.card--mint{background:var(--mint)}.card--peach{background:var(--peach)}.card__icon{border:var(--bw) solid var(--ink);background:var(--paper);border-radius:16px;place-items:center;width:3.25rem;height:3.25rem;display:grid}.card__icon svg{fill:none;width:24px;height:24px;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.card h3{font:700 1.15rem var(--display);margin:0}.card p{color:#4a3f33;flex:1;margin:0}.pill{border:2px solid var(--ink);background:var(--paper);font:600 .82rem var(--body);border-radius:999px;align-self:flex-start;padding:.25rem .8rem}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;display:grid}.stat{text-align:center;padding:1.75rem 1rem}.stat--mint{background:var(--mint)}.stat--yellow{background:var(--yellow)}.stat--lav{background:var(--lav)}.stat--pink{background:var(--pink)}.stat b{font:800 clamp(1.5rem, 2.8vw, 2.25rem) / 1.2 var(--display);font-variant-numeric:tabular-nums;display:block}.stat span{color:#4a3f33;font-weight:500}.cta{padding:clamp(2.5rem, 6vw, 4.5rem) var(--gutter);text-align:center;background:var(--sky)}.cta h2{max-width:18em;font:800 clamp(1.7rem, 4vw, 3rem) / 1.2 var(--display);margin:0 auto 1rem}.cta p{color:#3a3025;max-width:30rem;margin:0 auto 2rem}.cta__actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (width<=900px){.hero__grid{grid-template-columns:1fr}.cards,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sticker{display:none}}@media (width<=600px){.cards{grid-template-columns:1fr}}.nav{z-index:50;padding-inline:var(--gutter);justify-content:center;display:flex;position:fixed;inset:1rem 0 auto}.nav__bar{background:var(--paper);border:var(--bw) solid var(--ink);width:min(100%,1000px);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:1.5rem;padding:.5rem .55rem .5rem 1.1rem;display:flex;position:relative}.nav__brand{font:800 1.15rem var(--display);align-items:center;gap:.65rem;display:flex}.nav__links{gap:.25rem;margin:0 auto;padding:0;font-weight:600;list-style:none;display:flex}.nav__links a{border-radius:999px;padding:.5rem 1rem;transition:background .25s;display:block}.nav__links a:hover{background:var(--yellow)}.nav__cta{padding:.6rem 1.2rem}.nav__toggle{border:var(--bw) solid var(--ink);background:var(--yellow);border-radius:50%;place-content:center;gap:6px;width:2.75rem;height:2.75rem;display:none}.nav__toggle span{background:var(--ink);width:18px;height:2.5px;transition:transform .3s var(--ease);border-radius:2px;display:block}.nav.is-open .nav__toggle span:first-child{transform:translateY(4.25px)rotate(45deg)}.nav.is-open .nav__toggle span:last-child{transform:translateY(-4.25px)rotate(-45deg)}@media (width<=760px){.nav__bar{gap:.75rem}.nav__links{background:var(--paper);border:var(--bw) solid var(--ink);border-radius:var(--r);box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:opacity .3s var(--ease), transform .3s var(--ease), visibility .3s;flex-direction:column;gap:0;padding:.5rem;position:absolute;top:calc(100% + .75rem);left:0;right:0;transform:translateY(-8px)}.nav.is-open .nav__links{opacity:1;visibility:visible;transform:none}.nav__links a{padding:.9rem 1rem}.nav__cta{margin-left:auto}.nav__toggle{display:grid}}.footer{background:var(--paper);border-top:var(--bw) solid var(--ink);color:var(--mute);margin-top:clamp(3rem,8vw,6rem);padding-block:clamp(3rem,7vw,4.5rem) 2rem;font-size:.95rem}.footer__grid{grid-template-columns:1.6fr repeat(3,1fr);gap:2.5rem;display:grid}.footer__logo{font:800 1.6rem var(--display);color:var(--ink);align-items:center;gap:.55rem;display:inline-flex}.footer__brand p{max-width:22rem;margin:.9rem 0 0}.footer h4{color:var(--ink);font:700 .95rem var(--display);margin:0 0 1rem}.footer ul{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.footer a{transition:color .2s}.footer a:hover{color:var(--ink);text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--sky);text-decoration-color:var(--sky);text-underline-offset:4px}.footer__base{border-top:2px dashed #1c130a40;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;display:flex}.footer__base p{margin:0}@media (width<=760px){.footer__grid{grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}}