@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans KR',system-ui,sans-serif;color:#17213d;background:#fafbf8;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #657aff;outline-offset:5px}header,footer{max-width:1280px;margin:auto;padding:26px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;font-size:21px;letter-spacing:-.7px;display:flex;align-items:center;gap:10px}nav{display:flex;align-items:center;gap:30px;font-size:14px}main{overflow:hidden}.button{background:#263ee8;color:white;display:inline-flex;justify-content:space-between;align-items:center;gap:32px;padding:19px 25px;border-radius:12px;font-weight:600;font-size:15px;box-shadow:0 9px 20px #263ee81a}.button:hover{background:#2032c9}.button.small{padding:12px 17px;font-size:13px}.hero{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:65px 48px 100px;gap:50px;min-height:700px}.eyebrow,.section-label{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#5e6c85}.eyebrow{display:flex;gap:9px;align-items:center}.eyebrow span{height:7px;width:7px;border-radius:50%;background:#263ee8}h1{font-size:clamp(42px,4.5vw,64px);line-height:1.25;letter-spacing:-3px;margin:26px 0}h1 em{font-style:normal;color:#263ee8}.hero-copy>p{font-size:17px;color:#657085;line-height:1.9;margin:26px 0 32px}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.text-link{font-size:13px;font-weight:600}.hero-copy>small{display:block;margin-top:18px;font-size:11px;color:#8590a1}.hero-art{position:relative;isolation:isolate;padding:40px 22px 16px}.orbit{position:absolute;border:1px solid #d9e2f5;width:530px;height:530px;border-radius:50%;z-index:-1;top:-10px;left:-20px;background:radial-gradient(circle,#edf1ff 0%,#f3f6fc 55%,transparent 72%)}.orbit-two{width:610px;height:610px;left:-60px;top:-50px;background:none;border-style:dashed;opacity:.6}.floating-label{font-size:10px;letter-spacing:2px;color:#6b7a9f;margin:0 0 16px 22px}.word-card{border-radius:20px;padding:28px;box-shadow:0 20px 60px #25386c12}.word-card>span{font-size:11px;color:#8590a1}.word-card p{font-size:27px;line-height:1.5;letter-spacing:-.7px;margin:18px 0}.word-card.korean{background:white;border:1px solid #e3e7ef;transform:rotate(-3deg);margin-right:40px}.korean b{font-size:11px;color:#78859b;font-weight:500}.connector{font-size:26px;text-align:center;color:#8192cd;margin:12px 0}.word-card.english{background:#263ee8;color:white;transform:rotate(2deg);margin-left:25px}.english>span{color:#b8c4ff}.english p{font-weight:600;font-size:30px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips b{font-size:10px;font-weight:400;background:#ffffff1c;padding:6px 9px;border-radius:6px}.art-note{text-align:right;font-size:11px;color:#7584a5;margin-top:23px}.why,.how,.promise{padding:88px max(48px,calc((100vw - 1184px)/2));}h2{font-size:38px;line-height:1.4;letter-spacing:-1.8px;margin:23px 0}.section-intro{font-size:15px;line-height:2;color:#6e788b}.why{background:white;border-block:1px solid #e8ecef}.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.voice-grid article{padding:28px;border:1px solid #e2e7ef;border-radius:16px;background:#fafbfe}.voice-grid article>span{font-size:11px;color:#263ee8}.voice-grid h3{font-size:19px;margin:18px 0 12px;letter-spacing:-.7px}.voice-grid p{font-size:13px;line-height:1.8;color:#747e90}.how{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.how ol{list-style:none;padding:0;margin:0}.how li{display:flex;gap:22px;padding:28px 0;border-bottom:1px solid #e1e6ee}.how li>span{font-size:13px;font-weight:700;color:#263ee8;margin-top:4px}.how li h3{font-size:18px;margin:0 0 10px;letter-spacing:-.6px}.how li p{font-size:13px;line-height:1.9;color:#747e90;margin:0}.how .text-link{display:inline-block;margin-top:22px;color:#263ee8}.promise{text-align:center;background:#eef1fd}.promise p{font-size:15px;line-height:2;color:#66728b}.promise-notes{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:28px 0 35px}.promise-notes span{font-size:12px;color:#56658a;border:1px solid #d5ddf3;padding:8px 14px;border-radius:30px}.beta-note{max-width:900px;margin:40px auto;padding:0 30px;color:#7b8493;font-size:12px;line-height:1.9}.beta-note strong{color:#525f75}.beta-note p{margin:6px 0}footer{border-top:1px solid #e1e6ef;font-size:12px;color:#6f7c91}footer .brand{font-size:17px;color:#17213d}@media(max-width:900px){header,footer{padding:22px 24px}.about-link{display:none}.hero{padding:50px 30px 70px;gap:25px}.hero-art{padding:30px 0}.word-card{padding:22px}.word-card p,.english p{font-size:23px}.word-card.korean{margin-right:10px}.word-card.english{margin-left:10px}.why,.how,.promise{padding:65px 30px}.how{gap:35px}.voice-grid{gap:12px}.voice-grid article{padding:21px}h2{font-size:31px}.hero-copy>p{font-size:15px}}@media(max-width:620px){header{padding:20px}.brand{font-size:17px;gap:7px}.brand img{width:25px;height:25px}nav{gap:13px;font-size:12px}nav .button{display:none}.hero{grid-template-columns:1fr;padding:36px 24px 50px;gap:36px;min-height:0}h1{font-size:46px;letter-spacing:-2.5px}.hero-art{max-width:440px;width:100%;margin:auto;padding:25px 10px}.orbit{width:400px;height:400px;left:-15px;top:5px}.orbit-two{width:470px;height:470px;left:-50px;top:-30px}.word-card.korean{margin-right:25px}.word-card.english{margin-left:25px}.voice-grid{grid-template-columns:1fr;margin-top:28px}.voice-grid article{padding:24px}.voice-grid h3{margin:10px 0}.why,.how,.promise{padding:55px 24px}.how{grid-template-columns:1fr;gap:20px}.section-intro br{display:none}h2{font-size:30px}.promise p br{display:none}.promise-notes{gap:7px}.promise-notes span{font-size:11px}footer{flex-wrap:wrap;gap:18px}footer>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Expressive public homepage */
body{background:#fcfbf8}header{position:relative;z-index:2}main{position:relative}.hero-backdrop{position:absolute;top:-120px;right:-130px;width:960px;height:850px;z-index:-1;background:radial-gradient(ellipse at 63% 38%,#e0dcff 0%,#f2eeff 35%,transparent 70%);pointer-events:none}.hero{padding-top:52px;min-height:760px;gap:60px}.eyebrow{background:#fff9;border:1px solid #e3e0ef;border-radius:30px;padding:9px 12px;display:inline-flex;letter-spacing:0;color:#4c5580}.eyebrow b{font-size:9px;background:#e5eaff;color:#374ee2;padding:4px 7px;border-radius:12px}h1{font-size:clamp(44px,4.6vw,67px);line-height:1.24}h1 em{position:relative;white-space:nowrap}h1 em:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:12px;background:#d7ef83;z-index:-1;transform:rotate(-2deg)}.hero-benefits{display:flex;gap:16px;flex-wrap:wrap;color:#545d7a;font-size:11px;margin-top:25px}.hero-copy>small{margin-top:10px}.button{transition:transform .2s,box-shadow .2s;border-radius:14px}.button:hover{transform:translateY(-3px);box-shadow:0 12px 25px #263ee830}.hero-art{padding:40px 5px 16px}.orbit{border-color:#c6c4ee;background:radial-gradient(circle,#e4e2ff88,transparent 68%)}.orbit-two{border-style:solid;opacity:.4}.floating-label{display:flex;align-items:center;gap:9px;letter-spacing:1.4px;font-weight:600;margin:0 0 25px 14px}.record-dot{width:7px;height:7px;background:#ff806f;border-radius:50%;box-shadow:0 0 0 4px #ff806f1c}.example-tag{border:1px solid #d7d9e7;border-radius:20px;padding:4px 8px;color:#7c8298;font-size:9px;letter-spacing:0;white-space:nowrap}.word-card{padding:27px 30px;box-shadow:0 16px 35px #31256313}.word-card.korean{transform:rotate(-5deg);border-color:white;background:#fffefa;margin-right:35px}.word-card.korean>span{color:#9b856d}.word-card.korean b{display:inline-block;background:#f8eadc;padding:7px 12px;border-radius:20px;color:#8d7052}.word-card.english{background:linear-gradient(120deg,#283edd,#5542e4);box-shadow:0 20px 40px #493cc22b;transform:rotate(3deg);margin-left:32px}.art-sticker{position:absolute;right:-13px;top:23px;z-index:2;background:#dcec8b;border:3px solid #fcfbf8;box-shadow:0 10px 20px #24344014;transform:rotate(12deg);font-size:10px;font-weight:700;padding:10px 15px;border-radius:30px;color:#3a4d30}.art-sticker span{font-size:21px;vertical-align:middle;margin-left:5px}.connector{display:flex;align-items:center;gap:12px;margin:24px 20px;color:#777db0}.connector span{height:1px;flex:1;background:#cbd0e8}.connector b{font-size:10px;font-weight:500}.sound-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e5e6f3;border-radius:15px;padding:16px;margin:23px 22px 0 0;position:relative;z-index:2;box-shadow:0 15px 35px #3433590c;transform:rotate(-2deg)}.sound-card strong{font-size:12px;font-weight:600}.sound-card small{display:block;font-size:10px;color:#8a91a6;margin-top:5px}.wave{display:flex;align-items:center;gap:3px;height:35px;padding:5px 0}.wave i{display:block;width:3px;border-radius:5px;background:#6555de;height:12px;animation:wave 2s ease-in-out infinite alternate}.wave i:nth-child(2n){height:22px;animation-delay:.5s}.wave i:nth-child(3n){height:31px;animation-delay:1s}.sound-mark{margin-left:auto;font-size:23px;color:#8e86ca}.art-note{letter-spacing:1.7px;font-size:9px;margin-right:18px}.phrase-ribbon{background:#e9eecc;display:flex;justify-content:center;align-items:center;gap:42px;padding:23px 20px;color:#4b583f;border-block:1px solid #dce2bf;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden}.phrase-ribbon b{font-size:25px;font-weight:400;color:#88976d}.phrase-ribbon span:last-child{font-size:12px;letter-spacing:2px}.why{border-top:0;padding-top:95px}.voice-grid article{border:0;background:#f6f5fb;border-radius:22px;padding:28px;transition:transform .2s}.voice-grid article:hover{transform:translateY(-5px)}.voice-grid article:nth-child(2){background:#f8f4eb}.voice-grid article:nth-child(3){background:#edf3ef}.voice-illustration{height:135px;margin:-5px -3px 22px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.vocabulary-art b{background:#fff;padding:11px 15px;border-radius:16px 16px 16px 2px;color:#72649c;font-size:14px;box-shadow:0 7px 15px #2d285708;transform:rotate(-8deg)}.vocabulary-art b:nth-child(2){background:#8d7ec4;color:white;transform:translateY(-22px) rotate(6deg)}.vocabulary-art b:nth-child(3){position:absolute;bottom:0;right:20px;transform:rotate(5deg)}.pattern-art{flex-wrap:wrap;align-content:center;padding-bottom:20px}.pattern-art b{background:#fff;border:1px solid #e8dfcc;border-radius:10px;padding:10px 14px;color:#a18558}.pattern-art i{width:100%;font-size:12px;font-style:normal;text-align:center;color:#aa987b;margin-top:9px}.pattern-art>span{color:#b09a72}.situation-art b{font-size:22px;color:#5b8070;background:#fff9;border-radius:14px;padding:14px 12px;transform:rotate(-6deg)}.situation-art b:last-child{transform:rotate(6deg)}.situation-art small{font-size:10px;font-weight:500}.situation-art>span{font-size:23px;color:#71967f}.voice-grid article>span{font-weight:600}.how{background:#fcfbf8}.how li{padding:26px 22px;border:1px solid #e8e6df;background:white;border-radius:16px;margin:12px 0;box-shadow:0 5px 14px #32323203}.how li>span{display:flex;align-items:center;justify-content:center;border-radius:12px;background:#eef0ff;min-width:38px;height:38px}.teacher-section{background:#17213d;color:white;padding:90px max(48px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative}.teacher-section .section-label{color:#8e9cbe}.teacher-badge{display:inline-block;background:#ffffff0e;border:1px solid #ffffff24;border-radius:25px;font-size:11px;padding:8px 12px;margin-top:25px;color:#d2d8ed}.teacher-copy h2{font-size:38px;line-height:1.55}.teacher-copy h2 em{font-style:normal;color:#dcec8b}.teacher-copy p{font-size:14px;line-height:2;color:#aeb8d0;margin-bottom:28px}.teacher-copy .button{background:#dcec8b;color:#28353a}.teacher-demo{padding:24px;background:#232f4b;border:1px solid #ffffff18;border-radius:25px;box-shadow:0 25px 60px #050e2933;transform:rotate(1deg)}.demo-head{display:flex;align-items:center;gap:11px}.teacher-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#c9c2ff;color:#4d4386;font-size:24px}.demo-head strong{font-size:13px}.demo-head small{display:block;font-size:9px;color:#9ca9c5;margin-top:3px}.demo-head .example-tag{margin-left:auto;border-color:#ffffff24;color:#a2acc5}.demo-user{margin:27px 0 15px auto;width:max-content;max-width:90%;background:#4a4da5;padding:13px 18px;border-radius:15px 15px 3px 15px;font-size:13px}.demo-reply{background:#f9f9ff;color:#263047;border-radius:4px 17px 17px;padding:22px}.demo-reply>span{font-size:10px;color:#7771a3;font-weight:600}.demo-reply p{font-size:13px;line-height:1.9}.grammar-example{background:#ebeafa;padding:15px;border-radius:11px;font-size:16px;color:#504993}.grammar-example small{display:block;font-size:11px;font-weight:400;margin-top:8px;color:#797392}.demo-audio{border-top:1px solid #e4e3ed;padding-top:14px;font-size:10px;color:#75788f}.demo-audio span{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:6px;background:#dedcf7;border-radius:50%;color:#6860bd;font-size:8px}.lesson-track{display:flex;gap:9px;align-items:center;justify-content:center;margin-top:22px;color:#9faaca;font-size:10px}.lesson-track i{font-style:normal;color:#657797}.lesson-track .done{color:#dcec8b}.promise{position:relative;background:#eeedfa}.promise-spark{display:block;color:#9082d3;font-size:65px;line-height:1}.promise h2{margin-top:15px}.promise-notes span{background:#ffffff85}.home-faq{max-width:1280px;margin:auto;padding:80px 48px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.home-faq h2{font-size:30px}.faq-items details{border-bottom:1px solid #dddfe8;padding:23px 0}.faq-items summary{cursor:pointer;font-size:14px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq-items summary:after{content:'+';color:#7f7aae;font-size:20px}.faq-items details[open] summary:after{content:'−'}.faq-items p{color:#737c91;font-size:13px;line-height:1.9;padding-right:20px}.beta-note{margin-top:0}.home-faq summary:focus-visible{outline:3px solid #657aff;outline-offset:5px}@keyframes wave{to{transform:scaleY(.5)}}@media(max-width:1000px){.hero{gap:25px}.hero-art{padding-inline:0}.art-sticker{right:0}.teacher-section{gap:35px;padding:65px 30px}.teacher-copy h2{font-size:30px}.voice-grid article{padding:20px}.vocabulary-art b{padding:10px;font-size:11px}.situation-art b{font-size:19px;padding:12px 9px}.home-faq{gap:40px;padding:65px 30px}.phrase-ribbon{gap:25px}}@media(max-width:700px){.teacher-section{grid-template-columns:1fr;gap:35px}.teacher-demo{max-width:440px;width:100%;margin:auto}.home-faq{grid-template-columns:1fr;gap:0}.phrase-ribbon{gap:20px;font-size:13px}.phrase-ribbon span:last-child,.phrase-ribbon b:last-of-type{display:none}}@media(max-width:620px){.hero{padding-top:30px;min-height:0;gap:38px;padding-bottom:45px}.hero-backdrop{width:620px;top:350px;right:-220px;height:650px}.eyebrow{font-size:10px}.hero-benefits{font-size:10px;gap:12px}h1{font-size:45px}.hero-art{padding:30px 4px 16px}.art-sticker{top:20px;font-size:9px;right:-8px;padding:7px 11px}.art-sticker span{font-size:16px}.floating-label{font-size:8px;letter-spacing:1px;margin-left:3px}.floating-label .example-tag{display:none}.word-card{padding:24px}.word-card.korean{margin-right:20px}.word-card.english{margin-left:15px}.sound-card{margin-right:7px;padding:14px;gap:10px}.sound-card strong{font-size:11px}.sound-card small{font-size:9px}.voice-illustration{height:110px}.voice-grid article{padding:25px}.vocabulary-art b{font-size:15px;padding:12px 18px}.vocabulary-art b:nth-child(3){right:35px}.situation-art b{font-size:25px;padding:12px 22px}.teacher-section{padding:55px 24px}.teacher-copy h2{font-size:29px}.teacher-copy p br{display:none}.teacher-demo{padding:18px}.demo-head .example-tag{font-size:8px;padding:3px 6px}.demo-head{gap:8px}.demo-head strong{font-size:12px}.demo-head small{font-size:8px}.demo-reply{padding:18px}.home-faq{padding:50px 24px}.home-faq h2{font-size:28px}.promise-spark{font-size:52px}.phrase-ribbon{padding:17px 15px;gap:20px}.how li{padding:20px 16px;gap:15px}.how li h3{font-size:16px}}@media(prefers-reduced-motion:reduce){.wave i{animation:none}.button,.voice-grid article{transition:none}}
main{isolation:isolate}h1 em{isolation:isolate;display:inline-block}
/* Scroll storytelling: native scrolling with progressive enhancement. */
.mobile-story-preview{display:none}@media(max-width:860px){.mobile-story-preview{display:block;width:100%;max-width:320px;align-self:center;background:#fff;border:1px solid #e4dfef;border-radius:20px;padding:22px;margin-top:28px;box-shadow:0 14px 30px #39294e0a}.mobile-story-preview h3{font-size:20px;margin:12px 0 20px}.mobile-story-preview .screen-kicker{display:none}.mobile-story-preview .screen-english{font-size:25px}.mobile-example-label{display:block;color:#8e829e;font-size:9px}.mobile-story-preview .screen-foot{margin-bottom:0}.hero h1{font-size:clamp(32px,7.7vw,48px)}}
.hero h1{font-size:clamp(36px,3.7vw,54px)}.priority-card{padding:20px;background:#edf0d8;border-radius:16px;margin-bottom:14px}.priority-card>span{font-size:9px;color:#78845a}.priority-card>b{display:block;margin-top:14px;font-size:17px}.priority-card p{font-size:11px;line-height:1.8;color:#73805f}.story-screen[data-screen="2"] .screen-grammar{margin-top:18px}.story-screen[data-screen="2"] .dna-row{font-size:9px}
main{overflow:clip}header{position:sticky;top:0;max-width:none;padding:18px max(24px,calc((100vw - 1184px)/2));background:#fcfbf8e8;backdrop-filter:blur(18px);z-index:20;transition:box-shadow .3s}header.has-scrolled{box-shadow:0 1px 0 #17213d14}.reading-progress{position:fixed;inset:0 0 auto;height:3px;background:#7362ec;transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}.scroll-invite{display:flex;align-items:center;justify-content:center;gap:18px;padding:0 20px 35px;font-size:11px;color:#74768e;letter-spacing:1px}.scroll-invite span{display:grid;place-items:center;width:30px;height:40px;border:1px solid #d8d5e8;border-radius:20px;font-size:18px}.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.voice-grid article:nth-child(2){transition-delay:.09s}.voice-grid article:nth-child(3){transition-delay:.18s}.scroll-story{padding:110px max(32px,calc((100vw - 1120px)/2)) 70px;background:#f4f2fb}.story-heading{text-align:center;margin-bottom:70px}.story-heading h2{font-size:48px;letter-spacing:-2px}.story-heading>p{font-size:14px;color:#79778f}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.story-stage{position:sticky;top:120px;height:620px;display:grid;justify-items:center;align-content:start;isolation:isolate}.stage-halo{position:absolute;z-index:-1;width:460px;height:460px;top:55px;border-radius:50%;background:#e3dff8;transition:background .6s,transform .6s}.story-stage[data-active="1"] .stage-halo{background:#e1ecc8;transform:scale(.95)}.story-stage[data-active="2"] .stage-halo{background:#d9e5fc;transform:scale(1.05)}.phone-frame{width:310px;height:550px;background:#fff;border:7px solid #262944;border-radius:43px;box-shadow:0 28px 55px #29234220;position:relative;overflow:hidden}.phone-island{width:85px;height:19px;border-radius:0 0 14px 14px;background:#262944;margin:auto}.phone-top{padding:20px 20px 15px;font-size:12px;font-weight:800;border-bottom:1px solid #f0eef5}.phone-top span{float:right;font-size:9px;color:#9891ac;font-weight:400}.story-screen{position:absolute;inset:84px 0 0;padding:22px;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .5s,transform .5s,visibility .5s}.story-screen.is-active{opacity:1;visibility:visible;transform:none}.screen-kicker{font-size:8px;letter-spacing:1.8px;color:#8c80b1}.story-screen h3{font-size:22px;letter-spacing:-1px;margin:13px 0 22px}.record-orb{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:#ffe8e3;color:#ed786a;font-size:30px;margin:20px auto 8px;box-shadow:0 0 0 10px #fff6f2}.story-wave{justify-content:center;margin:14px 0}.screen-note{background:#f7f4ec;border-radius:14px;padding:20px;font-size:17px;font-weight:600;line-height:1.7}.screen-tags{display:flex;justify-content:center;gap:8px;margin-top:16px}.screen-tags span{font-size:9px;border:1px solid #e4e0ec;border-radius:20px;padding:6px 10px}.screen-foot{font-size:9px!important;color:#8c879c;text-align:center;margin-top:21px;line-height:1.7}.dna-orb{margin:-5px auto 15px;background:#e8edcd;width:90px;height:90px;border-radius:28px;display:grid;place-items:center;font-size:65px;color:#899752;transform:rotate(-8deg)}.dna-row{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #eeedf2;font-size:10px}.dna-row span{color:#9185af;min-width:27px}.dna-row b{font-weight:500}.screen-english{font-size:29px;line-height:1.25;letter-spacing:-.7px;background:#6352dd;color:#fff;padding:20px;border-radius:16px;transform:rotate(-3deg);margin-bottom:22px}.screen-grammar{font-size:12px;padding:12px;background:#f0edfa;border-radius:10px}.screen-grammar span{display:block;font-size:9px;color:#897a9e;margin-top:6px}.screen-chat{font-size:10px;background:#f0f2f8;border-radius:10px;padding:10px;margin:15px 0 6px;width:max-content;max-width:100%}.screen-chat.answer{background:#e7edcd;margin:0 0 0 auto}.story-dots{display:flex;gap:8px;margin-top:25px}.story-dots i{height:6px;width:6px;background:#cdc5e4;border-radius:10px;transition:width .4s,background .4s}.story-dots i.is-active{width:28px;background:#7763d8}.story-chapter{min-height:680px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:45px 0}.chapter-number{font-size:11px;letter-spacing:2px;color:#8871b4;font-weight:700}.story-chapter h3{font-size:36px;line-height:1.5;letter-spacing:-1.8px;margin:23px 0}.story-chapter h3 em{font-style:normal;color:#6250c9}.story-chapter>p{font-size:15px;line-height:2;color:#7c7890}.chapter-chip{font-size:11px;color:#776890;border:1px solid #ddd6ec;padding:10px 14px;border-radius:30px;margin-top:12px}.story-chapter blockquote{margin:24px 0;color:#55466c;border-left:3px solid #c4b4e4;padding:6px 0 6px 16px;font-size:14px;line-height:1.8}.story-chapter .button{margin-top:15px}.teacher-section{min-height:800px}.promise{padding-block:110px}.why h2{font-size:44px}
@media(min-width:861px) and (max-height:760px){.story-stage{top:88px;height:560px}.phone-frame{transform:scale(.88);transform-origin:top center}.story-dots{margin-top:-38px}}
@media(max-width:860px){.scroll-story{padding:65px 24px}.story-heading{margin-bottom:40px}.story-heading h2{font-size:34px}.story-layout{display:flex;flex-direction:column;gap:0}.story-stage{display:none}.story-chapters{width:100%}.story-chapter{min-height:0;margin:0 0 24px;padding:34px;background:white;border-radius:24px;border:1px solid #e7e0f3}.story-chapter:nth-child(2){background:#edf1dc}.story-chapter:nth-child(3){background:#e9e7fc}.story-chapter h3{font-size:30px}.story-chapter>p br{display:none}.story-chapter>p{font-size:14px}.story-chapter blockquote{font-size:16px;margin-bottom:0}.story-chapter .button{margin-top:28px}.teacher-section{min-height:0}.why h2{font-size:34px}}
@media(max-width:620px){header{padding:16px 20px}.story-heading h2{font-size:30px}.story-heading>p{font-size:12px}.story-chapter{padding:27px 23px}.story-chapter h3{font-size:27px}.chapter-chip{font-size:10px;padding:9px 11px}.why h2{font-size:30px}.promise{padding-block:70px}.scroll-invite{padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.story-screen,.stage-halo,.story-dots i,header{transition:none}}

.story-screen[data-screen="2"]{padding:18px 22px}.story-screen[data-screen="2"] h3{font-size:21px;margin:10px 0 14px}.story-screen[data-screen="2"] .priority-card{padding:14px;margin-bottom:8px}.story-screen[data-screen="2"] .priority-card p{margin-bottom:0}.story-screen[data-screen="2"] .dna-row{padding:10px 0}.story-screen[data-screen="2"] .screen-grammar{margin-top:12px;padding:10px}.story-screen[data-screen="2"] .screen-foot{font-size:8px!important;margin-top:10px}@media(max-width:620px){.hero h1{font-size:35px;letter-spacing:-1.9px}.hero-copy>p br{display:none}}
.story-chapter .mobile-story-preview h3{font-size:20px;letter-spacing:-1px;line-height:1.5;margin:12px 0 20px}
/* Observed language frequency preview */
.dna-preview{background:#fffffff2;border:1px solid #e4dff1;border-radius:26px;padding:26px;box-shadow:0 24px 65px #63539014;position:relative;min-width:0}.dna-preview-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;letter-spacing:1.6px;color:#80749d}.dna-preview-top>b{background:#eeebf9;color:#736495;border-radius:20px;padding:6px 10px;letter-spacing:0;font-size:10px}.dna-preview h2{font-size:27px;line-height:1.5;letter-spacing:-1.2px;margin:20px 0 9px}.dna-preview-caption{font-size:11px;color:#8a8197;margin-bottom:20px}.dna-preview-caption strong{color:#6e5b98}.dna-preview-tabs{display:flex;background:#f1eff8;border-radius:12px;padding:4px;gap:4px}.dna-preview-tabs button{flex:1;font-family:inherit;font-size:12px;font-weight:600;color:#8a819b;border:0;border-radius:9px;background:transparent;padding:11px 5px;cursor:pointer}.dna-preview-tabs button[aria-pressed=true]{background:white;color:#6550c4;box-shadow:0 3px 8px #3e295b0a}.dna-preview-tabs button:focus-visible{outline:3px solid #657aff;outline-offset:2px}.dna-preview-body{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:center;padding:16px 0}.dna-helix svg{display:block;width:100%;height:252px}.dna-helix>span{display:block;text-align:center;color:#948ba3;font-size:8px;white-space:nowrap}.dna-frequency{padding:12px 0}.dna-frequency>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px}.dna-frequency strong{font-size:12px;font-weight:600;letter-spacing:-.4px}.dna-frequency b{font-size:18px;color:#7259cb;white-space:nowrap}.dna-frequency b span{font-size:9px;color:#aba3b8;font-weight:400}.frequency-bar{height:6px;background:#f0edf6;border-radius:20px;margin:10px 0 7px;overflow:hidden}.frequency-bar i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#b0a0ed,#7560d5)}.dna-frequency small{font-size:9px;color:#948ba3;line-height:1.6;display:block}.dna-next{background:#edf1dd;border:1px solid #e2e8cc;border-radius:15px;padding:16px 18px}.dna-next>span{font-size:9px;color:#82935f}.dna-next>strong{display:block;font-size:15px;color:#465631;margin:8px 0}.dna-next p{font-size:11px;line-height:1.8;color:#7a8568;margin:0}.dna-example-note{font-size:9px;line-height:1.8;color:#9a92a6;margin:14px 0 0}.hero{grid-template-columns:1fr 1fr;gap:50px}.hero .dna-preview{width:100%}@media(max-width:1000px){.hero{gap:25px}.dna-preview{padding:22px}.dna-preview-body{grid-template-columns:85px minmax(0,1fr);gap:12px}.dna-preview h2{font-size:24px}}@media(max-width:760px){.hero{grid-template-columns:1fr}.hero .dna-preview{max-width:500px;margin:auto}}@media(max-width:420px){.dna-preview{padding:19px;border-radius:22px}.dna-preview h2{font-size:23px}.dna-preview-body{grid-template-columns:70px minmax(0,1fr);gap:12px}.dna-frequency strong{font-size:11px}.dna-frequency b{font-size:17px}.dna-preview-top{font-size:9px;letter-spacing:1px}.dna-next{padding:14px}.dna-next>strong{font-size:13px}}
/* Scroll-linked accumulation, without scroll interception. */
.dna-growth{position:relative;height:520vh;background:#19213b;color:#fff}.growth-sticky{position:sticky;top:76px;height:calc(100svh - 76px);min-height:620px;max-height:1000px;padding:28px max(30px,calc((100vw - 1120px)/2));display:flex;flex-direction:column;justify-content:center}.growth-top{text-align:center}.growth-top .section-label{color:#a69bc4;font-size:9px}.growth-top h2{font-size:35px;line-height:1.3;margin:12px 0}.growth-top>p{color:#a7afc6;font-size:12px;margin:10px 0}.growth-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;max-width:900px;width:100%;margin:0 auto;flex:1;min-height:0;max-height:450px}.growth-period{color:#d8ed9b;display:inline-block;border:1px solid #d8ed9b44;background:#d8ed9b0a;padding:7px 15px;border-radius:20px;font-size:13px}.growth-copy h3{font-size:29px;letter-spacing:-1.5px;margin:21px 0 14px;line-height:1.5}.growth-copy>p{font-size:14px;line-height:1.9;color:#abb3ca;max-width:370px}.growth-stat{display:flex;align-items:baseline;gap:10px;margin-top:25px}.growth-stat strong{font-size:62px;letter-spacing:-3px;font-variant-numeric:tabular-nums;line-height:1.1;color:#d8ed9b}.growth-stat>span{font-size:12px;color:#afb9cb}.growth-copy .growth-assumption{font-size:10px;color:#8892ad;margin-top:15px}.growth-art{position:relative;height:100%;min-height:280px;max-height:430px;display:flex;align-items:center;justify-content:center;isolation:isolate}.growth-art svg{height:100%;max-width:100%;overflow:visible;min-height:0}.growth-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#7b63c92d,transparent 70%);z-index:-1}.growth-layer{opacity:.09;transition:opacity .65s ease}.growth-layer.filled{opacity:1}.growth-word{position:absolute;background:#313a55ed;border:1px solid #62678166;border-radius:12px;padding:12px 15px;font-size:13px;box-shadow:0 10px 25px #0a11251f;transition:opacity .5s,transform .5s}.growth-word b{display:block;color:#d8ed9b;font-size:10px;font-weight:500;margin-top:4px}.word-a{left:-15px;bottom:18%}.word-b{right:-20px;top:40%;opacity:.15;transform:translateY(10px)}.word-c{left:-25px;top:10%;opacity:.15;transform:translateY(10px)}.dna-growth[data-stage="2"] .word-b,.dna-growth[data-stage="3"] .word-b,.dna-growth[data-stage="4"] .word-b,.dna-growth[data-stage="5"] .word-b,.dna-growth[data-stage="6"] .word-b{opacity:1;transform:none}.dna-growth[data-stage="4"] .word-c,.dna-growth[data-stage="5"] .word-c,.dna-growth[data-stage="6"] .word-c{opacity:1;transform:none}.growth-base{position:absolute;bottom:-4px;font-size:8px;letter-spacing:2px;color:#858fac}.growth-timeline{display:flex;justify-content:space-between;position:relative;max-width:780px;width:100%;margin:25px auto 0;gap:8px}.growth-timeline:before{content:'';position:absolute;left:20px;right:20px;top:5px;height:1px;background:#48516b}.growth-timeline>span{position:relative;display:flex;align-items:center;flex-direction:column;gap:10px;font-size:11px;color:#818ca7;min-width:35px}.growth-timeline i{width:10px;height:10px;border-radius:50%;background:#48516b;border:2px solid #19213b;box-shadow:0 0 0 3px #19213b}.growth-timeline .passed{color:#d8ed9b}.growth-timeline .passed i{background:#d8ed9b}.growth-timeline [aria-current]{color:white;font-weight:700}.growth-timeline [aria-current] i{box-shadow:0 0 0 4px #d8ed9b22}.growth-bottom{text-align:center;font-size:11px;color:#929db6;margin:17px 0 0}.growth-track{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column}.growth-track>div{flex:1}@media(max-height:790px) and (min-width:701px){.growth-sticky{min-height:520px;padding-block:20px}.growth-top h2{font-size:28px}.growth-top>p{display:none}.growth-layout{max-height:340px}.growth-copy h3{font-size:25px}.growth-stat strong{font-size:48px}.growth-stat{margin-top:14px}.growth-timeline{margin-top:12px}}
@media(max-width:700px){.dna-growth{height:500svh}.growth-sticky{top:62px;height:calc(100svh - 62px);min-height:570px;padding:22px 24px}.growth-top h2{font-size:25px}.growth-top>p{font-size:10px}.growth-top .section-label{font-size:7px;letter-spacing:1px}.growth-layout{gap:14px;grid-template-columns:1fr 1fr;max-height:350px}.growth-copy h3{font-size:21px;letter-spacing:-1px;margin:15px 0 10px}.growth-copy>p{font-size:11px;line-height:1.8}.growth-period{font-size:10px;padding:5px 11px}.growth-stat{display:block;margin-top:18px}.growth-stat strong{font-size:40px;letter-spacing:-2px}.growth-stat>span{display:block;font-size:10px;margin-top:5px}.growth-copy .growth-assumption{font-size:8px;line-height:1.7}.growth-art{min-height:250px;max-height:310px}.growth-word{padding:8px;font-size:10px;border-radius:8px}.growth-word b{font-size:8px}.word-a{left:-3px;bottom:9%}.word-b{right:-5px;top:39%}.word-c{left:-10px;top:9%;font-size:8px}.growth-base{display:none}.growth-glow{width:180px;height:250px}.growth-timeline{margin-top:14px;gap:2px}.growth-timeline>span{font-size:9px;min-width:28px}.growth-bottom{font-size:9px;line-height:1.7}.growth-top h2 br{display:none}}
@media(prefers-reduced-motion:reduce){.growth-layer,.growth-word{transition:none}}
.language-bridge{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:100px max(32px,calc((100vw - 1120px)/2));background:#f0eee8}.bridge-copy h2{font-size:36px;letter-spacing:-1.7px}.bridge-copy>p{font-size:14px;line-height:2;color:#797585}.bridge-copy strong{font-weight:600;color:#63547d}.bridge-note{font-size:11px;line-height:1.9;color:#89818f;margin-top:25px;max-width:410px}.bridge-note>span{display:block;width:max-content;padding:4px 10px;border:1px solid #d4c9df;border-radius:20px;color:#82718d;font-size:10px;margin-bottom:8px}.bridge-visual{min-width:0}.bridge-origin{padding:26px;background:#fff;border:1px solid #e3ddea;border-radius:20px;text-align:center;box-shadow:0 14px 35px #50376708}.bridge-origin>span{font-size:11px;color:#92859f;letter-spacing:.5px}.bridge-origin>strong{display:block;font-size:18px;line-height:1.7;letter-spacing:-.7px;margin:16px 0}.bridge-origin>div{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.bridge-origin b{background:#f4f0f8;border-radius:15px;padding:6px 10px;font-size:9px;font-weight:500;color:#897698}.bridge-connection{display:flex;justify-content:center;gap:20px;align-items:center;color:#b1a3bb;font-size:23px;padding:20px 0}.bridge-connection>span{font-size:10px;letter-spacing:1px;color:#918297}.bridge-languages{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bridge-languages article{padding:24px 10px;text-align:center;border:1px solid #ded8e5;border-radius:18px;background:#f9f7fc}.bridge-languages article:first-child{background:#ebe7fa;border-color:#d8d0f1}.language-symbol{display:grid;place-items:center;width:45px;height:45px;margin:auto;border-radius:14px;background:#e9e2f0;font-size:24px;font-weight:600;color:#9b8aa9}.bridge-languages article:first-child .language-symbol{background:#7560cb;color:white}.bridge-languages h3{font-size:15px;margin:13px 0 10px}.language-state{font-size:9px;color:#9b8aa9}.language-state.available{color:#70609d}.bridge-caption{text-align:center;color:#95899c;font-size:10px;line-height:1.8;margin-top:20px}@media(max-width:900px){.language-bridge{gap:30px;padding:70px 30px}.bridge-copy h2{font-size:29px}.bridge-copy>p br{display:none}.bridge-origin{padding:22px 16px}.bridge-origin>strong{font-size:16px}}@media(max-width:700px){.language-bridge{grid-template-columns:1fr;padding:65px 24px;gap:30px}.bridge-copy h2{font-size:29px}.bridge-copy>p{font-size:13px}.bridge-languages{gap:9px}.bridge-languages article{padding:20px 8px}.bridge-visual{max-width:480px;width:100%;margin:auto}}
/* Continuous per-dot feedback between the seven milestones. */
.growth-continuous .growth-layer{opacity:1;transition:none}.growth-continuous .growth-layer>*{transition:none}.growth-scroll-meter{width:100%;max-width:780px;margin:15px auto 0;display:flex;justify-content:space-between;gap:6px 15px;flex-wrap:wrap;color:#aebbd0;font-size:10px;letter-spacing:.3px}.growth-scroll-track{width:100%;height:4px;border-radius:10px;background:#ffffff10;overflow:hidden;margin-bottom:3px}.growth-scroll-track i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#9380e6,#d8ed9b);transform:scaleX(var(--growth-progress,0));transform-origin:left;border-radius:10px}#growth-scroll-hint{color:#d8ed9b}.growth-continuous .growth-bottom{margin-top:12px}.growth-continuous .growth-timeline:after{content:'';position:absolute;left:20px;right:20px;top:5px;height:1px;background:#d8ed9b;transform:scaleX(var(--growth-progress,0));transform-origin:left;pointer-events:none}.growth-continuous .growth-timeline>span{z-index:1}@media(max-width:700px){.growth-scroll-meter{font-size:8px;margin-top:12px}.growth-continuous .growth-bottom{font-size:8px;margin-top:8px}}
/* Korean source branching into real target-language examples. */
.language-bridge{grid-template-columns:.9fr 1.25fr;gap:45px}.bridge-connection{display:block;text-align:center;padding:19px 0 0;color:#baadcc}.bridge-connection>span{font-size:9px;letter-spacing:0}.bridge-connection svg{display:block;width:100%;height:48px;margin-top:10px;fill:#b7a7cb}.bridge-languages{gap:10px;align-items:stretch}.bridge-languages article{padding:20px 15px;text-align:left;display:flex;flex-direction:column;min-width:0}.bridge-card-head{display:flex;align-items:center;gap:9px}.bridge-card-head .language-symbol{width:34px;height:36px;border-radius:10px;font-size:19px;margin:0;flex-shrink:0}.bridge-card-head h3{font-size:13px;margin:0}.bridge-card-head h3 small{display:block;font-size:9px;font-weight:400;color:#96899f;margin-top:3px}.bridge-translation{font-size:17px;line-height:1.75;font-weight:600;letter-spacing:-.3px;color:#66517f;margin:22px 0 14px;overflow-wrap:anywhere}.bridge-translation:lang(en){font-size:17px;line-height:1.6;color:#6550a9;overflow-wrap:normal}.bridge-meaning{font-size:10px;line-height:1.8;color:#9a8c9f;margin:0 0 20px}.bridge-languages .language-state{margin-top:auto;border-top:1px solid #e7e0ed;padding-top:12px;font-size:8px}.bridge-caption{line-height:1.9}@media(max-width:1000px){.language-bridge{grid-template-columns:1fr;gap:30px}.bridge-visual{max-width:680px;width:100%;margin:auto}.bridge-copy{max-width:680px;width:100%;margin:auto}}@media(max-width:550px){.bridge-languages{grid-template-columns:1fr;margin-left:15px;border-left:1px solid #cdbfdc;padding-left:20px;gap:14px}.bridge-languages article{position:relative;padding:20px}.bridge-languages article:before{content:'';position:absolute;left:-21px;top:37px;width:20px;height:1px;background:#cdbfdc}.bridge-languages article:after{content:'';position:absolute;left:-24px;top:34px;width:7px;height:7px;border-radius:50%;background:#b7a7cb}.bridge-connection svg{display:none}.bridge-connection{padding:18px 0 20px}.bridge-translation,.bridge-translation:lang(en){font-size:20px;line-height:1.7;margin:18px 0 9px}.bridge-meaning{font-size:11px;margin-bottom:13px}.bridge-languages .language-state{font-size:9px}.bridge-card-head h3{font-size:14px}.bridge-card-head h3 small{display:inline;margin-left:8px}}