:root{color:#173c2f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#173c2f;--yellow:#f9dd35;background:#fbfaf5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline-offset:6px;outline:3px solid #c79d10}svg{display:block}img{max-width:100%}.wrap{width:min(1180px,100% - 80px);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;height:114px;display:flex}.wordmark{letter-spacing:-.5px;align-items:center;gap:13px;font-size:22px;font-weight:750;display:flex}.wordmark img{background:#fff;border-radius:13px;width:48px;height:48px}.wordmark small{letter-spacing:2px;color:#667a6d;margin-top:3px;font-size:10px;font-weight:500;display:block}.site-header nav{align-items:center;gap:34px;font-size:14px;font-weight:550;display:flex}.nav-cta{border:1px solid #b8c3b8;border-radius:100px;padding:12px 20px}.nav-cta span{margin-left:15px}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:35px;min-height:710px;padding:35px 0 80px;display:grid}.eyebrow{letter-spacing:2px;align-items:center;gap:9px;font-size:11px;font-weight:650;display:flex}.status-dot{background:#31775a;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.hero h1{letter-spacing:-3px;white-space:nowrap;margin:29px 0 25px;font-size:clamp(42px,4.5vw,66px);font-weight:800;line-height:1.35;position:relative}.highlight{z-index:0;position:relative}.highlight:after{content:"";background:var(--yellow);z-index:-1;border-radius:3px;height:18px;position:absolute;bottom:7px;left:-2px;right:-5px;transform:rotate(-2deg)}.title-period{color:#47765e;margin-left:15px;font-size:46px;font-weight:400}.hero-description{color:#6b7b70;margin:0;font-size:16px;line-height:1.95}.hero-actions{align-items:center;gap:26px;margin:32px 0;display:flex}.button{border-radius:100px;justify-content:space-between;align-items:center;gap:30px;padding:18px 24px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #173c2f1c}.button svg{width:19px;height:19px}.primary{background:var(--green);color:#fff}.text-link{font-size:13px}.text-link span{margin-left:10px}.hero-details{color:#7a8c7d;flex-wrap:wrap;gap:20px;font-size:11px;display:flex}.hero-details span:before{content:"✓";color:#357051;margin-right:6px}.phone-scene{justify-content:center;align-items:center;min-height:600px;display:flex;position:relative}.orbit{background:radial-gradient(circle,#e0ead756,#0000 70%);border:1px solid #dbe4d8;border-radius:50%;width:450px;height:450px;position:absolute;transform:rotate(-20deg)}.orbit-two{z-index:-1;opacity:.6;background:0 0;width:535px;height:535px}.phone{background:#f9f8f0;border:7px solid #223d30;border-radius:42px;width:280px;min-width:280px;padding-bottom:22px;position:relative;overflow:hidden;transform:rotate(5deg);box-shadow:14px 26px 40px #173c2f20,-2px -2px 0 1px #6f8270}.phone-status{justify-content:space-between;align-items:center;padding:15px 17px 8px;font-size:10px;font-weight:700;display:flex;position:relative}.dynamic-island{background:#223d30;border-radius:20px;width:82px;height:21px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phone-content{padding:16px}.phone-brand{align-items:center;gap:9px;display:flex}.phone-brand img{border-radius:8px;width:30px;height:30px}.phone-brand strong{font-size:14px}.phone-brand small{color:#728276;margin-top:3px;font-size:8px;display:block}.phone-search{color:#879087;background:#fff;border-radius:30px;align-items:center;gap:7px;margin:17px 0 15px;padding:10px;font-size:8px;display:flex}.phone-search span{font-size:18px;line-height:12px}.phone-hero{background:linear-gradient(120deg,#f7d823,#f9e991);border-radius:20px;flex-direction:column;gap:11px;padding:20px 16px;display:flex}.phone-hero small{letter-spacing:1.5px;font-size:7px}.phone-hero strong{letter-spacing:-1px;font-size:23px;line-height:1.4}.phone-hero span{font-size:8px}.phone-section{justify-content:space-between;align-items:center;margin:20px 0 12px;font-size:11px;display:flex}.phone-section span{color:#879087;font-size:7px}.phone-note{background:#fff;border-radius:15px;grid-template-columns:98px 1fr;align-items:center;gap:12px;padding-right:10px;display:grid;overflow:hidden}.phone-note .city-art{object-fit:cover;width:98px;height:105px}.phone-note strong{font-size:11px;line-height:1.8;display:block}.phone-note span{color:#7c8a7c;margin-top:7px;font-size:7px;display:block}.phone-tabs{color:#a0a99e;border-top:1px solid #e6e7dc;justify-content:space-around;padding:11px 4px 0;font-size:15px;display:flex}.phone-tabs>span{flex-direction:column;align-items:center;gap:3px;font-size:8px;display:flex}.phone-tabs>span:nth-child(2),.phone-tabs>span:nth-child(4){font-size:16px;line-height:18px}.phone-tabs small{font-size:8px;line-height:12px}.phone-tabs svg{width:17px;height:17px}.phone-tabs .active{color:var(--green)}.home-indicator{background:#24392d;border-radius:5px;width:90px;height:3px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.floating-tag{z-index:2;background:#fff;border-radius:50px;align-items:center;gap:10px;padding:13px 20px;font-size:12px;display:flex;position:absolute;top:38px;right:6%;transform:rotate(-7deg);box-shadow:0 8px 24px #173c2f0c}.floating-note{z-index:2;background:var(--yellow);border-radius:16px;align-items:center;gap:12px;padding:17px 22px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:79px;left:-15px;transform:rotate(-5deg);box-shadow:0 10px 30px #173c2f0b}.floating-note svg{width:21px;height:24px}.floating-note small{margin-top:5px;font-size:9px;font-weight:400;display:block}.preview-caption{color:#99a394;letter-spacing:1px;font-size:10px;position:absolute;bottom:1px}.experience{border-top:1px solid #e0e5da;padding:65px 0 80px}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:37px;display:flex}h2{letter-spacing:-1.5px;margin:16px 0 0;font-size:37px;line-height:1.45}.section-heading>p{color:#7d8b7c;margin-bottom:5px;font-size:13px;line-height:1.9}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-card{background:#eff2e8;border-radius:22px;min-height:365px;padding:28px;position:relative;overflow:hidden}.feature-number{letter-spacing:2px;color:#78886f;font-size:10px}.feature-icon{width:46px;height:46px;margin:25px 0}.feature-icon svg{width:40px;height:40px}.feature-card h3{letter-spacing:-.5px;margin:0 0 13px;font-size:20px}.feature-card p{color:#6a7c68;margin:0;font-size:13px;line-height:1.95}.category-pills,.language-pills{flex-wrap:wrap;gap:9px;display:flex}.category-pills{margin-top:25px}.category-pills span{background:#fff;border-radius:100px;padding:7px 14px;font-size:10px}.yellow-card{background:#f8e681}.yellow-card .feature-number{color:#87834b}.yellow-card p{color:#76794c}.saved-mini{background:#ffffff63;border-radius:10px;align-items:center;gap:9px;margin-top:25px;padding:12px;font-size:10px;display:flex}.saved-mini svg{width:15px;height:17px}.saved-mini span:last-child{margin-left:auto}.green-card{background:var(--green);color:#f7f5e5;flex-direction:column;display:flex}.green-card .feature-number{color:#adbfad}.green-card .city-art{object-fit:cover;flex-shrink:0;width:calc(100% + 56px);max-width:none;height:145px;margin:20px -28px 22px}.green-card p{color:#b6c8b8}.language-section{grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:50px 0 110px;display:grid}.language-art{background:#e8eee1;border-radius:28px;min-height:345px;position:relative;overflow:hidden}.language-word{letter-spacing:-1px;border-radius:15px;padding:15px 26px;font-size:29px;font-weight:700;position:absolute;box-shadow:0 8px 20px #173c2f06}.chinese{background:#fff;top:45px;left:43px;transform:rotate(-8deg)}.english{background:var(--green);color:#fff;font-size:35px;top:117px;right:33px;transform:rotate(7deg)}.traditional{background:var(--yellow);font-size:23px;bottom:40px;left:45px;transform:rotate(-4deg)}.language-symbol{color:#8ba081;width:51px;height:51px;position:absolute;top:145px;left:40px;transform:rotate(-14deg)}.language-copy p{color:#74816e;margin:21px 0;font-size:14px;line-height:1.95}.language-pills span{border:1px solid #d4ddce;border-radius:100px;padding:8px 16px;font-size:11px}.language-copy .fine-print{color:#8e9885;margin-bottom:0;font-size:10px}.ios-section{padding-bottom:33px}.ios-panel{background:var(--green);color:#faf8e7;border-radius:27px;align-items:center;gap:29px;padding:48px;display:flex}.ios-logo{border-radius:21px;flex-shrink:0;width:88px}.ios-panel h2{margin-top:12px;font-size:32px}.ios-panel .eyebrow{color:#b3c7ad;font-size:10px}.ios-panel p{color:#b5c5b0;margin:16px 0;font-size:12px}.release-status{color:#e2e7d9;align-items:center;gap:9px;font-size:11px;display:inline-flex}.release-status .status-dot{background:var(--yellow)}.light{color:var(--green);background:#f9dd35;flex-shrink:0;margin-left:auto}.trust-strip{color:#84907e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:15px 0 60px;font-size:11px;display:flex}.trust-strip>span{color:#56714f;font-weight:600}.trust-strip a{color:#56714f}.site-footer{border-top:1px solid #dee4d7;justify-content:space-between;gap:25px;padding:38px 0 35px;display:flex}.footer-brand{font-size:17px;font-weight:750}.footer-brand span{color:#8b9682;margin-left:8px;font-size:10px;font-weight:400}.site-footer p{color:#7e8b76;margin:13px 0 19px;font-size:11px}.site-footer small{color:#9aa391;font-size:10px}.footer-links{align-items:flex-start;gap:25px;padding-top:5px;font-size:12px;display:flex}@media (width>=1500px){.hero{padding-top:55px;padding-bottom:100px}.phone-scene{min-height:650px}}@media (width<=1050px){.wrap{width:calc(100% - 56px)}.hero{gap:15px}.hero h1{font-size:48px}.title-period{margin-left:8px;font-size:30px}.hero-description{font-size:14px}.hero-actions{gap:15px}.hero-details{gap:12px}.phone-scene{transform-origin:50%;transform:scale(.9)}.orbit{width:390px;height:390px}.orbit-two{width:450px;height:450px}.floating-note{left:-25px}.feature-card{padding:23px}.green-card .city-art{width:calc(100% + 46px);margin-inline:-23px}.feature-card h3{font-size:18px}.language-section{gap:35px}.ios-panel{gap:22px;padding:36px}.ios-logo{width:70px}}@media (width<=760px){.wrap{width:calc(100% - 40px)}.site-header{height:90px}.wordmark{font-size:19px}.wordmark img{width:38px;height:38px}.wordmark small{font-size:8px}.site-header nav{gap:0}.site-header nav>a:not(.nav-cta){display:none}.nav-cta{padding:10px 13px;font-size:11px}.nav-cta span{margin-left:8px}.hero{text-align:center;grid-template-columns:1fr;gap:3px;padding:34px 0 38px}.hero-copy .eyebrow{letter-spacing:1px;justify-content:center;font-size:10px}.hero h1{letter-spacing:-2px;margin:22px 0;font-size:clamp(38px,8.5vw,57px)}.highlight:after{height:14px;bottom:5px}.title-period{font-size:28px}.hero-description{font-size:13px}.hero-actions{justify-content:center;gap:17px;margin:24px 0}.button{gap:18px;padding:16px 21px;font-size:12px}.text-link{font-size:11px}.hero-details{justify-content:center;font-size:9px}.phone-scene{min-height:605px;margin-top:6px;margin-bottom:-25px;transform:scale(.91)}.floating-note{bottom:89px;left:2%}.floating-tag{right:4%}.orbit{width:350px;height:350px;transform:none}.orbit-two{width:350px;height:350px}.experience{padding:45px 0 50px}.section-heading{flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:25px}.eyebrow{letter-spacing:1.5px;font-size:9px}h2{font-size:29px}.section-heading>p{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-card{min-height:unset;padding:26px}.feature-icon{width:37px;height:37px;margin:20px 0}.feature-icon svg{width:34px;height:34px}.feature-card h3{font-size:20px}.feature-card p{font-size:13px}.category-pills,.saved-mini{margin-top:20px}.green-card .city-art{width:calc(100% + 52px);height:160px;margin-inline:-26px}.language-section{grid-template-columns:1fr;gap:30px;padding:15px 0 55px}.language-art{min-height:320px}.language-copy p{font-size:13px}.ios-panel{flex-wrap:wrap;gap:23px;padding:28px}.ios-logo{border-radius:15px;width:62px}.ios-panel>div{flex:1;min-width:190px}.ios-panel h2{font-size:27px}.ios-panel .light{align-self:flex-start;margin:0}.trust-strip{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:35px;line-height:1.9}.trust-strip p{margin:0;font-size:10px}.site-footer{flex-direction:column;gap:20px;padding:30px 0}.footer-links{gap:22px;font-size:11px}.desktop-break{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}