:root{font-family:'Be Vietnam Pro',sans-serif;color:#294438;background:#f8faf6;font-synthesis:none;--green:#287658;--muted:#8a9787;--line:#e9eee5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #a8c890;outline-offset:6px}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.site-header{height:84px;background:#fff;border-bottom:1px solid #edf0e9}.header-inner{max-width:1160px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:35px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;line-height:1.1;font-weight:800;letter-spacing:1.4px}.brand-mark{width:40px;height:43px;border-radius:13px 13px 13px 4px;background:#2f7c5e;color:#e0edaf;display:grid;place-items:center}.brand-mark .icon{width:28px;height:28px;stroke-width:1.6}.brand-sub{display:block;font-size:9px;font-weight:500;letter-spacing:3.9px;margin-top:7px}nav{display:flex;align-items:center;gap:34px;margin-right:auto;margin-left:65px;height:100%;font-size:12px;color:#93a08d}nav a{height:100%;display:flex;align-items:center;position:relative}nav a.active{color:#2e7253;font-weight:550}nav a.active:after{content:'';height:3px;border-radius:4px 4px 0 0;position:absolute;bottom:0;left:10px;right:10px;background:#508e67}.header-right{display:flex;align-items:center;gap:20px}.demo-label{font-size:10px;color:#a1ab96;display:flex;align-items:center;gap:6px;white-space:nowrap}.demo-label i{width:5px;height:5px;border-radius:50%;background:#b2bd9e}.header-separator{height:23px;width:1px;background:#edf0e8}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:10px;font-weight:500}.profile-avatar{width:35px;height:35px;background:#f0e8d5;color:#9b8758;outline:1px solid #eee9db;outline-offset:3px}.peach{background:#f2e4d7;color:#ac886b}.sage{background:#e8eddb;color:#8c9b6d}.lilac{background:#ece5f3;color:#a28ab7}.pink{background:#f5e4e5;color:#bf9197}.sand{background:#f2ecd8;color:#ab9c64}.blue{background:#e5eef0;color:#8ba6ac}main{max-width:1160px;margin:auto;padding:33px 26px 0}.page-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:1.9px;color:#97a18d;font-weight:500;margin:0 0 10px}h1{font-size:33px;font-weight:600;letter-spacing:-1.2px;margin:0;line-height:1.4}h1>span:first-child{color:#67934a}.intro-sun{display:inline-block;font-size:35px;color:#dbc174;margin-left:13px;font-weight:400;vertical-align:middle}.intro-caption{font-size:12px;color:#97a18f;margin:9px 0 0;font-weight:400}.class-label{font-size:11px;color:#849078;display:flex;align-items:center;gap:9px;border:1px solid #e8ede1;background:#fff;padding:10px 13px;border-radius:9px}.class-label strong{font-size:10px;letter-spacing:.6px;font-weight:550;color:#687f53}.class-dot{height:6px;width:6px;background:#91b673;border-radius:50%}.class-label-divider{width:1px;height:13px;background:#e5ebdc;margin:0 2px}.journey-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;align-items:stretch}.daily-actions{display:grid;grid-template-rows:1fr 1fr;gap:18px}.action-card{border-radius:19px;padding:23px 25px 20px;position:relative;overflow:hidden;border:1px solid #eee9da;display:flex;flex-direction:column}.zoom-card{background:#faf5e6}.action-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;z-index:1}.action-icon{height:36px;width:36px;display:grid;place-items:center;border-radius:11px}.zoom-icon{background:#f2e8c9;color:#af9857}.action-icon .icon{height:21px;width:21px}.reward{display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:550;color:#a99751;padding:5px 9px;border:1px solid #ece2c4;border-radius:7px;background:#fffcf1}.reward>span:first-child{font-size:10px;font-weight:400;color:#b3a471}.reward .icon{width:12px;height:12px;margin-left:2px;stroke-width:1.5}.action-heading{display:flex;gap:12px;align-items:center}.action-card h2{font-size:20px;letter-spacing:-.65px;font-weight:550;margin:0;z-index:1}.today-label{font-size:8px;color:#b9a26a;border:1px solid #e9dfc1;padding:3px 6px;border-radius:5px;white-space:nowrap}.action-card p{font-size:10px;color:#a79973;margin:8px 0 17px;z-index:1}.action-card p>span{margin:0 5px;color:#c2b491}.demo-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 13px;border:1px solid #eadfbf;background:#fffdf6;border-radius:8px;color:#9a8548;font-size:11px;font-weight:500;min-height:37px;margin-top:auto;text-align:left;opacity:1;position:relative;z-index:1;cursor:default}.demo-button .icon{width:15px;height:15px;stroke-width:1.5}.card-decoration{position:absolute;right:22px;top:66px;color:#eee4c6;font-size:81px;line-height:1;font-weight:400;transform:rotate(13deg)}.homework-card{background:#f1edf7;border-color:#e9e2f0}.book-icon{background:#e8dff0;color:#ac94bb}.purple-reward{border-color:#e1d7ec;background:#f9f6fd;color:#a48bb7}.purple-reward>span:first-child{color:#af9cbd}.homework-card h2{color:#645471}.homework-card p{color:#a496ae}.homework-card p>span{color:#c0b4ca}.homework-button{border-color:#dfd4e9;background:#fdfaff;color:#a088b4}.homework-decoration{position:absolute;right:32px;top:63px;font-size:75px;line-height:1;color:#e4dbed;transform:rotate(-13deg)}.garden-card{background:#edf3e1;border:1px solid #e4ecd7;border-radius:21px;position:relative;overflow:hidden;display:flex;flex-direction:column;isolation:isolate;min-height:450px}.garden-card:before{content:'';position:absolute;width:690px;height:340px;left:50%;top:103px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,#f8fbe9 0%,#f2f7e6 38%,transparent 68%);z-index:-1}.garden-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:21px 24px 0}.garden-eyebrow{font-size:9px;font-weight:500;letter-spacing:1.3px;display:flex;align-items:center;gap:7px;color:#7e965c}.garden-eyebrow>.icon{width:16px;height:16px}.level-badge{font-size:8px;display:flex;gap:6px;align-items:center;padding:5px 8px;border:1px solid #dce6cd;background:#f5f8ec;border-radius:7px;color:#91a272}.level-badge>span{color:#b8c39f}.tree-scene{position:relative;display:grid;place-items:center;flex:1;min-height:286px}.health-tree{width:340px;height:298px;object-fit:contain;display:block;position:relative;z-index:1;filter:saturate(1.13);margin-top:-4px}.tree-owner{position:absolute;left:50%;bottom:15px;transform:translateX(-50%) rotate(-4deg);padding:7px 11px;display:flex;align-items:center;gap:5px;background:#fffef2;border:1px solid #fff;border-radius:8px;color:#9ba67c;font-size:8px;box-shadow:0 4px 9px #9fa87c09;z-index:2;white-space:nowrap}.tree-owner>.icon{width:12px;height:12px;stroke-width:1.5}.tree-orbit{position:absolute;border:1px solid #dee8cc;border-radius:50%;opacity:.65}.orbit-one{width:280px;height:280px;top:2px}.orbit-two{width:350px;height:350px;top:-33px;opacity:.28}.garden-spark{position:absolute;color:#b9c68b;font-size:28px}.spark-one{top:78px;left:15%}.spark-two{bottom:85px;right:16%;font-size:15px;color:#c1ca91}.tree-details{text-align:center;padding:0 30px 20px;position:relative;z-index:2}.tree-details h2{font-size:20px;font-weight:550;letter-spacing:-.6px;color:#536e3f;margin:2px 0 18px}.tree-progress-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#9bab82;margin-bottom:8px}.tree-progress-label strong{font-size:12px;color:#6c8e4c;font-weight:550}.tree-progress-label strong>span{font-size:9px;color:#a5b08b;font-weight:400}.progress-track{height:5px;background:#dfe9cd;border-radius:20px;overflow:hidden}.progress-track>span{display:block;height:100%;width:70%;border-radius:20px;background:#97b76b}.garden-footer{display:flex;justify-content:center;align-items:center;gap:7px;font-size:8px;color:#9aa982;border-top:1px solid #e1e9d3;padding:14px 15px;background:#f0f5e6}.garden-footer .icon{width:13px;height:13px;stroke-width:1.4}.journey-connector{width:22px;height:1px;background:#cedbb8;margin:0 6px;position:relative}.journey-connector:after{content:'';position:absolute;right:0;top:-2px;width:4px;height:4px;transform:rotate(-45deg);border-right:1px solid #cedbb8;border-bottom:1px solid #cedbb8}.students-panel{margin-top:25px;border:1px solid var(--line);background:#fff;border-radius:19px;overflow:hidden;scroll-margin-top:20px}.students-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 25px 20px}.students-title{display:flex;align-items:center;gap:9px}.students-title h2{font-size:17px;letter-spacing:-.4px;font-weight:550;margin:0}.student-count{font-size:9px;color:#a4ae97;background:#f2f5ec;border-radius:6px;padding:4px 6px;font-weight:450}.class-summary{display:flex;gap:19px;font-size:9px;color:#9aa58d}.class-summary>span{display:flex;align-items:center;gap:5px}.class-summary strong{font-weight:500;color:#82966a}.summary-dot{width:5px;height:5px;display:block;border-radius:50%;margin-right:1px}.summary-dot.green{background:#9bb686}.summary-dot.purple{background:#baa8cb}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:8px;letter-spacing:.7px;font-weight:450;color:#a1ac94;background:#fbfcf8;padding:12px 25px;border-top:1px solid #f1f4ed;border-bottom:1px solid #f1f4ed}th:first-child{width:28%}td{font-size:11px;padding:12px 25px;border-bottom:1px solid #f0f3ec}tr:last-child td{border-bottom:0}.my-row{background:#fcfdf9}.student{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:450}.you-label{font-size:8px;color:#a3ae92;border:1px solid #e8ecdf;border-radius:4px;padding:2px 5px;margin-left:5px}.attendance-status,.homework-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#85a36f}.attendance-status .icon,.homework-status .icon{width:13px;height:13px;stroke-width:1.4}.homework-status{color:#af98be}.pending-status{display:inline-flex;align-items:center;gap:7px;color:#b8beb0;font-size:10px}.pending-status>span{width:4px;height:4px;display:block;border-radius:50%;background:#c9cebf;margin-left:4px;margin-right:3px}.score{font-size:12px;font-weight:500;color:#839e61;display:inline-flex;align-items:center;gap:6px}.score .icon{width:12px;height:12px;color:#b2c396;stroke-width:1.4}.tree-status{display:inline-flex;align-items:center;gap:8px;color:#99a887;font-size:10px}.mini-tree{font-size:21px;line-height:1.2}.young{color:#acb69d}.young .mini-tree{font-size:18px}footer{padding:23px 2px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;color:#a6af9a}footer>span:first-child{display:flex;gap:7px;align-items:center}.footer-leaf>.icon{width:12px;height:12px;color:#a4b78b}footer>span:last-child{font-size:8px;color:#b5bdab}
@media(min-width:1500px){.header-inner,main{max-width:1240px}.journey-layout{grid-template-columns:1fr 1.35fr}.garden-card{min-height:480px}.health-tree{width:375px;height:325px}.action-card{padding:26px 28px 23px}.action-card h2{font-size:22px}.action-card p{font-size:12px}.demo-button{min-height:41px;font-size:12px}.action-card-top{margin-bottom:17px}.tree-details h2{font-size:22px}.tree-progress-label{font-size:10px}.tree-owner{bottom:18px;font-size:9px}.garden-footer{font-size:9px}.garden-eyebrow{font-size:10px}.level-badge{font-size:9px}.tree-orbit.orbit-one{width:300px;height:300px}.tree-orbit.orbit-two{width:370px;height:370px}.table-scroll td{font-size:12px;padding-top:14px;padding-bottom:14px}.student{font-size:12px}.attendance-status,.homework-status,.pending-status,.tree-status{font-size:11px}th{font-size:9px}}
@media(max-width:1050px){.header-inner,main{padding-left:30px;padding-right:30px}nav{margin-left:35px;gap:25px}.journey-layout{gap:20px;grid-template-columns:1fr 1.15fr}.action-card{padding:22px}.garden-topline{padding-left:20px;padding-right:20px}.garden-eyebrow{font-size:8px;letter-spacing:1px}.garden-topline .level-badge{font-size:7px}.tree-details{padding-left:24px;padding-right:24px}td,th{padding-left:21px;padding-right:21px}.class-summary{gap:14px}.action-card h2{font-size:19px}.today-label{font-size:7px}.tree-progress-label{font-size:8px}.health-tree{width:320px;height:290px}.students-heading{padding-left:22px;padding-right:22px}}
@media(max-width:790px){.site-header{height:74px}.header-inner,main{padding-left:24px;padding-right:24px}.brand{font-size:17px;gap:9px}.brand-mark{width:36px;height:39px}.brand-sub{font-size:8px;letter-spacing:3.1px}.header-inner{gap:20px}nav{margin-left:auto;gap:22px;font-size:11px}.header-right{gap:14px}.header-separator{display:none}.demo-label{font-size:8px}.profile-avatar{width:29px;height:29px;font-size:9px}.page-intro{margin-bottom:24px}h1{font-size:29px}.intro-sun{font-size:30px}.eyebrow{font-size:8px}.intro-caption{font-size:11px}.class-label{font-size:9px;padding:9px 11px}.journey-layout{grid-template-columns:1fr 1.12fr;gap:17px}.action-card{padding:19px}.action-card h2{font-size:18px}.action-card p{font-size:9px}.today-label{display:none}.action-card-top{margin-bottom:15px}.reward{font-size:13px;padding:4px 6px}.reward>span:first-child{font-size:8px}.reward .icon{width:10px;height:10px}.action-icon{width:32px;height:32px}.action-icon .icon{width:18px;height:18px}.demo-button{font-size:10px;padding:10px 11px}.garden-card{min-height:431px}.garden-topline{padding:19px 17px 0}.garden-eyebrow{font-size:7px;gap:5px;letter-spacing:.7px}.garden-eyebrow>.icon{width:13px;height:13px}.garden-topline .level-badge{font-size:6px;padding:5px 6px;gap:4px}.health-tree{width:285px;height:271px}.tree-scene{min-height:271px}.tree-details{padding:0 20px 19px}.tree-details h2{font-size:18px;margin-top:0}.tree-owner{font-size:7px;bottom:12px;padding:6px 9px}.orbit-one{width:235px;height:235px;top:16px}.orbit-two{width:300px;height:300px;top:-16px}.spark-one{left:9%;top:77px}.spark-two{right:9%;bottom:80px}.tree-progress-label{font-size:7px;gap:6px}.tree-progress-label strong{font-size:11px}.tree-progress-label strong>span{font-size:8px}.garden-footer{gap:5px;font-size:7px;padding:13px 10px}.journey-connector{width:14px;margin:0 3px}.garden-footer .icon{width:12px;height:12px}th{font-size:7px;letter-spacing:.4px}td,th{padding-left:17px;padding-right:17px}.student{gap:8px;font-size:10px}.student .avatar{height:29px;width:29px;font-size:9px}.attendance-status,.homework-status,.pending-status,.tree-status{font-size:9px}.tree-status{gap:5px}.mini-tree{font-size:19px}.score{font-size:11px}.score .icon{width:11px;height:11px}.you-label{font-size:7px;margin-left:3px}.attendance-status,.homework-status{gap:4px}.attendance-status .icon,.homework-status .icon{width:12px;height:12px}.students-title h2{font-size:16px}.class-summary{font-size:8px}.students-heading{padding-top:20px;padding-bottom:18px}}
@media(max-width:640px){.site-header{height:71px}.header-inner{padding:0 21px}.brand{font-size:17px}.header-inner nav{display:none}.header-right{gap:16px}.demo-label{font-size:8px}.profile-avatar{width:29px;height:29px}main{padding:27px 20px 0}.page-intro{align-items:flex-start;margin-bottom:22px}.eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:10px}h1{font-size:29px;letter-spacing:-1.25px}.intro-sun{font-size:29px;margin-left:10px}.intro-caption{font-size:10px;margin-top:8px}.class-label{padding:7px 9px;font-size:8px;gap:6px;margin-top:3px}.class-label{font-size:0;gap:0}.class-dot,.class-label-divider{display:none}.class-label strong{font-size:9px}.journey-layout{grid-template-columns:1fr;gap:17px}.garden-card{grid-row:1;min-height:450px}.garden-topline{padding:22px 21px 0}.garden-eyebrow{font-size:9px;letter-spacing:1.1px;gap:6px}.garden-eyebrow>.icon{width:15px;height:15px}.garden-topline .level-badge{font-size:8px;gap:5px;padding:5px 7px}.health-tree{width:335px;height:295px;max-width:100%}.tree-scene{min-height:291px}.tree-owner{font-size:8px;padding:7px 10px;bottom:13px}.tree-details{padding:0 24px 20px}.tree-details h2{font-size:21px;margin-bottom:17px}.tree-progress-label{font-size:9px}.tree-progress-label strong{font-size:12px}.tree-progress-label strong>span{font-size:9px}.garden-footer{font-size:9px;gap:7px;padding:15px}.garden-footer .icon{width:14px;height:14px}.journey-connector{width:20px;margin:0 5px}.orbit-one{width:270px;height:270px;top:3px}.orbit-two{width:335px;height:335px;top:-28px}.spark-one{left:12%;top:82px}.spark-two{right:13%;bottom:85px}.daily-actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr;gap:14px}.action-card{padding:17px 16px 16px;border-radius:15px;min-height:206px}.action-icon{width:31px;height:31px;border-radius:9px}.action-icon .icon{width:18px;height:18px}.reward{font-size:12px;padding:4px 6px;gap:3px;border-radius:6px}.reward>span:first-child{font-size:7px}.reward .icon{display:none}.action-card-top{margin-bottom:16px}.action-card h2{font-size:17px;letter-spacing:-.7px}.action-card p{font-size:8px;line-height:1.8;margin:8px 0 15px}.action-card p>span{margin:0 2px}.demo-button{font-size:9px;padding:9px 10px;min-height:35px;gap:3px}.demo-button .icon{width:13px;height:13px}.card-decoration{font-size:57px;right:-11px;top:60px;opacity:.65}.homework-decoration{font-size:55px;right:-3px;top:60px;opacity:.65}.students-panel{margin-top:22px;border-radius:16px}.students-heading{padding:20px 18px 17px;gap:10px}.students-title h2{font-size:16px}.student-count{font-size:8px}.class-summary{gap:11px;font-size:8px}.class-summary>span{gap:4px}.summary-dot{width:4px;height:4px}.table-scroll table{min-width:570px}.table-scroll th{padding:12px 17px;font-size:7px}.table-scroll td{padding:13px 17px;font-size:10px}.student{font-size:10px}.attendance-status,.homework-status,.pending-status,.tree-status{font-size:9px}.table-scroll th:first-child{width:27%}.you-label{font-size:7px}.student .avatar{width:29px;height:29px}footer{font-size:8px;padding-top:20px;gap:10px}footer>span:last-child{font-size:7px}.footer-leaf>.icon{width:11px;height:11px}}
@media(max-width:370px){main{padding-left:16px;padding-right:16px}.header-inner{padding-left:17px;padding-right:17px}.demo-label{font-size:7px}.header-right{gap:13px}h1{font-size:26px}.intro-sun{font-size:26px;margin-left:8px}.eyebrow{font-size:6px;letter-spacing:1.4px}.intro-caption{font-size:9px}.action-card{padding:15px 13px;min-height:200px}.action-card h2{font-size:16px}.demo-button{font-size:8px;padding-left:8px;padding-right:8px}.action-card p{font-size:7px}.daily-actions{gap:12px}.garden-eyebrow{font-size:8px}.garden-topline .level-badge{font-size:7px}.garden-topline{padding-left:19px;padding-right:19px}.tree-progress-label{font-size:8px}.class-summary{font-size:7px;gap:9px}.students-heading{padding-left:16px;padding-right:16px}footer{font-size:7px}footer>span:last-child{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep the presentation easy to read at a glance. */
.action-card h2{font-size:22px}.action-card p{font-size:12px}.demo-button{font-size:12px}.garden-eyebrow{font-size:10px}.level-badge{font-size:10px}.tree-owner{font-size:10px}.tree-progress-label{font-size:10px}.garden-footer{font-size:10px}.tree-status,.attendance-status,.homework-status,.pending-status{font-size:12px}.student{font-size:13px}th{font-size:10px;letter-spacing:.5px}.class-summary{font-size:11px}.health-tree{width:400px;height:325px}.tree-scene{min-height:313px}.attendance-status{color:#78975f}.homework-status{color:#a087b1}.pending-status{color:#a2ab96}.tree-status{color:#8b9e78}
@media(max-width:790px){.action-card h2{font-size:19px}.action-card p{font-size:10px}.demo-button{font-size:11px}.garden-eyebrow{font-size:8px}.level-badge{font-size:8px}.tree-owner{font-size:8px}.tree-progress-label{font-size:9px}.garden-footer{font-size:8px}.tree-status,.attendance-status,.homework-status,.pending-status{font-size:11px}.student{font-size:12px}th{font-size:9px}.class-summary{font-size:10px}.health-tree{width:300px;height:285px}.tree-scene{min-height:285px}.table-scroll table{min-width:620px}}
@media(max-width:640px){.garden-eyebrow{font-size:10px}.tree-owner{font-size:9px}.garden-footer{font-size:9px}.health-tree{width:335px;height:295px}.tree-scene{min-height:291px}.action-card h2{font-size:17px}.action-card p{font-size:8px}.demo-button{font-size:9px}.class-summary{font-size:9px}.student{font-size:11px}.table-scroll th{font-size:9px}.tree-status,.attendance-status,.homework-status,.pending-status{font-size:10px}.students-title h2{font-size:17px}}
@media(max-width:370px){.action-card h2{font-size:16px}.action-card p{font-size:7px}.demo-button{font-size:8px}.garden-eyebrow{font-size:9px}.class-summary{font-size:8px}}