:root{--violet: #5B4FE6;--violet-bright: #4B3AE8;--violet-deep: #4034C4;--violet-soft: #EDEBFF;--orange: #F5621F;--orange-light: #FF8A3D;--green: #46B04A;--sky: #7FC3F2;--bg: #EEEEF6;--bg-2: #E7E7F3;--card: #FFFFFF;--ink: #241F45;--ink-soft: #6B6785;--ink-faint: #9B98B0;--line: #ECECF3;--shadow-sm: 0 2px 10px rgba(45, 40, 90, .06);--shadow-md: 0 12px 30px rgba(45, 40, 90, .1);--shadow-lg: 0 30px 60px rgba(45, 40, 90, .18);--grad-violet: linear-gradient(135deg, #6D5CF0 0%, #5340E0 100%);--radius-sm: 14px;--radius: 22px;--radius-lg: 32px;--maxw: 1120px;--nav-h: 62px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}#how,#features,#screens{scroll-margin-top:calc(var(--nav-h) + 18px)}#join{scroll-margin-top:calc(var(--nav-h) + 32px)}body{margin:0;font-family:Nunito,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,.display{font-family:Fredoka,system-ui,sans-serif;font-weight:700;line-height:1.08;letter-spacing:-.01em;margin:0}p{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 22px}.section{padding:72px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--violet);background:var(--violet-soft);padding:7px 14px;border-radius:999px}.eyebrow--status{background:#e9f7ea;color:#2f8a34}.status-dot{position:relative;width:9px;height:9px;border-radius:50%;background:var(--green);flex-shrink:0}.status-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--green);animation:pulse-dot 2s ease-out infinite}@keyframes pulse-dot{0%{transform:scale(1);opacity:.7}70%{transform:scale(2.6);opacity:0}to{transform:scale(2.6);opacity:0}}@media (prefers-reduced-motion: reduce){.status-dot:after{animation:none}}.section-title{font-size:clamp(1.85rem,6vw,2.6rem);color:var(--ink);margin-top:18px}.section-sub{color:var(--ink-soft);font-size:1.05rem;margin-top:14px;max-width:540px}.center{text-align:center}.center .section-sub{margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:Fredoka,sans-serif;font-weight:600;font-size:1.02rem;border:none;border-radius:999px;padding:15px 26px;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--grad-violet);color:#fff;box-shadow:0 10px 22px #5340e057}.btn-primary:hover{box-shadow:0 14px 28px #5340e070;transform:translateY(-1px)}.btn-ghost{background:#fff;color:var(--violet);box-shadow:var(--shadow-sm)}.btn-ghost:hover{background:var(--violet-soft)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}.consent{position:fixed;z-index:999;left:16px;right:16px;bottom:16px;margin:0 auto;width:calc(100% - 32px);max-width:560px;padding:16px 18px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:consent-in .42s cubic-bezier(.22,1,.36,1) both}@keyframes consent-in{0%{transform:translateY(130%);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){.consent{animation:none}}.consent__inner{display:grid;grid-template-columns:auto 1fr;gap:4px 12px}.consent__cookie{font-size:1.6rem;line-height:1;animation:cookie-wobble .9s ease .35s both}@keyframes cookie-wobble{0%{transform:rotate(0)}30%{transform:rotate(-14deg) scale(1.12)}60%{transform:rotate(10deg) scale(1.06)}to{transform:rotate(0) scale(1)}}@media (prefers-reduced-motion: reduce){.consent__cookie{animation:none}}.consent__main{min-width:0}.consent__text{font-size:.93rem;line-height:1.5;color:var(--ink-soft)}.consent__text strong{font-family:Fredoka,sans-serif;color:var(--ink)}.consent__more{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:0;background:none;border:none;font-size:.85rem;font-weight:800;color:var(--violet);text-decoration:underline;text-underline-offset:2px}.consent__more:hover{color:var(--violet-deep)}.consent__chev{font-size:.7rem;text-decoration:none;transition:transform .2s ease}.consent__chev--up{transform:rotate(180deg)}.consent__details{margin-top:10px;padding:12px 14px;background:var(--violet-soft);border-radius:var(--radius-sm);font-size:.85rem;line-height:1.55;color:var(--ink-soft);animation:consent-open .22s ease both}.consent__details p+p{margin-top:9px}.consent__details strong{color:var(--ink)}.consent__details a{color:var(--violet);text-decoration:underline}@keyframes consent-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.consent__details{animation:none}}.consent__actions{grid-column:2;display:flex;gap:10px;margin-top:14px}.consent__btn{flex:1 1 0;font-size:.95rem;padding:12px 18px}.consent__btn--accept{background:var(--grad-violet);color:#fff;box-shadow:0 8px 18px #5340e04d}.consent__btn--accept:hover{transform:translateY(-1px);box-shadow:0 12px 24px #5340e066}.consent__btn--reject{background:#fff;color:var(--violet);box-shadow:inset 0 0 0 2px var(--violet-soft)}.consent__btn--reject:hover{background:var(--violet-soft)}@media (max-width: 420px){.consent__inner{grid-template-columns:1fr}.consent__cookie{display:none}.consent__actions{grid-column:1}}.consent-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:18px 0;padding:16px 18px;background:var(--violet-soft);border-radius:var(--radius-sm)}.consent-controls__state{flex:1 1 260px;font-size:.95rem;font-weight:700;color:var(--ink)}.consent-controls__btn{font-size:.92rem;padding:10px 20px;background:#fff;color:var(--violet);box-shadow:inset 0 0 0 2px var(--violet)}.consent-controls__btn:hover{background:#fff;box-shadow:inset 0 0 0 2px var(--violet-deep)}
