:root{color-scheme:dark;--bg:#101010;--surface:#1b1b1b;--text:#f6f6f2;--muted:#b3b3ab;--accent:#f3d571;--line:#343434;font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;scroll-behavior:smooth;scroll-padding-top:6rem}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:1rem;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.header{width:min(1280px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0}.brand{display:flex;align-items:center;gap:11px;font-size:1.2rem;font-weight:750;white-space:nowrap;letter-spacing:-.03em}.brand img{border-radius:10px;object-fit:cover}.brand-latin{margin-left:3px;letter-spacing:-.05em}.header nav{display:flex;align-items:center;gap:32px;font-size:.9rem}.header nav>a:hover,.footer a:hover{color:var(--accent)}.nav-button{padding:9px 18px;background:#252525;border-radius:100px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;min-height:700px;padding:65px 0 100px}.eyebrow{font-size:.88rem;color:var(--accent);letter-spacing:.08em;font-weight:600;margin-bottom:24px}h1{font-size:clamp(2.5rem,4.7vw,4.1rem);line-height:1.3;letter-spacing:-.055em;font-weight:780}.highlight{color:var(--accent)}.hero-description{font-size:1.12rem;color:var(--muted);margin-top:28px;line-height:1.85}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;border-radius:100px;font-size:.95rem;font-weight:650;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#171714}.primary:hover{background:#ffe59b}.secondary{background:#292929;color:var(--text)}.secondary:hover{background:#383838}.platform{font-size:.88rem;color:#93938d;margin-top:20px}.hero-art{position:relative;padding-bottom:65px}.mascot-frame{overflow:hidden;aspect-ratio:1;border-radius:48% 48% 32px 32px;background:#22231e}.mascot-frame img{width:100%;height:100%;object-fit:contain;transform:scale(.99)}.note{position:absolute;bottom:34px;left:-24px;background:#efeadb;color:#282a21;padding:18px 27px;border-radius:20px;box-shadow:0 18px 60px #0005;transform:rotate(-5deg);font-size:1.3rem;font-weight:650}.note-label{display:block;color:#686b5a;font-size:.88rem;font-weight:500;margin-bottom:3px}.art-caption{position:absolute;bottom:0;right:12px;color:#a3a398;font-size:.88rem}.features,.rhythm,.faq{padding:80px 0}.section-heading{margin-bottom:38px}.section-heading .eyebrow{margin-bottom:17px}h2{font-size:clamp(2rem,3.2vw,2.8rem);line-height:1.4;font-weight:730;letter-spacing:-.045em}.section-heading>p:last-child:not(.eyebrow){color:var(--muted);margin-top:18px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-card{padding:32px;border-radius:24px;background:var(--surface);min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:27px}.feature-number{color:#bcbcb3;font-size:.88rem}.pill{color:#c8c8be;font-size:.88rem;white-space:nowrap;background:#30302b;border-radius:100px;padding:4px 11px}h3{font-size:1.3rem;line-height:1.5;font-weight:650;letter-spacing:-.02em}.feature-card>p{color:var(--muted);margin-top:11px;max-width:42ch}.limit-demo{background:#25251f;border-radius:18px;padding:23px;margin-top:28px}.demo-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#d8d8ce;font-size:.9rem}.demo-caption strong{font-size:2rem;color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.demo-caption small{font-size:.88rem;margin-left:5px;font-weight:400}input[type=range]{width:100%;height:6px;margin:26px 0 15px;accent-color:var(--accent);cursor:pointer}.slider-scale{display:flex;justify-content:space-between;font-size:.88rem;color:#aaa99b}.demo-footnote{font-size:.8rem;color:#aaa99b;margin-top:14px;line-height:1.6}.schedule-visual{margin-top:33px;display:grid;gap:9px;color:#b5b5a9;font-size:.88rem}.schedule-visual strong{color:var(--text);font-size:2.1rem;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.schedule-visual strong span{color:#66665c;margin:0 10px}.schedule-line{height:9px;border-radius:8px;background:#36362e;margin:14px 0 7px}.schedule-line>span{display:block;height:100%;width:72%;background:#d6dfb2;border-radius:8px}.focus-visual{display:flex;align-items:center;gap:24px;margin-top:30px;min-height:130px}.small-dial{display:flex;align-items:center;justify-content:center;width:114px;height:114px;flex-shrink:0;border-radius:50%;border:6px solid #4c4834;border-top-color:var(--accent);border-right-color:var(--accent)}.small-dial span{font-size:1.38rem;color:var(--accent);font-variant-numeric:tabular-nums}.focus-visual strong{font-size:1rem;font-weight:600}.focus-visual>div>span{display:block;color:var(--muted);font-size:.88rem;margin-top:8px}.chart-visual{margin-top:25px}.bars{height:108px;display:flex;gap:17px;align-items:flex-end;border-bottom:1px solid #444439;padding:0 10px 7px}.bars i{height:var(--height);flex:1;background:#b5bdb0;border-radius:5px 5px 0 0}.bars i:last-child{background:var(--accent)}.chart-labels{display:flex;justify-content:space-around;color:#a3a398;font-size:.8rem;padding-top:8px}.chart-visual .demo-footnote{margin-top:6px}.rhythm{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;border-bottom:1px solid var(--line);margin-top:25px}.timeline{padding-left:26px;border-left:1px solid #3b3b32}.timeline article{position:relative;padding:0 0 33px 18px}.timeline article:last-child{padding-bottom:0}.timeline article:before{position:absolute;content:"";width:11px;height:11px;background:var(--accent);border-radius:50%;left:-32px;top:11px;box-shadow:0 0 0 5px var(--bg)}.time{display:block;color:var(--accent);font-size:.88rem;margin-bottom:6px}.timeline p{color:var(--muted);margin-top:10px;max-width:36ch}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-weight:500;list-style:none;cursor:pointer;position:relative;padding-right:35px;min-height:28px}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:5px;top:0;color:var(--accent);font-size:1.4rem;font-weight:300}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:.95rem;padding:15px 26px 5px 0;line-height:1.8}.download{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#23241e;border-radius:28px;padding:48px 56px;margin-top:30px}.download .eyebrow{margin-bottom:18px}.download p:not(.eyebrow){color:#bfc0b2;margin-top:20px}.download-state{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:230px}.download-state img{border-radius:22px;margin-bottom:9px}.download-state strong{font-size:1.2rem}.download-state>span{font-size:.88rem;color:var(--muted)}.download-state .availability{background:#3a3b30;color:#e7e7cf;padding:10px 20px;border-radius:100px;margin-top:9px}.footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px;padding:47px 0;color:#a6a699;font-size:.88rem}.footer .brand{color:var(--text);font-size:1rem}.skip-link{position:absolute;top:-100px;left:16px;padding:10px 20px;background:var(--accent);color:#111;z-index:10}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1400px){.hero{min-height:760px}}
@media(max-width:900px){.hero{gap:30px;min-height:600px}.hero-art{padding-bottom:70px}.note{left:-15px;font-size:1.05rem;padding:15px 20px}.feature-card{padding:25px}.card-heading{flex-wrap:wrap}.rhythm,.faq{gap:35px}.focus-visual{gap:16px;flex-wrap:wrap}.schedule-visual strong{font-size:1.8rem}.download{padding:38px}.footer{justify-content:flex-start}.footer>span{margin-left:auto}}
@media(max-width:650px){.wrap,.header{width:calc(100% - 40px)}.header{padding:20px 0;gap:15px}.brand{font-size:1.08rem;gap:8px}.header nav{gap:16px}.header nav>a:not(.nav-button){display:none}.nav-button{font-size:.88rem;padding:8px 13px}.hero{grid-template-columns:1fr;padding:50px 0 52px;gap:48px;min-height:auto}h1{font-size:clamp(2.2rem,8.7vw,3.4rem);letter-spacing:-.065em}.hero-description{font-size:1rem}.eyebrow{margin-bottom:20px}.actions{gap:10px;margin-top:27px}.button{padding:12px 18px;font-size:.88rem}.hero-art{max-width:400px;width:87%;margin:auto;padding-bottom:70px}.mascot-frame{border-radius:48% 48% 25px 25px}.note{left:-16px;bottom:36px;font-size:1.12rem}.art-caption{font-size:.8rem;right:0}.features,.rhythm,.faq{padding:50px 0}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:25px}.section-heading{margin-bottom:27px}h2{font-size:2rem}.rhythm,.faq{grid-template-columns:1fr;gap:12px}.timeline{margin-left:6px;margin-top:10px}.faq-list{margin-top:3px}.download{padding:32px 25px;display:block;margin-top:16px}.download-state{margin-top:35px;align-items:flex-start;min-width:0}.download-state img{width:64px}.footer{padding:35px 0;gap:16px}.footer .brand{width:100%}.footer>span{margin-left:0}.footer p{width:100%}.schedule-visual strong{font-size:2rem}.focus-visual{flex-wrap:nowrap}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}}

