.hero{isolation:isolate;background:radial-gradient(90% 60% at 80% 10%, #1a64da47, transparent 70%), linear-gradient(180deg, #050b16 0%, var(--stage) 45%, var(--stage-2) 100%);box-shadow:0 28px 70px -26px var(--stage-glow);color:#c6d3e6;border-radius:0 0 36px 36px;margin-top:-64px;padding:104px 0 56px;position:relative;overflow:hidden}.hero .sky i:first-child{background:radial-gradient(circle,#1a64da8c 0%,#1a64da00 68%);width:640px;height:640px;top:120px;right:-220px}.hero .sky i:nth-child(2){background:radial-gradient(circle,#22b3f061 0%,#22b3f000 68%);width:460px;height:460px;top:420px;right:40px}.hero .sky i:nth-child(3){background:radial-gradient(circle,#7c3aed4d 0%,#7c3aed00 68%);width:520px;height:520px;top:-140px;left:-260px}.hero-in{gap:48px;display:grid}.name{color:#e3ecf8;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;margin:0 0 20px;padding:6px 14px 6px 6px;font-size:.9375rem;font-weight:600;display:inline-flex}.name img{border-radius:8px;width:28px;height:28px}.hero h1{color:#fff;letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(2.25rem,1.35rem + 4.2vw,4.25rem);font-weight:800;line-height:1.04}.shine{background:linear-gradient(90deg,#7dd3fc 0%,#3b9dff 35%,#a78bfa 65%,#7dd3fc 100%) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text}.lead{max-width:34em;font-size:1.125rem}.lead+.lead{color:#9fb2cc}.status{color:#fff;background:#ffffff14;border:1px solid #7dd3fc4d;border-radius:999px;align-items:center;gap:12px;margin:10px 0 0;padding:10px 18px 10px 14px;font-weight:600;display:inline-flex}.hero-badge{margin-top:10px}.pulse{background:#38bdf8;border-radius:50%;width:10px;height:10px;position:relative;box-shadow:0 0 12px #38bdf8}.pulse:after{content:"";opacity:0;border:2px solid #38bdf8;border-radius:50%;position:absolute;inset:0}.hero-phone{justify-self:center;position:relative}.hero-phone:before{content:"";background:radial-gradient(50% 50%,#22b3f073,#0000 70%);width:140%;height:50%;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}.phone.hero-device{--phone-w:min(68vw, 300px);--phone-shadow:0 50px 90px -30px #000000bf}.chips{margin:0;padding:0;list-style:none;display:none}.chip{backdrop-filter:blur(10px);box-shadow:0 10px 30px -8px #0009, 0 0 22px -6px var(--chip-glow);color:#fff;white-space:nowrap;background:#0d1a30b8;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 8px;font-size:.9375rem;font-weight:600;display:inline-flex;position:absolute}.chip .icon{background:var(--chip-bg);width:36px;height:36px;color:var(--chip-fg);border-radius:50%;padding:6px}@media (width>=960px){.hero{border-radius:0 0 56px 56px;padding:136px 0 120px}.hero-in{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:64px}.phone.hero-device{--phone-w:320px}}@media (width>=1320px){.chips{display:block}.chip:nth-child(odd){right:calc(100% - 22px)}.chip:nth-child(2n){left:calc(100% - 22px)}.chip:first-child{top:13%}.chip:nth-child(2){top:24%}.chip:nth-child(3){top:43%}.chip:nth-child(4){top:56%}.chip:nth-child(5){top:73%}.chip:nth-child(6){top:85%}}@media (prefers-reduced-motion:no-preference){.hero .sky i:first-child{animation:22s ease-in-out infinite alternate drift}.hero .sky i:nth-child(2){animation:17s ease-in-out -6s infinite alternate-reverse drift}.hero .sky i:nth-child(3){animation:26s ease-in-out -3s infinite alternate drift}.shine{animation:9s linear infinite shine}.pulse:after{animation:2.4s cubic-bezier(0,0,.2,1) infinite ping}.hero-text>:not(.play-badge){animation:.9s cubic-bezier(.2,.8,.2,1) both rise-in}.hero-text>:nth-child(2){animation-delay:80ms}.hero-text>:nth-child(3){animation-delay:.16s}.hero-text>:nth-child(4){animation-delay:.22s}.hero-text>:nth-child(5){animation-delay:.3s}.phone.hero-device{animation:1.2s cubic-bezier(.2,.8,.2,1) .15s both rise}.chip{animation:.7s cubic-bezier(.2,.8,.2,1.3) both pop,6s ease-in-out infinite alternate float}.chip:first-child{animation-delay:.6s,.6s}.chip:nth-child(2){animation-delay:.75s,-2s}.chip:nth-child(3){animation-delay:.9s,-4s}.chip:nth-child(4){animation-delay:1.05s,-1s}.chip:nth-child(5){animation-delay:1.2s,-3s}.chip:nth-child(6){animation-delay:1.35s,-5s}}@keyframes shine{to{background-position:-200% 0}}@keyframes ping{0%{opacity:.8;transform:scale(1)}80%,to{opacity:0;transform:scale(2.6)}}@keyframes rise{0%{opacity:0;transform:translateY(60px)scale(.96)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@keyframes float{to{translate:0 -8px}}.steps{gap:56px;margin:28px 0 0;padding:0;list-style:none;display:grid}.step-text{max-width:34em}.step-n{letter-spacing:-.04em;background:var(--number);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-family:Sora,system-ui,sans-serif;font-size:2.75rem;font-weight:800;line-height:1;display:block}.step h3{font-size:clamp(1.375rem,1.1rem + 1vw,1.75rem)}.phone.step-phone{--phone-w:min(64vw, 280px);--phone-shadow:0 40px 80px -32px #030a1e8c, 0 0 80px -12px var(--month-glow);margin:24px auto 0}@media (width<=959px){.phone.step-phone{max-height:calc(var(--phone-w) * 1.25);overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}}@media (width>=960px){.wrap.how{width:min(1000px,100% - 32px)}.step{grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:64px;display:grid}.phone.step-phone{--phone-w:300px;margin:0}}.step-art{display:none}@media (width>=720px) and (height>=600px){.step-text{flex-direction:column;display:flex}.step-art{flex:1 1 0;min-height:140px;max-height:300px;margin-top:6px;display:block;position:relative}.step-art img{object-fit:contain;object-position:left top;width:100%;height:100%;position:absolute;inset:0}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.steps{--band:clamp(300px, 54vh, 520px);--covered:calc(64px + var(--band));timeline-scope:--step-1, --step-2, --step-3, --step-4, --step-5;grid-template-columns:minmax(0,1fr);gap:0}.steps:before{content:"";z-index:1;height:var(--band);background:linear-gradient(var(--bg) calc(100% - 20px), transparent);grid-area:1/1;margin-inline:-16px;position:sticky;top:64px}.step{display:contents}.step-text{min-height:calc(100vh - var(--covered));view-timeline-inset:var(--covered) 0px;grid-column:1;padding:16px 0 32px;animation:linear both focus}.phone.step-phone{--phone-w:calc((var(--band) - 24px) / 2.14);z-index:2;grid-area:1/1;place-self:start center;max-height:none;margin:0;animation:linear both shot;position:sticky;top:72px;overflow:visible;-webkit-mask-image:none;mask-image:none}.step-1 .step-text{view-timeline-name:--step-1;grid-row:2;animation-timeline:--step-1}.step-2 .step-text{view-timeline-name:--step-2;grid-row:3;animation-timeline:--step-2}.step-3 .step-text{view-timeline-name:--step-3;grid-row:4;animation-timeline:--step-3}.step-4 .step-text{view-timeline-name:--step-4;grid-row:5;animation-timeline:--step-4}.step-5 .step-text{view-timeline-name:--step-5;grid-row:6;animation-timeline:--step-5}.phone.shot-1{animation-name:shot-first;animation-timeline:--step-1}.phone.shot-2{animation-timeline:--step-2}.phone.shot-3{animation-timeline:--step-3}.phone.shot-4{animation-timeline:--step-4}.phone.shot-5{animation-name:shot-last;animation-timeline:--step-5}}}@media (width>=960px) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.steps{--covered:64px;grid-template-columns:minmax(0,1fr) 320px;column-gap:64px}.steps:before{content:none}.step-text{flex-direction:column;justify-content:center;min-height:72vh;display:flex}.phone.step-phone{--phone-w:min(300px, calc((100vh - 140px) / 2.14));top:max(96px, calc(50vh - var(--phone-w) * 1.07 + 32px));grid-area:2/2/span 5;animation-name:shot-wide}.phone.shot-1{animation-name:shot-first-wide}.phone.shot-5{animation-name:shot-last-wide}}}.path{display:none}@media (width>=960px) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.steps{--lead:calc(36vh - 110px);--dot-y:calc(var(--lead) + 22px);--path-line:color-mix(in srgb, var(--link) 24%, transparent)}.step-text{padding:var(--lead) 0 32px 56px;justify-content:flex-start;position:relative}.steps{margin-bottom:calc(var(--lead) / 2 + 24px)}.step-art{max-height:none;margin-bottom:calc(-8px - var(--lead))}.step-art img{height:min(65%,300px);top:min(33.3333% - min(65%,300px)/3,64px);bottom:auto}.path{width:24px;margin:var(--dot-y) 0 calc(72vh - var(--dot-y));view-timeline-name:--path;view-timeline-axis:block;view-timeline-inset:calc(50vh - 56px) calc(50vh + 55px);grid-area:2/1/7;display:block;position:relative}.path:before{content:"";background:var(--path-line);border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:11px}.spark{z-index:3;background:#fff;border-radius:50%;width:10px;height:10px;margin:-5px 0 -5px 7px;display:block;position:sticky;top:calc(50vh - 61px);box-shadow:0 0 0 3px #38bdf859,0 0 18px 6px #38bdf8b3}.spark:before{content:"";transform-origin:bottom;background:linear-gradient(#22b3f000,#22b3f0);width:2px;height:36vh;animation-name:trail;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--path;animation-range:cover cover 36vh;position:absolute;bottom:5px;left:4px}.steps:after{content:"";z-index:-1;width:420px;height:420px;margin:calc(var(--dot-y) - 210px) 0 calc(72vh - var(--dot-y) - 210px) -198px;pointer-events:none;background:radial-gradient(closest-side,#38bdf84d,#38bdf829 35%,#38bdf80d 70%,#38bdf800);border-radius:50%;grid-area:2/1/7;align-self:start;position:sticky;top:calc(50vh - 266px)}.step-text:before{content:"";left:5px;top:calc(var(--dot-y) - 7px);border:2px solid var(--path-line);background:var(--bg);border-radius:50%;width:14px;height:14px;animation-name:dot;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view(calc(50vh - 56px) calc(50vh + 55px));position:absolute}}}@keyframes trail{0%{transform:scaleY(0)}}@keyframes dot{0%,45%{border-color:var(--path-line)}55%,to{background:#22b3f0;border-color:#22b3f0;box-shadow:0 0 14px #22b3f0cc}}@keyframes focus{0%,12%{opacity:.25}30%,70%{opacity:1}88%,to{opacity:.25}}@keyframes shot{0%,20%{opacity:0}26%,70%{opacity:1}76%,to{opacity:0}}@keyframes shot-first{0%,70%{opacity:1}76%,to{opacity:0}}@keyframes shot-last{0%,20%{opacity:0}26%,to{opacity:1}}@keyframes shot-wide{0%,40%{opacity:0}46%,84%{opacity:1}90%,to{opacity:0}}@keyframes shot-first-wide{0%,84%{opacity:1}90%,to{opacity:0}}@keyframes shot-last-wide{0%,40%{opacity:0}46%,to{opacity:1}}.home h2{letter-spacing:-.025em;font-size:clamp(1.75rem,1.2rem + 2.2vw,2.75rem);line-height:1.12}.how,.finds,.compare,.fits,.free,.questions{padding-top:clamp(72px,9vw,128px)}.section-head{max-width:40em;margin-bottom:28px}.section-head p{font-size:1.125rem}.finds,.fits,.free{isolation:isolate;position:relative}.finds:before,.fits:before,.free:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:40px 0 -40px}.finds:before{background:radial-gradient(40% 50% at 15% 40%, var(--month-glow), transparent 70%), radial-gradient(35% 45% at 90% 30%, var(--audio-glow), transparent 70%), radial-gradient(45% 45% at 60% 90%, var(--quick-glow), transparent 70%);opacity:.55}.fits:before{background:radial-gradient(35% 60% at 10% 60%, var(--month-glow), transparent 70%), radial-gradient(35% 60% at 90% 60%, var(--audio-glow), transparent 70%);opacity:.45}.free:before{background:radial-gradient(50% 60% at 50% 60%, var(--cal-glow), transparent 70%);opacity:.6}.tiles{gap:10px;display:flex}.bento{gap:20px;display:grid}.kinds{gap:12px;margin:0 0 18px;padding:0;list-style:none;display:grid}.kinds li{align-items:flex-start;gap:12px;display:flex}.mini{background:var(--quick-bg);width:40px;height:40px;color:var(--quick-fg);border-radius:12px;flex:none;place-items:center;display:inline-grid}.quick-shot{display:none}@media (width>=900px){.bento{grid-template-columns:repeat(3,minmax(0,1fr))}.months{grid-column:span 2}.card.quick{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 340px;gap:40px;padding-bottom:0;display:grid;overflow:hidden}.quick-text{padding-bottom:28px}.quick-shot{align-self:end;height:420px;display:block;overflow:hidden}.quick-shot .phone{--phone-w:300px;margin:8px auto 0}}.compare{align-items:center;gap:40px;display:grid}.compare-shots{justify-content:center;padding:12px 0 24px;display:flex;position:relative}.compare-shots .behind{--phone-w:min(40vw, 230px);opacity:.9;transform:rotate(-7deg)translate(18%,6%)}.compare-shots .front{--phone-w:min(48vw, 270px);--phone-shadow:0 40px 70px -28px #030a1e99, 0 0 60px -10px var(--quick-glow);transform:rotate(3deg)translate(-12%)}@media (width>=900px){.compare{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}.compare-shots .behind{--phone-w:240px}.compare-shots .front{--phone-w:280px}}@media (width<=899px){.compare-text{order:-1}}.fit-cards{gap:20px;margin:28px 0 0;padding:0;list-style:none;display:grid}.fit-cards .card{margin:0}.langs{flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.langs li{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:999px;margin:0;padding:4px 12px;font-size:.9375rem}@media (width>=900px){.fit-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.private{isolation:isolate;margin-top:var(--foot-gap);background:linear-gradient(180deg, var(--stage-2) 0%, var(--stage) 100%);color:#c6d3e6;text-align:center;padding:clamp(72px,9vw,120px) 0;position:relative;overflow:hidden}.private-glow{z-index:-1;background:radial-gradient(closest-side,#4ade8033,#0000);width:900px;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%,-30%)}.private-in{max-width:44em}.private h2{color:#fff}.private p{font-size:1.125rem}.private strong{color:#fff}.private a{color:#7dd3fc}.shield{color:#4ade80;background:radial-gradient(circle,#4ade8038,#4ade800f);border:1px solid #4ade8066;border-radius:50%;place-items:center;width:96px;height:96px;margin:40px 0 72px;display:inline-grid;box-shadow:0 0 40px #4ade8059,inset 0 0 20px #4ade8033,0 0 0 28px #4ade800d,0 0 0 29px #4ade8024,0 0 0 64px #4ade8008,0 0 0 65px #4ade8017}.free-card{overflow:hidden}.free-shot{display:none}@media (width>=900px){.card.free-card{grid-template-columns:minmax(0,1fr) 300px;gap:40px;padding:44px 44px 0;display:grid}.free-text{padding-bottom:44px}.free-shot{align-self:end;height:320px;display:block;overflow:hidden}.free-shot .phone{--phone-w:260px;margin:0 auto}}.q-list{gap:12px;margin:24px 0 20px;padding:0;list-style:none;display:grid}.q-list a{background:var(--surface);border:1px solid var(--card-edge);min-height:64px;box-shadow:var(--shadow);color:var(--text);border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px 16px 24px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.q-list a:hover{box-shadow:var(--shadow), 0 18px 36px -22px var(--month-glow);transform:translateY(-2px)}.q-list .icon{color:var(--link)}