:root{--paper:#f6f4ed;--ink:#202e28;--green:#125b46;--muted:#6b756c;--line:#dcded2;--serif:'Iowan Old Style','Baskerville','Songti SC','STSong',serif;--sans:'Avenir Next','PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #c07146;outline-offset:6px}img{max-width:100%;display:block}p{line-height:1.9;margin:0}h1,h2,h3{margin:0;font-weight:500}h1,h2{font-family:var(--serif)}.wrap{width:min(1160px,calc(100% - 80px));margin:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand b{font-size:24px;letter-spacing:2px}.brand i{font:italic 22px var(--serif);color:var(--muted)}.brand-icon{background:var(--green);color:var(--paper);width:40px;height:43px;display:grid;place-items:center;border-radius:11px;font:25px var(--serif)}nav{display:flex;align-items:center;gap:36px;font-size:13px}.nav-download{border:1px solid #8e9f92;border-radius:30px;padding:12px 22px}.nav-download span{margin-left:20px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:735px;gap:30px;align-items:center;padding:60px 0 74px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#bb7046}.hero h1{font-size:clamp(56px,5.7vw,80px);line-height:1.3;letter-spacing:-2px;margin:25px 0}.underline{position:relative;white-space:nowrap}.underline:after{content:'';position:absolute;left:0;right:0;bottom:-9px;height:10px;border-top:2px solid #b9734a;border-radius:50%;transform:rotate(-3deg)}.hero-english{font:italic 27px/1.35 var(--serif);color:var(--green);margin:26px 0 20px}.intro{color:var(--muted);font-size:15px}.actions{display:flex;gap:28px;align-items:center;margin-top:28px}.button{display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:7px;padding:16px 23px;font-size:14px;font-weight:500;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--green);color:white}.primary:hover{background:#0a4835}.text-link{font-size:14px;border-bottom:1px solid #899a8f;padding-bottom:5px}.text-link span{margin-left:12px}.micro{font-size:10px;color:var(--muted);margin-top:17px}.hero-art{position:relative;display:flex;justify-content:center;align-items:center;height:585px;background:radial-gradient(ellipse at center,#e0e5d6 0,transparent 65%)}.orbit{position:absolute;border:1px solid #d7dccd;width:520px;height:520px;border-radius:50%;transform:rotate(-25deg) scaleX(.82)}.orbit-b{width:640px;height:400px;transform:rotate(-50deg) scaleX(.85)}.art-tag{position:absolute;top:180px;right:16px;font:11px var(--serif);letter-spacing:2px;transform:rotate(90deg);transform-origin:right}.phone{width:286px;border:7px solid #2b3730;border-radius:43px;padding:14px 17px 0;position:relative;background:#f8f7f3;transform:rotate(5deg);box-shadow:20px 32px 48px #1f3b2525;overflow:hidden}.island{width:85px;height:22px;background:#202923;border-radius:30px;margin:0 auto 25px}.phone-top{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:15px}.phone-top i{font:italic 15px var(--serif);color:#8b948b}.phone-date{font-size:7px;letter-spacing:1.5px;color:#829082;margin-top:27px}.phone h2{font:20px var(--serif);margin-top:7px}.phone-muted{font-size:8px;color:#889287;margin:10px 0 18px}.daily{background:var(--green);border-radius:12px;color:#f1f1df;padding:19px 15px;display:flex;justify-content:space-between;align-items:center}.daily span{font-size:10px}.daily strong{font:38px var(--serif);display:block;margin-top:7px}.daily strong small{font:10px var(--sans)}.progress-ring{width:62px;height:62px;border:3px solid #6e9d85;border-top-color:#dbe4bd;border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:9px;line-height:1.6}.phone-row{display:flex;gap:9px;padding:18px 0;border-bottom:1px solid #e1e3d9;align-items:center}.lesson-icon{background:#e9ecdf;border-radius:7px;width:31px;height:31px;display:grid;place-items:center;font:19px var(--serif);color:var(--green)}.phone-row b{font-size:10px;font-weight:500}.phone-row small{font-size:8px;color:#8b958a;display:block;margin-top:4px}.phone-row>span:last-child{margin-left:auto;font-size:11px}.phone-bottom{display:flex;justify-content:space-between;margin:21px 0 17px;color:#8b968a;text-align:center;font-size:15px}.phone-bottom>span:first-child{color:var(--green)}.phone-bottom small{display:block;font-size:7px;margin-top:3px}.float-note{position:absolute;z-index:2;left:-4px;top:92px;transform:rotate(-8deg);background:#fffdf7;border:1px solid #e0dece;padding:19px 23px;box-shadow:0 10px 24px #243d2310}.small-label{font-size:7px;letter-spacing:1.5px;color:#978d70}.float-note strong{display:block;font:25px var(--serif);margin:9px 0}.float-note strong span{font-size:11px;color:#879080}.float-note p{font-size:9px;color:#768270}.float-stamp{position:absolute;right:3px;bottom:75px;background:#ced9b8;width:115px;height:115px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-13deg);font:17px var(--serif);border:1px solid #94a780;outline:4px solid #ced9b8;outline-offset:3px}.float-stamp i{font:italic 20px var(--serif)}.art-caption{position:absolute;bottom:-9px;font-size:8px;letter-spacing:1px;color:#8e998b}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;background:#ecefe3}.strip>.wrap{display:flex;justify-content:space-between;font-size:13px}.strip i{font-style:normal;color:#8b997e;padding:0 24px}.section{padding-top:106px;padding-bottom:106px}h2{font-size:44px;line-height:1.45;letter-spacing:-1px}.section-heading h2{margin:24px 0}.section-heading h2 span{color:var(--green)}.section-heading>p:last-child,.section-title>p{font-size:14px;color:var(--muted)}.method{display:grid;grid-template-columns:1fr 1fr;gap:90px}.steps{padding-top:35px}.steps article{display:flex;gap:26px;padding:25px 0;border-bottom:1px solid var(--line)}.step-number{font:italic 31px var(--serif);color:#91a38b}.steps h3{font-size:19px;margin-bottom:10px}.steps p{font-size:13px;color:var(--muted)}.features-section{background:#e9ede2}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:54px}.section-title h2{margin-top:22px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.feature{padding:30px;border-left:1px solid #cdd5c6;border-top:1px solid #cdd5c6}.feature:nth-child(3n+1){border-left:0;padding-left:0}.feature:nth-child(3n){padding-right:0}.feature-symbol{display:flex;justify-content:space-between;align-items:center;color:var(--green);font:36px var(--serif);height:55px}.feature-symbol span{font:10px var(--sans);color:#8c9986}.feature h3{font-size:20px;margin:24px 0 12px}.feature p{font-size:13px;color:#67725f;min-height:78px}.feature-tag{display:inline-block;font-size:10px;letter-spacing:.6px;border-bottom:1px solid #aab89f;padding-bottom:4px;margin-top:22px}.availability{font-size:11px;color:#68745f;border-top:1px solid #cdd5c6;padding-top:22px}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.screens figure{margin:0}.screen-window{height:430px;overflow:hidden;border-radius:20px;border:1px solid #d9ddcf;box-shadow:0 10px 25px #22351c08;background:#f8f7f3}.screen-window img{width:100%;height:auto}.screens figcaption{font-size:15px;margin-top:23px}.screens figcaption span{display:block;color:#889580;font-size:9px;letter-spacing:1.5px;margin-bottom:9px}.download-section{background:#174f3e;color:#f5f2e5}.download-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}.download-head .eyebrow{color:#bbcead}.download-head h2{font-size:62px;line-height:1.35;margin:24px 0}.download-head h2 span{color:#c5d5a5}.download-head p:last-child{font-size:14px;color:#c4d3bf}.qr-card{background:#f6f4ed;padding:22px;display:flex;gap:23px;align-items:center;transform:rotate(3deg);color:var(--ink);border-radius:3px;margin-right:15px}.qr-card img{width:126px;height:126px}.qr-card b{font:22px var(--serif)}.qr-card span{display:block;font-size:10px;color:var(--muted);margin-top:10px}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.download-grid article{border-top:1px solid #5d7e68;padding-top:25px}.platform{font-size:10px;letter-spacing:1.7px;color:#cfddbe;display:flex;align-items:center;gap:10px}.platform span{font-size:9px;letter-spacing:0;border:1px solid #729073;border-radius:20px;padding:1px 8px}.download-grid h3{font-size:22px;margin:22px 0 14px}.download-grid article>p:not(.platform){font-size:13px;color:#bfd0ba;min-height:60px}.download-grid .button{margin:25px 0 15px}.light{color:#23432c;background:#e4ebd2}.outlined{border:1px solid #6d8c71}.outlined:hover{background:#28634e}.download-grid small{font-size:10px;line-height:1.8;color:#b3c6ab;display:block}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.faq h2{margin-top:24px;font-size:37px}.questions details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;gap:15px;font-size:15px}summary::-webkit-details-marker{display:none}summary span{color:#8b9982}details[open] summary span{transform:rotate(45deg)}details p{padding:0 22px 22px 0;color:var(--muted);font-size:13px}.footer{border-top:1px solid var(--line);padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer>p{font:italic 21px var(--serif);color:#8a9683}.footer>div{font-size:10px;display:flex;gap:24px;color:var(--muted)}.skip{position:absolute;top:-100px;left:12px;background:#fff;padding:15px;z-index:10}.skip:focus{top:10px}.legal{max-width:720px;padding:70px 0 100px}.legal h1{font-size:44px;margin-bottom:20px}.legal h2{font:22px var(--sans);margin:30px 0 12px}.legal p{font-size:14px;color:var(--muted)}@media(min-width:900px){.hero-copy{animation:arrive .8s both}.hero-art{animation:arrive 1s .15s both}}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:0}.hero h1{font-size:62px}.float-note{left:-20px;top:105px;padding:15px}.float-stamp{right:-8px;width:95px;height:95px}.orbit{width:360px;height:450px}.orbit-b{width:430px;height:360px}.method{gap:45px}.screens{gap:22px}.screen-window{height:370px}.download-grid{gap:20px}.qr-card{padding:16px;gap:14px}.qr-card img{width:105px;height:105px}.faq{gap:40px}.footer>p{display:none}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:82px}.brand b{font-size:20px}.brand i{font-size:18px}.brand-icon{width:34px;height:37px;font-size:22px}nav{gap:0}nav>a:not(.nav-download){display:none}.nav-download{padding:10px 14px;font-size:11px}.nav-download span{margin-left:10px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:43px 0 36px;gap:20px}.eyebrow{font-size:8px;letter-spacing:1.7px}.hero h1{font-size:60px;margin:24px 0}.hero-english{font-size:25px}.intro{font-size:14px}.hero-art{height:555px;max-width:450px;width:100%;margin:15px auto 0;overflow:hidden}.phone{width:269px}.float-note{left:0;top:65px}.float-stamp{right:15px;bottom:62px}.art-tag{right:18px;top:180px}.art-caption{bottom:3px;font-size:7px}.orbit{width:350px;height:480px}.orbit-b{width:440px;height:360px}.strip>.wrap{flex-direction:column;gap:10px;font-size:11px;text-align:center}.strip i{padding:0 12px}.section{padding-top:66px;padding-bottom:66px}h2{font-size:35px}.method{grid-template-columns:1fr;gap:12px}.steps{padding-top:0}.section-title{align-items:flex-start;flex-direction:column;margin-bottom:32px;gap:20px}.section-title h2{margin-top:17px}.section-title>p{font-size:13px}.feature-grid{grid-template-columns:1fr 1fr}.feature{padding:20px 14px!important}.feature:nth-child(3n+1){border-left:1px solid #cdd5c6}.feature:nth-child(2n+1){border-left:0;padding-left:0!important}.feature:nth-child(2n){padding-right:0!important}.feature h3{font-size:18px;margin:15px 0 10px}.feature p{font-size:12px;min-height:110px}.feature-symbol{font-size:30px}.feature-tag{font-size:9px;margin-top:12px}.availability{font-size:10px;line-height:1.8}.screens{grid-template-columns:1fr;gap:30px}.screens figure{display:grid;grid-template-columns:1fr .75fr;gap:23px;align-items:center}.screen-window{height:280px;border-radius:13px}.screens figcaption{font-size:13px;line-height:1.8;margin:0}.download-head{align-items:flex-start;flex-direction:column;gap:28px;margin-bottom:45px}.download-head h2{font-size:49px}.qr-card{transform:rotate(-2deg);margin:0}.qr-card img{width:100px;height:100px}.download-grid{grid-template-columns:1fr;gap:35px}.download-grid article>p:not(.platform){min-height:0}.download-grid .button{margin:20px 0 12px}.download-grid h3{margin:17px 0 10px}.faq{grid-template-columns:1fr;gap:24px}.faq h2{font-size:34px}.footer{flex-direction:column;align-items:flex-start;padding:28px 0}.footer>div{flex-wrap:wrap;gap:16px}.legal h1{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:701px) and (max-width:1000px){.orbit-b{width:390px;height:330px}}
.philosophy-section{background:#f0f0e6;border-bottom:1px solid var(--line)}.belief-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;margin:24px 0 50px}.belief-heading h2 span{color:var(--green)}.belief-heading>p{font-size:15px;color:var(--muted)}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.principles article{border-top:1px solid #c5cfbc;padding-top:20px}.principles span{font-size:9px;letter-spacing:1px;color:#798b70}.principles h3{font-size:18px;margin:17px 0 12px}.principles p{font-size:13px;color:var(--muted)}.belief-note{display:flex;gap:42px;margin-top:40px;padding-top:26px;border-top:1px solid #c5cfbc}.belief-note b{font-weight:500;font-size:15px;flex:0 0 270px;line-height:1.8}.belief-note p{font-size:13px;color:var(--muted)}.screens{gap:45px 40px}.screen-window{display:block;height:auto!important;aspect-ratio:390/844;padding:0;background:#f7f6f2}.screen-window img{height:100%;width:100%;object-fit:contain;object-position:top}.screens figcaption b{font-size:16px;font-weight:500}.screens figcaption p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:8px}.feature p{min-height:115px}.feature{padding-bottom:35px}
@media(max-width:1000px){.principles{grid-template-columns:repeat(2,1fr)}.belief-heading{gap:35px}.feature p{min-height:140px}}
@media(max-width:700px){.belief-heading{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.belief-heading>p{font-size:14px}.principles{gap:25px 20px}.principles h3{font-size:16px}.principles p{font-size:12px}.principles span{font-size:8px}.belief-note{display:block;margin-top:30px}.belief-note p{margin-top:12px}.screens{gap:35px}.screens figure{grid-template-columns:1fr .85fr;gap:20px}.screens figcaption b{font-size:15px}.feature p{min-height:0}.feature-tag{line-height:1.8}.feature-grid{grid-template-columns:1fr}.feature{border-left:0!important;padding:24px 0!important}.feature h3{margin-top:12px}.feature p{font-size:13px}.feature-symbol{height:35px}.availability{padding-top:20px}}
.demo-section{background:#e9ede2}.demo-grid{display:grid;grid-template-columns:1fr;gap:38px}.demo{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:38px;align-items:center;padding-bottom:38px;border-bottom:1px solid #cbd5c4}.demo:last-child{padding-bottom:0;border:0}.demo video{width:100%;aspect-ratio:16/9;background:#f6f4ed;border:1px solid #cad2c3;border-radius:10px;display:block}.demo-caption h3{font-size:24px;margin-bottom:12px}.demo-caption p{font-size:13px;color:var(--muted)}.demo-caption a{display:inline-block;margin-top:25px;font-size:12px;color:var(--green);border-bottom:1px solid #9cb094;padding-bottom:4px}@media(max-width:700px){.demo{grid-template-columns:1fr;gap:18px;padding-bottom:26px}.demo-caption h3{font-size:20px;margin-bottom:7px}.demo-caption a{margin-top:14px}.demo-grid{gap:28px}}
