:root{font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#203a2c;background:#fcfdf9;font-synthesis:none;font-weight:400;--green: #326b50;--muted: #718175;--line: #dee8dd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}svg{width:24px;height:24px;flex-shrink:0}a:focus-visible,button:focus-visible{outline:3px solid #d5a951;outline-offset:5px}.container{width:min(1200px,calc(100% - 64px));margin:auto}.site-header{background:#fcfdf9ec;position:sticky;top:0;z-index:20;border-bottom:1px solid #e6ede4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:10px;align-items:center;font-size:21px;font-weight:800;white-space:nowrap}.brand-icon{color:var(--green);display:flex}.brand-icon svg{width:34px;height:34px}.nav-links{display:flex;gap:36px;font-size:14px}.nav-links a:hover,.text-link:hover,.site-footer a:hover{color:var(--green)}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:13px 23px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:9px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#285740;transform:translateY(-2px)}.button.compact{min-height:40px;padding:9px 17px;font-size:13px}.button.compact svg{width:18px;height:18px}.button.secondary{background:transparent;color:var(--green)}.button.secondary:hover{background:#e7efe5}.hero{background:radial-gradient(ellipse at 85% 25%,#dfebdb 0,transparent 52%),linear-gradient(110deg,#f1f6ec,#f8faf3);overflow:hidden}.hero-grid{min-height:620px;display:grid;grid-template-columns:1fr 1.12fr;gap:38px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:1px;color:var(--green)}.eyebrow>span{width:7px;height:7px;background:#80a47a;border-radius:50%}h1{font-size:clamp(36px,3.5vw,52px);line-height:1.32;letter-spacing:-1.5px;margin:22px 0}h1>span{color:#81a27a}.hero-copy>p{font-size:17px;color:#5e7162;line-height:1.9}.hero-buttons{display:flex;gap:12px;margin-top:30px}.hero-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-top:21px}.hero-note svg{width:17px;height:17px}.hero-note>span{padding:0 3px}.hero-product{height:420px;position:relative;display:flex;align-items:center}.product-orbit{width:420px;height:420px;background:#e0ebd9;border-radius:50%;position:absolute;right:0;top:-8px}.monitor{width:100%;position:relative}.monitor-screen{background:#263c31;border-radius:16px;padding:10px;box-shadow:0 24px 50px #36513922;border:2px solid #607369}.monitor-neck{width:66px;height:32px;background:linear-gradient(90deg,#809087,#bac4bc,#809087);margin:auto}.monitor-foot{width:160px;height:9px;border-radius:50% 50% 4px 4px;background:#657b6c;margin:auto}.sample-board{background:#f6f9f1;border-radius:8px;padding:17px;font-size:10px}.sample-board header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sample-board header strong{display:block;font-size:20px;margin-top:4px}.sample-board header small{display:block;color:#718175;font-size:9px}.board-clock{text-align:right;font-size:20px;font-weight:700}.board-clock small{margin-top:5px;font-weight:400}.board-status{padding:7px 8px;background:#e6efdf;border-radius:4px;color:#477053;font-size:8px;margin-bottom:12px;display:flex;align-items:center;gap:5px}.board-status>span:first-child{width:4px;height:4px;border-radius:50%;background:#4f8460}.status-right{margin-left:auto}.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.board-grid section{padding:10px;background:#fff;border:1px solid #e5ebdf;border-radius:8px}.board-grid h4{display:flex;align-items:center;gap:5px;margin:0 0 9px;font-size:12px}.board-grid h4 svg{width:15px;height:15px;color:#508363}.lessons{display:flex;gap:4px}.lessons>div{background:#f0f4eb;flex:1;text-align:center;padding:6px 2px;border-radius:4px}.lessons small{display:block;font-size:7px;color:#809084}.lessons b{display:block;margin:4px 0;font-size:11px}.homework p{font-size:9px;margin:0 0 6px;display:flex;align-items:center;gap:5px}.homework em{font-style:normal;background:#faf0dd;color:#9d7a37;border-radius:4px;padding:3px 5px;white-space:nowrap}.homework p:nth-child(2) em{background:#e8f1e1;color:#63835b}.homework p:nth-child(3) em{background:#e8effa;color:#6482a4}.duty-names{font-size:14px;margin:9px 0}.board-muted{color:#819083;font-size:8px;line-height:1.7;margin:5px 0}.notice{font-size:10px;line-height:1.8}.sample-board footer{font-size:8px;color:#7a8b7b;margin-top:12px;text-align:center}.phone{width:146px;position:absolute;bottom:-5px;left:-30px;background:#273d31;border:2px solid #7d9080;border-radius:24px;padding:5px;box-shadow:0 16px 28px #263d3324;overflow:hidden}.phone-notch{position:absolute;width:48px;height:9px;background:#273d31;border-radius:0 0 8px 8px;top:4px;left:50%;transform:translate(-50%);z-index:1}.sample-board.mobile{padding:21px 8px 9px;border-radius:19px}.mobile header{margin-bottom:8px}.mobile header strong{font-size:11px}.mobile header small{font-size:6px}.mobile .board-clock{display:none}.mobile .board-status{font-size:6px;padding:4px}.mobile .status-right{display:none}.mobile .board-grid{grid-template-columns:1fr;gap:5px}.mobile .board-grid section{padding:6px}.mobile .board-grid h4{font-size:9px;margin:0 0 5px}.mobile .board-grid h4 svg{width:11px;height:11px}.mobile .lessons b{font-size:8px}.mobile .lessons small{font-size:5px}.mobile .homework p{font-size:6px}.mobile .homework em{padding:2px}.mobile .duty-names{font-size:9px;margin:5px 0}.mobile .board-muted{font-size:6px}.mobile .notice{font-size:7px;margin:4px 0}.mobile footer{font-size:6px}.phone-actions{display:flex;gap:4px;margin-top:8px}.phone-actions span{flex:1;background:#326b50;color:#fff;padding:5px 1px;text-align:center;border-radius:4px;font-size:6px}.phone-actions svg{height:8px;width:8px;vertical-align:middle;margin-right:3px}.sync-badge{position:absolute;right:18px;bottom:8px;display:flex;align-items:center;gap:7px;font-size:11px;background:#fff;padding:12px 15px;border:1px solid #e0e7d9;border-radius:30px;box-shadow:0 6px 24px #46684410}.sync-badge svg{width:17px;height:17px;color:var(--green)}.section{padding-top:84px;padding-bottom:84px}.section-heading{text-align:center;margin-bottom:38px}.section-heading h2{font-size:31px;margin:12px 0 13px;letter-spacing:-.6px}.section-heading p{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{display:flex;gap:18px;padding:27px 22px;border:1px solid var(--line);border-radius:14px;background:#fff}.feature-icon{width:46px;height:46px;border-radius:12px;background:#eef4e9;display:flex;align-items:center;justify-content:center;color:var(--green);flex-shrink:0}.feature-icon svg{width:27px;height:27px}.feature-card h3{font-size:17px;margin:0 0 9px}.feature-card b{font-size:12px;color:#526c58;font-weight:500}.feature-card p{font-size:11px;line-height:1.8;color:#819083;margin:8px 0 0}.showcase{background:#f1f6ed}.showcase-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.screen-card{background:#fff;border:1px solid #e0e8dc;border-radius:15px;overflow:hidden}.screen-title{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e5ebe0}.screen-title>span{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700}.screen-title svg{color:var(--green);width:20px;height:20px}.screen-title small{color:#7c8d7f;font-size:11px}.desktop-stage{height:350px;display:flex;align-items:center;padding:28px;background:linear-gradient(145deg,#e3eddb,#f5f7ee)}.desktop-stage>.sample-board{width:100%;border:7px solid #405c47;box-shadow:0 14px 25px #42603517}.desktop-stage img{width:100%;max-height:100%;object-fit:contain}.mobile-stage{height:350px;display:flex;justify-content:center;align-items:center;gap:35px;background:linear-gradient(145deg,#eaf1e2,#f8f9f4)}.mobile-stage>img{max-width:65%;height:90%;object-fit:contain}.showcase-phone{position:relative;bottom:auto;left:auto;width:135px;flex-shrink:0}.mobile-labels{display:flex;flex-direction:column;gap:22px;font-size:12px;color:#526d58}.mobile-labels span{display:flex;align-items:center;gap:10px}.mobile-labels svg{width:20px;height:20px;color:var(--green)}.screen-card>p{font-size:12px;color:#758678;padding:0 22px;line-height:1.8;margin:15px 0}.sample-caption{text-align:center;color:#89968a;font-size:11px;margin:20px 0 0}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.download-card{display:flex;align-items:flex-start;gap:24px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:32px}.download-icon{width:58px;height:58px;background:#eff5e9;border-radius:13px;color:var(--green);display:grid;place-items:center;flex-shrink:0;margin-top:28px}.download-icon svg{width:33px;height:33px}.tag{font-size:11px;color:var(--green);background:#edf4e9;padding:4px 9px;border-radius:4px}.download-card h3{font-size:23px;margin:15px 0 12px}.download-card p{font-size:13px;color:#748577;line-height:1.85}.release-info{font-size:11px;color:#829085;display:flex;gap:12px;margin:18px 0 12px}.download-card>div>small{display:block;font-size:10px;color:#8a968b;line-height:1.8;margin-top:12px}.unavailable{background:#e3ebe0;color:#6d816e;border-color:#e3ebe0;cursor:default}.unavailable:hover{background:#e3ebe0;transform:none}.mini-card{align-items:center;justify-content:space-between}.qr-container{width:150px;text-align:center;flex-shrink:0}.qr-container>img{width:150px;height:150px;object-fit:contain}.qr-placeholder{height:150px;border:1px dashed #b6c9b2;border-radius:10px;background:#fafcf7;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px;gap:10px;color:#7e9380}.qr-placeholder svg{width:32px;height:32px}.qr-placeholder strong{font-size:12px;font-weight:500}.qr-placeholder small{font-size:10px;line-height:1.8}.qr-container>small{font-size:10px;color:#8a978b;display:block;margin-top:11px}.text-link{font-size:12px;color:var(--green);display:inline-flex;align-items:center;gap:7px;margin-top:9px}.text-link svg{width:16px;height:16px}.guide{background:#eff5e9;padding:52px 0 57px}.guide h2{font-size:28px}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:0;margin:0}.steps li{display:flex;align-items:center;gap:12px;position:relative}.step-number{font-size:13px;font-weight:700;color:#64846a;align-self:flex-start}.steps li>svg{color:var(--green);width:26px;height:26px}.steps h3{font-size:14px;margin:0 0 8px}.steps p{font-size:10px;color:#7c8c7e;line-height:1.8;margin:0}.site-footer{padding-top:30px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-footer .brand{font-size:17px}.site-footer .brand svg{width:27px;height:27px}.footer-caption{font-size:11px;color:#8b978c}.site-footer>div{display:flex;gap:22px;font-size:11px;color:#78867b}@media(min-width:1500px){.hero-grid{min-height:670px}}@media(max-width:1000px){.hero-grid{grid-template-columns:1fr 1fr;gap:22px}.hero-product{height:370px}.phone{width:120px;left:-8px;bottom:-5px}.monitor-screen>.sample-board{padding:10px}.hero-copy>p{font-size:14px}.hero-buttons{gap:8px}.hero-buttons .button{font-size:12px;padding:12px}.feature-grid{grid-template-columns:repeat(2,1fr)}.download-card{padding:24px;gap:15px}.download-icon{display:none}.qr-container{width:125px}.qr-container>img{width:125px;height:125px}.qr-placeholder{height:125px}.mobile-stage{gap:18px}.desktop-stage{padding:15px}.steps{gap:14px}.steps li{gap:7px}.product-orbit{width:320px;height:320px}.sync-badge{bottom:-30px;font-size:9px}.footer-caption{display:none}}@media(max-width:700px){.container{width:calc(100% - 36px)}nav{height:68px;gap:10px}.brand{font-size:17px}.brand-icon svg{width:27px;height:27px}.nav-links{display:none}.button.compact{font-size:11px;padding:8px 11px}.hero-grid{grid-template-columns:1fr;gap:20px;padding-top:42px;padding-bottom:48px}.hero-copy{text-align:center}h1{font-size:38px;letter-spacing:-1px;margin:18px 0}.hero-copy>p{font-size:14px}.hero-buttons,.hero-note{justify-content:center}.hero-buttons .button{font-size:13px;padding:12px 16px}.hero-note{font-size:10px;gap:5px}.hero-product{height:340px;width:min(470px,95%);margin:0 auto}.phone{width:125px;left:-5px;bottom:-4px}.sync-badge{bottom:-19px;right:0;font-size:9px;padding:8px 12px}.section{padding-top:50px;padding-bottom:50px}.section-heading{margin-bottom:25px}.section-heading h2{font-size:25px}.section-heading p{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-card{padding:22px;gap:20px}.feature-card p{font-size:12px}.showcase-grid,.download-grid{grid-template-columns:1fr;gap:18px}.desktop-stage{height:290px;padding:20px}.mobile-stage{height:340px;gap:38px}.download-card{padding:27px}.download-icon{display:grid;width:45px;height:45px}.download-icon svg{width:26px;height:26px}.download-card h3{font-size:21px}.mini-card{gap:18px}.qr-container{width:125px}.guide{padding:38px 0}.steps{grid-template-columns:1fr 1fr;gap:28px 15px}.steps li{align-items:flex-start;gap:8px}.steps p{font-size:11px}.steps h3{font-size:13px}.steps li>svg{width:22px;height:22px}.site-footer{flex-wrap:wrap;gap:18px;padding-top:25px;padding-bottom:25px}.site-footer>div{gap:18px}.board-grid h4{font-size:10px}.sample-board header strong{font-size:17px}.homework p{font-size:8px}.board-clock{font-size:17px}.sample-board{padding:10px}.lessons b{font-size:9px}.lessons small{font-size:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}@media(max-width:700px){.desktop-stage{height:auto;min-height:290px}.hero-product>.phone{transform:scale(.78);transform-origin:bottom left}.hero-product .monitor-screen>.sample-board{padding:8px}.hero-product .board-grid section{padding:7px}.hero-product .notice{font-size:8px}}.showcase-phone{transform:scale(.75);transform-origin:center}.mobile-stage{overflow:hidden}@media(max-width:700px){.hero-product{height:420px;margin-top:25px}}.brand-icon img{width:34px;height:34px;object-fit:contain}.site-footer .brand-icon img{width:27px;height:27px}@media(max-width:700px){.brand-icon img{width:29px;height:29px}}.mini-card{flex-direction:column;align-items:stretch}.qr-container{width:100%;display:flex;align-items:center;flex-direction:column}.qr-container>img{width:360px;height:auto;max-width:100%;image-rendering:pixelated}.qr-expand{border:0;background:transparent;cursor:pointer;padding:8px;font:inherit;font-size:13px}.qr-dialog{width:min(640px,calc(100vw - 24px));max-height:90vh;border:1px solid #dce6d8;border-radius:18px;padding:24px;text-align:center;color:#203a2c;background:#fff}.qr-dialog::backdrop{background:#15291ec0}.qr-dialog h3{margin:8px 0 0}.qr-dialog img{display:block;width:100%;height:auto;image-rendering:pixelated}.qr-dialog p{font-size:12px;color:#718175}.qr-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#326b50;font-size:30px;cursor:pointer}@media(max-width:700px){.qr-container>img{width:100%}.qr-dialog{padding:16px}}.download-grid{align-items:stretch}.mini-card{flex-direction:row;align-items:center;gap:20px}.mini-card>div:first-child{flex:1;min-width:0}.qr-container{width:220px;flex:0 0 220px}.qr-scan-frame{position:relative;width:220px;height:220px;overflow:hidden;border:1px solid #e0e8dc;border-radius:12px;background:#fff}.qr-scan-frame img{position:absolute;width:400px;height:400px;max-width:none;left:-90px;top:-52px;image-rendering:pixelated}.qr-container>small{font-size:10px;line-height:1.8}.qr-expand{font-size:12px;margin-top:6px}.download-card{min-height:330px}@media(min-width:701px)and (max-width:1100px){.download-grid{grid-template-columns:1fr}.download-card{min-height:300px}.mini-card{justify-content:space-between}.mini-card>div:first-child{max-width:480px}}@media(max-width:700px){.mini-card{flex-direction:column;align-items:stretch;gap:20px}.qr-container{width:220px;flex-basis:auto;align-self:center}.download-card{min-height:0}}