:root{
  --blue:#4d96f5;
  --blue-dark:#34639e;
  --yellow:#ffda3e;
  --green:#69cb76;
  --coral:#ff5d61;
  --purple:#9d61cd;
  --pink:#ff6fa9;
  --cream:#fff7e8;
  --ink:#232323;
  --muted:#68645d;
  --border:6px solid var(--ink);
  --shadow:8px 8px 0 var(--ink);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.site-header{height:78px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:var(--blue);position:sticky;top:0;z-index:100;border-bottom:5px solid var(--ink)}
.brand{font-family:Impact,"Arial Black",sans-serif;font-size:34px;letter-spacing:1px;transform:rotate(-2deg)}
.nav{display:flex;align-items:center;gap:28px;font-weight:900;font-size:14px}
.nav a:hover{transform:translateY(-2px)}
.nav-cta{background:var(--yellow);border:4px solid var(--ink);padding:11px 16px;box-shadow:4px 4px 0 var(--ink)}
.menu-toggle{display:none;background:var(--yellow);border:4px solid var(--ink);width:46px;height:44px;font-weight:900}
.section-blue{background:var(--blue)}
.section-cream{background:var(--cream)}
.section-purple{background:var(--purple)}
.section-yellow{background:var(--yellow)}
.section-coral{background:var(--coral)}
.hero{min-height:780px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:70px clamp(24px,7vw,110px) 80px;position:relative;overflow:hidden}
.hero-copy{max-width:720px;z-index:2}
.sticker{display:inline-block;border:5px solid var(--ink);padding:12px 24px;background:var(--purple);font-family:Impact,"Arial Black",sans-serif;font-size:21px;letter-spacing:.7px;box-shadow:5px 5px 0 var(--ink);transform:rotate(-1.5deg)}
.sticker.coral{background:var(--coral)}.sticker.yellow{background:var(--yellow)}.sticker.green{background:var(--green)}.sticker.purple{background:var(--purple);color:var(--ink)}
.small-tilt{transform:rotate(-3deg)}
h1,h2,h3,.btn,.screen-tab,.play-store-btn strong,summary{font-family:Impact,"Arial Black",sans-serif;letter-spacing:.4px}
h1{font-size:clamp(64px,8vw,118px);line-height:.88;margin:28px 0 24px;letter-spacing:1px}
h1 span{color:var(--yellow);text-shadow:5px 5px 0 var(--ink);-webkit-text-stroke:2px var(--ink)}
.hero-lead{font-size:clamp(19px,2vw,25px);line-height:1.45;font-weight:700;max-width:680px}
.hero-actions{display:flex;flex-wrap:wrap;gap:18px;margin:34px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-width:200px;padding:17px 24px;border:5px solid var(--ink);box-shadow:7px 7px 0 var(--ink);font-size:19px;transition:.15s ease}
.btn:hover{transform:translate(4px,4px);box-shadow:3px 3px 0 var(--ink)}
.btn-yellow{background:var(--yellow)}.btn-cream{background:var(--cream)}
.hero-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero-badges span{font-size:13px;font-weight:900;border:3px solid var(--ink);background:rgba(255,255,255,.2);padding:9px 11px}
.hero-phone-wrap{position:relative;display:flex;justify-content:center;align-items:center;min-height:660px}
.phone{background:var(--ink);border:6px solid var(--ink);border-radius:38px;padding:8px;box-shadow:16px 18px 0 rgba(35,35,35,.25);overflow:hidden}
.phone img{width:100%;display:block;border-radius:27px}
.phone-main{width:min(360px,78vw);transform:rotate(4deg);z-index:2}
.burst{position:absolute;top:50px;right:-25px;width:175px;height:160px;background:var(--coral);clip-path:polygon(50% 0,61% 23%,82% 8%,80% 34%,100% 42%,78% 56%,94% 78%,68% 76%,61% 100%,47% 78%,24% 94%,27% 68%,0 65%,21% 49%,4% 28%,31% 30%);display:grid;place-items:center;text-align:center;font-family:Impact,"Arial Black",sans-serif;font-size:22px;line-height:1.05;transform:rotate(9deg);z-index:3}
.confetti{position:absolute;font-size:70px;font-weight:900;opacity:.35}.confetti-a{left:3%;top:15%}.confetti-b{left:47%;bottom:7%;color:var(--pink)}.confetti-c{right:5%;bottom:10%;transform:rotate(18deg)}
.ticker{background:var(--ink);color:var(--cream);overflow:hidden;border-top:5px solid var(--ink);border-bottom:5px solid var(--ink)}
.ticker-track{display:flex;gap:35px;white-space:nowrap;padding:14px 0;font-family:Impact,"Arial Black",sans-serif;font-size:20px;animation:marquee 24s linear infinite;width:max-content}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-45%)}}
.section-heading{max-width:900px;margin:auto}.centered{text-align:center}.section-heading h2,.split-copy h2,.local-card h2,.download-box h2{font-size:clamp(48px,7vw,88px);line-height:.95;margin:30px 0 18px}.section-heading p,.split-copy>p,.local-card p,.download-box p{font-size:20px;line-height:1.55;font-weight:700}
.how-section{padding:100px clamp(24px,6vw,90px)}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;max-width:1200px;margin:70px auto 0}.step-card{background:white;border:var(--border);padding:38px 30px;min-height:310px;box-shadow:var(--shadow)}.step-card h3{font-size:30px;margin:20px 0 10px}.step-card p{font-size:18px;line-height:1.45;font-weight:700}.step-number{width:70px;height:70px;border-radius:50%;border:5px solid var(--ink);display:grid;place-items:center;font-family:Impact,"Arial Black",sans-serif;font-size:34px}.yellow{background:var(--yellow)}.green{background:var(--green)}.coral{background:var(--coral)}.rotate-left{transform:rotate(-1.2deg)}.rotate-right{transform:rotate(1.4deg)}.rotate-left-sm{transform:rotate(-.7deg)}
.play-section{padding:110px clamp(24px,7vw,105px);display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split-copy{max-width:650px}.mode-list{display:grid;gap:16px;margin-top:35px}.mode-row{background:var(--cream);border:5px solid var(--ink);padding:17px 20px;display:flex;align-items:center;gap:18px;box-shadow:5px 5px 0 var(--ink)}.mode-icon{width:52px;height:52px;border-radius:50%;background:var(--yellow);border:4px solid var(--ink);display:grid;place-items:center;font-size:25px}.mode-row strong{font-family:Impact,"Arial Black",sans-serif;font-size:25px;display:block}.mode-row small{font-weight:800;font-size:15px}.phone-pair{position:relative;min-height:680px;display:flex;justify-content:center;align-items:center}.phone-pair .phone{position:absolute;width:min(320px,66vw)}.phone-back{transform:translate(-100px,-20px) rotate(-7deg);opacity:.98}.phone-front{transform:translate(115px,35px) rotate(6deg);z-index:2}
.local-section{padding:100px clamp(24px,7vw,105px);display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center;border-top:6px solid var(--ink);border-bottom:6px solid var(--ink)}.local-card{background:var(--cream);border:var(--border);padding:50px;box-shadow:12px 12px 0 var(--ink);transform:rotate(-1deg)}.eyebrow{font-weight:900;font-size:14px;letter-spacing:2px}.local-points{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.local-points span{background:white;border:4px solid var(--ink);padding:10px 13px;font-weight:900}.scribble{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(50px,7vw,94px);line-height:.96;transform:rotate(5deg);text-align:center}.scribble b{color:var(--coral);-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--ink)}
.screens-section{padding:100px 20px}.light{color:var(--ink)}.screen-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:45px auto 20px}.screen-tab{border:4px solid var(--ink);padding:11px 18px;background:var(--cream);box-shadow:4px 4px 0 var(--ink);cursor:pointer}.screen-tab.active{background:var(--yellow);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.screen-stage{display:flex;align-items:center;justify-content:center;gap:35px;margin-top:36px}.showcase-phone{width:min(330px,68vw);transform:rotate(-1deg)}.screen-nav{width:62px;height:62px;border-radius:50%;border:5px solid var(--ink);background:var(--coral);font-size:30px;font-weight:900;cursor:pointer;box-shadow:5px 5px 0 var(--ink)}.screen-caption{margin:28px auto 0;text-align:center;max-width:650px;font-size:18px;font-weight:900;background:var(--cream);border:4px solid var(--ink);padding:15px 20px;box-shadow:5px 5px 0 var(--ink)}
.moments-section{padding:100px clamp(24px,6vw,90px)}.moment-grid{max-width:1200px;margin:60px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.moment-grid article{border:5px solid var(--ink);background:white;padding:28px;box-shadow:7px 7px 0 var(--ink)}.moment-grid article:nth-child(2n){transform:rotate(1deg)}.moment-grid article:nth-child(2n+1){transform:rotate(-1deg)}.moment-grid span{font-size:48px}.moment-grid h3{font-size:25px;margin:14px 0 8px}.moment-grid p{font-weight:700;line-height:1.45}
.download-section{padding:100px 20px;display:grid;place-items:center}.download-box{max-width:860px;text-align:center;background:var(--blue);border:7px solid var(--ink);box-shadow:14px 14px 0 var(--ink);padding:55px clamp(24px,6vw,70px);transform:rotate(.5deg)}.play-store-btn{margin:25px auto 12px;display:inline-flex;gap:14px;align-items:center;background:var(--ink);color:white;border:5px solid var(--ink);padding:12px 22px;box-shadow:6px 6px 0 var(--yellow);text-align:left}.play-icon{font-size:33px}.play-store-btn small{display:block;font-size:10px;letter-spacing:1px}.play-store-btn strong{display:block;font-size:24px;line-height:1}.coming-note{display:block;font-weight:800;margin-top:12px}
footer{background:var(--ink);color:var(--cream);padding:55px clamp(24px,7vw,100px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.footer-brand{font-size:40px;color:var(--yellow)}footer p{font-family:Impact,"Arial Black",sans-serif;font-size:20px}.footer-links{display:flex;gap:18px;font-weight:900}footer small{grid-column:1/-1;opacity:.7}
@media(max-width:1000px){.nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--cream);border-bottom:5px solid var(--ink);padding:24px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;text-align:center;padding-top:55px}.hero-copy{margin:auto}.hero-actions,.hero-badges{justify-content:center}.hero-phone-wrap{min-height:600px}.play-section,.local-section{grid-template-columns:1fr}.play-section{text-align:center}.mode-row{text-align:left}.phone-pair{min-height:700px}.local-section{text-align:center}.moment-grid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr;text-align:center}.footer-links{justify-content:center}}
@media(max-width:680px){.site-header{height:68px}.brand{font-size:29px}.nav{top:68px}h1{font-size:59px}.hero{min-height:auto;padding:52px 18px 60px}.hero-lead{font-size:18px}.hero-phone-wrap{min-height:520px}.phone-main{width:270px}.burst{width:135px;height:125px;font-size:17px;right:-6px}.section-heading h2,.split-copy h2,.local-card h2,.download-box h2{font-size:46px}.section-heading p,.split-copy>p,.local-card p,.download-box p{font-size:17px}.steps-grid{grid-template-columns:1fr}.how-section,.play-section,.local-section,.moments-section{padding:78px 18px}.phone-pair{min-height:590px}.phone-pair .phone{width:235px}.phone-back{transform:translate(-55px,-15px) rotate(-7deg)}.phone-front{transform:translate(65px,35px) rotate(6deg)}.local-card{padding:30px 22px}.scribble{font-size:54px}.screen-stage{gap:11px}.screen-nav{width:48px;height:48px;font-size:22px}.showcase-phone{width:245px}.moment-grid{grid-template-columns:1fr}.download-box{padding:40px 20px}.ticker-track{font-size:16px}}