:root{--indigo: #4d4aef;--indigo-deep: #2312ee;--indigo-tint: #eaebff;--orange: #f7931e;--orange-soft: #fde5c4;--ink: #131318;--paper: #ffffff;--lime: #c3e92e;--cyan: #45d6f0;--pink: #f0308f;--grey: #6b6b76;--font-display: "Poppins", system-ui, -apple-system, sans-serif;--font-body: "Karla", system-ui, -apple-system, sans-serif;--shadow-sticker: 6px 6px 0 var(--ink);--shadow-sticker-sm: 4px 4px 0 var(--ink);--radius-card: 20px;--max-width: 1120px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:1.0625rem;line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}img,svg{max-width:100%}h1,h2,h3{font-family:var(--font-display);line-height:1.15;margin:0 0 .6em}a{color:var(--indigo)}:focus-visible{outline:3px solid var(--indigo);outline-offset:3px}.hero :focus-visible,.cta :focus-visible,.footer :focus-visible{outline-color:var(--orange)}.wordmark{font-family:var(--font-display);font-weight:800;font-size:1.6rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.wordmark span{color:var(--orange)}.wordmark-dark{color:var(--paper)}.btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:700;font-size:1.05rem;padding:.85rem 1.7rem;border-radius:999px;border:2px solid var(--ink);text-decoration:none;box-shadow:var(--shadow-sticker-sm);transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.btn-orange{background:var(--orange);color:var(--ink)}.btn-small{font-size:.95rem;padding:.5rem 1.2rem;box-shadow:3px 3px 0 var(--ink)}.play-glyph{width:1.1em;height:1.1em;flex:none}.nav{position:sticky;top:0;z-index:20;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--ink)}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:.8rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-links{display:flex;align-items:center;gap:1.6rem}.nav-links>a:not(.btn){font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--ink);text-decoration:none}.nav-links>a:not(.btn):hover{color:var(--indigo)}.hero{position:relative;overflow:hidden;background:var(--indigo) url(/splash-pattern.png);background-size:420px auto;background-blend-mode:soft-light;color:var(--paper)}.hero:before{content:"";position:absolute;inset:0;background:var(--indigo);opacity:.82}.hero-inner{position:relative;max-width:var(--max-width);margin:0 auto;padding:5rem 1.5rem 5.5rem;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:3rem}.hero h1{font-size:clamp(2.4rem,5.2vw,3.9rem);font-weight:800;letter-spacing:-.02em}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>p{font-size:1.2rem;max-width:34rem;margin:0 0 2.2rem;color:var(--indigo-tint)}.hero-actions{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}.hero-alt{font-size:.95rem;color:var(--indigo-tint)}.hero-shapes{position:absolute;inset:0;pointer-events:none}.shape{position:absolute;width:44px;height:44px}.shape-star{top:12%;left:4%;transform:rotate(-12deg)}.shape-triangle{bottom:8%;left:55%;transform:rotate(14deg)}.shape-slash{top:16%;right:6%}.shape-dot{bottom:22%;right:3%;width:14px;height:14px;border-radius:50%;background:var(--pink)}@media(prefers-reduced-motion:no-preference){.shape{animation:bob 7s ease-in-out infinite}.shape-triangle{animation-delay:-2s}.shape-slash{animation-delay:-4s}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -12px}}}.phone{justify-self:center;width:min(280px,80vw);border:3px solid var(--ink);border-radius:36px;padding:10px;background:var(--ink);box-shadow:10px 10px #13131873;transform:rotate(3deg)}.phone-screen{border-radius:26px;overflow:hidden;background:var(--paper);display:flex;flex-direction:column}.phone-appbar{background:var(--indigo);padding:1rem 1rem .8rem}.phone-appbar-title{font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--paper)}.phone-map{position:relative}.phone-map svg{display:block;width:100%}.phone-chip{position:absolute;left:12px;bottom:12px;right:12px;background:var(--paper);border:2px solid var(--ink);border-radius:12px;box-shadow:var(--shadow-sticker-sm);padding:.5rem .7rem;display:flex;flex-direction:column;gap:.1rem}.phone-chip strong{font-family:var(--font-display);font-size:.8rem}.phone-chip span{font-size:.72rem;color:var(--grey)}.phone-nav{display:flex;justify-content:space-around;padding:.7rem 1.4rem;border-top:2px solid var(--indigo-tint)}.phone-nav-dot{width:10px;height:10px;border-radius:50%;background:#c9cbf5}.phone-nav-dot.active{background:var(--orange)}.section-inner{max-width:var(--max-width);margin:0 auto;padding:5rem 1.5rem}.features h2,.how h2{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:800;letter-spacing:-.02em;max-width:30ch;margin-bottom:2.5rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}.feature-card{border:2px solid var(--ink);border-radius:var(--radius-card);padding:1.6rem 1.5rem 1.4rem;background:var(--paper);box-shadow:var(--shadow-sticker)}.feature-card:nth-child(3n+2){box-shadow:6px 6px 0 var(--indigo)}.feature-card:nth-child(3n){box-shadow:6px 6px 0 var(--orange)}.feature-icon{width:46px;height:46px;color:var(--ink);margin-bottom:.9rem}.feature-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.35em}.feature-card p{margin:0;color:var(--grey);font-size:.98rem}.how{background:var(--indigo-tint);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.how-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;counter-reset:step}.how-steps li{background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius-card);padding:1.6rem 1.5rem;box-shadow:var(--shadow-sticker)}.how-marker{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;border:2px solid var(--ink);background:var(--lime);font-family:var(--font-display);font-weight:800;margin-bottom:.9rem}.how-steps li:nth-child(2) .how-marker{background:var(--cyan)}.how-steps li:nth-child(3) .how-marker{background:var(--orange)}.how-steps h3{font-size:1.15rem;font-weight:700;margin-bottom:.35em}.how-steps p{margin:0;color:var(--grey);font-size:.98rem}.guest-band{background:var(--lime);border-bottom:2px solid var(--ink)}.guest-band p{max-width:var(--max-width);margin:0 auto;padding:1.3rem 1.5rem;font-size:1.05rem;text-align:center}.cta{background:var(--indigo) url(/splash-pattern.png);background-size:420px auto;background-blend-mode:soft-light;position:relative}.cta:before{content:"";position:absolute;inset:0;background:var(--indigo);opacity:.82}.cta-inner{position:relative;max-width:var(--max-width);margin:0 auto;padding:4.5rem 1.5rem;text-align:center;color:var(--paper)}.cta h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;letter-spacing:-.02em}.cta-note{margin:1.1rem 0 0;color:var(--indigo-tint);font-size:.95rem}.footer{background:var(--ink);color:var(--paper);padding:3.5rem 1.5rem 2rem}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;gap:3rem;flex-wrap:wrap}.footer-brand p{color:#a3a3ad;max-width:26rem;margin:.8rem 0 0}.footer-links{display:flex;flex-direction:column;gap:.7rem}.footer-links a{color:var(--paper);text-decoration:none}.footer-links a:hover{color:var(--orange)}.footer-copyright{max-width:var(--max-width);margin:2.5rem auto 0;padding-top:1.5rem;border-top:1px solid #33333d;color:#a3a3ad;font-size:.9rem}.legal{max-width:72ch;margin:0 auto;padding:4rem 1.5rem 5rem}.legal-header h1{font-size:clamp(2rem,4vw,2.7rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.2em}.legal-date{color:var(--grey);margin:0 0 2.5rem;font-size:.95rem}.legal-body h2{font-size:1.35rem;font-weight:700;margin:2.2em 0 .5em;scroll-margin-top:5rem}.legal-body section:first-child h2{margin-top:0}.legal-body p,.legal-body li{color:#3a3a44}.legal-body li{margin-bottom:.6em}.legal-body code{background:var(--indigo-tint);padding:.1em .4em;border-radius:6px;font-size:.9em}@media(max-width:900px){.feature-grid,.how-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.hero-inner{grid-template-columns:1fr;padding:3.5rem 1.5rem 4rem;text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions{justify-content:center}.phone{margin-top:1rem}.nav-links>a:not(.btn){display:none}.hero-shapes{display:none}}@media(max-width:560px){.feature-grid,.how-steps{grid-template-columns:1fr}.section-inner{padding:3.5rem 1.25rem}}
