.marketing-shell{background:var(--color-bg);min-height:100vh}.public-header{z-index:50;border-block-end:1px solid color-mix(in oklch, var(--color-border) 72%, transparent);background:color-mix(in oklch, var(--color-bg) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;inset-block-start:0}.public-header-inner{align-items:center;gap:2rem;min-block-size:4.5rem;inline-size:min(100% - 2rem,74rem);margin-inline:auto;display:flex}.public-nav{align-items:center;gap:1.6rem;margin-inline-start:auto;display:flex}.public-nav a,.language-link{color:var(--color-muted);transition:color var(--transition);font-size:.93rem;font-weight:700}.public-nav a:hover,.language-link:hover{color:var(--color-primary)}.public-actions{align-items:center;gap:.65rem;display:flex}.language-switcher{align-items:center;gap:.2rem;display:flex}.language-switcher a{color:var(--color-muted);border-radius:.4rem;padding:.4rem .5rem;font-size:.8rem;font-weight:750}.language-switcher a:hover,.language-switcher a[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary)}.public-actions .button{min-block-size:2.55rem;padding:.55rem .9rem;font-size:.9rem}.mobile-menu{display:none;position:relative}.mobile-menu-trigger{border:1px solid var(--color-control-border);block-size:2.75rem;inline-size:2.75rem;color:inherit;background:0 0;border-radius:50%;place-items:center;list-style:none;display:grid}.mobile-menu-trigger svg{inline-size:1.2rem}.mobile-menu-panel{border:1px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-surface-raised);min-inline-size:14rem;box-shadow:var(--shadow-md);padding:.55rem;display:grid;position:absolute;inset-block-start:calc(100% + .75rem);inset-inline-end:0}.mobile-menu-panel a{border-radius:.5rem;padding:.75rem .85rem;font-weight:700}.mobile-menu-panel a:hover{background:var(--color-primary-soft);color:var(--color-primary)}.mobile-menu-panel .language-switcher{border-block-start:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);margin-block-start:.35rem;padding-block-start:.35rem;display:grid}.mobile-menu-panel .language-switcher a{text-align:center}.public-section{inline-size:min(100% - 2rem,72rem);margin-inline:auto}.hero{grid-template-columns:minmax(0,1.05fr) minmax(19rem,.75fr);align-items:center;gap:clamp(3rem,8vw,7rem);min-block-size:calc(100vh - 4.5rem);padding-block:5rem 6rem;display:grid}.hero-copy h1{letter-spacing:-.055em;max-inline-size:13ch;margin-block-end:1.4rem;font-size:clamp(2.75rem,5vw,4.7rem);font-weight:780;line-height:.98}.locale-ur .hero-copy h1{letter-spacing:0;max-inline-size:16ch;line-height:1.45}.hero-lead{max-inline-size:37rem;color:var(--color-muted);margin-block-end:2rem;font-size:1.22rem;line-height:1.65}.locale-ur .hero-lead{line-height:2.1}.hero-context{max-inline-size:37rem;color:var(--color-ink);margin-block:-.8rem 1.8rem;font-size:.95rem;font-weight:750;line-height:1.7}.locale-ur .hero-context{line-height:1.9}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-note{color:var(--color-muted);align-items:center;gap:.45rem;margin-block-start:1.15rem;font-size:.9rem;display:flex}.hero-note svg{inline-size:1rem;color:var(--color-success)}.hero-study-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:var(--shadow-md);padding:1.45rem;position:relative}.hero-study-card:before{content:"";background:var(--color-primary);border-radius:99px 99px 0 0;block-size:.45rem;inline-size:4rem;position:absolute;inset-block-start:-.45rem;inset-inline-start:2rem}.study-card-topline{color:var(--color-muted);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;font-size:.78rem;font-weight:750;display:flex}.mini-progress{background:var(--color-surface);border-radius:99px;block-size:.3rem;margin-block:.8rem 2.4rem;overflow:hidden}.mini-progress span{border-radius:inherit;background:var(--color-primary);block-size:100%;inline-size:25%;display:block}.hero-arabic{text-align:center;margin:0;font-size:clamp(3.5rem,8vw,5.2rem)}.study-translation{color:var(--color-muted);text-align:center;margin-block:.5rem 1.4rem;font-size:1.1rem}.audio-pill{border:1px solid var(--color-border);background:var(--color-surface);min-block-size:2.75rem;color:var(--color-ink);transition:border-color var(--transition), background var(--transition);border-radius:99px;align-items:center;gap:.55rem;padding:.6rem .9rem;font-weight:700;display:inline-flex;position:relative;inset-inline-start:50%;transform:translate(-50%)}[dir=rtl] .audio-pill{transform:translate(50%)}.audio-pill svg{block-size:1.1rem;inline-size:1.1rem;color:var(--color-primary)}.audio-pill:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.study-next{border-block-start:1px solid var(--color-border);color:var(--color-primary);justify-content:flex-end;align-items:center;gap:.4rem;margin-block-start:2rem;padding-block-start:1rem;font-size:.9rem;font-weight:800;display:flex}.study-next svg{inline-size:1rem}[dir=rtl] .study-next svg{transform:rotate(180deg)}.proof-strip{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-border);grid-template-columns:repeat(4,1fr);gap:1px;margin-block:-2rem 1rem;display:grid;overflow:hidden}.proof-strip>div{background:var(--color-surface-raised);align-content:center;gap:.35rem;min-block-size:7.5rem;padding:1.25rem;display:grid}.proof-strip strong{color:var(--color-primary);letter-spacing:-.02em;font-size:1.35rem}.proof-strip span{color:var(--color-muted);font-size:.85rem;line-height:1.45}.value-section{border-block-start:1px solid var(--color-border);padding-block:6.5rem}.section-heading{max-inline-size:46rem;margin-block-end:3rem}.section-heading .section-intro{max-inline-size:42rem;color:var(--color-muted);margin-block:1.25rem 0;font-size:1.05rem;line-height:1.75}.section-heading h2,.final-cta h2{letter-spacing:-.04em;margin-block-end:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.08}.locale-ur .section-heading h2,.locale-ur .final-cta h2{letter-spacing:0;line-height:1.55}.feature-grid{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.feature-grid article{background:var(--color-bg);min-block-size:18rem;padding:2rem}.feature-number{color:var(--color-primary);letter-spacing:.12em;font-size:.78rem;font-weight:850}.feature-grid h3{margin-block:4.5rem .7rem;font-size:1.35rem}.feature-grid p{color:var(--color-muted);margin:0;line-height:1.7}.learning-world-section{border-block-start:1px solid var(--color-border)}.retention-section{border-block-start:1px solid var(--color-border);grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:center;gap:clamp(2.5rem,7vw,6rem);padding-block:6.5rem;display:grid}.retention-copy h2,.course-section h2{letter-spacing:0;margin-block:0 1.5rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.55}.retention-copy>p:not(.eyebrow){max-inline-size:43rem;color:var(--color-muted);font-size:1.05rem;line-height:2}.retention-copy .retention-closing{color:var(--color-ink);margin-block-start:1.5rem;font-weight:750}.retention-directions{border:1px solid color-mix(in srgb, var(--color-primary) 30%, var(--color-border));border-radius:var(--radius-xl);background:var(--color-primary-soft);padding:2rem}.retention-directions>p{color:var(--color-primary);margin-block:0 1.2rem;font-size:.82rem;font-weight:850}.retention-directions>div{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;margin-block-start:.7rem;padding:.9rem 1rem;font-size:1.05rem;font-weight:800;display:grid}.retention-directions svg{inline-size:1.1rem;color:var(--color-primary);transform:rotate(180deg)}.retention-directions-ltr svg{transform:none}.retention-directions small{color:var(--color-muted);text-align:center;margin-block-start:1rem;display:block}.course-section{border-block-start:1px solid var(--color-border);grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);align-items:end;gap:clamp(2.5rem,7vw,6rem);padding-block:6.5rem;display:grid}.course-section .section-heading{margin:0}.course-section h2{margin-block-end:0}.course-description{border-inline-start:3px solid var(--color-primary);color:var(--color-muted);margin:0;padding-inline-start:1.5rem;font-size:1.05rem;line-height:2}.homepage-pricing .course-description{gap:1rem;display:grid}.homepage-pricing .course-description p{margin:0}.homepage-pricing .course-description .button{justify-self:start;margin-block-start:.35rem}.quote-section{border-block:1px solid var(--color-border);text-align:center;margin-block:3rem;padding-block:7rem}.quote-arabic{color:var(--color-primary);margin-block-end:1.2rem;font-size:clamp(2.4rem,5vw,4.3rem)}.quote-section>p:not(.quote-arabic){color:var(--color-muted);margin:0;font-size:1.05rem}.quote-section cite{color:var(--color-muted);margin-block-start:.7rem;font-size:.82rem;font-style:normal;display:block}.final-cta{justify-content:space-between;align-items:center;gap:2rem;padding-block:6.5rem;display:flex}.public-footer{border-block-start:1px solid var(--color-border);background:var(--color-surface)}.public-footer-inner{justify-content:space-between;gap:3rem;inline-size:min(100% - 2rem,72rem);margin-inline:auto;padding-block:3.5rem;display:flex}.public-footer-inner p{max-inline-size:28rem;color:var(--color-muted);margin-block:.8rem 0}.public-footer nav{align-items:flex-start;gap:1.5rem;padding-block-start:.7rem;font-size:.9rem;font-weight:700;display:flex}.footer-note{border-block-start:1px solid var(--color-border);inline-size:min(100% - 2rem,72rem);color:var(--color-muted);margin-inline:auto;padding-block:1rem 1.5rem;font-size:.8rem}.public-page{min-block-size:70vh;padding-block:6rem 8rem}.public-page-header{max-inline-size:50rem;margin-block-end:4rem}.public-page-header h1,.auth-card h1,.legal-page h1{letter-spacing:-.05em;margin-block-end:1.2rem;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.05}.locale-ur .public-page-header h1,.locale-ur .auth-card h1,.locale-ur .legal-page h1{letter-spacing:0;line-height:1.5}.public-page-header>p:last-child{color:var(--color-muted);font-size:1.15rem;line-height:1.75}.method-guide{background:var(--ocean-cream);min-block-size:70vh;color:var(--ocean-ink);font-family:"Ocean Nunito", var(--font-ui)}:lang(ur) .method-guide{font-family:var(--font-urdu), var(--font-ui)}.method-page{inline-size:min(100% - 2rem,68rem);margin-inline:auto;padding-block:clamp(3.5rem,7vw,5.5rem) clamp(5rem,8vw,7rem)}.method-overview{grid-template-columns:minmax(0,.8fr) minmax(24rem,1.2fr);align-items:start;gap:clamp(3rem,7vw,6rem);display:grid}.method-heading{gap:1rem;max-inline-size:32rem;display:grid}.method-heading h1{max-inline-size:19ch;color:var(--ocean-plum-deep);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(2.15rem,4.5vw,2.9rem);font-weight:620;line-height:1.05}:lang(ur) .method-heading h1{letter-spacing:0;max-inline-size:100%;line-height:1.65}.method-heading>p{max-inline-size:60ch;color:var(--ocean-muted);margin:0;font-size:1.05rem;line-height:1.65}.method-guide h2{color:var(--ocean-plum-deep);letter-spacing:-.02em;text-wrap:balance;font-weight:620}:lang(ur) .method-guide h2{letter-spacing:0;line-height:1.65}.method-guide .button{border-radius:.7rem;min-block-size:2.75rem;font-weight:750}.method-guide .button-primary{border-color:var(--ocean-plum);background:var(--ocean-plum);color:var(--ocean-cream)}.method-guide .button-primary:hover{border-color:var(--ocean-plum-deep);background:var(--ocean-plum-deep)}.method-guide .button:focus-visible{outline:3px solid var(--ocean-coral);outline-offset:3px}.marketing-shell:has(#main-content>.method-guide) .public-header a:focus-visible{outline:3px solid var(--ocean-coral);outline-offset:3px}.marketing-shell:has(#main-content>.method-guide) .public-header summary:focus-visible{outline:3px solid var(--ocean-coral);outline-offset:3px}.marketing-shell:has(#main-content>.method-guide) .public-footer a:focus-visible{outline:3px solid var(--ocean-coral);outline-offset:3px}.faq-page{max-inline-size:58rem}.faq-list{border-block-end:1px solid var(--color-border)}.faq-list details{border-block-start:1px solid var(--color-border)}.faq-list summary{padding:1.5rem 3rem 1.5rem 0;font-size:1.15rem;font-weight:750;list-style:none;position:relative}[dir=rtl] .faq-list summary{padding:1.5rem 0 1.5rem 3rem}.faq-list summary:after{content:"+";color:var(--color-primary);transition:transform var(--transition);font-size:1.6rem;font-weight:400;position:absolute;inset-block-start:1.25rem;inset-inline-end:.35rem}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{max-inline-size:48rem;color:var(--color-muted);margin:0;padding-block-end:1.6rem;line-height:1.75}.auth-page{place-items:center;min-block-size:calc(100vh - 4.5rem);padding-block:4rem 6rem;display:grid}.auth-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);inline-size:min(100%,30rem);box-shadow:var(--shadow-sm);padding:clamp(1.5rem,5vw,3rem)}.auth-card h1{font-size:2.5rem}.auth-card>p:not(.eyebrow,.auth-switch,.legal-consent){color:var(--color-muted)}.auth-form{gap:1rem;margin-block:1.8rem 1.2rem;display:grid}.auth-form label{gap:.4rem;display:grid}.auth-form label>span{font-size:.88rem;font-weight:750}.auth-form input{border:1px solid var(--color-control-border);background:var(--color-bg);min-block-size:3rem;inline-size:100%;color:var(--color-ink);border-radius:.55rem;padding:.68rem .8rem}.auth-form input:focus{border-color:var(--color-primary)}.field-help,.legal-consent{color:var(--color-muted);margin:-.55rem 0 0;font-size:.78rem}.form-notice{border-radius:var(--radius-sm);background:var(--color-accent-soft);padding:.75rem;font-size:.88rem;color:var(--color-ink)!important}.auth-secondary{justify-self:center;font-size:.88rem}.auth-switch{color:var(--color-muted);text-align:center;margin:1.5rem 0 0;font-size:.9rem}.auth-switch a{color:var(--color-primary);font-weight:750}.legal-page{min-block-size:70vh;max-inline-size:48rem;padding-block:6rem 8rem}.legal-updated{color:var(--color-muted);margin-block-end:3.5rem}.legal-page h2{margin-block:2.4rem .6rem;font-size:1.3rem}.legal-page>p:not(.eyebrow,.legal-updated){color:var(--color-muted);line-height:1.8}.pricing-page{place-items:start center;display:grid}.subscription-offer{gap:1.5rem;inline-size:min(100%,42rem);display:grid}.subscription-offer header{max-inline-size:40rem}.subscription-offer h1{letter-spacing:-.045em;margin-block-end:.8rem;font-size:clamp(2.15rem,5vw,3.7rem);line-height:1.08}.subscription-offer header p,.subscription-guarantee,.plan-period{color:var(--color-muted)}.subscription-offer header p{margin-block-end:0;font-size:1.08rem;line-height:1.65}.plan-selector{gap:.8rem;display:grid}.plan-selector legend{margin-block-end:.7rem;font-weight:800}.plan-option{border:1px solid var(--color-control-border);background:var(--color-surface-raised);cursor:pointer;min-block-size:5.7rem;transition:border-color var(--transition), background var(--transition);border-radius:.85rem;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"radio name price""radio period savings";align-items:center;gap:.25rem .8rem;padding:1rem 1.1rem;display:grid}.plan-option:focus-within{outline:3px solid var(--color-primary);outline-offset:3px}.plan-option.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.plan-option input{block-size:1.15rem;inline-size:1.15rem;accent-color:var(--color-primary);grid-area:radio;margin:0}.plan-option .plan-name{grid-area:name;font-weight:800}.plan-option .plan-period{grid-area:period;font-size:.88rem}.plan-option strong{grid-area:price;font-size:1.2rem}.plan-option small{color:var(--color-success);grid-area:savings;font-weight:800}.subscription-guarantee{margin:-.35rem 0 0;font-size:.9rem;font-weight:700}.subscription-notice,.subscription-error{border-radius:.75rem;margin:0;padding:.85rem 1rem}.subscription-notice{background:var(--color-accent-soft);color:var(--color-ink)}.subscription-error{background:var(--color-primary-soft);color:var(--color-danger)}.billing-settings .subscription-offer{margin-block:1rem}@media (max-width:40rem){.plan-option{padding-inline:.9rem}}@media (max-width:68rem){.public-nav,.public-actions>.button.public-login,.public-actions>.button.public-register,.public-actions>.language-switcher{display:none}.public-actions{margin-inline-start:auto}.mobile-menu{display:block}.hero{gap:3rem}.hero-copy h1{font-size:clamp(2.7rem,6vw,4rem)}}@media (max-width:52rem){.hero{grid-template-columns:1fr;min-block-size:auto;padding-block:4rem}.hero-copy{text-align:center}.hero-copy h1,.hero-lead{margin-inline:auto}.hero-actions,.hero-note{justify-content:center}.hero-study-card{inline-size:min(100%,27rem);margin-inline:auto}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-block-size:14rem}.feature-grid h3{margin-block-start:2.5rem}.retention-section,.course-section{grid-template-columns:1fr}.retention-directions{inline-size:min(100%,30rem);margin-inline:auto}.final-cta{flex-direction:column;align-items:flex-start}.public-footer-inner{flex-direction:column}.proof-strip{grid-template-columns:repeat(2,1fr);margin-block-start:0}}@media (max-width:45rem){.public-header-inner{min-block-size:4rem}.public-section{inline-size:min(100% - 1.25rem,72rem)}.hero{padding-block:3.2rem 4rem}.hero-copy h1{font-size:clamp(2.45rem,12vw,3.6rem)}.hero-lead{font-size:1.05rem}.hero-actions{display:grid}.hero-actions .button{inline-size:100%}.value-section,.retention-section,.course-section,.final-cta,.quote-section{padding-block:4.5rem}.public-page,.legal-page{padding-block:4rem 5rem}.public-page-header{margin-block-end:2.5rem}.public-page-header h1,.auth-card h1,.legal-page h1{font-size:clamp(2.15rem,10vw,3rem)}.script-ready-note{flex-direction:column;align-items:stretch}.public-footer nav{flex-wrap:wrap}}@media (max-width:23rem){.public-header-inner{inline-size:calc(100% - 1rem)}.brand-name{font-size:.95rem}.hero-actions .button{padding-inline:.8rem}}.marketing-shell{background:var(--color-bg);min-block-size:100vh;color:var(--color-ink);overflow-x:clip}.marketing-shell .public-header{border-color:var(--color-border);background:var(--color-bg);-webkit-backdrop-filter:none;backdrop-filter:none}.marketing-shell .language-switcher a[aria-current=page]{color:var(--color-ink)}.public-nav a,.language-switcher a,.mobile-menu-trigger,.mobile-menu-panel a,.marketing-shell .button,.marketing-shell summary,.marketing-shell .plan-option,.marketing-shell .auth-secondary{min-block-size:2.75rem;min-inline-size:2.75rem}.public-nav a,.language-switcher a,.mobile-menu-panel a,.marketing-shell .button,.marketing-shell .auth-secondary{align-items:center;display:inline-flex}.marketing-shell :focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.home-story{overflow:clip}.home-story>.public-section{inline-size:min(100% - 2rem,74rem)}.living-hero{text-align:center;align-content:center;place-items:center;min-block-size:min(35rem,100svh - 4.5rem);padding-block:clamp(4rem,8vw,6.5rem) 3rem;display:grid}.living-hero>*{min-inline-size:0}.living-hero .eyebrow{max-inline-size:30ch;color:var(--color-primary);letter-spacing:-.02em;text-transform:none;margin-block-end:.8rem;font-size:clamp(1.2rem,2.4vw,1.65rem);font-weight:800;line-height:1.2}.living-hero h1{letter-spacing:-.04em;text-wrap:balance;max-inline-size:13ch;margin-block-end:1.15rem;font-size:clamp(3rem,8vw,5.8rem);font-weight:850;line-height:.96}.living-hero-lead{max-inline-size:43rem;color:var(--color-muted);text-wrap:balance;margin-block-end:1.7rem;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55}.living-hero .button{justify-content:center;min-inline-size:min(100%,20rem)}.living-hero-note{color:var(--color-muted);margin-block:.65rem 0;font-size:.95rem}.living-method{padding-block:2.5rem clamp(6rem,10vw,8rem)}#method{scroll-margin-block-start:6rem}.living-section-heading{text-align:center;max-inline-size:43rem;margin-block-end:clamp(2.5rem,5vw,4rem);margin-inline:auto}.living-section-heading h2,.living-course-scale h2,.living-repetition h2,.living-final-cta h2{letter-spacing:-.035em;text-wrap:balance;margin-block-end:.85rem;font-size:clamp(2.15rem,5vw,4rem);font-weight:820;line-height:1.02}.living-section-heading p,.living-course-scale p,.living-repetition p{max-inline-size:65ch;color:var(--color-muted);margin-block-end:0;font-size:1.08rem;line-height:1.7}.living-section-heading p{margin-inline:auto}.living-outcomes,.living-retention,.living-fit{padding-block:clamp(4.5rem,9vw,7.5rem)}.living-outcome-grid{border-block:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.living-outcome-grid article{min-inline-size:0;padding:clamp(1.5rem,3vw,2.5rem) clamp(1.25rem,3vw,2rem)}.living-outcome-grid article+article{border-inline-start:1px solid var(--color-border)}.living-outcome-grid h3{max-inline-size:16ch;color:var(--color-ink);text-wrap:balance;margin-block:0 .75rem;font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.15}.living-outcome-grid p{max-inline-size:34ch;color:var(--color-muted);margin:0;line-height:1.7}.living-retention{border-block:1px solid var(--color-border);background:var(--color-surface)}.living-retention .living-section-heading,.living-fit .living-section-heading{margin-block-end:0}.living-retention .living-section-heading{max-inline-size:52rem}.living-fit{border-block-end:1px solid var(--color-border)}.living-fit .living-section-heading{max-inline-size:50rem}.living-fit .living-section-heading p+p{color:var(--color-ink);margin-block-start:1rem;font-weight:750}.living-scale-list{border-block:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(2.5rem,5vw,4rem) 0 0;padding:0;list-style:none;display:grid}.living-scale-list li{align-content:start;gap:.45rem;min-inline-size:0;padding:clamp(1.5rem,3.5vw,2.75rem) clamp(1rem,2.5vw,2rem);display:grid}.living-scale-list li+li{border-inline-start:1px solid var(--color-border)}.living-scale-list strong{color:var(--color-primary);letter-spacing:-.035em;font-size:clamp(2.1rem,4vw,3.5rem);font-weight:820;line-height:1}.living-scale-list span{color:var(--color-muted);font-size:.95rem;font-weight:700;line-height:1.45}.method-outcomes,.method-scale{min-inline-size:0;margin:0}.method-support{margin:0}.method-natural-learning{border-block:1px solid var(--ocean-line);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2rem,6vw,5rem);margin-block-start:4.5rem;padding-block:2rem;display:grid}.method-support h2,.method-outcomes h2,.method-scale h2{letter-spacing:-.02em;max-inline-size:20ch;margin:0;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.15}.method-support p,.method-scale p{max-inline-size:65ch;color:var(--ocean-muted);margin:0;line-height:1.7}.method-support p strong{color:var(--ocean-plum-deep)}.method-steps{border-block-start:1px solid var(--ocean-line);margin:0;padding:0;list-style:none}.method-steps li{border-block-end:1px solid var(--ocean-line);grid-template-columns:2.25rem minmax(0,1fr);gap:1rem;min-inline-size:0;padding-block:1rem;display:grid}.method-steps li>span{color:var(--ocean-plum-soft);letter-spacing:.08em;padding-block-start:.2rem;font-size:.75rem;font-weight:750}.method-steps h2{color:var(--ocean-plum-deep);letter-spacing:-.01em;margin:0;font-size:1.05rem;line-height:1.35}.method-steps p{color:var(--ocean-muted);margin:.5rem 0 0;font-size:.9rem;line-height:1.55}.method-features{border-block:1px solid var(--ocean-line);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:4.5rem;display:grid}.method-feature{grid-template-rows:auto 1fr;gap:1.5rem;min-inline-size:0;padding-block:2.25rem;padding-inline-end:2.5rem;display:grid}.method-feature+.method-feature{border-inline-start:1px solid var(--ocean-line);padding-inline:2.25rem 0}.method-feature-copy{gap:.75rem;display:grid}.method-screenshot{border:1px solid var(--ocean-line);background:var(--ocean-paper);border-radius:.75rem;margin:0;overflow:hidden}.method-screenshot img{block-size:auto;inline-size:100%;display:block}.method-evidence{border:1px solid var(--ocean-line);background:var(--ocean-paper);border-radius:.875rem;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);align-items:start;gap:2.5rem;margin-block-start:4.5rem;padding:2.5rem;display:grid}.method-outcomes ul{border-block-start:1px solid var(--ocean-line);max-inline-size:65ch;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.method-outcomes li{border-block-end:1px solid var(--ocean-line);color:var(--ocean-muted);padding-block:.7rem;line-height:1.5}.method-scale{border-inline-start:1px solid var(--ocean-line);padding-inline-start:2.5rem}.method-scale p{margin-block-start:1rem}.script-ready-note{border-block:1px solid var(--ocean-line);justify-content:space-between;align-items:center;gap:clamp(2rem,6vw,5rem);margin-block-start:3rem;padding-block:1.75rem;display:flex}.script-ready-note strong{max-inline-size:30ch;color:var(--ocean-plum-deep);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.35rem,2vw,1.65rem);font-weight:620;line-height:1.2;display:block}.script-ready-note p{max-inline-size:42rem;color:var(--ocean-muted);margin:.35rem 0 0;line-height:1.55}.script-ready-note .button{flex:none;justify-content:center;min-inline-size:12rem}.living-lesson-ribbon{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:clamp(1rem,2.5vw,2rem);margin:0;padding:2rem 0 1rem;list-style:none;animation:.7s cubic-bezier(.16,1,.3,1) both living-path-arrival;display:grid;position:relative}.living-lesson-ribbon:before{content:"";border-block-start:2px solid var(--color-primary);transform-origin:50%;border-radius:50%;block-size:2.2rem;position:absolute;inset-block-start:4.15rem;inset-inline:5%;transform:rotate(-1.3deg)}.living-lesson-ribbon>li{z-index:1;text-align:center;justify-items:center;min-inline-size:0;display:grid;position:relative}.living-lesson-ribbon>li:nth-child(2){transform:translateY(1.35rem)}.living-lesson-ribbon>li:nth-child(3){transform:translateY(-.65rem)}.living-lesson-ribbon>li:nth-child(4){transform:translateY(.75rem)}.living-stage-marker{border:2px solid var(--color-primary);background:var(--color-bg);block-size:4.25rem;inline-size:4.25rem;color:var(--color-primary);border-radius:50%;place-items:center;display:grid}.living-lesson-ribbon>li:nth-child(odd) .living-stage-marker{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.living-stage-marker svg{block-size:1.65rem;inline-size:1.65rem}.living-stage-copy{justify-items:center;min-inline-size:0;margin-block-start:1.25rem;display:grid}.living-stage-copy>span{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.living-stage-copy h3{margin-block:.35rem .5rem;font-size:clamp(1.25rem,2.3vw,1.55rem);line-height:1.15}.living-stage-copy p{max-inline-size:23ch;color:var(--color-muted);margin-block-end:0;line-height:1.55}.living-example{place-items:center;min-block-size:6.5rem;margin-block-start:1.4rem;display:grid}.living-word-example{border:2px solid var(--color-primary);border-radius:.8rem .8rem 1.7rem;inline-size:min(100%,12rem);padding:1rem}.living-word-example,.living-sentence-example,.living-practice-example{text-align:start;grid-template-columns:auto minmax(0,1fr);gap:.55rem}.living-word-example svg,.living-sentence-example svg,.living-practice-example svg{block-size:1.65rem;inline-size:1.65rem;color:var(--color-primary)}.living-word-example>span:last-child,.living-sentence-example>span:last-child,.living-practice-example span,.living-review-example span{color:var(--color-muted);font-size:.85rem}.living-sentence-example{border-block:2px solid var(--color-primary);inline-size:min(100%,15rem);padding:.8rem 1rem}.living-practice-example{inline-size:min(100%,13rem)}.living-practice-example span{line-height:1.35}.living-review-example{color:var(--color-primary);gap:.45rem}.living-review-example svg{block-size:2.5rem;inline-size:2.5rem}.living-course-scale{text-align:center;justify-items:center;padding-block:clamp(5rem,11vw,9rem);display:grid}.living-course-scale h2{max-inline-size:17ch;color:var(--color-primary)}.living-course-scale h2:after{content:"";border-block-end:.35rem solid var(--color-accent);border-radius:99px;inline-size:4rem;margin:1.25rem auto 0;display:block}.living-repetition{border-block:1px solid var(--color-border);grid-template-columns:auto minmax(0,38rem);justify-content:center;align-items:center;gap:clamp(1.5rem,5vw,4rem);padding-block:clamp(4.5rem,9vw,7rem);display:grid}.living-repetition-mark{border:2px solid var(--color-primary);block-size:clamp(6rem,13vw,9rem);inline-size:clamp(6rem,13vw,9rem);color:var(--color-primary);border-radius:50%;place-items:center;display:grid}.living-repetition-mark svg{block-size:45%;inline-size:45%}.living-repetition h2{font-size:clamp(2rem,4.6vw,3.6rem)}.living-pricing{grid-template-columns:minmax(0,.78fr) minmax(28rem,1.22fr);align-items:start;gap:clamp(3rem,7vw,6rem);padding-block:clamp(6rem,11vw,9rem);display:grid}.living-pricing .living-section-heading{text-align:start;margin:0;position:sticky;inset-block-start:7rem}.living-pricing .living-section-heading p{margin-inline:0}.living-pricing-note{margin-block-start:1rem;font-weight:750;color:var(--color-ink)!important}.living-pricing .subscription-offer{inline-size:100%}.living-pricing .subscription-offer header h3{margin-block-end:.65rem;font-size:clamp(1.65rem,3vw,2.2rem);line-height:1.15}.living-pricing .plan-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.living-pricing .plan-selector legend{grid-column:1/-1}.living-pricing .plan-option{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"radio name""radio price""radio period""radio savings";align-content:center;min-block-size:10rem;min-inline-size:0}.living-pricing .plan-option strong{margin-block-start:.45rem;font-size:2rem}.living-pricing .plan-option small{min-block-size:1.4rem;color:var(--color-ink);font-weight:800}.living-pricing .plan-option.is-selected small{background:var(--color-accent);color:var(--color-on-accent);border-radius:99px;justify-self:start;align-items:center;padding-inline:.45rem;display:inline-flex}.living-roadmap{padding-block:clamp(5rem,10vw,8rem)}.living-roadmap ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,7vw,6rem);max-inline-size:56rem;margin:0 auto;padding:0;list-style:none;display:grid;position:relative}.living-roadmap ol:before{content:"";border-block-start:2px solid var(--color-border);position:absolute;inset-block-start:1.05rem;inset-inline:1.1rem}.living-roadmap li{padding-block-start:3rem;position:relative}.living-roadmap li:before{content:"";background:var(--color-accent);block-size:1rem;inline-size:1rem;box-shadow:0 0 0 .4rem var(--color-accent-soft);border-radius:50%;position:absolute;inset-block-start:.6rem;inset-inline-start:0}.living-roadmap li>span{color:var(--color-muted);margin-block-end:.5rem;font-size:.85rem;font-weight:800;display:inline-block}.living-roadmap h3{margin:0;font-size:1.45rem}.living-faq{border-block-start:1px solid var(--color-border);grid-template-columns:minmax(15rem,.65fr) minmax(24rem,1.35fr);align-items:start;gap:clamp(3rem,8vw,7rem);padding-block:clamp(5rem,10vw,8rem);display:grid}.living-faq .living-section-heading{text-align:start;margin:0}.living-faq-list details{border-block-end:1px solid var(--color-border)}.living-faq-list summary{align-items:center;padding:1.2rem 3rem 1.2rem 0;font-size:1.1rem;font-weight:800;list-style:none;display:flex;position:relative}.living-faq-list summary:after{content:"+";color:var(--color-primary);transition:transform var(--transition);font-size:1.65rem;font-weight:400;position:absolute;inset-inline-end:.35rem}.living-faq-list details[open] summary:after{transform:rotate(45deg)}.living-faq-list summary::-webkit-details-marker{display:none}.living-faq-list p{max-inline-size:65ch;color:var(--color-muted);margin:0;padding-block:0 1.5rem;line-height:1.7}.living-final-cta{border-radius:var(--radius-xl);background:var(--color-primary);color:var(--color-on-primary);text-align:center;justify-items:center;margin-block-end:clamp(1rem,4vw,3rem);padding:clamp(4rem,9vw,7rem) clamp(1.25rem,6vw,5rem);display:grid}.living-final-cta h2{max-inline-size:18ch}.living-final-cta .button-primary{background:var(--color-accent);min-inline-size:min(100%,19rem);color:var(--color-on-accent);justify-content:center}.living-final-cta p{color:color-mix(in oklch, var(--color-on-primary) 78%, transparent);margin-block:.7rem 0}.marketing-shell .auth-page{background:var(--color-bg)}.marketing-shell .auth-card{border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:var(--shadow-sm)}.marketing-shell .public-page,.marketing-shell .legal-page,.marketing-shell .pricing-page{color:var(--color-ink)}@keyframes living-path-arrival{0%{opacity:.6;transform:translateY(.75rem)}}@media (hover:hover) and (pointer:fine){.living-hero .button:hover,.living-final-cta .button:hover{transform:translateY(-2px)}.living-faq-list summary:hover,.living-roadmap li:hover h3{color:var(--color-primary)}}@media (max-width:60rem){.living-pricing{grid-template-columns:1fr}.living-pricing .living-section-heading{text-align:center;max-inline-size:44rem;margin-inline:auto;position:static}.living-pricing .living-section-heading p,.living-pricing .subscription-offer{margin-inline:auto}}@media (max-width:48rem){.home-story>.public-section{inline-size:min(100% - 1.25rem,74rem)}.living-hero{min-block-size:auto;padding-block:4.25rem 2.5rem}.living-hero h1{max-inline-size:11ch;font-size:clamp(2.75rem,14vw,4.1rem)}.living-method{padding-block-start:2rem}.living-outcomes,.living-retention,.living-fit{padding-block:4.5rem}.living-outcome-grid,.living-scale-list{grid-template-columns:1fr}.living-outcome-grid article,.living-scale-list li{padding-inline:0}.living-outcome-grid article+article,.living-scale-list li+li{border-inline-start:0;border-block-start:1px solid var(--color-border)}.living-outcome-grid h3,.living-outcome-grid p{max-inline-size:40ch}.living-scale-list li{text-align:center;justify-items:center}.method-page{inline-size:min(100% - 1.5rem,68rem);padding-block:3rem 4rem}.method-overview{grid-template-columns:minmax(0,1fr);gap:2.5rem}.method-heading h1{max-inline-size:18ch;font-size:clamp(2.05rem,9vw,2.45rem)}.method-natural-learning{grid-template-columns:minmax(0,1fr);gap:1rem;margin-block-start:3.5rem;padding-block:1.5rem}.method-support h2,.method-outcomes h2,.method-scale h2{font-size:clamp(1.5rem,7vw,1.9rem)}.method-features{grid-template-columns:minmax(0,1fr);margin-block-start:3.5rem}.method-feature,.method-feature+.method-feature{border-inline-start:0;padding:2rem 0}.method-feature+.method-feature{border-block-start:1px solid var(--ocean-line)}.method-screenshot{border-radius:.65rem}.method-evidence{grid-template-columns:minmax(0,1fr);gap:0;margin-block-start:3.5rem;padding:1.5rem}.method-scale{border-block-start:1px solid var(--ocean-line);border-inline-start:0;margin-block-start:1.5rem;padding-block-start:1.5rem;padding-inline-start:0}.script-ready-note{flex-direction:column;align-items:stretch;gap:1.25rem;margin-block-start:2.5rem}.script-ready-note strong{font-size:1.4rem}.script-ready-note .button{justify-content:center;inline-size:100%;min-inline-size:0}.living-lesson-ribbon{grid-template-columns:1fr;gap:2.4rem;max-inline-size:32rem;margin-inline:auto;padding:0}.living-lesson-ribbon:before{border-block-start:0;border-inline-start:2px solid var(--color-primary);border-radius:0;block-size:auto;inline-size:0;inset-block:2rem;inset-inline:2.1rem auto;transform:none}.living-lesson-ribbon>li,.living-lesson-ribbon>li:nth-child(n){text-align:start;grid-template-columns:4.25rem minmax(0,1fr);justify-items:stretch;column-gap:1rem;transform:none}.living-stage-marker{grid-area:1/1}.living-stage-copy{grid-area:1/2;justify-items:start;margin-block-start:.15rem}.living-stage-copy p{max-inline-size:32ch}.living-example{grid-column:2;justify-self:start;margin-block-start:1rem}.living-course-scale{padding-block:5rem}.living-repetition{text-align:center;grid-template-columns:1fr;justify-items:center}.living-repetition p{margin-inline:auto}.living-pricing .plan-selector{grid-template-columns:1fr}.living-pricing .plan-selector legend{grid-column:1}.living-pricing .plan-option{min-block-size:8rem}.living-roadmap ol,.living-faq{grid-template-columns:1fr}.living-roadmap ol{gap:2rem;max-inline-size:32rem}.living-roadmap ol:before{border-block-start:0;border-inline-start:2px solid var(--color-border);inset-block:1rem;inset-inline:.45rem auto}.living-roadmap li{padding-block-start:0;padding-inline-start:2.5rem}.living-roadmap li:before{inset-block-start:.25rem}.living-faq{gap:1rem}.living-faq .living-section-heading{text-align:center}.living-final-cta{border-radius:var(--radius-lg)}}@media (max-width:23rem){.living-hero .button,.living-final-cta .button{inline-size:100%;min-inline-size:0}.living-stage-copy h3{font-size:1.2rem}.living-stage-copy p{font-size:.94rem}}@media (prefers-reduced-motion:reduce){.marketing-shell,.marketing-shell *,.marketing-shell :before,.marketing-shell :after{scroll-behavior:auto;transition-duration:.01ms;animation-name:none;animation-duration:.01ms;animation-iteration-count:1}}
@font-face{font-family:Ocean Nunito;src:url(/fonts/nunito-sans-latin.woff2)format("woff2");font-style:normal;font-weight:200 1000;font-display:swap}:is(.ocean-home,.method-guide,.marketing-shell:has(#main-content>.ocean-home),.marketing-shell:has(#main-content>.method-guide),.learner-theme){--ocean-sun:#62c7d5;--ocean-sun-soft:#a8e3e8;--ocean-cream:#f3fbfa;--ocean-paper:#fcfefd;--ocean-coral:#f26f5b;--ocean-coral-light:#ffd8d1;--ocean-on-coral:#0d2d35;--ocean-plum:#174a57;--ocean-plum-deep:#103640;--ocean-plum-soft:#4b7882;--ocean-sage:#176b5e;--ocean-sage-light:#d7f1ed;--ocean-ink:#123b46;--ocean-muted:#526b70;--ocean-retention-surface:#103640;--ocean-on-retention:#f3fbfa;--ocean-on-retention-muted:#a8e3e8;--ocean-line:#174a5733;--ocean-shadow:0 18px 48px #10364024;--ocean-radius:1.125rem;--ocean-radius-large:3rem;--ocean-wrap:min(73.75rem, calc(100% - 3rem));--color-bg:var(--ocean-cream);--color-surface:var(--ocean-paper);--color-surface-raised:var(--ocean-paper);--color-ink:var(--ocean-ink);--color-muted:var(--ocean-muted);--color-border:var(--ocean-line);--color-control-border:var(--ocean-plum-soft);--color-primary:var(--ocean-plum);--color-primary-hover:var(--ocean-plum-deep);--color-primary-soft:var(--ocean-sage-light);--color-on-primary:var(--ocean-cream);--color-accent:var(--ocean-coral);--color-accent-soft:var(--ocean-coral-light);--color-on-accent:var(--ocean-ink);--color-success:var(--ocean-sage);--color-warning:var(--ocean-sun);--color-danger:var(--ocean-coral);--brand-wordmark:var(--ocean-plum-deep)}:is([data-theme=dark] .ocean-home,[data-theme=dark] .method-guide,[data-theme=dark] .marketing-shell:has(#main-content>.ocean-home),[data-theme=dark] .marketing-shell:has(#main-content>.method-guide),[data-theme=dark] .learner-theme,.learner-theme[data-theme=dark]){--ocean-sun:#123f4a;--ocean-sun-soft:#205865;--ocean-cream:#0d2d35;--ocean-paper:#143944;--ocean-coral:#ff8b7b;--ocean-coral-light:#673f42;--ocean-on-coral:#0d2d35;--ocean-plum:#9ce1e7;--ocean-plum-deep:#d8f5f6;--ocean-plum-soft:#add1d5;--ocean-sage:#72d1bd;--ocean-sage-light:#184b45;--ocean-ink:#f3fbfa;--ocean-muted:#c3dfe1;--ocean-retention-surface:#0d2d35;--ocean-on-retention:#f3fbfa;--ocean-on-retention-muted:#a8e3e8;--ocean-line:#a8e3e847;--ocean-shadow:0 18px 48px #00000047}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ocean-home,:root:not([data-theme=light]) .method-guide,:root:not([data-theme=light]) .learner-theme:not([data-theme=light]){--ocean-sun:#123f4a;--ocean-sun-soft:#205865;--ocean-cream:#0d2d35;--ocean-paper:#143944;--ocean-coral:#ff8b7b;--ocean-coral-light:#673f42;--ocean-on-coral:#0d2d35;--ocean-plum:#9ce1e7;--ocean-plum-deep:#d8f5f6;--ocean-plum-soft:#add1d5;--ocean-sage:#72d1bd;--ocean-sage-light:#184b45;--ocean-ink:#f3fbfa;--ocean-muted:#c3dfe1;--ocean-retention-surface:#0d2d35;--ocean-on-retention:#f3fbfa;--ocean-on-retention-muted:#a8e3e8;--ocean-line:#a8e3e847;--ocean-shadow:0 18px 48px #00000047}:root:not([data-theme=light]) .marketing-shell:has(#main-content>.ocean-home){--ocean-sun:#123f4a;--ocean-sun-soft:#205865;--ocean-cream:#0d2d35;--ocean-paper:#143944;--ocean-coral:#ff8b7b;--ocean-coral-light:#673f42;--ocean-on-coral:#0d2d35;--ocean-plum:#9ce1e7;--ocean-plum-deep:#d8f5f6;--ocean-plum-soft:#add1d5;--ocean-sage:#72d1bd;--ocean-sage-light:#184b45;--ocean-ink:#f3fbfa;--ocean-muted:#c3dfe1;--ocean-retention-surface:#0d2d35;--ocean-on-retention:#f3fbfa;--ocean-on-retention-muted:#a8e3e8;--ocean-line:#a8e3e847;--ocean-shadow:0 18px 48px #00000047}:root:not([data-theme=light]) .marketing-shell:has(#main-content>.method-guide){--ocean-sun:#123f4a;--ocean-sun-soft:#205865;--ocean-cream:#0d2d35;--ocean-paper:#143944;--ocean-coral:#ff8b7b;--ocean-coral-light:#673f42;--ocean-on-coral:#0d2d35;--ocean-plum:#9ce1e7;--ocean-plum-deep:#d8f5f6;--ocean-plum-soft:#add1d5;--ocean-sage:#72d1bd;--ocean-sage-light:#184b45;--ocean-ink:#f3fbfa;--ocean-muted:#c3dfe1;--ocean-retention-surface:#0d2d35;--ocean-on-retention:#f3fbfa;--ocean-on-retention-muted:#a8e3e8;--ocean-line:#a8e3e847;--ocean-shadow:0 18px 48px #00000047}}@media (max-width:30rem){:is(.ocean-home,.method-guide,.marketing-shell:has(#main-content>.ocean-home)){--ocean-wrap:min(100% - 1.5rem, 73.75rem)}}
.ocean-home{--ocean-sun:#62c7d5;--ocean-sun-soft:#a8e3e8;--ocean-cream:#f3fbfa;--ocean-paper:#fcfefd;--ocean-coral:#f26f5b;--ocean-coral-light:#ffd8d1;--ocean-plum:#174a57;--ocean-plum-deep:#103640;--ocean-plum-soft:#4b7882;--ocean-sage:#176b5e;--ocean-sage-light:#d7f1ed;--ocean-ink:#123b46;--ocean-muted:#526b70;--ocean-line:#174a5733;--ocean-shadow:0 18px 48px #10364024;--ocean-radius:18px;--ocean-radius-large:48px;--ocean-wrap:min(1180px, calc(100% - 48px));background:var(--ocean-cream);color:var(--ocean-ink);font-family:"Ocean Nunito", var(--font-ui);overflow:clip}:lang(ur) .ocean-home{font-family:var(--font-urdu), var(--font-ui)}.marketing-shell:has(#main-content>.ocean-home){background:var(--ocean-cream)}:is(.marketing-shell:has(#main-content>.ocean-home) .public-header,.marketing-shell:has(#main-content>.ocean-home) .public-footer){border-color:var(--ocean-line);background:var(--ocean-paper)}.marketing-shell:has(#main-content>.ocean-home) .public-header{color:var(--ocean-ink)}.marketing-shell:has(#main-content>.ocean-home) .public-footer{color:var(--ocean-muted)}.marketing-shell:has(#main-content>.ocean-home) .public-header .brand{color:var(--ocean-plum)}.marketing-shell:has(#main-content>.ocean-home) .public-header a:hover{color:var(--ocean-plum)}.marketing-shell:has(#main-content>.ocean-home) .public-header a[aria-current=page]{color:var(--ocean-plum)}.marketing-shell:has(#main-content>.ocean-home) .public-footer a:hover{color:var(--ocean-plum)}.marketing-shell:has(#main-content>.ocean-home) .public-header .mobile-menu-panel{border-color:var(--ocean-line);background:var(--ocean-paper);box-shadow:var(--ocean-shadow)}.ocean-home .wrap{inline-size:var(--ocean-wrap);margin-inline:auto}.ocean-home h1,.ocean-home h2,.ocean-home h3{color:var(--ocean-plum-deep);letter-spacing:-.03em;text-wrap:balance;font-weight:850;line-height:1.03}:lang(ur) .ocean-home h1,:lang(ur) .ocean-home h2,:lang(ur) .ocean-home h3{letter-spacing:normal;line-height:1.45}.ocean-home p{max-inline-size:68ch}.ocean-home .button{border-radius:999px;min-block-size:2.75rem;font-weight:850}.ocean-home .button-primary{border-color:var(--ocean-plum);background:var(--ocean-plum);color:var(--ocean-cream)}.ocean-home .button-primary:hover{border-color:var(--ocean-plum-deep);background:var(--ocean-plum-deep)}.ocean-home .button:focus-visible,.ocean-home .rhythm-tabs button:focus-visible,.ocean-home .faq summary:focus-visible,.ocean-home .plan-option:focus-within{outline:3px solid var(--ocean-coral);outline-offset:3px}.marketing-shell:has(#main-content>.ocean-home) .public-header a:focus-visible{outline:3px solid var(--ocean-coral);outline-offset:3px}.marketing-shell:has(#main-content>.ocean-home) .public-header summary:focus-visible{outline:3px solid var(--ocean-coral);outline-offset:3px}.marketing-shell:has(#main-content>.ocean-home) .public-footer a:focus-visible{outline:3px solid var(--ocean-coral);outline-offset:3px}.ocean-home .hero{background:var(--ocean-sun);border-radius:0 0 64px 64px;min-block-size:650px;display:block;position:relative;overflow:hidden}.ocean-home .hero:after{border:3rem solid var(--ocean-coral-light);content:"";opacity:.68;pointer-events:none;border-radius:50%;block-size:29rem;inline-size:29rem;position:absolute;inset-block-end:-12rem;inset-inline-end:-8rem}.ocean-home .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(24rem,.95fr);align-items:center;gap:clamp(2rem,6vw,5.5rem);min-block-size:650px;padding-block:4.5rem 5rem;display:grid}.ocean-home .hero-copy{z-index:1;position:relative}.ocean-home .hero-copy h1{max-inline-size:10ch;margin-block-end:1.4rem;font-size:clamp(3.25rem,6.1vw,5.75rem)}.ocean-home .hero-lead{color:var(--ocean-plum);margin-block-end:1rem;font-size:clamp(1.08rem,1.7vw,1.25rem);line-height:1.65}.ocean-home .hero-promise{color:var(--ocean-plum);margin-block-end:2rem;font-weight:850}.ocean-home .hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.ocean-home .hero-note{color:var(--ocean-plum);margin:0;font-size:.94rem;font-weight:750}.ocean-home [data-ocean-hero=listen-learn]{--ocean-skin:#c46f5c;z-index:1;flex-direction:column;justify-content:center;justify-self:center;min-block-size:520px;inline-size:min(100%,39rem);min-inline-size:0;display:flex;position:relative}.ocean-home .ocean-listen-stage{min-block-size:455px;position:relative}.ocean-home .ocean-listen-panel{min-block-size:455px;inline-size:100%}.ocean-home .ocean-listen-art{filter:drop-shadow(0 22px 26px #174a5721);block-size:455px;inline-size:100%;animation:.42s cubic-bezier(.16,1,.3,1) both ocean-hero-visual-reveal;display:block;overflow:visible}.ocean-home .ocean-listen-backdrop{fill:var(--ocean-cream)}.ocean-home .ocean-listen-floor{fill:var(--ocean-coral)}.ocean-home .ocean-listen-floor-deep,.ocean-home .ocean-listen-source-button,.ocean-home .ocean-listen-speaker-fill,.ocean-home .ocean-listen-success-fill{fill:var(--ocean-plum)}.ocean-home .ocean-listen-wave{stroke:var(--ocean-paper)}.ocean-home .ocean-listen-source-play,.ocean-home .ocean-listen-word-chip,.ocean-home .ocean-listen-book-page{fill:var(--ocean-paper)}.ocean-home .ocean-listen-route{stroke:var(--ocean-plum);opacity:.75}.ocean-home .ocean-listen-person-skin{fill:var(--ocean-skin)}.ocean-home .ocean-listen-person-hair{fill:var(--ocean-plum-deep)}.ocean-home .ocean-listen-person-clothes{fill:var(--ocean-plum-soft)}.ocean-home .ocean-listen-headband{stroke:var(--ocean-sage)}.ocean-home .ocean-listen-headphone-pad{fill:var(--ocean-sage)}.ocean-home .ocean-listen-word-text{fill:var(--ocean-plum);font-family:Georgia,Times New Roman,serif;font-weight:700}.ocean-home .ocean-listen-book-page{stroke:none}.ocean-home .ocean-listen-book-outline{stroke:var(--ocean-plum)}.ocean-home .ocean-listen-book-detail{stroke:var(--ocean-sage)}.ocean-home .ocean-listen-success-smile{stroke:var(--ocean-coral)}.ocean-home .ocean-listen-success-check{stroke:var(--ocean-paper)}.ocean-home .ocean-listen-wave,.ocean-home .ocean-listen-word,.ocean-home .ocean-listen-success{transform-box:fill-box;transform-origin:50%}.ocean-home .ocean-listen-wave{opacity:0}.ocean-home .ocean-listen-word{opacity:.48}.ocean-home .ocean-listen-success{opacity:0;stroke-dasharray:72;stroke-dashoffset:72px}.ocean-home [data-ocean-hero=listen-learn][data-motion=running] .ocean-listen-wave{animation:6s ease-in-out infinite ocean-wave-pulse}.ocean-home [data-ocean-hero=listen-learn][data-motion=running] .ocean-listen-word{animation:6s cubic-bezier(.16,1,.3,1) infinite ocean-word-learn}.ocean-home [data-ocean-hero=listen-learn][data-motion=running] .ocean-listen-success{animation:6s ease-in-out infinite ocean-success-draw}.ocean-home [data-ocean-hero=listen-learn][data-motion=running] .ocean-listen-wave-two{animation-delay:.32s}.ocean-home [data-ocean-hero=listen-learn][data-motion=running] .ocean-listen-wave-three{animation-delay:.64s}.ocean-home [data-ocean-hero=listen-learn][data-motion=running] .ocean-listen-word-one{animation-delay:.65s}.ocean-home [data-ocean-hero=listen-learn][data-motion=running] .ocean-listen-word-two{animation-delay:1.25s}.ocean-home [data-ocean-hero=listen-learn][data-motion=running] .ocean-listen-word-three{animation-delay:1.85s}.ocean-home .method,.ocean-home .course,.ocean-home .faq{padding-block:8rem}.ocean-home .method-intro,.ocean-home .course-top{grid-template-columns:minmax(0,1fr) minmax(16rem,.72fr);align-items:end;gap:clamp(2rem,7vw,7rem);margin-block-end:4rem;display:grid}.ocean-home .method-intro h2,.ocean-home .course-top h2{max-inline-size:12ch;margin:0;font-size:clamp(2.5rem,5vw,4.65rem)}.ocean-home .method-intro p,.ocean-home .course-top p{color:var(--ocean-muted);margin:0;font-size:1.08rem;line-height:1.7}.ocean-home .rhythm-stage{border-radius:var(--ocean-radius-large);background:var(--ocean-coral-light);min-block-size:32.5rem;box-shadow:var(--ocean-shadow);grid-template-columns:.72fr 1.28fr;display:grid;overflow:hidden}.ocean-home .rhythm-copy{background:var(--ocean-coral);color:#0d333c;flex-direction:column;justify-content:space-between;padding:3.375rem 2.625rem 3rem;display:flex}.ocean-home .rhythm-copy h3{color:#123842;max-inline-size:11ch;margin:0 0 1.25rem;font-size:clamp(2rem,3.6vw,3.4rem)}.ocean-home .rhythm-copy p{color:#0d333c;margin:0;font-weight:700}.ocean-home .rhythm-tabs{gap:.625rem;margin-block-start:2.375rem;display:grid}.ocean-home .rhythm-tabs button{color:#0d333c;min-block-size:3.375rem;font:inherit;text-align:start;cursor:pointer;background:0 0;border:2px solid #0d333c52;border-radius:999px;justify-content:space-between;align-items:center;padding:.75rem 1.125rem;font-size:1rem;font-weight:850;display:flex}.ocean-home .rhythm-tabs button:after{content:"";border:2px solid;border-radius:50%;block-size:.6875rem;inline-size:.6875rem}.ocean-home .rhythm-tabs button[aria-selected=true]{border-color:var(--ocean-plum-deep);background:var(--ocean-plum-deep);color:var(--ocean-cream)}.ocean-home .rhythm-tabs button[aria-selected=true]:after{background:var(--ocean-sun)}.ocean-home .rhythm-demo{place-items:center;padding:3.625rem;display:grid;position:relative;overflow:hidden}.ocean-home .rhythm-demo:before,.ocean-home .rhythm-demo:after{content:"";border-radius:50%;position:absolute}.ocean-home .rhythm-demo:before{border:2.875rem solid #174a571f;block-size:16.875rem;inline-size:16.875rem;inset-block-start:-5.625rem;inset-inline-end:-4.5rem}.ocean-home .rhythm-demo:after{background:var(--ocean-sun-soft);border-radius:50% 50% 42% 58%;block-size:9.375rem;inline-size:13.125rem;inset-block-end:-4.375rem;inset-inline-start:-4.0625rem;transform:rotate(22deg)}.ocean-home .lesson-panel{z-index:2;background:var(--ocean-paper);border-radius:2.125rem;inline-size:min(100%,33.75rem);padding:3rem;position:relative;box-shadow:0 1.5rem 3.25rem #174a5729}.ocean-home .lesson-panel:not([hidden]){animation:.65s cubic-bezier(.16,1,.3,1) both ocean-lesson-panel-enter}.ocean-home .lesson-progress{align-items:center;gap:.5rem;margin-block-end:2.25rem;display:flex}.ocean-home .lesson-progress span{background:#dbe9e8;border-radius:999px;flex:1;block-size:.5rem}.ocean-home .lesson-progress .is-filled{background:var(--ocean-sage)}.ocean-home .lesson-label{color:var(--ocean-muted);letter-spacing:.03em;text-transform:uppercase;margin-block-end:1rem;font-size:.83rem;font-weight:850}.ocean-home .lesson-arabic{color:var(--ocean-plum-deep);font-family:"SF Arabic", var(--font-arabic);text-align:right;margin-block-end:.875rem;font-size:clamp(2.75rem,5.8vw,5.2rem);line-height:1.35}.ocean-home .lesson-meaning{color:var(--ocean-ink);margin-block-end:1.75rem;font-size:1.12rem;font-weight:800}.ocean-home .audio-line{color:var(--ocean-sage);align-items:center;gap:.75rem;font-size:.91rem;font-weight:850;display:flex}.ocean-home .audio-line svg{background:var(--ocean-sage-light);border-radius:50%;flex:none;block-size:2.5rem;inline-size:2.5rem;padding:.625rem;display:inline-grid}.ocean-home .learning-path{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.125rem;margin:4.875rem 0 0;padding:0;list-style:none;display:grid;position:relative}.ocean-home .learning-path:before{z-index:0;background:var(--ocean-sun);content:"";border-radius:999px;block-size:.25rem;inline-size:100%;position:absolute;inset-block-start:2rem;inset-inline-start:0}.ocean-home .path-step{z-index:1;min-inline-size:0;padding-block-start:5.625rem;position:relative}.ocean-home .path-dot{background:var(--ocean-sun);block-size:3rem;inline-size:3rem;color:var(--ocean-plum-deep);border-radius:50%;place-items:center;margin-inline:auto;font-size:.9rem;font-weight:900;display:grid;position:absolute;inset-block-start:.625rem;inset-inline:0;box-shadow:0 .5625rem 1.25rem #174a571f}.ocean-home .path-step:nth-child(2n) .path-dot{background:var(--ocean-coral-light)}.ocean-home .path-step h3{margin:0 0 .8125rem;font-size:1.18rem}.ocean-home .path-step p{color:var(--ocean-muted);margin:0;font-size:.93rem;line-height:1.55}.ocean-home .outcomes{background:var(--ocean-plum);color:var(--ocean-cream);padding-block:8rem;position:relative;overflow:hidden}.ocean-home .outcomes:before{border:3rem solid var(--ocean-plum-soft);content:"";opacity:.35;border-radius:50%;block-size:28rem;inline-size:28rem;position:absolute;inset-block-start:-12rem;inset-inline-end:-10rem}.ocean-home .outcome-grid{grid-template-columns:minmax(0,.78fr) minmax(20rem,1.22fr);gap:clamp(3rem,9vw,9rem);display:grid;position:relative}.ocean-home .outcomes h2{max-inline-size:10ch;color:var(--ocean-cream);margin:0 0 1.5rem;font-size:clamp(2.6rem,5vw,4.7rem)}.ocean-home .outcome-intro{color:var(--ocean-sun-soft);margin:0;font-size:1.08rem;line-height:1.7}.ocean-home .outcome-list{gap:2rem;margin:0;padding:0;list-style:none;display:grid}.ocean-home .outcome-item{grid-template-columns:3.6rem 1fr;align-items:start;gap:1.4rem;display:grid}.ocean-home .outcome-symbol{background:var(--ocean-sun);block-size:3.35rem;inline-size:3.35rem;color:var(--ocean-plum-deep);border-radius:1rem;place-items:center;display:grid}.ocean-home .outcome-item h3{color:var(--ocean-cream);margin:0 0 .45rem;font-size:1.35rem}.ocean-home .outcome-item p{color:var(--ocean-sun-soft);margin:0;line-height:1.6}.ocean-home .retention-note{background:var(--ocean-cream);color:var(--ocean-ink);border:0;border-radius:1.75rem;grid-template-columns:1fr auto;align-items:center;gap:2.5rem;margin-block-start:5rem;padding:2.375rem 2.625rem;display:grid;position:relative}.ocean-home .retention-note h3{color:var(--ocean-plum-deep);margin:0 0 .5625rem;font-size:1.4rem}.ocean-home .retention-note p{color:var(--ocean-muted);margin:0;line-height:1.6}.ocean-home .memory-mark{background:var(--ocean-coral-light);border-radius:50%;block-size:5.75rem;inline-size:5.75rem;position:relative}.ocean-home .memory-mark:before,.ocean-home .memory-mark:after{content:"";border-radius:50%;position:absolute}.ocean-home .memory-mark:before{border:.5rem solid var(--ocean-coral);inset:1.1875rem}.ocean-home .memory-mark:after{background:var(--ocean-plum);block-size:1.375rem;inline-size:1.375rem;inset-block-start:2.1875rem;inset-inline-start:2.1875rem}.ocean-home .course{background:var(--ocean-cream)}.ocean-home .course-facts{background:var(--ocean-sun);border-radius:2.25rem;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.ocean-home .course-fact{border-inline-end:1px solid #174a5733;min-block-size:15.3125rem;padding:3rem 2.25rem}.ocean-home .course-fact:last-child{border-inline-end:0}.ocean-home .course-fact strong{color:var(--ocean-plum-deep);letter-spacing:-.04em;margin-block-end:.75rem;font-size:clamp(3.1rem,6vw,5.7rem);font-weight:900;line-height:1;display:block}.ocean-home .course-fact span{color:var(--ocean-plum-deep);font-size:1.08rem;font-weight:800}.ocean-home .fit-strip{border-radius:var(--ocean-radius);background:var(--ocean-sun-soft);grid-template-columns:minmax(14rem,.68fr) minmax(0,1.32fr);gap:clamp(2rem,8vw,7rem);margin-block-start:3rem;padding:2.4rem 3rem;display:grid}.ocean-home .fit-strip h3{margin:0;font-size:1.75rem}.ocean-home .fit-strip p{color:var(--ocean-plum);margin:0;line-height:1.65}.ocean-home .fit-strip p+p{color:var(--ocean-plum);margin-block-start:.8rem;font-weight:800}.ocean-home .pricing{background:var(--ocean-coral-light);padding-block:8rem}.ocean-home .pricing-grid{grid-template-columns:minmax(0,.75fr) minmax(22rem,.95fr);align-items:center;gap:clamp(3rem,8vw,8rem);display:grid}.ocean-home .pricing-copy h2{max-inline-size:10ch;margin:0 0 1.25rem;font-size:clamp(2.6rem,5vw,4.7rem)}.ocean-home .pricing-copy>p{color:var(--ocean-plum);margin:0;font-size:1.08rem;line-height:1.7}.ocean-home .price-board{border-radius:var(--ocean-radius);background:var(--ocean-paper);box-shadow:var(--ocean-shadow);overflow:visible}.ocean-home .price-board .subscription-offer{gap:1.1rem;padding:2rem;display:grid}.ocean-home .price-board .subscription-header{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.ocean-home .price-board .plan-selector{border-block:1px solid var(--ocean-line);gap:0;display:grid}.ocean-home .price-board .plan-selector legend{color:var(--ocean-plum);padding-block-end:.8rem;font-weight:850}.ocean-home .price-board .plan-option{min-block-size:6.5rem;box-shadow:inset 0 -1px 0 var(--ocean-line);background:0 0;border:0;border-radius:0}.ocean-home .price-board .plan-option.is-selected{background:var(--ocean-sun-soft);box-shadow:inset 0 0 0 2px var(--ocean-coral)}.ocean-home .price-board .plan-option.is-selected .plan-period,.ocean-home .price-board .plan-option small{color:var(--ocean-plum-deep)}.ocean-home .price-board .subscription-guarantee{color:var(--ocean-plum);margin:0;font-weight:800}.ocean-home .price-board .button-primary{border-color:var(--ocean-plum);background:var(--ocean-plum);color:var(--ocean-cream)}.ocean-home .faq{background:var(--ocean-paper);padding-block:8rem}.ocean-home .faq-grid{grid-template-columns:minmax(0,.65fr) minmax(24rem,1.35fr);gap:clamp(3rem,9vw,9rem);display:grid}.ocean-home .faq-intro h2{max-inline-size:10ch;margin:0 0 1.25rem;font-size:clamp(2.6rem,5vw,4.7rem)}.ocean-home .faq-intro p{color:var(--ocean-muted);margin:0;line-height:1.7}.ocean-home .faq-list{border-block-start:2px solid var(--ocean-plum)}.ocean-home .faq-list details{border-block-end:1px solid var(--ocean-line)}.ocean-home .faq-list summary{min-block-size:3.5rem;color:var(--ocean-plum-deep);cursor:pointer;align-items:center;padding-block:1.15rem;font-weight:850;display:flex}.ocean-home .faq-list summary::marker{color:var(--ocean-coral)}.ocean-home .faq-list p{color:var(--ocean-muted);padding-block-end:1.3rem;line-height:1.7}.ocean-home .final-cta{background:var(--ocean-cream);padding:0 1.5rem 1.5rem;display:block}.ocean-home .final-panel{border-radius:var(--ocean-radius-large);background:var(--ocean-sun);text-align:center;place-items:center;min-block-size:31.25rem;display:grid;position:relative;overflow:hidden}.ocean-home .final-panel:before,.ocean-home .final-panel:after{content:"";border-radius:50%;position:absolute}.ocean-home .final-panel:before{border:3.4375rem solid var(--ocean-coral);block-size:24.375rem;inline-size:24.375rem;inset-block-end:-11.25rem;inset-inline-start:-6.875rem}.ocean-home .final-panel:after{background:#f3fbfa6b;block-size:19.375rem;inline-size:19.375rem;inset-block-start:-7.1875rem;inset-inline-end:-5rem}.ocean-home .final-content{z-index:2;justify-items:center;gap:1.4rem;padding:5rem 1.5rem;display:grid;position:relative}.ocean-home .final-content h2{max-inline-size:11ch;margin:0;font-size:clamp(2.7rem,5vw,5rem)}.ocean-home .final-content .button-primary{border-color:var(--ocean-plum);background:var(--ocean-plum);color:var(--ocean-cream)}.ocean-home .final-content .hero-note{color:var(--ocean-plum)}@keyframes ocean-hero-visual-reveal{0%{opacity:.2;filter:blur(3px);transform:translateY(9px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes ocean-lesson-panel-enter{0%{opacity:0;transform:translateY(.625rem)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ocean-wave-pulse{0%,8%,46%,to{opacity:0;transform:scale(.82)}16%{opacity:.9;transform:scale(1)}32%{opacity:.18;transform:scale(1.12)}}@keyframes ocean-word-learn{0%,18%,82%,to{opacity:.48;transform:translateY(0)scale(.96)}34%,60%{opacity:1;transform:translateY(-.5rem)scale(1)}70%{opacity:.82;transform:translateY(0)scale(1)}}@keyframes ocean-success-draw{0%,58%{opacity:0;stroke-dashoffset:72px}72%,92%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@media (max-width:70rem){.ocean-home .hero-grid,.ocean-home .method-intro,.ocean-home .outcome-grid,.ocean-home .course-top,.ocean-home .pricing-grid,.ocean-home .faq-grid{grid-template-columns:1fr}.ocean-home .hero-grid{padding-block-start:3rem}.ocean-home .rhythm-stage{grid-template-columns:1fr}.ocean-home .rhythm-copy{padding:2.625rem 2.125rem 2.125rem}.ocean-home .rhythm-copy h3{max-inline-size:none}.ocean-home .rhythm-tabs{grid-template-columns:repeat(3,1fr)}.ocean-home .rhythm-tabs button{text-align:center;justify-content:center}.ocean-home .rhythm-tabs button:after{display:none}.ocean-home .learning-path{grid-template-columns:repeat(2,1fr)}.ocean-home .learning-path:before{display:none}.ocean-home .path-step:last-child{grid-column:1/-1;max-inline-size:50%}.ocean-home .course-facts{grid-template-columns:1fr}.ocean-home .course-fact{border-block-end:1px solid #174a5733;border-inline-end:0;min-block-size:0}.ocean-home .fit-strip{grid-template-columns:1fr}}@media (max-width:67.5rem){.ocean-home [data-ocean-hero=listen-learn]{min-block-size:500px}.ocean-home .ocean-listen-stage,.ocean-home .ocean-listen-panel{min-block-size:430px}.ocean-home .ocean-listen-art{block-size:430px}}@media (max-width:980px){.ocean-home .hero,.ocean-home .hero-grid{min-block-size:auto}.ocean-home .method,.ocean-home .course,.ocean-home .faq,.ocean-home .outcomes,.ocean-home .pricing{padding-block:6rem}}@media (max-width:52rem){.ocean-home{--ocean-wrap:calc(100% - 32px);--ocean-radius-large:36px}.ocean-home .hero{border-radius:0 0 36px 36px}.ocean-home .hero-grid{flex-direction:column;gap:.5rem;padding-block:2.5rem 3rem;display:flex}.ocean-home .hero-copy{text-align:start;order:0}.ocean-home .hero-copy .eyebrow,.ocean-home .hero-copy h1,.ocean-home .hero-copy .hero-lead,.ocean-home .hero-copy .hero-promise{text-align:start;margin-inline:0}.ocean-home [data-ocean-hero=listen-learn]{order:1;inline-size:100%;margin-block-start:1rem}.ocean-home .hero-copy h1{font-size:clamp(2.75rem,13vw,4.4rem)}.ocean-home .hero-actions{flex-direction:column;justify-content:flex-start;align-items:stretch}.ocean-home .hero-actions .button{inline-size:100%}.ocean-home .hero-note{text-align:center}.ocean-home .method-intro,.ocean-home .course-top{margin-block-end:2.6rem}.ocean-home .rhythm-copy{padding:2.125rem 1.5rem 1.625rem}.ocean-home .rhythm-tabs{grid-template-columns:1fr}.ocean-home .rhythm-tabs button{text-align:start;justify-content:space-between}.ocean-home .rhythm-tabs button:after{display:block}.ocean-home .rhythm-demo{min-block-size:25.625rem;padding:1.5rem 1.125rem}.ocean-home .lesson-panel{border-radius:1.5625rem;padding:2rem 1.5rem}.ocean-home .lesson-progress{margin-block-end:1.625rem}.ocean-home .lesson-arabic{font-size:3rem}.ocean-home .learning-path{grid-template-columns:1fr;margin-block-start:3.5rem}.ocean-home .learning-path:before{display:none}.ocean-home .path-step,.ocean-home .path-step:last-child{grid-column:auto;max-inline-size:none;padding-inline-start:3.3rem}.ocean-home .path-dot{margin-inline:0;inset-inline:0 auto}.ocean-home .outcomes,.ocean-home .pricing{border-radius:36px}.ocean-home .outcome-item{grid-template-columns:3rem 1fr;gap:1rem}.ocean-home .retention-note{grid-template-columns:1fr;margin-block-start:3.5rem;padding:1.875rem 1.625rem}.ocean-home .memory-mark{display:none}.ocean-home .fit-strip{padding:2rem 1.5rem}.ocean-home .price-board .subscription-offer{padding:1.5rem}.ocean-home .final-cta{padding-inline:.75rem}.ocean-home .final-panel{border-radius:36px;min-block-size:31.25rem}}@media (max-width:47.5rem){.ocean-home [data-ocean-hero=listen-learn]{min-block-size:390px}.ocean-home .ocean-listen-stage,.ocean-home .ocean-listen-panel{min-block-size:370px}.ocean-home .ocean-listen-art{block-size:370px}}@media (max-width:26.25rem){.ocean-home [data-ocean-hero=listen-learn]{min-block-size:350px}.ocean-home .ocean-listen-stage,.ocean-home .ocean-listen-panel{min-block-size:340px}.ocean-home .ocean-listen-art{block-size:340px}}@media (max-width:560px){.ocean-home .method,.ocean-home .course,.ocean-home .faq,.ocean-home .outcomes,.ocean-home .pricing{padding-block:5.25rem}.ocean-home .course-fact{min-block-size:0;padding:2rem 1.25rem}.ocean-home .course-fact strong{font-size:3.75rem}.ocean-home .faq-list summary{font-size:1rem}}@media (prefers-reduced-motion:reduce){.ocean-home *,.ocean-home :before,.ocean-home :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ocean-home .ocean-listen-wave,.ocean-home .ocean-listen-word,.ocean-home .ocean-listen-success{opacity:1;transform:none;animation-name:none!important}.ocean-home .ocean-listen-success{stroke-dashoffset:0}}
.learner-theme{--color-bg:var(--ocean-cream);--color-surface:color-mix(in srgb, var(--ocean-cream) 78%, var(--ocean-paper));--color-surface-raised:var(--ocean-paper);--color-ink:var(--ocean-ink);--color-muted:var(--ocean-muted);--color-border:var(--ocean-line);--color-control-border:var(--ocean-plum-soft);--color-primary:var(--ocean-plum);--color-primary-hover:var(--ocean-plum-deep);--color-primary-soft:var(--ocean-sun-soft);--color-on-primary:var(--ocean-cream);--color-accent:var(--ocean-coral);--color-accent-soft:var(--ocean-coral-light);--color-success:var(--ocean-sage);--color-danger:var(--ocean-coral);background:var(--ocean-cream);max-inline-size:100%;color:var(--ocean-ink);font-family:"Ocean Nunito", var(--font-ui);font-synthesis:none;overflow-x:clip}.learner-theme .report-fab{z-index:45;background:var(--ocean-coral);min-block-size:3rem;color:var(--ocean-on-coral);box-shadow:0 .75rem 1.8rem color-mix(in srgb, var(--ocean-plum-deep) 24%, transparent);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.55rem;padding:.7rem 1rem;font-weight:800;transition:translate .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1);display:inline-flex;position:fixed;inset-block-end:max(1.25rem, env(safe-area-inset-bottom));inset-inline-end:max(1.25rem, env(safe-area-inset-right))}.learner-theme .report-fab:hover{box-shadow:0 1rem 2.2rem color-mix(in srgb, var(--ocean-plum-deep) 30%, transparent);translate:0 -.15rem}.learner-theme .report-fab:focus-visible{outline:3px solid var(--ocean-plum);outline-offset:3px}.learner-theme .report-fab svg{block-size:1.15rem;inline-size:1.15rem}.learner-theme .report-dialog{background:var(--ocean-paper);max-block-size:min(90dvb,48rem);inline-size:min(100% - 2rem,36rem);color:var(--ocean-ink);box-shadow:0 1.4rem 4rem color-mix(in srgb, var(--ocean-plum-deep) 34%, transparent);border:0;border-radius:1rem;margin:auto;padding:0;overflow:auto}.learner-theme .report-dialog::backdrop{background:color-mix(in srgb, var(--ocean-plum-deep) 68%, transparent)}.learner-theme .report-form,.learner-theme .report-success{gap:1.25rem;padding:clamp(1.25rem,4vw,2rem);display:grid}.learner-theme .report-form header h2,.learner-theme .report-success h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.45rem,5vw,2rem);line-height:1.12}.learner-theme .report-form header p,.learner-theme .report-success p{max-inline-size:65ch;color:var(--ocean-muted);margin:.55rem 0 0;line-height:1.55}.learner-theme .report-target-label{border-block:1px solid var(--ocean-line);gap:.2rem;margin:0;padding-block:.75rem;display:grid}.learner-theme .report-target-label span,.learner-theme .report-message>span{color:var(--ocean-muted);font-size:.8rem;font-weight:750}.learner-theme .report-tags{flex-wrap:wrap;gap:.55rem;display:flex}.learner-theme .report-tags button{border:1px solid var(--ocean-line);background:var(--ocean-cream);min-block-size:2.75rem;color:var(--ocean-ink);font:inherit;cursor:pointer;border-radius:999px;padding:.55rem .8rem;font-size:.88rem;font-weight:700}.learner-theme .report-tags button:is(:hover,.is-selected){border-color:var(--ocean-plum);background:var(--ocean-plum-soft);color:var(--ocean-plum-deep)}.learner-theme .report-tags button:focus-visible{outline:3px solid var(--ocean-coral);outline-offset:2px}.learner-theme .report-message{gap:.45rem;display:grid}.learner-theme .report-message textarea{resize:vertical;border:1px solid var(--ocean-line);background:var(--ocean-cream);min-block-size:7rem;color:var(--ocean-ink);font:inherit;border-radius:.75rem;padding:.8rem;line-height:1.5}.learner-theme .report-message textarea:focus{border-color:var(--ocean-plum);outline:3px solid color-mix(in srgb, var(--ocean-coral) 42%, transparent)}.learner-theme .report-error{color:var(--color-danger);margin:0;font-weight:700}.learner-theme .report-form footer{justify-content:flex-end;gap:.65rem;padding-block-start:.25rem;display:flex}.learner-theme .report-success .button{justify-self:start}@media (max-width:48rem){.learner-theme .report-fab{justify-content:center;inline-size:3rem;padding:0;inset-block-end:calc(4.75rem + env(safe-area-inset-bottom));inset-inline-end:max(.75rem, env(safe-area-inset-right))}.learner-theme .report-fab span{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.learner-theme .report-dialog{border-radius:1rem;max-block-size:calc(100dvb - 1rem);inline-size:calc(100% - 1rem)}.learner-theme .report-form footer{grid-template-columns:1fr 1fr;display:grid}}.locale-ur .learner-theme{font-family:var(--font-urdu), var(--font-ui)}.learner-theme :is(h1,h2,h3){color:var(--ocean-plum-deep);letter-spacing:-.025em;font-weight:800}.locale-ur .learner-theme :is(h1,h2,h3){letter-spacing:normal;line-height:1.5}.learner-theme :is(.learner-rail,.learner-topbar,.learner-bottom-nav){border-color:var(--ocean-line);background:var(--ocean-paper)}.learner-theme :is(.learner-rail nav a,.rail-account,.learner-bottom-nav a).active{background:var(--ocean-sun-soft);color:var(--ocean-plum-deep)}.learner-theme :is(.button-primary,.button-primary:hover){border-color:var(--ocean-plum);background:var(--ocean-plum);color:var(--ocean-cream)}.learner-theme .button-primary:hover{border-color:var(--ocean-plum-deep);background:var(--ocean-plum-deep)}.learner-theme :is(.button-primary,.lesson-answer-status):disabled{border-color:var(--ocean-line);background:var(--color-surface);color:var(--ocean-muted);opacity:1}.learner-theme .button-ghost{border-color:var(--ocean-plum-soft);background:var(--ocean-paper);color:var(--ocean-plum)}.learner-theme .button-ghost:hover{border-color:var(--ocean-plum);color:var(--ocean-plum-deep)}.learner-theme :is(.back-link,.lesson-return-current,.completion-review-action){color:var(--ocean-plum)}.learner-theme :is(.back-link,.lesson-return-current,.completion-review-action):hover{color:var(--ocean-plum-deep)}.learner-theme :is(.review-gate-card,.current-lesson-card,.learning-card,.lesson-complete-card,.review-card,.settings-card,.progress-stats article,.weekly-activity,.milestones){border-color:var(--ocean-line);background:var(--ocean-paper);box-shadow:none}.learner-theme .review-gate-card{border-color:color-mix(in srgb, var(--ocean-plum) 28%, var(--ocean-line));background:color-mix(in srgb, var(--ocean-sun-soft) 38%, var(--ocean-paper))}.learner-theme .gate-icon{background:var(--ocean-plum);color:var(--ocean-cream)}.learner-theme .current-lesson-card{border-radius:1rem}.learner-theme .current-lesson-card:before{background:var(--ocean-coral);inline-size:.25rem}.learner-theme .current-lesson-copy h2{overflow-wrap:anywhere;white-space:normal}.learner-theme .current-lesson-phases{flex-wrap:wrap;gap:.5rem;margin-block-start:.85rem;display:flex}.learner-theme .current-lesson-phases>span{border:1px solid var(--ocean-line);background:var(--ocean-cream);min-block-size:2rem;color:var(--ocean-muted);border-radius:.65rem;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.76rem;font-weight:700;display:inline-flex}.learner-theme .current-lesson-phases>.is-current{border-color:var(--ocean-plum-soft);background:var(--ocean-sun-soft);color:var(--ocean-plum-deep)}.learner-theme .current-lesson-phases>.is-completed{border-color:color-mix(in srgb, var(--ocean-sage) 35%, var(--ocean-line));background:var(--ocean-sage-light);color:var(--ocean-sage)}.learner-theme .current-lesson-phases svg{inline-size:.8rem}.learner-theme .lesson-list,.learner-theme .lesson-row{border-color:var(--ocean-line)}.learner-theme .lesson-row:is(a,button):hover{background:var(--color-surface)}.learner-theme .lesson-row-title,.learner-theme .completion-lesson-title{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.learner-theme .state-current{border-color:var(--ocean-coral);background:var(--ocean-coral);color:var(--ocean-on-coral)}.learner-theme .status-current{background:var(--ocean-coral-light);color:var(--ocean-ink)}.learner-theme :is(.state-completed,.status-completed){border-color:color-mix(in srgb, var(--ocean-sage) 40%, var(--ocean-line));background:var(--ocean-sage-light);color:var(--ocean-sage)}.learner-theme .learner-main-focus .lesson-player{background:var(--ocean-cream)}.learner-theme .learner-main-focus .lesson-player-header{border-block-end:1px solid var(--ocean-line);background:var(--ocean-paper);color:var(--ocean-ink);box-shadow:none}.learner-theme .learner-main-focus .lesson-progress{background:var(--ocean-line)}.learner-theme .learner-main-focus .lesson-progress span{background:var(--ocean-plum)}.learner-theme .phase-indicator{gap:.5rem}.learner-theme .phase-indicator button{border:1px solid var(--ocean-line);background:var(--ocean-cream);min-block-size:2.75rem;min-inline-size:0;color:var(--ocean-muted);overflow-wrap:anywhere;border-radius:.65rem;padding:.4rem .6rem}.learner-theme .phase-indicator button.active,.learner-theme .phase-indicator button.active:disabled{border-color:var(--ocean-plum-soft);background:var(--ocean-sun-soft);color:var(--ocean-plum-deep)}.learner-theme .phase-indicator button:after{display:none}.learner-theme .phase-indicator button:disabled{opacity:.58}.learner-theme .phase-indicator button.active:disabled{opacity:1}.learner-theme .lesson-stage{background:var(--ocean-cream)}.learner-theme .learner-main-focus .learning-card{border-color:var(--ocean-line);background:var(--ocean-paper);box-shadow:none;border-radius:1rem}.learner-theme .learn-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.learner-theme .learn-rules-link{white-space:nowrap;min-block-size:2.75rem}.learner-theme .lesson-rule-card{inline-size:100%;color:var(--color-ink);text-align:start}.learner-theme .lesson-rule-card:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.learner-theme .lesson-rule-card h2,.learner-theme .lesson-rule-card h3{margin:0;font-size:clamp(1rem,3vw,1.2rem);line-height:1.35}.learner-theme .lesson-rule-category{color:var(--color-success);margin:.4rem 0 0;font-size:.78rem;font-weight:800}.learner-theme .lesson-rule-cue{color:var(--color-primary-hover);text-align:start;margin:.8rem 0 0;font-size:clamp(1.45rem,6vw,2rem);line-height:1.7}.learner-theme :is(.lesson-rule-summary,.lesson-rule-details){max-inline-size:70ch;margin:.75rem 0 0;line-height:1.65}.learner-theme .lesson-rule-details{color:var(--color-muted)}.learner-theme .lesson-rule-details-toggle{min-block-size:2.75rem;color:var(--color-primary);font:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;margin-block-start:.35rem;padding:0;font-weight:800;text-decoration:underline;text-decoration-thickness:.08em}.learner-theme .lesson-rule-details-toggle:hover{color:var(--color-primary-hover)}.learner-theme .lesson-rule-details-toggle:focus-visible{border-radius:var(--radius-sm);outline:3px solid var(--color-accent);outline-offset:3px}.learner-theme .lesson-rule-trigger{inline-size:fit-content;margin-block-start:1rem}.learner-theme .lesson-rule-trigger svg{inline-size:1rem}.learner-theme .learner-sheet{border:1px solid var(--color-border);background:var(--color-surface-raised);max-block-size:min(88dvh,48rem);inline-size:100%;max-inline-size:100%;color:var(--color-ink);box-shadow:var(--shadow-md);border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg);margin:auto 0 0;padding:0;overflow:hidden}.learner-theme .learner-sheet::backdrop{background:var(--color-backdrop)}.learner-theme .learner-sheet[open] .learner-sheet-panel{animation:learner-sheet-enter var(--transition) both}.learner-theme .learner-sheet-panel{grid-template-rows:auto minmax(0,1fr) auto;max-block-size:min(88dvh,48rem);display:grid}.learner-theme :is(.learner-sheet-header,.learner-sheet-footer){align-items:center;padding:1rem;display:flex}.learner-theme .learner-sheet-header{border-block-end:1px solid var(--color-border);justify-content:space-between;gap:1rem}.learner-theme .learner-sheet-header h2{margin:0;font-size:1.2rem}.learner-theme .learner-sheet-close svg{inline-size:1.1rem}.learner-theme .learner-sheet-body{padding:1rem;overflow-y:auto}.learner-theme .learner-sheet-footer{border-block-start:1px solid var(--color-border);flex-wrap:wrap;justify-content:flex-end;gap:.65rem;padding-block-end:max(1rem, env(safe-area-inset-bottom))}.learner-theme .lesson-rule-report-target{color:var(--ocean-muted);flex:100%;font-size:.82rem;line-height:1.4}.learner-theme .lesson-rule-stack{gap:1.25rem;display:grid}.learner-theme .lesson-rule-stack .lesson-rule-card+.lesson-rule-card{border-block-start:1px solid var(--color-border);padding-block-start:1.25rem}.learner-theme .lesson-rules-view,.learner-theme .lesson-rules-state{inline-size:min(100%,52rem);margin-inline:auto}.learner-theme .lesson-rules-heading{margin-block-end:2.25rem}.learner-theme .lesson-rules-heading h1,.learner-theme .lesson-rules-state h1{margin-block-end:.65rem;font-size:clamp(2rem,5vw,3.2rem);line-height:1.08}.learner-theme .lesson-rules-heading p,.learner-theme .lesson-rules-state p{max-inline-size:70ch;color:var(--ocean-muted);margin:0;line-height:1.6}.learner-theme .lesson-rules-state .button{margin-block-start:1rem}.learner-theme .lesson-rule-groups{gap:2.5rem;display:grid}.learner-theme .lesson-rule-group{scroll-margin-block-start:2rem}.learner-theme .lesson-rule-group .section-row h2{margin:0;font-size:clamp(1.25rem,3vw,1.6rem);line-height:1.35}.learner-theme .lesson-rule-list{overflow:visible}.learner-theme .lesson-rule-list-item{scroll-margin-block-start:1.5rem}.learner-theme .lesson-rule-list-item+.lesson-rule-list-item{border-block-start:1px solid var(--color-border)}.learner-theme .lesson-rule-row{border:0}.learner-theme .lesson-rule-row .lesson-row-copy small[lang=ar]{color:var(--color-muted);font-family:var(--font-arabic);font-size:1.05rem;line-height:1.7}.learner-theme .lesson-rule-row .row-chevron{transition:transform var(--transition)}.learner-theme .lesson-rule-row .row-chevron.is-expanded{transform:rotate(90deg)}.learner-theme .lesson-rule-expanded{background:var(--color-surface);color:var(--color-ink);padding-block:0 1rem;padding-inline:4.6rem 1rem}.learner-theme .lesson-rule-expanded p{max-inline-size:70ch;margin:0;line-height:1.65}.learner-theme .lesson-rule-expanded p+p{color:var(--color-muted);margin-block-start:.75rem}@keyframes learner-sheet-enter{0%{opacity:.82;transform:translateY(1rem)}}@media (min-width:48rem){.learner-theme .learner-sheet{border-radius:var(--radius-lg);inline-size:min(100% - 3rem,42rem);margin:auto}}@media (prefers-reduced-motion:reduce){.learner-theme .learner-sheet[open] .learner-sheet-panel{animation:none}.learner-theme .lesson-rule-row .row-chevron{transition:none}}.learner-theme .learner-main-focus .quiz-options .quiz-answer-option{border-color:var(--ocean-line);background:var(--ocean-cream);box-shadow:none}.learner-theme .learner-main-focus .quiz-options .quiz-answer-option.selected{border-color:var(--ocean-plum-soft);background:var(--ocean-sun-soft);box-shadow:none}.learner-theme .learner-main-focus .quiz-options .quiz-answer-option.selected.correct,.learner-theme .answer-feedback.is-correct{border-color:var(--ocean-sage);background:var(--ocean-sage-light);color:var(--ocean-sage);box-shadow:none}.learner-theme .learner-main-focus .quiz-options .quiz-answer-option.selected.wrong,.learner-theme .answer-feedback.is-wrong{border-color:var(--ocean-coral);background:var(--ocean-coral-light);color:var(--ocean-ink);box-shadow:none}.learner-theme .previous-attempt{border:1px solid var(--ocean-line);background:var(--ocean-cream);border-radius:.85rem;gap:.65rem;padding:1rem;display:grid}.learner-theme .previous-attempt-row{border:1px solid var(--ocean-line);border-radius:.65rem;grid-template-columns:1.25rem minmax(0,1fr);align-items:start;gap:.65rem;padding:.65rem;display:grid}.learner-theme .previous-attempt-row>span{min-inline-size:0;display:grid}.learner-theme .previous-attempt-row.is-correct{border-color:color-mix(in srgb, var(--ocean-sage) 40%, var(--ocean-line));background:var(--ocean-sage-light);color:var(--ocean-sage)}.learner-theme .previous-attempt-row.is-wrong{border-color:color-mix(in srgb, var(--ocean-coral) 45%, var(--ocean-line));background:var(--ocean-coral-light);color:var(--ocean-ink)}.learner-theme .phase-transition-banner{border:1px solid color-mix(in srgb, var(--ocean-sage) 38%, var(--ocean-line));background:var(--ocean-sage-light);inline-size:min(100%,50rem);color:var(--ocean-sage);border-radius:.75rem;align-items:center;gap:.55rem;margin:0 auto .75rem;padding:.7rem .85rem;font-weight:700;display:flex}.learner-theme .lesson-phase-status{color:var(--ocean-muted)}.learner-theme .lesson-stage-actions{border-color:var(--ocean-line);background:var(--ocean-paper);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:.5rem}.learner-theme .lesson-header-actions{gap:.5rem}.learner-theme .learner-main-focus .lesson-complete-card{background:var(--ocean-cream)}.learner-theme .completion-mark{background:var(--ocean-sage-light);color:var(--ocean-sage)}.learner-theme .completion-next-lesson{border-color:var(--ocean-line);background:var(--ocean-sun-soft)}.learner-theme .learner-main-focus .lesson-complete-actions{border-color:var(--ocean-line);background:var(--ocean-paper);box-shadow:none}.learner-theme .api-error{border-color:var(--ocean-coral);background:var(--ocean-coral-light);color:var(--ocean-ink)}.learner-theme :is(.icon-button,.account-link,.back-link,.lesson-previous-action){min-block-size:2.75rem;min-inline-size:2.75rem}.learner-theme .progress-overview{inline-size:min(100%,64rem);margin-inline:auto;padding-block-end:3rem}.learner-theme .progress-heading{max-inline-size:46rem;margin-block-end:2.25rem}.learner-theme .progress-heading h1{letter-spacing:-.035em;margin:0 0 .65rem;font-size:clamp(2.75rem,7vw,4.75rem);line-height:.98}.locale-ur .learner-theme .progress-heading h1{letter-spacing:0;line-height:1.35}.learner-theme .progress-heading p,.learner-theme .progress-milestones>header p,.learner-theme .progress-history>header p,.learner-theme .progress-course-heading p{max-inline-size:68ch;color:var(--ocean-muted);margin:0}.learner-theme .progress-vocabulary{border:1px solid var(--ocean-line);border-radius:var(--ocean-radius);background:var(--ocean-paper);grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);display:grid;overflow:hidden}.learner-theme .progress-vocabulary-total,.learner-theme .progress-next-word{min-inline-size:0;padding:2.25rem}.learner-theme .progress-vocabulary-total h2,.learner-theme .progress-next-word>p{color:var(--ocean-muted);letter-spacing:.035em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:800}.locale-ur .learner-theme :is(.progress-vocabulary-total h2,.progress-next-word>p){letter-spacing:0}.learner-theme .progress-vocabulary-total>strong{color:var(--ocean-plum);font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin-block:.35rem .65rem;font-size:clamp(4.25rem,11vw,7rem);line-height:.92;display:block}.learner-theme .progress-vocabulary-total>p{max-inline-size:34rem;color:var(--ocean-muted);margin:0}.learner-theme .progress-achievement-note{border-block-start:1px solid var(--ocean-line);color:var(--ocean-muted);align-items:center;gap:.65rem;margin-block-start:1.5rem;padding-block-start:1rem;font-size:.82rem;display:flex}.learner-theme .progress-achievement-note>svg{inline-size:1rem;color:var(--ocean-sage)}.learner-theme .progress-achievement-note strong{color:var(--ocean-ink)}.learner-theme .progress-next-word{border-inline-start:1px solid var(--ocean-line);background:color-mix(in srgb, var(--ocean-coral-light) 35%, var(--ocean-paper));align-content:center;display:grid}.learner-theme .progress-goal-value{align-items:baseline;gap:.5rem;margin-block-start:.7rem;display:flex}.learner-theme .progress-goal-value strong{font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-size:clamp(2.5rem,6vw,3.75rem);line-height:1}.learner-theme .progress-goal-value span{color:var(--ocean-muted);font-weight:700}.learner-theme .progress-linear{background:color-mix(in srgb, var(--ocean-plum-soft) 22%, var(--ocean-paper));border-radius:999px;block-size:.55rem;margin-block:1.35rem .75rem;overflow:hidden}.learner-theme .progress-linear>span{border-radius:inherit;background:var(--ocean-plum);block-size:100%;min-inline-size:0;max-inline-size:100%;display:block}.learner-theme .progress-next-word small{color:var(--ocean-muted)}.learner-theme .progress-course{border-block:1px solid var(--ocean-line);margin-block-start:1.25rem;padding-block:1.6rem}.learner-theme .progress-course-heading{justify-content:space-between;align-items:end;gap:2rem;display:flex}.learner-theme .progress-course-heading h2,.learner-theme .progress-milestones>header h2,.learner-theme .progress-history>header h2{letter-spacing:-.025em;margin:0 0 .35rem;font-size:clamp(1.55rem,3vw,2rem)}.locale-ur .learner-theme :is(.progress-course-heading h2,.progress-milestones>header h2,.progress-history>header h2){letter-spacing:0}.learner-theme .progress-course-heading>strong{color:var(--ocean-plum);font-variant-numeric:tabular-nums;letter-spacing:-.035em;flex:none;font-size:2.35rem;line-height:1}.learner-theme .progress-course-heading>strong span{color:var(--ocean-muted);letter-spacing:0;font-size:1rem}.learner-theme .progress-course .progress-linear{margin-block-start:1.25rem}.learner-theme .progress-course .progress-linear>span{background:var(--ocean-coral)}.learner-theme .progress-course-meta{color:var(--ocean-muted);justify-content:space-between;gap:1rem;font-size:.78rem;display:flex}.learner-theme .progress-course-meta span:last-child{color:var(--ocean-ink);font-weight:700}.learner-theme .progress-milestones,.learner-theme .progress-history{margin-block-start:3.75rem}.learner-theme .progress-milestones>header,.learner-theme .progress-history>header{max-inline-size:46rem}.learner-theme .progress-ledgers{gap:1.5rem;margin-block-start:1.5rem;display:grid}.learner-theme .milestone-ledger{border-block-start:1px solid var(--ocean-line);min-inline-size:0;padding-block-start:1.15rem}.learner-theme .milestone-ledger-heading{align-items:center;gap:.65rem;display:flex}.learner-theme .milestone-ledger-heading>span{background:var(--ocean-sage-light);block-size:2rem;inline-size:2rem;color:var(--ocean-sage);border-radius:50%;place-items:center;display:grid}.learner-theme .milestone-ledger-heading svg{inline-size:.95rem}.learner-theme .milestone-ledger-heading h3{margin:0;font-size:1.05rem}.learner-theme .milestone-ledger-scroll{scrollbar-color:var(--ocean-plum-soft) transparent;scrollbar-width:thin;margin-block-start:1.15rem;padding-block:.25rem .8rem;overflow-x:auto}.learner-theme .milestone-ledger-scroll:focus-visible{outline:2px solid var(--ocean-plum);outline-offset:3px;border-radius:.4rem}.learner-theme .milestone-ledger ol{grid-template-columns:repeat(10,minmax(4.25rem,1fr));min-inline-size:46rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.learner-theme .milestone-ledger ol:before{content:"";background:var(--ocean-line);block-size:1px;position:absolute;inset-block-start:.7rem;inset-inline:5%}.learner-theme .milestone-ledger li{z-index:1;color:var(--ocean-muted);text-align:center;justify-items:center;gap:.25rem;display:grid;position:relative}.learner-theme .milestone-ledger-mark{border:1px solid var(--ocean-line);background:var(--ocean-paper);border-radius:50%;place-items:center;block-size:1.45rem;inline-size:1.45rem;margin-block-end:.15rem;display:grid}.learner-theme .milestone-ledger-mark svg{inline-size:.75rem}.learner-theme .milestone-ledger li>strong{color:inherit;font-variant-numeric:tabular-nums;font-size:.75rem}.learner-theme .milestone-ledger li>small{font-size:.62rem}.learner-theme .milestone-ledger li.is-reached{color:var(--ocean-sage)}.learner-theme .milestone-ledger li.is-reached .milestone-ledger-mark{border-color:var(--ocean-sage);background:var(--ocean-sage);color:var(--ocean-paper)}.learner-theme .milestone-ledger li.is-next{color:var(--ocean-ink)}.learner-theme .milestone-ledger li.is-next .milestone-ledger-mark{border-color:var(--ocean-coral);background:var(--ocean-coral-light);box-shadow:0 .25rem .7rem color-mix(in srgb, var(--ocean-coral) 22%, transparent)}.learner-theme .progress-history>ul{border-block-start:1px solid var(--ocean-line);margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.learner-theme .progress-history li{border-block-end:1px solid var(--ocean-line);grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.85rem;min-block-size:4.4rem;padding-block:.75rem;display:grid}.learner-theme .progress-history li>span,.learner-theme .progress-history-empty>span{background:var(--ocean-sage-light);block-size:2rem;inline-size:2rem;color:var(--ocean-sage);border-radius:50%;place-items:center;display:grid}.learner-theme .progress-history li svg,.learner-theme .progress-history-empty svg{inline-size:.9rem}.learner-theme .progress-history li>div{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.learner-theme .progress-history li small{color:var(--ocean-muted);white-space:nowrap}.learner-theme .progress-history-empty{border-block:1px solid var(--ocean-line);align-items:center;gap:.9rem;margin-block-start:1.5rem;padding-block:1.25rem;display:flex}.learner-theme .progress-history-empty p{color:var(--ocean-muted);margin:.2rem 0 0}@media (max-width:48rem){.learner-theme .progress-heading{margin-block-end:1.5rem}.learner-theme .progress-heading h1{font-size:clamp(2.65rem,15vw,3.75rem)}.learner-theme .progress-vocabulary{grid-template-columns:minmax(0,1fr)}.learner-theme .progress-vocabulary-total,.learner-theme .progress-next-word{padding:1.35rem}.learner-theme .progress-vocabulary-total>strong{font-size:clamp(4rem,24vw,6rem)}.learner-theme .progress-next-word{border-block-start:1px solid var(--ocean-line);border-inline-start:0}.learner-theme .progress-course-heading{align-items:flex-start;gap:1rem}.learner-theme .progress-course-heading>strong{font-size:1.85rem}.learner-theme .progress-course-meta,.learner-theme .progress-history li>div{flex-direction:column;align-items:flex-start;gap:.25rem}.learner-theme .progress-milestones,.learner-theme .progress-history{margin-block-start:3rem}.learner-theme .milestone-ledger ol{min-inline-size:43rem}}.learner-theme .learner-introduction{inline-size:min(100%,64rem);margin-inline:auto;padding-block-end:2rem}.learner-theme .introduction-back-link{align-items:center;gap:.45rem;margin-block-end:1.75rem;font-weight:800;text-decoration:none;display:inline-flex}.learner-theme .introduction-back-link svg{block-size:1rem;inline-size:1rem;rotate:180deg}.locale-ur .learner-theme .introduction-back-link svg{rotate:none}.learner-theme .introduction-heading{gap:1.1rem;max-inline-size:56rem;margin-block-end:clamp(2.5rem,7vw,4.5rem);display:grid}.learner-theme .introduction-heading h1{letter-spacing:-.035em;text-wrap:balance;max-inline-size:18ch;margin:0;font-size:clamp(2.35rem,6vw,4.8rem);line-height:1.02}.locale-ur .learner-theme .introduction-heading h1{letter-spacing:0;gap:.1em;max-inline-size:100%;line-height:1.8;display:grid}.locale-ur .learner-theme .introduction-heading .introduction-brand{font-family:var(--font-heading), serif;line-height:1.05}.learner-theme .introduction-heading>p{max-inline-size:68ch;color:var(--ocean-muted);margin:0;font-size:clamp(1.05rem,2.5vw,1.25rem);line-height:1.65}.learner-theme .introduction-heading blockquote{border-block:1px solid var(--ocean-line);max-inline-size:62ch;color:var(--ocean-plum-deep);margin:0;padding-block:1.15rem;font-size:clamp(1.15rem,3vw,1.5rem);font-weight:750;line-height:1.55}.learner-theme .introduction-rhythm,.learner-theme .introduction-review{color:var(--ocean-on-retention);background:var(--ocean-retention-surface)}.learner-theme .introduction-rhythm{border-radius:1rem;gap:2rem;padding:clamp(1.25rem,5vw,2.75rem);display:grid}.learner-theme .introduction-rhythm h2,.learner-theme .introduction-rhythm h3,.learner-theme .introduction-review h2,.learner-theme .introduction-review h3{color:var(--ocean-on-retention)}.learner-theme .introduction-rhythm header h2,.learner-theme .introduction-section>header h2,.learner-theme .introduction-section>h2,.learner-theme .introduction-review>header h2,.learner-theme .introduction-priority>h2,.learner-theme .introduction-close h2{text-wrap:balance;margin:0;font-size:clamp(1.8rem,4.5vw,2.75rem);line-height:1.1}.learner-theme .introduction-rhythm header p,.learner-theme .introduction-review>header p{max-inline-size:68ch;color:var(--ocean-on-retention-muted);margin:.65rem 0 0;line-height:1.65}.learner-theme .introduction-rhythm ol,.learner-theme .introduction-review-grid>ol{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.learner-theme .introduction-rhythm li,.learner-theme .introduction-review-grid>ol>li{grid-template-columns:auto minmax(0,1fr);align-content:start;gap:.8rem;min-inline-size:0;padding-inline:1.25rem;display:grid}.learner-theme .introduction-rhythm li:first-child,.learner-theme .introduction-review-grid>ol>li:first-child{padding-inline-start:0}.learner-theme .introduction-rhythm li:last-child,.learner-theme .introduction-review-grid>ol>li:last-child{padding-inline-end:0}.learner-theme .introduction-rhythm li+li,.learner-theme .introduction-review-grid>ol>li+li{border-inline-start:1px solid color-mix(in srgb, var(--ocean-on-retention) 24%, transparent)}.learner-theme :is(.introduction-rhythm,.introduction-review-grid) li>span{background:var(--ocean-coral);block-size:2rem;inline-size:2rem;color:var(--ocean-on-coral);border-radius:50%;place-items:center;font-weight:900;display:grid}.learner-theme :is(.introduction-rhythm,.introduction-review-grid) li h3{margin:0;font-size:1.05rem;line-height:1.35}.learner-theme :is(.introduction-rhythm,.introduction-review-grid) li p{color:var(--ocean-on-retention-muted);margin:.45rem 0 0;font-size:.93rem;line-height:1.55}.learner-theme .introduction-section,.learner-theme .introduction-priority,.learner-theme .introduction-close{margin-block-start:clamp(3.5rem,9vw,6.5rem)}.learner-theme .introduction-section>header p{max-inline-size:70ch;color:var(--ocean-muted);margin:.85rem 0 0;line-height:1.7}.learner-theme .introduction-phase-rail{border-block-start:1px solid var(--ocean-line);grid-template-columns:repeat(3,minmax(0,1fr));margin:2.75rem 0 0;padding:0;list-style:none;display:grid}.learner-theme .introduction-phase-rail li{min-inline-size:0;padding:1.5rem 1.5rem 0}.learner-theme .introduction-phase-rail li:first-child{padding-inline-start:0}.learner-theme .introduction-phase-rail li+li{border-inline-start:1px solid var(--ocean-line)}.learner-theme .introduction-phase-rail li>span{border:1px solid var(--ocean-plum-soft);background:var(--ocean-cream);block-size:2.25rem;inline-size:2.25rem;color:var(--ocean-plum-deep);border-radius:50%;place-items:center;margin-block-start:-2.65rem;font-weight:900;display:grid}.learner-theme .introduction-phase-rail h3{margin:1.2rem 0 0;font-size:1.2rem}.learner-theme .introduction-phase-rail p{color:var(--ocean-muted);margin:.55rem 0 0;line-height:1.65}.learner-theme .introduction-screenshot{margin:2.75rem 0 0}.learner-theme .introduction-screenshot img{border-radius:1rem;block-size:auto;inline-size:100%;display:block}.learner-theme .introduction-lesson-screenshot img{border:1px solid var(--ocean-line);background:var(--ocean-paper)}.learner-theme .introduction-screenshot figcaption{max-inline-size:70ch;color:var(--ocean-muted);margin-block-start:.8rem;font-size:.9rem;line-height:1.55}.learner-theme .introduction-navigation>h2,.learner-theme .introduction-rules>h2{margin-block-end:1.75rem}.learner-theme .introduction-navigation-grid{border-block:1px solid var(--ocean-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.learner-theme .introduction-navigation-grid section{min-inline-size:0;padding-block:1.75rem;padding-inline-end:2rem}.learner-theme .introduction-navigation-grid section+section{border-inline-start:1px solid var(--ocean-line);padding-inline:1.75rem 0}.learner-theme .introduction-navigation-grid svg{block-size:1.35rem;inline-size:1.35rem;color:var(--ocean-coral)}.learner-theme .introduction-navigation-grid h3{margin:.8rem 0 0;font-size:1.2rem}.learner-theme .introduction-navigation-grid p{color:var(--ocean-muted);margin:.6rem 0 0;line-height:1.65}.learner-theme .introduction-rules ul{border-block-start:1px solid var(--ocean-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.5rem;margin:0;padding:0;list-style:none;display:grid}.learner-theme .introduction-rules li{border-block-end:1px solid var(--ocean-line);grid-template-columns:1.3rem minmax(0,1fr);gap:.7rem;padding-block:1rem;line-height:1.55;display:grid}.learner-theme .introduction-rules li svg{inline-size:1.05rem;color:var(--ocean-sage);margin-block-start:.2rem}.learner-theme .introduction-review{border-radius:1rem;margin-block-start:clamp(3.5rem,9vw,6.5rem);padding:clamp(1.25rem,5vw,3rem)}.learner-theme .introduction-review-grid{grid-template-columns:minmax(0,.85fr) minmax(18rem,1.15fr);align-items:start;gap:2.5rem;margin-block-start:2.5rem;display:grid}.learner-theme .introduction-review-grid>ol{grid-template-columns:minmax(0,1fr)}.learner-theme .introduction-review-grid>ol>li{padding:1.15rem 0}.learner-theme .introduction-review-grid>ol>li:first-child{padding-block-start:0}.learner-theme .introduction-review-grid>ol>li+li{border-inline-start:0;border-block-start:1px solid color-mix(in srgb, var(--ocean-on-retention) 24%, transparent)}.learner-theme .introduction-review-screenshot{margin:0}.learner-theme .introduction-review-screenshot img{border:1px solid color-mix(in srgb, var(--ocean-on-retention) 30%, transparent)}.learner-theme .introduction-review-screenshot figcaption{color:var(--ocean-on-retention-muted)}.learner-theme .introduction-ratings{border-block-start:1px solid color-mix(in srgb, var(--ocean-on-retention) 24%, transparent);margin-block-start:2.75rem;padding-block-start:2rem}.learner-theme .introduction-ratings header h3{margin:0;font-size:clamp(1.3rem,3vw,1.75rem)}.learner-theme .introduction-ratings header p{color:var(--ocean-on-retention-muted);margin:.5rem 0 0}.learner-theme .introduction-ratings dl{grid-template-columns:repeat(4,minmax(0,1fr));margin:1.5rem 0 0;display:grid}.learner-theme .introduction-ratings dl>div{min-inline-size:0;padding-inline:1rem}.learner-theme .introduction-ratings dl>div:first-child{padding-inline-start:0}.learner-theme .introduction-ratings dl>div+div{border-inline-start:1px solid color-mix(in srgb, var(--ocean-on-retention) 24%, transparent)}.learner-theme .introduction-ratings dt{color:var(--ocean-on-retention);font-weight:900}.learner-theme .introduction-ratings dd{color:var(--ocean-on-retention-muted);margin:.45rem 0 0;font-size:.88rem;line-height:1.5}.learner-theme .introduction-priority>h2{max-inline-size:20ch}.learner-theme .introduction-priority dl{border:1px solid var(--ocean-line);border-radius:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:2rem 0 0;display:grid;overflow:hidden}.learner-theme .introduction-priority dl>div{background:var(--ocean-paper);min-inline-size:0;padding:clamp(1.25rem,4vw,2rem)}.learner-theme .introduction-priority dl>div+div{border-inline-start:1px solid var(--ocean-line)}.learner-theme .introduction-priority dl>.is-recommended{background:var(--ocean-coral-light)}.learner-theme .introduction-priority dt{color:var(--ocean-plum-deep);font-size:1.1rem;font-weight:900}.learner-theme .introduction-priority dd{color:var(--ocean-muted);margin:.7rem 0 0;line-height:1.65}.learner-theme .introduction-priority .is-recommended dd{color:var(--ocean-ink)}.learner-theme .introduction-close{border-block:1px solid var(--ocean-line);justify-content:space-between;align-items:end;gap:2rem;padding-block:2.25rem;display:flex}.learner-theme .introduction-close>div:first-child{max-inline-size:62ch}.learner-theme .introduction-close p{color:var(--ocean-muted);margin:.7rem 0 0;line-height:1.65}.learner-theme .introduction-actions{flex-wrap:wrap;flex:none;gap:.65rem;display:flex}.learner-theme .introduction-actions .button{min-block-size:2.75rem}.learner-theme .introduction-actions svg{inline-size:1rem}@media (max-width:40rem){.learner-theme .learner-shell,.learner-theme .current-lesson-card{grid-template-columns:minmax(0,1fr)}.learner-theme .learner-main{inline-size:100%;max-inline-size:40rem;padding-inline:max(.75rem, env(safe-area-inset-left)) max(.75rem, env(safe-area-inset-right))}.learner-theme .learner-main-focus{max-inline-size:none;padding-inline:0}.learner-theme .current-lesson-card{gap:1.25rem;padding:1.1rem}.learner-theme .current-lesson-action{grid-column:auto;justify-items:stretch}.learner-theme .learner-page-heading{flex-direction:column;align-items:stretch;gap:1rem}.learner-theme .learn-header-actions{justify-content:space-between}.learner-theme .lesson-rule-card{padding:1rem}.learner-theme .lesson-row{min-inline-size:0}.learner-theme .lesson-header-row{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;gap:.5rem}.learner-theme .learner-main-focus .lesson-player-header{padding-inline:max(.65rem, env(safe-area-inset-left)) max(.65rem, env(safe-area-inset-right))}.learner-theme .phase-indicator button{padding-inline:.3rem;font-size:.66rem}.learner-theme .lesson-stage{padding-inline:max(.65rem, env(safe-area-inset-left)) max(.65rem, env(safe-area-inset-right))}.learner-theme .lesson-stage-actions{padding-inline:max(.65rem, env(safe-area-inset-left)) max(.65rem, env(safe-area-inset-right));grid-template-columns:2.75rem minmax(0,1fr);gap:.5rem}.learner-theme .lesson-stage-actions .lesson-previous-action{inline-size:2.75rem;min-inline-size:2.75rem}.learner-theme .introduction-heading h1{font-size:clamp(2.25rem,12vw,3.5rem)}.learner-theme .introduction-rhythm ol,.learner-theme .introduction-review-grid,.learner-theme .introduction-ratings dl,.learner-theme .introduction-priority dl,.learner-theme .introduction-navigation-grid,.learner-theme .introduction-rules ul{grid-template-columns:minmax(0,1fr)}.learner-theme .introduction-rhythm li,.learner-theme .introduction-rhythm li:first-child,.learner-theme .introduction-rhythm li:last-child{padding:1.1rem 0}.learner-theme .introduction-rhythm li:first-child{padding-block-start:0}.learner-theme .introduction-rhythm li:last-child{padding-block-end:0}.learner-theme .introduction-rhythm li+li,.learner-theme .introduction-ratings dl>div+div,.learner-theme .introduction-priority dl>div+div,.learner-theme .introduction-navigation-grid section+section{border-inline-start:0;border-block-start:1px solid var(--ocean-line)}.learner-theme .introduction-rhythm li+li,.learner-theme .introduction-ratings dl>div+div{border-block-start-color:color-mix(in srgb, var(--ocean-on-retention) 24%, transparent)}.learner-theme .introduction-phase-rail{border-block-start:0;border-inline-start:1px solid var(--ocean-line);grid-template-columns:minmax(0,1fr)}.learner-theme .introduction-phase-rail li,.learner-theme .introduction-phase-rail li:first-child{padding-block:0 1.75rem;padding-inline:1.5rem 0}.learner-theme .introduction-phase-rail li+li{border-inline-start:0}.learner-theme .introduction-phase-rail li>span{margin-block-start:0;margin-inline-start:-2.65rem}.learner-theme .introduction-phase-rail h3{margin-block-start:-2.05rem}.learner-theme .introduction-navigation-grid section,.learner-theme .introduction-navigation-grid section+section{padding:1.5rem 0}.learner-theme .introduction-ratings dl>div{padding:.9rem 0}.learner-theme .introduction-ratings dl>div:first-child{padding-block-start:0}.learner-theme .introduction-priority dl>div+div{border-block-start-color:var(--ocean-line)}.learner-theme .introduction-close{flex-direction:column;align-items:stretch}.learner-theme .introduction-actions{grid-template-columns:minmax(0,1fr);display:grid}}
