@font-face{font-family:Nunito;src:url('assets/Nunito.ttf') format('truetype');font-style:normal;font-weight:200 1000;font-display:swap}
@font-face{font-family:Inter;src:url('assets/Inter.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--background:#f7f6f3;--primary:#4a3fa0;--pale:#eeecf9;--accent:#f4845f;--ink:#1a1a2e;--secondary:#6b6b8a;--border:#e8e6f0;--dark:#2a2040;--display:Nunito,sans-serif;--body:Inter,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;overflow-x:hidden;background:var(--background);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:5px}svg{flex-shrink:0}.container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:20px}.skip-link{position:fixed;top:12px;left:12px;z-index:100;transform:translateY(-150%);padding:12px 18px;border-radius:12px;background:white;color:var(--primary)}.skip-link:focus{transform:translateY(0)}
.site-header{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:20px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand span{font:900 20px var(--display);letter-spacing:-.025em}.site-header nav{display:none;align-items:center;gap:32px}.site-header nav a{font-size:14px;font-weight:500;color:var(--secondary);transition:color .18s}.site-header nav a:hover,.site-footer nav a:hover{color:var(--primary)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font:800 14px var(--display);transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{padding:10px 16px;background:var(--primary);color:white;box-shadow:0 10px 20px rgba(74,63,160,.2)}
.hero-shell{overflow:hidden}.hero{position:relative;display:grid;align-items:center;gap:56px;padding-top:48px;padding-bottom:80px}.hero-glow{position:absolute;left:-192px;top:48px;width:384px;height:384px;border-radius:50%;background:var(--pale);filter:blur(64px);pointer-events:none}.hero-copy{position:relative;z-index:10}.eyebrow-pill{display:inline-flex;align-items:center;gap:8px;max-width:100%;margin-bottom:24px;padding:8px 12px;border:1px solid rgba(74,63,160,.15);border-radius:999px;background:white;color:var(--primary);box-shadow:0 1px 3px rgba(0,0,0,.05);font-size:12px;font-weight:600}.check-circle{display:flex;width:20px;height:20px;flex-shrink:0;align-items:center;justify-content:center;border-radius:50%;background:var(--pale)}h1{max-width:768px;font:900 42px/1.04 var(--display);letter-spacing:-.035em}h1 span{display:block;color:var(--primary)}.hero-description{max-width:576px;margin-top:24px;font-size:17px;line-height:1.7;color:var(--secondary)}.store-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.store-badge{display:flex;align-items:center;gap:10px;min-height:48px;padding:9px 16px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:var(--ink);color:white;box-shadow:0 10px 15px -5px rgba(0,0,0,.15)}.store-status{display:block;font-size:9px;color:rgba(255,255,255,.75);line-height:1}.store-name{display:block;margin-top:4px;font:800 15px/1 var(--display)}.hero-note{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px;font-size:12px;line-height:1.6;color:var(--secondary)}.hero-note strong{font:900 13px var(--display);color:var(--ink)}.language-coins{display:flex;padding-right:2px}.language-coins span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:-8px;border:2px solid var(--background);border-radius:50%;font:800 9px var(--display);color:white;background:var(--primary)}.language-coins span:nth-child(2){background:var(--accent)}.language-coins span:nth-child(3){background:#6b5ecc}.language-coins span:nth-child(4){background:var(--dark)}
.hero-visual{position:relative;width:100%;max-width:560px;min-height:590px;margin-inline:auto}.photo-frame{position:absolute;top:8%;right:-22%;width:82%;height:75%;overflow:hidden;border-radius:48px;transform:rotate(3deg)}.photo-frame img{width:100%;height:100%;object-fit:cover;object-position:37% 50%}.photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(42,32,64,.45),transparent 60%)}.phone-position{position:absolute;left:2%;bottom:0;z-index:10}.phone-preview{position:relative;width:286px;padding:8px;border:7px solid #1a1430;border-radius:42px;background:var(--background);box-shadow:0 40px 80px rgba(42,32,64,.28)}.phone-notch{position:absolute;top:0;left:50%;z-index:10;width:112px;height:24px;transform:translateX(-50%);border-radius:0 0 16px 16px;background:#1a1430}.phone-screen{overflow:hidden;border-radius:31px;background:var(--background)}.phone-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:40px 20px 28px;background:var(--primary);color:white}.phone-label{display:block;font:700 11px var(--display);color:rgba(255,255,255,.65)}.phone-heading strong{display:block;font:900 16px var(--display)}.phone-video{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.15)}.phone-content{position:relative;display:grid;gap:12px;margin-top:-12px;padding:20px 16px 24px;border-radius:24px 24px 0 0;background:var(--background)}.chat-bubble{padding:12px;border-radius:16px;font-size:12px;font-weight:600;line-height:1.5}.chat-bubble span{display:block;margin-top:4px;font-size:10px;font-weight:400}.tutor-bubble{max-width:86%;border:1px solid var(--border);border-bottom-left-radius:6px;background:white;box-shadow:0 1px 2px rgba(0,0,0,.05)}.tutor-bubble span{color:var(--secondary)}.learner-bubble{max-width:84%;margin-left:auto;border-bottom-right-radius:6px;background:var(--primary);color:white;box-shadow:0 4px 6px rgba(74,63,160,.2)}.learner-bubble span{color:rgba(255,255,255,.7)}.audio-card{padding:12px;border:1px solid var(--border);border-radius:16px;background:white}.audio-card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.audio-card-heading strong{font:800 11px var(--display)}.audio-card-heading span{padding:2px 8px;border-radius:999px;background:var(--pale);color:var(--primary);font-size:9px;font-weight:600}.waveform{display:flex;height:24px;align-items:center;gap:4px}.waveform i{display:block;flex:1;height:var(--height);border-radius:999px;background:#6b5ecc}.pronunciation{margin-top:8px;font-size:9px;color:var(--secondary);line-height:1.5}.practice-status{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:4px;font-size:9px;color:var(--secondary);white-space:nowrap}.practice-status span{width:6px;height:6px;border-radius:50%;background:#2ecc71}.tutor-card{position:absolute;top:40px;right:0;z-index:20;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.6);border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 20px 25px -5px rgba(0,0,0,.12);backdrop-filter:blur(12px)}.headphone-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:#fef0eb;color:var(--accent)}.tutor-card strong{display:block;font:800 12px var(--display)}.tutor-card div span{display:block;margin-top:2px;font-size:10px;color:var(--secondary)}
.how-section{padding-block:80px;background:var(--dark);color:white}.how-intro{display:grid;gap:40px}.section-kicker{font:900 12px var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--primary)}.how-section .section-kicker{color:var(--accent)}h2{font:900 36px/1.15 var(--display);letter-spacing:-.015em}.how-intro h2{max-width:448px;margin-top:16px}.section-description{max-width:672px;align-self:end;font-size:18px;line-height:1.75;color:rgba(255,255,255,.7)}.steps-grid{display:grid;gap:16px;margin-top:56px}.step-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,.04);transition:background .2s}.step-card:hover{background:rgba(255,255,255,.08)}.step-number{font:900 12px var(--display);color:var(--accent)}h3{font:900 20px/1.35 var(--display)}.step-card h3{margin-top:40px}.step-card p{flex:1;margin-top:12px;font-size:14px;line-height:1.7;color:rgba(255,255,255,.7)}.step-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-top:24px;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:rgba(255,255,255,.6);transition:color .2s,border-color .2s}.step-card:hover .step-arrow{border-color:var(--accent);color:var(--accent)}
.situations-section{padding-block:80px}.section-heading{text-align:center}.section-heading h2{max-width:672px;margin:16px auto 0}.situations-grid{display:grid;gap:16px;margin-top:48px}.situation-card{padding:24px;border:1px solid var(--border);border-radius:24px;background:white}.situation-card.featured{border-color:var(--primary);background:var(--primary);color:white}.language-tile{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:16px;background:var(--pale);color:var(--primary);font:900 11px var(--display)}.featured .language-tile{background:rgba(255,255,255,.15);color:white}.situation-card h3{margin-top:32px;font-size:18px}.situation-card p{margin-top:8px;font-size:13px;line-height:1.7;color:var(--secondary)}.featured p{color:rgba(255,255,255,.75)}
.faq-section{display:grid;gap:32px;padding-bottom:80px}.faq-intro h2{margin-top:16px}.faq-intro>p:last-child{max-width:320px;margin-top:16px;color:var(--secondary);font-size:14px;line-height:1.7}.faq-list{border-top:1px solid var(--border)}details{border-bottom:1px solid var(--border)}summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;list-style:none;cursor:pointer;font:800 17px var(--display)}summary::-webkit-details-marker{display:none}summary>span{color:var(--primary);font-size:24px;font-weight:600;transition:transform .2s}details[open] summary>span{transform:rotate(45deg)}details>p{max-width:680px;padding:0 32px 24px 0;font-size:14px;line-height:1.75;color:var(--secondary)}
.cta-section{padding-bottom:32px}.cta-panel{position:relative;overflow:hidden;padding:56px 24px;border-radius:36px;background:var(--accent);color:white;text-align:center}.cta-content{position:relative}.cta-label{margin-bottom:16px;font:900 11px var(--display);text-transform:uppercase;letter-spacing:.15em}.cta-content>p:not(.cta-label){max-width:576px;margin:16px auto 0;font-size:15px;line-height:1.75;color:rgba(255,255,255,.9)}.button-white{margin-top:32px;padding:14px 24px;border-radius:16px;background:white;color:var(--primary);font-weight:900;box-shadow:0 20px 25px -5px rgba(0,0,0,.12)}.cta-ring{position:absolute;width:256px;height:256px;border:40px solid rgba(255,255,255,.1);border-radius:50%;pointer-events:none}.ring-left{top:-112px;left:-80px}.ring-right{bottom:-96px;right:-64px}.site-footer{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:20px;padding-block:32px;font-size:12px;color:var(--secondary)}.footer-brand{gap:8px;color:var(--ink)}.footer-brand span{font-size:14px;letter-spacing:0}.site-footer nav{display:flex;gap:20px}.site-footer nav a{transition:color .18s}
@media(min-width:640px){h1{font-size:56px}.phone-preview{width:310px}h2{font-size:48px}.situations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-panel{padding-inline:48px}.site-footer{flex-direction:row}}
@media(min-width:768px){.site-header nav{display:flex}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-section{grid-template-columns:.8fr 1.2fr;gap:40px}}
@media(min-width:1024px){.container{padding-inline:32px}.hero{grid-template-columns:1.05fr .95fr;padding-top:80px;padding-bottom:112px}h1{font-size:68px}.hero-visual{max-width:none;margin:0}.how-section{padding-block:112px}.how-intro{grid-template-columns:.8fr 1.2fr}.situations-section{padding-block:112px}.situations-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.faq-section{padding-bottom:112px}.cta-panel{padding-block:80px}}
@media(max-width:639px){.hero{gap:36px}.hero-visual{min-height:540px;max-width:390px}.photo-frame{right:-14%;top:6%;width:90%;height:74%;border-radius:36px}.phone-position{left:0}.tutor-card{top:16px;right:0}.hero-note{gap:18px}.phone-preview{width:274px}.phone-heading{padding-inline:15px}.phone-content{padding-inline:12px}.practice-status{font-size:8.5px}.eyebrow-pill{font-size:10px}.site-header .brand span{font-size:18px}.site-header .brand img{width:34px;height:34px}.header-cta{padding:10px 12px;font-size:12px}.hero-description{font-size:16px}.cta-panel h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}