.feature-showcase{--feature-border:#26331a24;background:#faf6e9;scroll-margin-top:.5rem}.feature-showcase:focus{outline:none}.feature-wrap{max-width:88rem;margin-inline:auto;padding:0 clamp(1rem,4vw,3rem) 2rem}.feature-story{--orbit-mobile-height:min(28svh,15rem);position:relative}.feature-story[data-ready=true]{height:calc(100svh + (var(--feature-count) + 1)*85svh)}.feature-story[data-ready=true] .feature-stage{grid-template-rows:var(--orbit-mobile-height)minmax(0,1fr);height:100svh;display:grid;position:sticky;top:0}.feature-story-content{min-width:0}.feature-intro{flex-direction:column;justify-content:center;align-items:flex-start;height:100%;padding-block:1rem;display:flex;container-type:inline-size}.feature-kicker{color:#486433;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:700}.feature-headline{letter-spacing:-.065em;grid-template-rows:auto auto auto;grid-template-columns:max-content max-content max-content;align-items:baseline;gap:.02em .08em;margin-block:1.2rem 1.5rem;font-weight:700;display:grid}.feature-headline.hero-title{line-height:.9}.feature-headline-number{letter-spacing:-.09em;grid-area:1/1/4/2;align-self:stretch;align-items:center;padding-right:.04em;font-size:3.5em;line-height:.75;display:flex}.feature-headline-lead{letter-spacing:-.04em;white-space:nowrap;grid-area:1/2/2/4;align-self:end;font-size:.7em;line-height:1.05}.feature-headline-ways{font-size:.857143em}.feature-headline-english{white-space:nowrap;grid-area:2/3;transform:translate(-1rem)}.feature-headline-prefix{letter-spacing:-.04em;grid-area:3/2;font-size:.7em}.feature-headline-habit{white-space:nowrap;grid-area:3/3}.feature-headline-prefix,.feature-headline-habit{transform:translate(.5rem)}.feature-headline-brand{color:var(--color-primary)}.feature-headline-muted{color:#a8aca4}.feature-headline-ending{letter-spacing:-.04em;font-size:.7em}.feature-intro-description{color:#4f5549;max-width:36rem;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.65}.feature-jumps,.feature-languages,.feature-stores{flex-wrap:wrap;gap:.65rem;display:flex}.feature-jumps{margin-top:1.6rem}.feature-jumps a{background:#eeefe5;border:0;border-radius:999px;align-items:center;gap:.55rem;padding:.65rem .9rem;font-size:.86rem;font-weight:600;display:inline-flex}.feature-jumps a:hover,.feature-languages a:hover{background:#e4e8da}.feature-jumps span{color:#4d653b}.feature-kicker{align-items:baseline;gap:.4rem;min-height:2.6em;display:flex}.feature-kicker-prefix{flex:none}.feature-scramble{vertical-align:top;min-width:0;max-width:100%;display:inline-block;position:relative}.feature-scramble-measure{visibility:hidden}.feature-scramble-display{position:absolute;inset:0;overflow:hidden}.feature-panel{min-width:0}.feature-story[data-ready=true] .feature-panels{display:grid}.feature-story[data-ready=true] .feature-panel{visibility:hidden;pointer-events:none;grid-area:1/1}.feature-story[data-ready=true] .feature-panel[data-active=true]{visibility:visible;pointer-events:auto}@keyframes feature-title-fade-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes feature-description-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.feature-story[data-ready=true] .feature-panel[data-active=true] :is(.feature-headline,h3){animation:.4s cubic-bezier(.22,.68,.18,1) both feature-title-fade-up}.feature-story[data-ready=true] .feature-panel[data-active=true] .feature-intro-description{animation:.42s ease-out 80ms both feature-description-fade-in}}.feature-detail{padding-block:1.2rem;position:relative}.feature-detail-heading{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:clamp(.75rem,2cqi,1.5rem);margin-bottom:1.5rem;display:grid}.feature-detail-number{grid-area:auto;align-self:center;font-weight:700}.feature-detail h3{--feature-title-text-size:min(.85em,12cqi);min-width:0;font-size:inherit;letter-spacing:-.035em;grid-template-rows:repeat(3,1fr);align-self:stretch;align-items:center;font-weight:650;display:grid;container-type:inline-size}.feature-title-line{font-size:var(--feature-title-text-size);white-space:nowrap;line-height:1.15;display:block}.feature-title-line:first-child{translate:var(--feature-line-1,0 -.08em)}.feature-title-line:nth-child(2){translate:var(--feature-line-2,0 0)}.feature-title-line:nth-child(3){translate:var(--feature-line-3,0 .08em)}.feature-title-line--emphasis,.feature-title-line--mixed strong{color:var(--color-primary);letter-spacing:-.05em;font-weight:700;line-height:1.05}.feature-title-line--emphasis{font-size:min(1em,var(--feature-highlight-size,16cqi))}.feature-title-line--mixed{font-size:min(.55em,8cqi)}.feature-title-line--mixed strong{font-size:min(1.75em,var(--feature-highlight-size,14cqi))}:is(#pronunciation,#vocabulary,#lock-screen):lang(en) .feature-title-line--mixed{font-size:var(--feature-title-text-size)}#progress .feature-title-line--mixed{font-size:var(--feature-title-text-size);align-items:center;gap:.16em;display:flex}#video{--feature-line-1:0 -.14em;--feature-line-2:0 -.03em;--feature-line-3:0 .12em}#pronunciation{--feature-line-1:0 -.1em;--feature-line-2:calc(-.14em + 16px)0;--feature-line-3:0 .1em}#grammar{--feature-line-1:-.03em -.1em;--feature-line-2:calc(-.18em + 16px)0;--feature-line-3:0 .1em}#vocabulary{--feature-line-1:calc(-.11em - 12px)-.08em;--feature-line-2:24px 0;--feature-line-3:calc(-.13em + 24px).08em}#dictionary{--feature-line-1:0 -.1em;--feature-line-2:calc(-.08em + 24px).02em;--feature-line-3:0 .08em}#lock-screen{--feature-line-1:-.11em -.1em;--feature-line-2:calc(-.03em + 8px).02em;--feature-line-3:0 .1em}#paths{--feature-line-1:8px -.1em;--feature-line-2:calc(-.22em + 8px)0;--feature-line-3:-.38em .1em}#progress{--feature-line-1:-.08em -.1em;--feature-line-2:calc(-.2em + 16px)0;--feature-line-3:0 .1em}#video:lang(ja),#video:lang(vi),#pronunciation:lang(vi),#lock-screen:lang(vi){--feature-highlight-size:13cqi}#video .feature-title-line--mixed:nth-child(2){-webkit-text-stroke-width:.02em;font-size:min(.7em,9.5cqi)}#video .feature-title-line--mixed:nth-child(2) strong{-webkit-text-stroke-width:0}#video:lang(vi) .feature-title-line--mixed:nth-child(2){font-size:min(.6em,7.4cqi)}#video:lang(vi) .feature-title-line--mixed strong{font-size:min(1.9em,var(--feature-highlight-size))}#pronunciation:lang(vi) .feature-title-line:last-child{font-size:min(.85em,10.5cqi)}#dictionary:lang(vi){--feature-highlight-size:14cqi}.feature-detail .feature-cta{margin-top:1.5rem}.feature-group-anchor{position:absolute;top:0}.feature-cta{background:var(--color-primary);color:#fff;border:0;border-radius:999px;align-items:center;gap:.6rem;min-height:2.75rem;padding:.52rem .95rem;font-size:.88rem;font-weight:650;display:inline-flex}.feature-cta img{object-fit:contain;filter:brightness(0)invert();flex-shrink:0}.feature-cta:hover{background:color-mix(in srgb,var(--color-primary)90%,var(--color-ink))}.feature-faq h3,.feature-download h3{letter-spacing:-.035em;font-size:clamp(1.6rem,3.2vw,2.45rem);font-weight:600;line-height:1.18}.feature-faq{border-top:1px solid var(--feature-border);gap:1rem;margin-top:clamp(3.5rem,7vw,6rem);padding-top:2rem;display:grid}.feature-faq details{border-bottom:1px solid var(--feature-border);padding:.85rem 0}.feature-faq summary{cursor:pointer;font-weight:600}.feature-faq summary:after{content:"+";float:right;margin-left:.5rem}.feature-faq details[open] summary:after{content:"−"}.feature-faq details p{color:#4f5549;margin-top:.5rem;line-height:1.65}.feature-download{background:#e4edb5;border-radius:1.4rem;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(.75rem,4vw,3rem);margin-top:clamp(2.75rem,6vw,4.5rem);padding:clamp(1.5rem,5vw,3rem);scroll-margin-top:1rem;display:grid}.feature-download p{margin-block:.5rem 1.2rem}.feature-download-logo{border-radius:22%;grid-area:1/2/3;align-self:center;width:clamp(3.5rem,14vw,10rem);height:auto}.feature-stores{grid-column:1/-1;align-items:center}@media (min-width:48rem){.feature-download-logo{grid-row-end:4}.feature-stores{grid-column:1}}.feature-stores :is(.seo-store,.seo-button){background:var(--color-ink);color:var(--color-offwhite);border:0}.feature-stores :is(.seo-store,.seo-button):hover{background:#303030}.feature-languages{margin-top:1.5rem}.feature-languages a{text-underline-offset:.22em;border-radius:.5rem;padding:.35rem .65rem;font-size:.88rem;text-decoration:underline}.feature-languages [aria-current]{font-weight:700}@media (min-width:60rem){.feature-stage,.feature-story[data-ready=true] .feature-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:clamp(1.5rem,4vw,4rem);display:grid}.feature-intro{padding-block:2rem}.feature-faq{grid-template-columns:minmax(12rem,1fr) 2fr}}.feature-orbit-column{height:var(--orbit-mobile-height);align-self:start}.feature-orbit{--orbit-card-width:clamp(3rem,8svh,5.5rem);--orbit-radius:clamp(5.6rem,28vw,10.5rem);background:#faf6e9;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.feature-orbit-scene{perspective:900px;perspective-origin:50% 45%;flex:1;width:100%;min-height:0;position:relative}.feature-orbit-scene:before{content:"";filter:blur(9px);pointer-events:none;background:radial-gradient(#617d3433,#0000 65%);width:78%;height:22%;position:absolute;bottom:0;left:11%}.feature-orbit-world,.feature-orbit-ring{transform-style:preserve-3d;position:absolute;inset:0}.feature-orbit-world{transform:rotateX(-24deg)}.feature-orbit-ring{transform:rotateY(var(--orbit-turn));transition:transform 1s cubic-bezier(.22,.68,.18,1)}.feature-orbit-card{left:calc(50% - var(--orbit-card-width)/2);top:calc(38% - var(--orbit-card-width)*1869/864/2);width:var(--orbit-card-width);aspect-ratio:864/1869;transform-style:preserve-3d;transform:rotateY(var(--orbit-slot))translateZ(var(--orbit-radius))rotateY(calc(0deg - var(--orbit-slot) - var(--orbit-turn)))rotateX(24deg)rotateY(var(--card-yaw))scale(var(--card-scale));outline-offset:5px;border-radius:.6rem;transition:transform 1s cubic-bezier(.22,.68,.18,1);position:absolute}.feature-orbit-card-face{border-radius:inherit;transform:rotateZ(var(--card-lean));animation:var(--card-float-animation,feature-card-sway)6s ease-in-out var(--float-delay)infinite;background:#a0c878;border:1px solid #fffdf6;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:2px 3px #94af6e,4px 6px #c5d59c,6px 14px 24px #2e44282e}.feature-orbit-card-face img{object-fit:cover;width:100%;height:100%;display:block}.feature-orbit-card[aria-current] .feature-orbit-card-face{--card-float-animation:feature-card-float;box-shadow:2px 3px #94af6e,4px 6px #c5d59c,9px 20px 36px #2e44283d}.feature-orbit-card:focus-visible{outline:3px solid #3c5b2e}@keyframes feature-card-sway{0%,to{transform:translateY(-4px)rotateX(-5deg)rotateY(4deg)rotateZ(var(--card-lean))}40%{transform:translateY(4px)rotateX(6deg)rotateY(-6deg)rotateZ(calc(var(--card-lean) + 4deg))}75%{transform:translateY(1px)rotateX(2deg)rotateY(7deg)rotateZ(calc(var(--card-lean) - 3deg))}}@keyframes feature-card-float{0%,to{transform:translateY(-4px)rotateZ(var(--card-lean))}50%{transform:translateY(5px)rotateZ(calc(var(--card-lean) + 2deg))}}@media (min-width:60rem){.feature-orbit-column{height:100svh}.feature-orbit{--orbit-card-width:clamp(6.5rem,min(11.4vw,19.5svh),10.75rem);--orbit-radius:clamp(8rem,min(18vw,30svh),17rem);background:0 0}.feature-orbit-scene{perspective:850px;perspective-origin:50%;height:100%}.feature-orbit-card{top:calc(38% - var(--orbit-card-width)*1869/864/2);border-radius:.95rem}}@media (max-height:700px) and (max-width:959px){.feature-story{--orbit-mobile-height:26svh}.feature-orbit{--orbit-card-width:clamp(2.25rem,6svh,3.5rem)}.feature-intro{padding-block:.5rem}.feature-headline.hero-title,.feature-detail-heading.hero-title{margin-block:.4rem .7rem;font-size:min(2.2rem,11cqi)}.feature-intro-description{font-size:.85rem;line-height:1.45}.feature-jumps{gap:.3rem;margin-top:.7rem}.feature-jumps a{padding:.4rem .6rem;font-size:.65rem}.feature-kicker{min-height:2.2em;font-size:.65rem}.feature-detail-heading{margin-bottom:.8rem}.feature-detail .feature-cta{margin-top:.8rem}}@media (prefers-reduced-motion:reduce){.feature-orbit-card-face{animation:none}.feature-orbit-ring,.feature-orbit-card{transition:none}}