.funnel{--night:#11102e;--ink:#fcfaff;--muted:#cfcae9;--gold:#ffe49a;--border:#bcb2ff40;min-height:100svh;color:var(--ink);background:radial-gradient(ellipse at 70% 42%, #37309780, transparent 60%), var(--night);isolation:isolate;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;overflow-x:clip}.funnel *{box-sizing:border-box}.funnel a{text-decoration:none}.funnel :is(a,button,summary,input):focus-visible{outline:3px solid var(--gold);outline-offset:5px}.funnel :is(h1,h2):focus{outline:none}.funnel-header{z-index:10;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;height:88px;margin:auto;padding:20px 40px;display:flex;position:relative}.funnel-header-actions{align-items:center;gap:22px;display:flex}.funnel-skip{min-height:44px;color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.funnel-skip:hover{color:var(--gold)}.funnel-language{font-size:12px;position:relative}.funnel-language summary{cursor:pointer;border:1px solid var(--border);background:#ffffff0c;border-radius:30px;align-items:center;gap:8px;padding:11px 15px;list-style:none;display:flex}.funnel-language summary::-webkit-details-marker{display:none}.funnel-language nav{inset-inline-end:0;background:#24204b;border:1px solid #bcb2ff60;border-radius:16px;width:160px;padding:7px;position:absolute;top:49px}.funnel-language nav a{border-radius:9px;padding:11px 12px;display:block}.funnel-language nav a:hover,.funnel-language nav a[aria-current]{color:var(--gold);background:#b3a1ff25}.funnel-screen[hidden]{display:none}.funnel-layout{grid-template:"copy scene"1fr"detail scene""bottom scene"/minmax(0,1fr) minmax(0,1.05fr);column-gap:58px;max-width:1200px;min-height:650px;margin:auto;padding:54px 40px 24px;display:grid;position:relative}.funnel-copy{z-index:2;grid-area:copy;align-self:center;position:relative}.funnel-eyebrow{color:#bcb3ec;letter-spacing:.04em;align-items:center;gap:10px;margin:0 0 22px;font-size:12px;display:flex}.funnel-eyebrow span{color:var(--gold)}.funnel h1,.funnel h2{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(36px,4.6vw,58px);font-weight:720;line-height:1.08}.funnel h1 em,.funnel h2 em{color:var(--gold);font-style:normal}.funnel-body{color:var(--muted);text-wrap:pretty;max-width:460px;margin:24px 0 0;font-size:18px;line-height:1.6}.funnel-visual{isolation:isolate;grid-area:scene;justify-content:center;align-items:center;min-width:0;min-height:540px;display:flex;position:relative}.funnel-halo{z-index:-2;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#6553df65,#4235b825 42%,#0000 67%);border-radius:50%;width:140%;position:absolute}.funnel-visual:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 8% 36%,#fff8cc 0 1px,#0000 2px),radial-gradient(circle at 86% 18%,#e7e3ff 0 1px,#0000 2px),radial-gradient(circle at 74% 53%,#c1bbff 0 1px,#0000 2px),radial-gradient(circle at 30% 5%,#c1bbff 0 1px,#0000 2px);position:absolute;inset:0}.funnel-clouds{z-index:-1;bottom:-26px;object-fit:cover;object-position:center bottom;mix-blend-mode:screen;pointer-events:none;width:156%;max-width:none;height:62%;position:absolute;inset-inline-start:-28%;-webkit-mask-image:radial-gradient(at 50% 52%,#000 30%,#0000 70%);mask-image:radial-gradient(at 50% 52%,#000 30%,#0000 70%)}.funnel-baby{object-fit:contain;width:98%;height:auto;max-height:570px;position:relative;transform:rotate(-7deg)}.funnel-companion{bottom:-1%;width:31%;height:auto;animation:7s ease-in-out infinite funnel-float;position:absolute;inset-inline-end:-4%}.funnel-sparkle-one{inset-inline-end:0;width:35px;top:12%}.funnel-sparkle-two{inset-inline-start:2%;width:21px;top:45%}.funnel-detail{z-index:2;grid-area:detail;position:relative}.funnel-bottom{z-index:3;grid-area:bottom;margin-top:30px;position:relative}.funnel-button{color:#20194b;background:linear-gradient(110deg,#fff,#eeeaff);border:1px solid #fff;border-radius:100px;justify-content:center;align-items:center;gap:16px;width:100%;min-height:60px;padding:16px 24px;font-size:16px;font-weight:700;transition:transform .2s;display:flex}.funnel-button svg{flex-shrink:0}.funnel-button:active{transform:scale(.98)}.funnel-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:56px;padding-top:8px;display:grid}.funnel-back{min-height:44px;color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.funnel-back:hover{color:var(--ink)}.funnel-count{text-align:end;letter-spacing:.08em;color:#b8afd5;font-size:10px}.funnel-dots{gap:3px;display:flex}.funnel-dots a{place-items:center;width:35px;height:44px;display:grid}.funnel-dots span{background:#9b90cf80;border:1px solid #0000;border-radius:50%;width:9px;height:9px;transition:opacity .2s,transform .2s}.funnel-dots [aria-current] span{background:#fff;border-color:#eee6ff;box-shadow:0 0 0 4px #ab86ff38,0 0 15px #9f78ff}.funnel-timing-scene{aspect-ratio:1;width:100%;position:relative}.funnel-nightlight{inset-inline-start:-6%;width:84%;height:auto;position:absolute;bottom:0}.funnel-clock{inset-inline-end:-3%;width:49%;height:auto;animation:8s ease-in-out infinite funnel-float;position:absolute;bottom:-2%}.funnel-benefits{gap:12px;margin:30px 0 0;padding:0;list-style:none;display:grid}.funnel-benefits li{background:linear-gradient(115deg,#9384e52b,#5c4ac92b);border:1px solid #bfb4ff60;border-radius:16px;align-items:center;gap:15px;min-height:62px;padding:10px 17px;font-size:15px;line-height:1.4;transition:transform .2s;display:flex}.funnel-benefits img{object-fit:contain;flex-shrink:0;width:36px;height:36px}.funnel-demo-wrap{text-align:center;width:100%;max-width:440px;padding-top:115px;position:relative}.funnel-demo-mascot{z-index:3;top:0;width:165px;height:auto;animation:7s ease-in-out infinite funnel-float;position:absolute;inset-inline-end:2%}.funnel-example{top:40px;color:#c8beff;align-items:center;gap:12px;font-size:29px;display:flex;position:absolute;inset-inline-start:10%;transform:rotate(-12deg)}.funnel-example svg{align-self:flex-end;transform:translateY(18px)}.funnel-demo{z-index:2;text-align:start;background:linear-gradient(125deg,#6050b9,#302676 72%);border:1.5px solid #c8b8ff;border-radius:28px;padding:25px;position:relative;transform:rotate(-4deg)}.funnel-demo:before{content:"";pointer-events:none;border:1px solid #bba5ff35;border-radius:35px;position:absolute;inset:-10px}.funnel-demo-heading{align-items:center;gap:14px;font-size:22px;font-weight:650;display:flex}.funnel-demo-heading img{width:48px;height:48px}.funnel-prediction{background:#beb2ff15;border:1px solid #c6b5ff50;border-radius:20px;align-items:center;gap:16px;margin-top:20px;padding:20px;display:flex}.funnel-prediction>img{flex-shrink:0;width:43px;height:43px}.funnel-prediction strong{color:var(--gold);font-size:29px;line-height:1.2;display:block}.funnel-prediction span{color:#e0d9fc;margin:13px 0 4px;font-size:11px;display:block}.funnel-prediction b{color:#eee9ff;font-size:19px;font-weight:500;display:block}.funnel-demo-label{z-index:2;color:#cbc1e9;background:#171239e6;border-radius:20px;max-width:310px;margin:36px auto 0;padding:5px 10px;font-size:11px;line-height:1.5;display:table;position:relative}.funnel-premium{color:var(--muted);align-items:center;gap:12px;margin:28px 0 0;font-size:14px;line-height:1.5;display:flex}.funnel-premium svg{color:var(--gold);flex-shrink:0}.funnel-final-baby{width:110%;max-width:none;height:auto;margin-top:-50px;position:relative}.funnel-install-links{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.funnel-qr{background:#fff;border:1px solid #e4daf6;border-radius:18px;flex-shrink:0;padding:8px;display:block}.funnel-qr svg{width:calc(var(--qr-size) * 3px);height:calc(var(--qr-size) * 3px);display:block}.funnel-download-actions{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.funnel-store{margin:-12px;padding:12px;display:block}.funnel-store img{width:210px;height:auto;display:block}.funnel-device{color:#e3dcf8;align-items:center;gap:10px;margin:0;font-size:12px;display:flex}.funnel-free{color:#beb5d9;max-width:420px;margin:0;font-size:11px;line-height:1.6}.funnel-device-note{border:1px solid var(--border);color:var(--muted);background:#ffffff08;border-radius:12px;margin:0;padding:12px;font-size:12px;line-height:1.5}.funnel-after{text-align:center;max-width:520px;color:var(--muted);margin:12px auto 0;padding:0 24px;font-size:12px;line-height:1.5}.funnel-after button{cursor:pointer;align-items:center;gap:7px;min-height:44px;display:inline-flex}.funnel-after label{margin-top:10px;display:block}.funnel-after input{border:1px solid var(--border);width:100%;color:var(--ink);background:#24204b;border-radius:10px;margin-top:8px;padding:12px}.funnel-after>p{margin-top:10px}.funnel:not(.funnel-enhanced) .funnel-after{display:none}.funnel-footer{color:#b2a9cd;justify-content:space-between;align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:28px 40px;font-size:11px;line-height:1.6;display:flex}.funnel-footer p{max-width:610px;margin:0}.funnel-footer nav{flex-shrink:0;gap:24px;display:flex}.funnel-footer a:hover{color:var(--ink)}.funnel[dir=rtl] .funnel-arrow,.funnel[dir=rtl] :is(.funnel-baby,.funnel-companion,.funnel-timing-scene,.funnel-final-baby),.funnel[dir=rtl] .funnel-clouds{scale:-1 1}.funnel[dir=rtl] .funnel-demo{transform:rotate(4deg)}.funnel[dir=rtl] :is(h1,h2){letter-spacing:0;line-height:1.35}.funnel[data-entrance=on] .funnel-screen:not([hidden]) .funnel-copy>*{animation:.5s cubic-bezier(.22,1,.36,1) both funnel-arrive}.funnel[data-entrance=on] .funnel-screen:not([hidden]) .funnel-body{animation-delay:70ms}.funnel[data-entrance=on] .funnel-screen:not([hidden]) .funnel-visual{animation:.65s cubic-bezier(.22,1,.36,1) both funnel-scene}.funnel[data-entrance=on] .funnel-screen:not([hidden]) .funnel-benefits li{animation:.45s cubic-bezier(.22,1,.36,1) both funnel-arrive}.funnel[data-entrance=on] .funnel-screen:not([hidden]) .funnel-benefits li:nth-child(2){animation-delay:70ms}.funnel[data-entrance=on] .funnel-screen:not([hidden]) .funnel-benefits li:nth-child(3){animation-delay:.14s}.funnel[data-entrance=on] .funnel-screen:not([hidden]):not(.funnel-screen-4) .funnel-bottom{animation:.45s cubic-bezier(.22,1,.36,1) .12s both funnel-arrive}.funnel[data-entrance=on] .funnel-screen:not([hidden]) .funnel-premium{animation:.45s cubic-bezier(.22,1,.36,1) .1s both funnel-arrive}.funnel-language[open] nav{animation:.18s ease-out both funnel-menu}.funnel-clouds{animation:18s ease-in-out infinite funnel-cloud-drift}.funnel-final-baby{animation:9s ease-in-out infinite funnel-float}.funnel :is(.twinkle,.funnel-clouds,.funnel-companion,.funnel-clock,.funnel-demo-mascot,.funnel-final-baby){animation-play-state:paused}.funnel[data-motion=on] .funnel-screen:not([hidden]) :is(.twinkle,.funnel-clouds,.funnel-companion,.funnel-clock,.funnel-demo-mascot,.funnel-final-baby){animation-play-state:running}.funnel-dots a:hover span{transform:scale(1.2)}.funnel-after button{transition:transform .18s}.funnel-after button:active{transform:scale(.97)}@keyframes funnel-arrive{0%{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes funnel-scene{0%{opacity:.4;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes funnel-menu{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes funnel-float{0%,to{translate:0}50%{translate:0 -7px}}@keyframes funnel-cloud-drift{0%,to{translate:0}50%{translate:7px -4px}}@media (hover:hover) and (pointer:fine){.funnel-button:hover{background:#fff;transform:translateY(-2px)}.funnel-benefits li:hover{border-color:#ded5ff;transform:translateY(-3px)}}@media (min-width:1500px){.funnel-layout{min-height:740px;padding-top:75px}}@media (min-width:701px) and (max-width:1000px){.funnel-layout{column-gap:32px;min-height:650px;padding:35px 32px 20px}.funnel h1,.funnel h2{font-size:40px}.funnel-body{font-size:16px}.funnel-visual{min-height:440px}.funnel-demo{padding:18px}.funnel-demo-heading{gap:8px;font-size:16px}.funnel-demo-heading img{width:35px;height:35px}.funnel-prediction{gap:10px;padding:14px}.funnel-prediction>img{width:30px;height:30px}.funnel-prediction strong{font-size:24px}.funnel-demo-mascot{width:140px}.funnel-benefits li{padding-inline:12px;font-size:13px}.funnel-install-links{gap:18px}.funnel-store img{width:170px}.funnel-qr svg{width:calc(var(--qr-size) * 2px);height:calc(var(--qr-size) * 2px)}}@media (max-width:700px){.funnel{background:radial-gradient(ellipse at 70% 55%, #39318b90, transparent 65%), var(--night)}.funnel-header{height:76px;padding:17px 25px}.funnel-header .h-10{border-radius:13px;width:37px;height:37px}.funnel-header .gap-3{gap:9px}.funnel-header-actions{gap:14px}.funnel-skip{gap:5px;font-size:11px}.funnel-language summary{padding:9px 11px;font-size:11px}.funnel-layout{grid-template:"copy""scene"minmax(230px,1fr)"detail""bottom"/minmax(0,1fr);gap:0;min-height:calc(100svh - 76px);padding:18px 25px 0}.funnel-copy{align-self:start}.funnel-eyebrow{display:none}.funnel h1,.funnel h2{letter-spacing:-.035em;text-wrap:pretty;font-size:clamp(30px,8.7vw,39px);line-height:1.1}.funnel-body{margin-top:18px;font-size:15px;line-height:1.5}.funnel-visual{width:100%;min-height:0;margin:0;padding:10px 0 0}.funnel-halo{width:140%}.funnel-clouds{bottom:-16px;width:160%;height:68%;inset-inline-start:-30%;-webkit-mask-image:linear-gradient(#0000,#000 25% 65%,#0000);mask-image:linear-gradient(#0000,#000 25% 65%,#0000)}.funnel-baby{object-fit:contain;width:100%;height:clamp(300px,42svh,390px);max-height:none}.funnel-companion{bottom:0;width:100px;inset-inline-end:-6px}.funnel-sparkle-one{top:14%;width:26px;inset-inline-end:0}.funnel-sparkle-two{inset-inline-start:-8px;width:18px;top:42%}.funnel-bottom{padding-bottom:max(4px, env(safe-area-inset-bottom));margin-top:22px}.funnel-button{gap:12px;min-height:58px;padding:14px 18px;font-size:15px}.funnel-controls{min-height:55px;padding-top:4px}.funnel-back{font-size:11px}.funnel-count{font-size:9px}.funnel-timing-scene{aspect-ratio:1;max-width:300px}.funnel-screen-2 .funnel-visual{padding-top:6px}.funnel-benefits{gap:10px;margin:8px 0 0}.funnel-benefits li{border-radius:14px;gap:12px;min-height:54px;padding:8px 13px;font-size:13px}.funnel-benefits img{width:32px;height:32px}.funnel-demo-wrap{max-width:340px;margin:16px 6px 0;padding-top:90px}.funnel-demo-mascot{width:126px;inset-inline-end:5%}.funnel-example{top:26px;font-size:26px;inset-inline-start:9%}.funnel-demo{border-radius:23px;padding:18px}.funnel-demo-heading{gap:10px;font-size:17px}.funnel-demo-heading img{width:39px;height:39px}.funnel-prediction{border-radius:16px;gap:12px;margin-top:13px;padding:16px}.funnel-prediction>img{width:33px;height:33px}.funnel-prediction strong{font-size:26px}.funnel-prediction span{margin-top:10px;font-size:10px}.funnel-prediction b{font-size:18px}.funnel-demo-label{margin:28px auto 0;font-size:10px}.funnel-premium{justify-content:center;gap:10px;margin:25px 0 0;font-size:12px}.funnel-final-baby{object-fit:contain;width:115%;height:clamp(280px,39svh,370px);margin:0}.funnel-install-links{justify-content:center;gap:20px}.funnel-qr svg{width:calc(var(--qr-size) * 2px);height:calc(var(--qr-size) * 2px)}.funnel-download-actions{text-align:center;align-items:center;gap:12px}.funnel-store img{width:180px}.funnel-device{font-size:11px}.funnel-free{max-width:320px;font-size:10px}.funnel-after{margin:0 auto}.funnel-footer{text-align:center;flex-direction:column;gap:15px;padding:24px 25px;font-size:10px}.funnel-footer nav{gap:24px}}@media (max-width:360px){.funnel-header{padding-inline:20px}.funnel-header-actions{gap:9px}.funnel-layout{padding-inline:20px}.funnel h1,.funnel h2{font-size:30px}.funnel-body{font-size:14px}.funnel-baby{height:285px}.funnel-final-baby{height:275px}.funnel-button{gap:8px;font-size:13px}.funnel-install-links{gap:14px}.funnel-store img{width:148px}.funnel-demo{padding:15px}.funnel-prediction{gap:9px;padding:13px}.funnel-prediction strong{font-size:23px}}@media (prefers-reduced-motion:reduce){.funnel *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