/* Real application screens: all five are visible without JavaScript. */
.actions .primary{gap:16px}.screens{padding:35px 0 75px;border-bottom:1px solid var(--line)}.screens-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.screens-heading .section-heading{margin-bottom:0}.screens-heading h2{font-size:clamp(1.8rem,3vw,2.6rem)}.preview-hint{color:var(--muted);font-size:.82rem;white-space:nowrap;padding-bottom:5px}.screen-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.screen-card{min-width:0}.screen-copy{min-height:157px;padding:0 2px 18px}.screen-number{display:block;font-size:.78rem;color:var(--accent);margin-bottom:9px;letter-spacing:.04em}.screen-copy h3{font-size:1.04rem;letter-spacing:-.02em}.screen-copy p{color:var(--muted);font-size:.84rem;line-height:1.75;margin-top:9px}.screen-preview{display:block;position:relative;border:5px solid #353631;border-radius:25px;overflow:hidden;background:#eeefed;box-shadow:0 14px 30px #0003;transition:transform .2s,border-color .2s}.screen-preview img{width:100%;height:auto;aspect-ratio:720/1521;object-fit:contain}.screen-preview:hover{border-color:#827956;transform:translateY(-5px)}.screen-expand{position:absolute;right:9px;top:9px;display:grid;place-items:center;width:29px;height:29px;border:1px solid #fff3;border-radius:50%;background:#171916d9;color:#f3d571;font-size:1.1rem}.screens-note{margin-top:24px;color:#a3a398;font-size:.8rem;line-height:1.8;max-width:78ch}.sync-card{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:45px}.sync-card .card-heading{justify-content:flex-start}.sync-card p{color:var(--muted);margin-top:11px;max-width:54ch}.device-visual{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center}.device-visual>div{border:1px solid #464637;border-radius:17px;padding:20px 12px;display:flex;flex-direction:column;align-items:center;background:#25251f}.device-visual>div>span{color:#c6c6b9;font-size:.9rem}.device-visual strong{color:var(--accent);font-size:2.2rem;font-weight:600;line-height:1.5;font-variant-numeric:tabular-nums}.device-visual small{display:block;font-size:.8rem;color:var(--muted);font-weight:400}.device-link{font-size:1.4rem;color:#a7a789}.device-visual>p{grid-column:1/-1;text-align:center;font-size:.8rem;margin:0}.screen-viewer{color:var(--text);background:#181a17;border:1px solid #44453c;border-radius:20px;padding:18px 22px;width:min(850px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 30px 90px #0009}.screen-viewer::backdrop{background:#060806e6;backdrop-filter:blur(8px)}.viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.viewer-bar h2{font-size:1rem;line-height:1.5;letter-spacing:0}.viewer-close,.viewer-arrow{display:grid;place-items:center;flex-shrink:0;background:#30332c;color:#f5f4ed;border:1px solid #515446;border-radius:50%;cursor:pointer;width:44px;height:44px;font-size:1.7rem;line-height:1}.viewer-close:hover,.viewer-arrow:hover{background:#484b3d}.viewer-stage{display:flex;align-items:center;justify-content:space-between;gap:16px}.viewer-stage img{display:block;min-width:0;width:auto;max-width:calc(100% - 120px);height:auto;max-height:calc(100dvh - 180px);border-radius:15px;object-fit:contain}.viewer-counter{font-size:.8rem;color:var(--muted);text-align:center;margin-top:12px}button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}body.viewer-open{overflow:hidden}
@media(max-width:1000px){.screen-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 2px 20px;gap:24px;scrollbar-color:#827956 #25251f;scrollbar-width:thin}.screen-card{flex:0 0 230px;scroll-snap-align:start}.screen-copy{min-height:142px}.screens-heading{display:block}.preview-hint{display:block;margin-top:16px}.sync-card{gap:25px}.header nav{gap:22px}}
@media(max-width:650px){.screens{padding:20px 0 48px}.screens-heading{margin-bottom:18px}.screen-gallery{gap:20px}.screen-card{flex-basis:min(78vw,290px)}.screen-copy{min-height:134px}.screen-copy h3{font-size:1.18rem}.screen-copy p{font-size:.9rem}.screen-preview{border-radius:29px}.screen-preview img{border-radius:23px}.screens-note{margin-top:15px}.header nav>a.nav-screens{display:block;font-size:.82rem}.header nav{gap:12px}.sync-card{grid-template-columns:1fr;gap:24px}.sync-card .card-heading{flex-wrap:wrap;gap:10px}.device-visual>div{padding:15px 10px}.screen-viewer{padding:14px 12px;border-radius:16px;width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.viewer-stage{gap:7px}.viewer-arrow{width:36px;height:44px;border-radius:12px}.viewer-stage img{max-width:calc(100% - 86px);max-height:calc(100dvh - 165px);border-radius:8px}.viewer-bar h2{font-size:.86rem}}
@media(prefers-reduced-motion:reduce){.screen-preview{transition:none}.screen-preview:hover{transform:none}}
@media(max-width:650px){.screens-heading h2 span{display:block}.viewer-stage{display:grid;grid-template-columns:1fr 1fr;gap:12px}.viewer-stage img{grid-column:1/-1;grid-row:1;justify-self:center;max-width:100%;max-height:calc(100dvh - 210px)}.viewer-arrow{justify-self:center;width:72px;height:40px;border-radius:100px}.viewer-counter{font-size:.75rem}}