:root{--c:#00a3e0;--m:#e6007e;--y:#ffd200;--k:#15151b;--paper:#f4f6fb;--bs-body-font-family:'Figtree',system-ui,sans-serif;--bs-body-color:#15151b}
h1,h2,h3,h4,.brand{font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-.025em}
.navbar-brand{font-size:1.6rem;font-weight:800}
.nav-link{font-weight:600}.nav-link.active{box-shadow:inset 0 -3px 0 var(--m)}
.misreg{text-shadow:-3px 2px 0 var(--c),3px -2px 0 var(--m)}
.hero{position:relative;overflow:hidden;background:var(--paper)}
.hero::before{content:"";position:absolute;right:-70px;top:-70px;width:380px;height:380px;border-radius:50%;background:radial-gradient(var(--m) 2px,transparent 2.5px) 0 0/16px 16px;opacity:.35}
.hero .container{position:relative}
.btn-kiyn,.btn-line{border-radius:999px;font-weight:700;padding:.7rem 1.5rem;border:2px solid var(--k);transition:background .15s}
.btn-kiyn{background:var(--k);color:#fff}.btn-kiyn:hover{background:var(--m);border-color:var(--m);color:#fff}
.btn-line{background:#fff;color:var(--k)}.btn-line:hover{background:var(--y);color:var(--k)}
.tile,.card{border:2px solid var(--k);box-shadow:5px 5px 0 var(--k)}
.tile{border-radius:1.25rem;padding:1.25rem;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;font-weight:700}
.tile i{font-size:2rem}.offset{margin-top:2rem}
.t-c{background:var(--c);color:#fff}.t-m{background:var(--m);color:#fff}.t-y{background:var(--y)}.t-k{background:var(--k);color:#fff}
.card{border-radius:1rem;overflow:hidden}
@media(prefers-reduced-motion:no-preference){.card{transition:transform .15s,box-shadow .15s}.card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--k)}}
.ph{aspect-ratio:4/3;display:grid;place-items:center;font-size:3rem;border-bottom:2px solid var(--k)}
.ph-c{background:var(--c);color:#fff}.ph-m{background:var(--m);color:#fff}.ph-y{background:var(--y)}.ph-k{background:var(--k);color:#fff}
.chip{border:2px solid var(--k);background:#fff;border-radius:999px;padding:.3rem 1rem;font-weight:600}.chip.on{background:var(--k);color:#fff}
.step{border-left:4px solid var(--m);padding-left:1rem}
.cta{background:var(--k);color:#fff}
.sec{padding:4rem 0}.mw{max-width:34rem}
#site-footer{background:var(--paper)}
:focus-visible{outline:3px solid var(--m);outline-offset:2px}