:root{--g50:#F0FDF4;--g100:#DCFCE7;--g200:#BBF7D0;--g500:#22C55E;--g600:#16A34A;--g700:#15803D;--g800:#166534;--amber:#F59E0B;--amber100:#FEF3C7;--gold:#F2B734;--blue:#3B82F6;--blue100:#DBEAFE;--purple:#8B5CF6;--purple100:#EDE9FE;--ink:#15281C;--ink-soft:#4B5A50;--ink-faint:#5E6B62;--ink-mute:#8A968D;--clay:#9A4F2C;--gold-ink:#B8860B;--white:#fff;--cloud:#F6FBF4;--r-pill:999px;--r-card:22px;--r-lg:16px;--r-sm:12px;--sh:0 8px 24px rgba(22,101,52,.08);--sh-lift:0 18px 40px rgba(22,101,52,.15);--maxw:1180px;--gut:clamp(22px,5vw,48px);--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-8:48px;--s-10:64px;--s-12:96px;--fs-h1:clamp(2.6rem,4.6vw,4rem);--fs-h2:clamp(1.95rem,3.2vw,2.55rem);--fs-h3:1.45rem;--fs-lead:clamp(1.12rem,1.4vw,1.3rem);--ease:cubic-bezier(.2,.7,.3,1);--dur:.22s}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Nunito,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}p{margin:0}h1,h2,h3{margin:0;font-family:Fredoka,sans-serif;font-weight:600;color:var(--g800);line-height:1.05;letter-spacing:-.02em}h1{font-size:var(--fs-h1);font-weight:700;line-height:1.02}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}.lead{font-size:var(--fs-lead);color:var(--ink-soft);max-width:58ch;font-weight:500;line-height:1.6}.center .lead{max-width:52ch;margin-left:auto;margin-right:auto}:where(a,button,.sbadge,.btn,.ncard):focus-visible{outline:3px solid var(--g700);outline-offset:3px;border-radius:8px}.feed :focus-visible,.premium :focus-visible,.final :focus-visible,footer :focus-visible,.mapbleed :focus-visible{outline-color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:300;background:#fff;color:var(--g700);font-weight:700;padding:10px 18px;border-radius:var(--r-pill);box-shadow:var(--sh-lift)}.tag{display:inline-flex;align-items:center;gap:.5rem;background:var(--g100);color:var(--g700);font-family:Fredoka;font-weight:600;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;padding:8px 16px;border-radius:var(--r-pill)}.tag .d{width:8px;height:8px;border-radius:50%;background:var(--g500)}.mono{font-family:DM Mono,monospace;font-weight:500;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.grain{position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.feed .wrap,.feed .marquee,.premium .wrap,.final .wrap{position:relative;z-index:2}.wavb{position:relative;z-index:6;height:48px;margin-bottom:-48px;pointer-events:none;line-height:0}.wavb svg{display:block;width:100%;height:48px}.btn{display:inline-flex;align-items:center;gap:.5em;font-family:Fredoka;font-weight:600;font-size:1.08rem;padding:15px 30px;border-radius:var(--r-pill);border:0;cursor:pointer;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}.btn-primary{background:var(--g700);color:#fff;box-shadow:0 8px 20px #15803d4d}.btn-primary:hover{background:var(--g800);transform:translateY(-3px) scale(1.02);box-shadow:0 14px 26px #15803d6b}.btn-soft{background:#fff;color:var(--g700);box-shadow:var(--sh)}.btn-soft:hover{transform:translateY(-3px);box-shadow:var(--sh-lift)}.stores{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.hero .cta-row .stores,.hero-stores{justify-content:flex-start}.sbadge{display:inline-flex;align-items:center;gap:11px;background:var(--ink);color:#fff;border-radius:16px;padding:11px 18px 11px 16px;min-height:44px;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.sbadge:hover{transform:translateY(-3px);box-shadow:var(--sh-lift)}.sbadge svg{width:22px;height:24px;flex:0 0 auto}.sbadge .t small{display:block;font-size:.58rem;letter-spacing:.04em;opacity:.82;text-transform:uppercase;font-weight:600}.sbadge .t b{font-family:Fredoka;font-weight:600;font-size:1.08rem;line-height:1.05}.sec{padding:clamp(64px,8vw,110px) 0;position:relative}.center{text-align:center;max-width:680px;margin:0 auto}.blob{position:absolute;border-radius:46% 54% 60% 40%/54% 46%;filter:blur(2px);z-index:0;opacity:.55}.dots{position:absolute;width:8px;height:8px;border-radius:50%;z-index:0}header{position:fixed;inset:0 0 auto;z-index:100;transition:background .3s var(--ease),box-shadow .3s var(--ease)}header .bar{display:flex;align-items:center;justify-content:space-between;height:74px}header.scrolled{background:#ffffffdb;backdrop-filter:blur(12px);box-shadow:0 4px 20px #16653414}.brand-logo{height:34px;transition:filter .3s var(--ease)}nav.links{display:flex;gap:2rem;font-family:Fredoka;font-weight:500;font-size:1rem;color:var(--ink-soft)}nav.links a:hover{color:var(--g700)}nav.links a[aria-current=page]{color:var(--g700)}.content-page header{position:relative;background:#fffffff0;backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--g100)}.content-page header .bar{height:70px}.navlight header:not(.scrolled) .brand-logo{filter:brightness(0) invert(1)}.navlight header:not(.scrolled) nav.links{color:#ffffffeb}.navlight header:not(.scrolled) nav.links a:hover{color:#fff}@media (max-width:860px){nav.links{display:none}}.hero{padding:150px 0 140px;overflow:hidden;position:relative;background-color:#0b3a24;background-image:linear-gradient(180deg,#16653400 52%,#16653480 78%,#166534),linear-gradient(96deg,#082818e0,#08281894 40%,#0828182e,#08281800),url(/assets/photos/sunset.jpg);background-size:cover;background-position:center 38%;background-repeat:no-repeat}.hero-grid{display:grid;gap:34px;align-items:center;position:relative;z-index:2}@media (min-width:920px){.hero-grid{grid-template-columns:1.04fr .96fr}}.hero .tag{background:#ffffff29;color:#fff;backdrop-filter:blur(3px)}.hero .tag .d{background:#9fe5b8}.hero h1{color:#fff}.hero .lead{color:#ffffffeb;margin-top:1.5rem}.hero h1 .pop{color:#a7f3c6;position:relative;display:inline-block}.hero h1 .pop svg{position:absolute;left:-6%;right:-6%;bottom:-.16em;width:112%;height:.3em}.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:2rem}.hero .stats{margin-top:2rem;display:flex;gap:10px;flex-wrap:wrap}.stat-pill{background:#fff;border-radius:var(--r-pill);box-shadow:var(--sh);padding:9px 16px;display:flex;align-items:center;gap:.45rem;font-weight:600;font-size:.92rem;color:var(--ink-soft)}.stat-pill b{font-family:Fredoka;font-weight:600;color:var(--g800)}.stat-pill .pulse{width:9px;height:9px;border-radius:50%;background:var(--g500);position:relative}.stat-pill .pulse:after{content:"";position:absolute;inset:-5px;border-radius:50%;background:var(--g500);opacity:.4;animation:pulse 1.8s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.5}70%{transform:scale(2.6);opacity:0}to{opacity:0}}.hero-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:560px}.phone-frame{width:min(72vw,318px);aspect-ratio:9/19.5;position:relative;z-index:2;transform:rotate(3deg);filter:drop-shadow(0 30px 50px rgba(22,101,52,.26))}.phone-shell{position:absolute;inset:0;padding:10px;border-radius:48px;background:linear-gradient(135deg,#fff,#d8dedc 24%,#f9fbfa 45%,#aeb6b3 70%,#fff);box-shadow:inset 0 0 0 1px #ffffffdb,inset 0 -10px 24px #15231c2e,0 2px #ffffffbf}.phone-shell:before,.phone-shell:after{content:"";position:absolute;border-radius:6px;background:linear-gradient(180deg,#f8faf9,#b7c0bd);box-shadow:inset 1px 0 #ffffffbf}.phone-shell:before{right:-4px;top:24%;width:5px;height:58px}.phone-shell:after{left:-4px;top:18%;width:5px;height:38px;box-shadow:inset -1px 0 #ffffffbf,0 74px #cfd7d4}.phone-screen{position:relative;width:100%;height:100%;overflow:hidden;clip-path:inset(0 round 38px);border-radius:38px;background:#050705;box-shadow:inset 0 0 0 1px #000000b8}.phone-screen video{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.phone-island{position:absolute;top:22px;left:50%;width:86px;height:28px;transform:translate(-50%);border-radius:999px;background:#151515;box-shadow:0 1px #ffffff2e,inset 0 -1px 1px #ffffff14;z-index:3}.fbadge{position:absolute;background:#fff;border-radius:20px;box-shadow:var(--sh-lift);padding:10px 16px 10px 10px;display:flex;align-items:center;gap:10px;z-index:4}.fbadge img{width:46px}.fbadge b{font-family:Fredoka;font-weight:600;font-size:.92rem;color:var(--g800);display:block}.fbadge small{color:var(--ink-faint);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.fb1{top:8%;left:-3%;animation:float 6s ease-in-out infinite}.fb2{bottom:16%;right:-4%;animation:float 7.3s ease-in-out .9s infinite}@keyframes float{50%{transform:translateY(-14px)}}.noki-hero{position:absolute;bottom:-3%;left:0;width:128px;z-index:5;filter:drop-shadow(0 10px 14px rgba(22,101,52,.22));animation:float 6.5s ease-in-out infinite}.feed{background:var(--g800);overflow:hidden}.feed h2,.feed .lead{color:#fff}.feed .lead{color:#ffffffeb}.feed .tag{background:#ffffff29;color:#fff}.feed .tag .d{background:#fff}.marquee{margin-top:42px;display:flex;gap:18px;width:max-content;animation:scroll 36s linear infinite}@media (hover:hover){.marquee:hover{animation-play-state:paused}}@media (max-width:640px){.marquee{animation-duration:64s}}@keyframes scroll{to{transform:translate(calc(-50% - 9px))}}.fcard{flex:0 0 170px;background:#fff;border-radius:var(--r-lg);padding:18px;text-align:center;box-shadow:var(--sh)}.fcard img{width:96px;margin:0 auto 10px}.fcard .meta{font-family:DM Mono,monospace;font-weight:500;font-size:.7rem;letter-spacing:.02em;text-transform:uppercase;color:var(--clay)}.fcard .rar{font-family:Fredoka;font-weight:600;color:var(--g700);font-size:.92rem}.feed .edge{position:absolute;top:0;bottom:0;width:90px;z-index:5;pointer-events:none}.feed .edge.l{left:0;background:linear-gradient(90deg,var(--g800),transparent)}.feed .edge.r{right:0;background:linear-gradient(270deg,var(--g800),transparent)}.safe{text-align:center;margin-top:30px;color:#ffffffe6;font-size:.88rem;font-weight:600;position:relative;z-index:6}.how{background:linear-gradient(180deg,var(--g50),#fff)}.steps{position:relative;display:grid;gap:var(--s-6);margin-top:var(--s-10)}@media (min-width:780px){.steps{grid-template-columns:repeat(3,1fr)}}.steps:before{content:"";position:absolute;top:32px;left:17%;right:17%;height:0;border-top:3px dashed var(--g500);opacity:.5;z-index:0;display:none}@media (min-width:780px){.steps:before{display:block}}.step{position:relative;z-index:1;text-align:center}.step .num{width:64px;height:64px;border-radius:50%;background:var(--g500);color:#fff;font-family:Fredoka;font-weight:600;font-size:1.55rem;display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative;z-index:2;box-shadow:0 0 0 10px var(--g50),0 12px 22px #22c55e66}.step .ph{width:min(80%,212px);margin:30px auto 20px}.step:nth-child(1) .ph{transform:rotate(-2.5deg)}.step:nth-child(2) .ph{transform:rotate(1.5deg)}.step:nth-child(3) .ph{transform:rotate(-1.5deg)}.step .ph img{width:100%;filter:drop-shadow(0 22px 34px rgba(22,101,52,.24));transition:transform var(--dur) var(--ease)}.step:hover .ph img{transform:translateY(-10px)}.step h3{font-size:1.4rem}.step p{color:var(--ink-soft);max-width:30ch;margin:.5rem auto 0;font-weight:500}.feat-grid{display:grid;gap:50px;align-items:center}@media (min-width:920px){.feat-grid{grid-template-columns:1.05fr .95fr}}.flist{display:grid;gap:14px;margin-top:28px}.frow{display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--sh);transition:.25s}.frow:hover{transform:translate(6px)}.fchip{width:52px;height:52px;border-radius:16px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:var(--g100)}.fchip svg{width:26px;height:26px;stroke:var(--g600);stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.fchip.a{background:var(--amber100)}.fchip.a svg{stroke:var(--amber)}.fchip.b{background:var(--blue100)}.fchip.b svg{stroke:var(--blue)}.fchip.p{background:var(--purple100)}.fchip.p svg{stroke:var(--purple)}.frow b{font-family:Fredoka;font-weight:600;font-size:1.1rem;color:var(--g800)}.frow p{color:var(--ink-soft);font-size:.95rem;font-weight:500;margin-top:2px}.feat-fig{position:relative;height:520px}.feat-fig img{position:absolute;left:50%;filter:drop-shadow(0 22px 40px rgba(22,101,52,.22))}.feat-fig .main{width:250px;top:8px;transform:translate(-58%) rotate(-4deg);z-index:2}.feat-fig .peek{width:214px;top:92px;transform:translate(-4%) rotate(5deg);z-index:1}@media (min-width:920px) and (max-width:1060px){.feat-fig{transform:scale(.88);transform-origin:center}}.premium{background:linear-gradient(150deg,var(--g600),var(--g800));overflow:hidden}.premium h2,.premium .lead{color:#fff}.premium .lead{color:#ffffffdb}.premium .tag{background:#ffffff29;color:#fff}.premium .tag .d{background:var(--gold)}.prem-grid{display:grid;gap:48px;align-items:center}@media (min-width:860px){.prem-grid{grid-template-columns:1.05fr .95fr}}.prem-list{display:grid;gap:14px;margin:26px 0 30px}.prem-list li{list-style:none;display:flex;gap:14px;align-items:center;background:#ffffff1a;border-radius:var(--r-lg);padding:16px 18px}.prem-list .ic{width:42px;height:42px;border-radius:12px;background:#ffffff29;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.prem-list svg{width:22px;height:22px;stroke:var(--gold);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.prem-list b{font-family:Fredoka;font-weight:600;color:#fff}.prem-list span{color:#ffffffc7;font-size:.92rem;font-weight:500}.badge-fan{display:flex;justify-content:center;align-items:flex-end}.badge-fan img{filter:drop-shadow(0 16px 26px rgba(0,0,0,.3))}.badge-fan .l{width:104px;transform:rotate(-13deg) translate(28px)}.badge-fan .m{width:160px;z-index:2;animation:float 5s ease-in-out infinite}.badge-fan .r{width:104px;transform:rotate(13deg) translate(-28px)}.map-sec{position:relative}.mapbleed{position:relative;width:100%;min-height:min(80vh,680px);overflow:hidden;background:radial-gradient(120% 120% at 25% 18%,#23764a,#0e472b)}.mapbleed .pin{position:absolute;width:60px;transform:translate(-50%,-50%);filter:drop-shadow(0 8px 12px rgba(0,0,0,.45));animation:float 5s ease-in-out infinite}.mapbleed .noki{position:absolute;bottom:20px;right:26px;width:100px;z-index:2}.mapbleed .coord{position:absolute;right:26px;top:24px;z-index:2;font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.05em;color:#ffffffb8}.map-card{position:absolute;z-index:4;left:clamp(20px,6vw,84px);top:50%;transform:translateY(-50%);background:#fff;border-radius:var(--r-card);padding:clamp(30px,3.5vw,48px);max-width:450px;box-shadow:var(--sh-lift)}@media (max-width:720px){.mapbleed{min-height:600px}.map-card{inset:auto 16px 18px;transform:none;max-width:none;padding:26px}}.mission{background:var(--g50);text-align:center;overflow:hidden}.mission .q{font-family:Fredoka;font-weight:500;font-size:clamp(1.7rem,3.4vw,2.9rem);line-height:1.25;color:var(--g800);max-width:20ch;margin:0 auto}.mission .q .hl{color:var(--g700)}.mission .noki{width:96px;margin:0 auto 22px;animation:float 6s ease-in-out infinite}.trust{text-align:center}.tgrid{display:grid;gap:var(--s-5);margin-top:var(--s-8)}@media (min-width:680px){.tgrid{grid-template-columns:repeat(4,1fr)}}.tcard{background:var(--g50);border-radius:var(--r-lg);padding:28px 20px;transition:.25s}.tcard:hover{transform:translateY(-6px);background:var(--g100)}.tcard .ic{width:54px;height:54px;border-radius:16px;background:#fff;box-shadow:var(--sh);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.tcard svg{width:28px;height:28px;stroke:var(--g600);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.tcard b{font-family:Fredoka;font-weight:600;color:var(--g800);display:block}.tcard span{font-size:.86rem;color:var(--ink-soft);font-weight:500}.proof{background:var(--g50)}.proof-grid{display:grid;gap:var(--s-5);margin-top:var(--s-8);align-items:center}@media (min-width:820px){.proof-grid{grid-template-columns:1.2fr .8fr}}.qcard{background:#fff;border-radius:var(--r-card);padding:36px;box-shadow:var(--sh)}.qcard .stars{color:var(--gold-ink);font-size:1.4rem;letter-spacing:2px}.qcard .q{font-family:Fredoka;font-weight:500;font-size:1.5rem;color:var(--g800);line-height:1.3;margin:14px 0}.qcard .who{color:var(--ink-soft);font-weight:700}.bigstats{display:grid;gap:16px}.bigstat{background:#fff;border-radius:var(--r-lg);padding:22px 26px;box-shadow:var(--sh);text-align:center}.bigstat b{font-family:Fredoka;font-weight:700;font-size:2.4rem;color:var(--g700);display:block;line-height:1}.bigstat span{color:var(--ink-soft);font-weight:700;font-size:.9rem}.notes-grid{display:grid;gap:var(--s-5);margin-top:var(--s-8)}@media (min-width:760px){.notes-grid{grid-template-columns:repeat(3,1fr)}}.ncard{background:#fff;border-radius:var(--r-card);overflow:hidden;box-shadow:var(--sh);transition:.3s;display:block;color:inherit}.ncard:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:var(--sh-lift)}.ncard .cover{aspect-ratio:3/2;position:relative;display:flex;align-items:center;justify-content:center}.ncard .cover.c1{background:linear-gradient(150deg,var(--g200),var(--g500))}.ncard .cover.c2{background:linear-gradient(150deg,var(--blue100),var(--blue))}.ncard .cover.c3{background:linear-gradient(150deg,var(--amber100),var(--amber))}.ncard .cover img{width:84px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.25))}.ncard .body{padding:22px}.ncard h3{color:var(--g800)}.ncard .tax{color:var(--ink-faint);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;margin-top:8px}.final{background:linear-gradient(160deg,var(--g500),var(--g700));text-align:center;overflow:hidden}.final h2{color:#fff;font-size:clamp(2.3rem,5vw,3.8rem);max-width:18ch;margin:0 auto}.final .lead{color:#ffffffe6;margin:18px auto 30px}.final .stores{justify-content:center}.final .noki{width:120px;margin:0 auto 18px;animation:float 5.5s ease-in-out infinite}.cta-box{text-align:center}.cta-box>img{margin:0 auto 16px}.cta-box .stores{justify-content:center}footer{background:var(--g800);color:#ffffffd6;padding:58px 0 32px;font-size:.92rem}.fgrid{display:grid;gap:34px}@media (min-width:760px){.fgrid{grid-template-columns:2.4fr 1fr 1fr 1fr}}.fbrand{display:flex;align-items:center;gap:.55rem;color:#fff;font-family:Fredoka;font-weight:600;font-size:1.35rem;margin-bottom:1rem}.fbrand img{width:34px}footer h5{font-family:Fredoka;color:#fff;font-size:.95rem;margin:0 0 1rem}footer ul{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}footer a:hover{color:#fff}.fbar{border-top:1px solid rgba(255,255,255,.16);margin-top:42px;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-weight:600;font-size:.85rem;color:#ffffffb8}.reveal{opacity:0;transform:translateY(26px);transition:.7s cubic-bezier(.16,.8,.3,1)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}