:root{--ink:#28252f;--muted:#57515f;--purple:#7952bd;--purple-dark:#633caa;--cream:#fcfaf7;--line:#ded8e3;--lavender:#f0eafa}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:18px;line-height:1.65;color:var(--ink)}
img{height:auto}.wrap{width:min(1280px,calc(100% - 96px))}.header{min-height:124px;height:auto;gap:25px}.brand{font-size:14px;gap:10px;line-height:1.45;letter-spacing:.5px;flex-shrink:0}.brand b{font-size:15px;font-weight:600}.brand-logo{width:90px;height:90px;object-fit:contain;flex-shrink:0;mix-blend-mode:multiply}.header nav{font-size:16px;gap:27px;font-weight:550}.nav-buy{font-size:16px;border-color:#bca4d8;padding:13px 21px}.nav-buy span{padding-left:12px}
.hero{min-height:720px;padding:50px 0 65px;gap:35px}.eyebrow{font-size:13px;letter-spacing:1.6px;line-height:1.6;color:var(--purple);margin-bottom:23px}.hero .eyebrow{font-size:13px}.hero h1{font-size:clamp(48px,4.6vw,68px);font-weight:700;line-height:1.07;letter-spacing:-2.5px;margin-bottom:30px}.hero-description{font-size:20px;line-height:1.7;max-width:530px;margin-bottom:32px}.hero-actions{flex-direction:row;flex-wrap:wrap;gap:23px;align-items:center}.button{font-size:18px;font-weight:650;line-height:1.4;min-height:62px;gap:25px;padding:19px 25px;border-radius:15px}.hero .button{width:auto;font-size:18px}.text-link,.hero .text-link{font-size:17px;line-height:1.5}.small-note{font-size:15px;line-height:1.5;color:var(--muted);margin-top:19px}
.hero-art{height:550px}.hero-card{width:235px;height:auto;aspect-ratio:2/3;object-fit:contain}.card-left{top:108px;transform:rotate(-12deg)}.card-right{top:85px;transform:rotate(11deg)}.card-front{width:276px;top:108px}.orbit{left:5%;width:90%;top:65px;height:400px}.orbit-two{top:90px;height:350px}.round-note{width:123px;height:123px;color:#5c4225}.round-note b{font-size:37px}.round-note span{font-size:14px;font-weight:600}.hand-note{font-family:inherit;font-style:normal;bottom:-8px;left:15px;font-size:15px;color:#62516f;transform:rotate(-3deg)}.art-spark{color:#b18539}.ribbon .wrap{font-size:17px;line-height:1.5;padding-top:23px;padding-bottom:23px}.ribbon i{color:#99764b}
h2{font-size:clamp(36px,3.7vw,50px);font-weight:650;line-height:1.15;letter-spacing:-1.5px}.intro{max-width:890px}.intro>p:not(.eyebrow){font-size:20px;line-height:1.8;max-width:760px;color:var(--muted)}.intro .intro-bottom{font-size:18px!important;color:var(--muted)!important}.examples{background:var(--lavender)}.section-heading{gap:36px}.section-heading>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:390px}.example-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:75px}.card-stage{padding:35px 28px 28px;background-color:#e4d7f1}.zoom-card{width:340px;aspect-ratio:2/3}.zoom-card img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.zoom-hint{font-size:14px;padding:8px 15px}.stage-caption{font-size:15px;line-height:1.5;color:#5f486f;padding-top:23px}.word-tabs{gap:10px;margin-bottom:30px}.word-tabs button{font-size:16px;min-height:45px;padding:10px 16px;border-color:#b69dcc;background:#fcfaff}.word-tabs button[aria-pressed=true]{background:var(--purple)}.story-counter{font-size:15px;color:#6f5184;font-weight:600}.story-text h3{font-size:36px;line-height:1.2;margin:17px 0}.story-translation{font-size:20px;font-weight:650;margin:18px 0 14px}.story-text>p:last-child{font-size:18px;line-height:1.75;max-width:none;color:var(--muted)}.mini-lesson{margin-top:28px;padding-top:24px;border-color:#cdbbdf}.mini-lesson>span{font-size:13px;letter-spacing:1.1px;color:#664880}.mini-lesson p{font-size:18px;line-height:1.65;max-width:none}.mini-lesson .text-link{font-size:18px}#answer{color:var(--purple-dark);padding:12px 17px}.pronunciation-note{font-size:16px;line-height:1.7;color:#62516e;max-width:none}
.format-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.format-index{font-size:14px;color:#4b6243}.print-format .format-index{color:#795a36}.format h3{font-size:28px;line-height:1.25;margin:26px 0 15px}.format p{font-size:18px;line-height:1.75;max-width:none;color:var(--muted)}.phone-visual{height:300px;width:183px}.speaker{left:57px}.phone-visual img{height:auto}.paper-visual{height:300px;width:222px;padding:16px 21px}.paper-visual>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.paper-visual img{height:auto;aspect-ratio:2/3;object-fit:contain}.included-line p{font-size:17px;line-height:1.7}.included-line b{font-size:19px}.file-tag{font-size:15px;color:var(--purple-dark);border-color:#bda4d4}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.steps article>span{width:42px;height:42px;font-size:19px;color:var(--purple-dark);border-color:#b397d1}.steps h3{font-size:23px;margin:20px 0 14px}.steps p{font-size:18px;line-height:1.7;max-width:none}.routine-foot{font-size:16px;color:#6e5b46}
.buy-panel{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);padding:55px;gap:50px;background:#ece3f8}.buy-panel .eyebrow{font-size:13px;letter-spacing:1.2px}.buy-panel h2{font-size:45px}.buy-copy>p:not(.eyebrow){font-size:20px}.check-list{font-size:18px;line-height:1.7}.check-list li{position:relative;padding:7px 0 7px 27px}.check-list li:before{position:absolute;left:0;margin-right:0}.purchase{padding-left:35px;min-width:0;border-color:#c8b2dd}.purchase-label{font-size:15px;color:#624379}.price{font-size:85px}.price>span{font-size:45px}.price-note{font-size:16px}.delivery-note{font-size:17px;line-height:1.7;max-width:330px}.secure-note{font-size:16px;color:var(--purple-dark)}.digital-note{font-size:15px;line-height:1.7;color:#62516e;max-width:310px}
.faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:70px}.faq-list summary{font-size:20px;font-weight:600;line-height:1.5;padding:22px 0}.faq-list summary span{font-size:27px;flex-shrink:0}.faq-list details>p{font-size:18px;line-height:1.75;color:var(--muted)}.footer-inner{flex-wrap:wrap}.footer-inner>div{font-size:17px}.footer-inner>p{font-size:15px;color:var(--muted)}.footer .brand,.footer .brand b{font-size:16px}dialog img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.dialog-close{width:45px;height:45px;font-size:30px}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.header nav{gap:18px;font-size:15px}.brand{font-size:13px}.brand b{font-size:14px}.brand-logo{width:78px;height:78px}.hero h1{font-size:56px}.hero-card{width:200px}.card-front{width:235px}.hero-art{height:510px}.hand-note{bottom:15px;font-size:14px}.round-note{width:110px;height:110px}.round-note b{font-size:33px}.round-note span{font-size:13px}.ribbon .wrap{font-size:15px}.example-layout{gap:45px}.buy-panel{padding:40px;gap:35px}.buy-panel h2{font-size:39px}.purchase{padding-left:30px}.check-list{font-size:17px}}
@media(max-width:950px){.header nav{display:none}.hero{grid-template-columns:1fr;padding-top:30px;gap:30px}.hero-copy{max-width:720px}.hero h1{font-size:64px}.hero-description{max-width:650px}.hero-art{width:600px;max-width:100%;margin:auto;height:560px}.hero-card{width:245px}.card-front{width:280px}.hand-note{bottom:0}.section-heading{display:block}.section-heading>p{max-width:650px;margin-top:25px}.example-layout{gap:35px}.story-text h3{font-size:31px}.word-tabs button{font-size:15px;padding:9px 13px}.story-text>p:last-child,.mini-lesson p{font-size:17px}.stage-caption{font-size:14px}.steps{gap:25px}.steps h3{font-size:21px}.steps p{font-size:17px}.buy-panel{grid-template-columns:1fr;gap:30px}.buy-copy h2 br{display:none}.purchase{border-left:0;border-top:1px solid #c8b2dd;padding:30px 0 0}.purchase .button{max-width:400px;margin:auto}.delivery-note{max-width:450px}.digital-note{max-width:450px}.faq{gap:35px}.faq-list summary{font-size:19px}.footer-inner>p{width:100%;margin:0}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{min-height:105px;gap:12px}.brand{font-size:12px;gap:3px;letter-spacing:0}.brand b{font-size:13px}.brand-logo{width:68px;height:68px}.nav-buy{padding:11px 13px;font-size:14px;white-space:nowrap}.nav-buy span{padding-left:3px}.hero{padding-top:30px;padding-bottom:40px;gap:35px;min-height:auto}.hero h1{font-size:clamp(38px,10.3vw,55px);letter-spacing:-1.4px;line-height:1.1;margin-bottom:25px}.hero .eyebrow{font-size:12px;letter-spacing:1.1px;margin-bottom:22px}.hero-description{font-size:19px;line-height:1.65;margin-bottom:28px}.hero-actions{flex-direction:column;align-items:stretch;gap:20px}.hero .button{width:100%;font-size:18px;padding:19px 22px}.hero .text-link{align-self:center;font-size:17px}.small-note{font-size:15px;line-height:1.5;margin-top:21px}.hero-art{height:440px}.hero-card{width:43%;border-radius:17px}.card-front{width:51%;top:100px}.card-left{top:110px;left:3%}.card-right{top:90px;right:3%}.round-note{right:0;top:3px;width:105px;height:105px;border-width:5px}.round-note b{font-size:30px}.round-note span{font-size:13px}.spark-one{left:10%;top:25px;font-size:40px}.spark-two{bottom:20px;right:0}.orbit{width:78%;left:11%;height:285px;top:85px}.orbit-two{height:260px;top:105px}.hand-note{bottom:0;left:0;right:0;text-align:center;font-size:14px;transform:none}.ribbon .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 15px;font-size:15px;line-height:1.5;text-align:center;padding:23px 0}.ribbon i{display:none}.section-space{padding-top:65px;padding-bottom:65px}h2{font-size:36px;letter-spacing:-1px;line-height:1.17}.eyebrow{font-size:12px;letter-spacing:1.2px;margin-bottom:20px}.intro>p:not(.eyebrow){font-size:19px!important;line-height:1.7}.intro .intro-bottom{font-size:18px!important}.section-heading{margin-bottom:35px}.section-heading>p{font-size:18px;line-height:1.65;margin-top:25px}.example-layout{grid-template-columns:1fr;gap:35px}.card-stage{padding:23px 18px 24px}.zoom-card{width:310px}.zoom-hint{opacity:1;font-size:14px;padding:9px 12px}.stage-caption{font-size:15px;padding-top:20px}.word-tabs{margin-bottom:26px;gap:9px}.word-tabs button{padding:10px 14px;font-size:16px}.story-text h3{font-size:34px}.story-text>p:last-child,.mini-lesson p{font-size:18px}.mini-lesson>span{font-size:13px}.pronunciation-note{font-size:16px}.format-grid{grid-template-columns:1fr;gap:24px}.format{padding:27px 25px 30px}.format h3{font-size:27px}.format p{font-size:18px}.included-line{padding:23px 20px;gap:15px;align-items:flex-start}.included-line p{font-size:17px}.included-line b{font-size:18px}.included-icon{font-size:27px}.file-tag{display:none}.steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.steps article{grid-template-columns:43px minmax(0,1fr);column-gap:17px;padding-top:25px}.steps h3{margin:4px 0 12px;font-size:22px}.steps p{margin:0;font-size:18px}.routine h2{margin-bottom:20px}.routine-foot{font-size:16px;margin-top:30px}.buy-panel{padding:32px 24px;border-radius:25px;gap:27px}.buy-panel h2{font-size:35px}.buy-panel .eyebrow{font-size:12px}.buy-copy>p:not(.eyebrow){font-size:19px}.check-list{font-size:17px;line-height:1.6}.check-list li{padding-top:8px;padding-bottom:8px}.purchase{padding-top:30px}.purchase .button{font-size:18px;padding:18px}.purchase-label{font-size:15px}.price{font-size:76px}.price-note{font-size:16px}.delivery-note{font-size:17px}.secure-note{font-size:16px}.digital-note{font-size:15px}.faq{grid-template-columns:1fr;gap:30px;padding-top:0}.faq h2{font-size:36px}.support{margin-top:20px;font-size:17px}.faq-list summary{font-size:19px;padding:21px 0}.faq-list details>p{font-size:18px}.footer-inner{gap:25px}.footer-inner>div{font-size:17px;gap:24px}.footer-inner>p{font-size:15px}.footer .brand,.footer .brand b{font-size:15px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.header{gap:5px}.brand-logo{width:57px;height:57px}.brand{font-size:11px}.brand b{font-size:12px}.nav-buy{padding:10px;font-size:13px}.hero h1{font-size:37px}.hero .button{font-size:17px;gap:15px}.hero-art{height:400px}.hero .eyebrow{font-size:11px}.word-tabs button{padding:9px 12px}.stage-caption{font-size:14px}.buy-panel{padding:29px 20px}.buy-panel h2{font-size:32px}}
.hero-copy{min-width:0}
@media(max-width:950px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art{width:100%;max-width:600px}}