@font-face{font-family:TO Poppins;src:url('/fonts/poppins-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:TO Poppins;src:url('/fonts/poppins-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--green:#23634e;--green-dark:#154c3a;--accent:#55aa86;--ink:#243e35;--muted:#5d7068;--line:#dce5df;--paper:#f5f7f4;--soft:#e9f2ec;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 'TO Poppins',system-ui,sans-serif}a{color:var(--green-dark);text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}:focus-visible{outline:3px solid #2e705b;outline-offset:4px}button:disabled{cursor:wait;opacity:.65}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.3;letter-spacing:-.035em}h2{font-size:24px}h3{font-size:18px}p{color:var(--muted)}[hidden]{display:none!important}.site-header{height:100px;padding:0 max(32px,calc((100vw - 1200px)/2));background:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:25px;letter-spacing:-1px;line-height:1.2}.brand-caption{display:block;font-size:8px;letter-spacing:1.55px;margin-top:7px;color:var(--muted)}.brand-mark{display:flex;align-items:center;gap:3px;height:44px}.brand-mark i{display:block;width:9px;height:26px;background:var(--accent);border-radius:9px}.brand-mark i:nth-child(2){height:42px;background:var(--green)}.brand-mark i:last-child{height:33px;background:#80b99c}.header-right{display:flex;align-items:center;gap:28px}.site-link{font-size:12px;text-decoration:none;display:flex;gap:8px;align-items:center;min-height:44px}.site-link svg{width:16px}.account-chip{border:1px solid var(--line);border-radius:40px;display:flex;align-items:center;gap:10px;padding:9px 15px;font-size:12px;text-decoration:none;min-height:44px}.account-chip svg{width:19px}.prototype-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#edf3ed;border-bottom:1px solid var(--line);padding:10px max(32px,calc((100vw - 1200px)/2));font-size:11px;color:#42594d}.prototype-banner>a{display:flex;gap:6px;align-items:center;margin-left:auto;min-height:32px;font-weight:700}.prototype-banner svg{width:15px}.badge{display:inline-flex;align-items:center;align-self:flex-start;font-size:10px;line-height:1.4;letter-spacing:.025em;border-radius:6px;background:var(--soft);color:#335e49;padding:5px 8px;font-weight:700}.panel-container{max-width:1264px;padding:42px 32px 0;margin:auto}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--green);margin-bottom:10px}.panel-heading h1{font-size:36px;letter-spacing:-1.5px;margin:0}.heading-dot{color:var(--accent)}.panel-context{font-size:11px;display:flex;align-items:center;gap:8px;color:var(--muted)}.panel-context svg{width:17px}.panel-tabs{display:flex;gap:6px;background:#e9eeea;border:1px solid #dde5dd;border-radius:14px;padding:6px;margin-bottom:30px;overflow-x:auto;scrollbar-width:thin;scroll-padding:10px}.panel-tab{position:relative;display:flex;justify-content:center;align-items:center;gap:8px;min-height:53px;flex:1;white-space:nowrap;text-decoration:none;font-size:12px;color:#51665a;border:1px solid transparent;border-radius:10px;padding:10px 13px}.panel-tab svg{width:19px;height:19px}.panel-tab:hover{background:#f9fbf8;color:var(--green-dark)}.panel-tab.active{background:#fff;color:var(--green-dark);font-weight:700;border-color:#d5e0d5;box-shadow:0 2px 4px #193c2810}.panel-tab.active:after{content:'';position:absolute;bottom:5px;left:35%;right:35%;height:3px;background:var(--accent);border-radius:4px}.upcoming-dot{width:5px;height:5px;border-radius:50%;background:#78927b}.panel-content{outline:none!important;min-height:400px}.welcome{position:relative;background:#e5efe7;border:1px solid #d6e4d7;border-radius:var(--radius);padding:38px 40px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;min-height:300px}.welcome>div:first-child{z-index:1;max-width:650px}.welcome h2{font-size:31px;max-width:570px;margin:10px 0 14px}.welcome p:not(.eyebrow){font-size:13px;color:#4b6656;line-height:1.9;margin-bottom:22px}.button,button{min-height:46px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:11px 17px;border:1px solid var(--green);font-size:12px;cursor:pointer;text-decoration:none;background:var(--green);color:white;font-weight:700}.button svg{width:17px}.primary{background:var(--green);color:#fff}.primary:hover,button:hover{background:var(--green-dark)}.secondary{background:#fff;color:var(--green);border-color:#c2d3c6}.secondary:hover{background:var(--soft)}.welcome-art{position:relative;width:260px;height:210px;flex-shrink:0;margin-left:20px}.art-orbit{position:absolute;width:205px;height:205px;border:1px solid #bfd5c2;border-radius:50%;top:5px;left:25px}.art-orbit.second{width:155px;height:155px;left:50px;top:30px}.art-core{position:absolute;left:91px;top:70px;width:74px;height:74px;background:#fff;border:1px solid #c3d9c7;box-shadow:0 12px 28px #244b3012;border-radius:23px;display:grid;place-items:center;color:var(--green)}.art-core svg{width:32px;height:32px}.art-leaf{position:absolute;width:64px;height:90px;border-radius:70px 0 70px 0;background:#77aa89;transform:rotate(-20deg);left:15px;top:72px}.leaf-two{left:170px;top:35px;transform:rotate(25deg);background:#b2cbb3;width:55px;height:77px}.leaf-three{left:150px;top:142px;transform:rotate(70deg);width:48px;height:65px;background:#4e8a66}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:33px 0 19px}.section-heading h2{font-size:20px;margin-bottom:5px}.section-heading p{font-size:12px;margin:0}.quiet{color:var(--muted);font-size:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;text-decoration:none;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}.feature-card:hover{border-color:#7ca98a;box-shadow:0 6px 18px #26472f0b}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:10px}.feature-icon{display:grid;place-items:center;background:#eef4ed;color:var(--green);width:46px;height:46px;border-radius:13px;flex-shrink:0}.feature-card h3{font-size:17px;margin:0 0 12px}.feature-card p{font-size:12px;line-height:1.85;margin-bottom:22px}.card-action{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;border-top:1px solid #e9eee8;padding-top:16px;margin-top:auto}.card-action svg{width:17px}.future-strip{display:flex;gap:20px;align-items:center;border:1px solid var(--line);border-radius:14px;background:#f0f3ed;padding:25px 28px;margin-top:24px}.future-strip h2{font-size:17px;margin:5px 0 7px}.future-strip p{font-size:12px;margin:0}.future-strip .eyebrow{font-size:9px}.future-strip>.button{margin-left:auto;flex-shrink:0;font-size:11px}.help-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:27px 0;gap:12px}.help-row>span,.help-row>a{display:flex;gap:10px;align-items:center}.help-row svg{width:17px}.panel-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0 27px;color:var(--muted);font-size:10px}.panel-footer a{color:inherit}.skip-link{position:fixed;top:-100px;left:20px;background:#fff;padding:15px;z-index:10}.skip-link:focus{top:10px}.content-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;margin-bottom:22px}.content-card>h2{margin-bottom:12px}.content-card>p{max-width:710px}.content-card label{display:block;font-size:13px;font-weight:700;margin:20px 0 7px}.content-card input:not([type=checkbox]):not([type=radio]),.content-card textarea,.content-card select{border:1px solid #91a897;border-radius:7px;padding:11px 12px;width:100%;max-width:680px;display:block;background:#fff;color:var(--ink);min-height:46px}.content-card textarea{resize:vertical}.content-card input[type=checkbox],.content-card input[type=radio]{width:19px;height:19px;accent-color:var(--green);vertical-align:middle;margin:9px}.content-card fieldset{border:1px solid var(--line);border-radius:10px;margin:22px 0;padding:18px;min-width:0}.content-card legend{font-weight:700;font-size:13px}.content-card button{margin:15px 8px 15px 0}.content-card table{width:100%;border-collapse:collapse;font-size:12px}.content-card th,.content-card td{padding:12px;text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.content-card form{max-width:100%}.content-card section{margin:24px 0}.content-card img{max-width:100%;height:auto}.content-card dl{display:grid;grid-template-columns:minmax(100px,180px) 1fr;gap:10px}.content-card dd{margin:0;overflow-wrap:anywhere}.status-message{background:#eaf4ec;border:1px solid #a3c2aa;border-radius:9px;padding:16px;font-size:13px;color:#245037;margin:18px 0}.error-message{background:#fff0ed;border-color:#ca998d;color:#8b3025}.empty-state{text-align:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:60px 25px}.empty-state h2{margin:20px 0 15px;font-size:28px}.empty-state p{max-width:550px;margin:0 auto 20px;font-size:13px}.empty-icon{display:grid;place-items:center;background:var(--soft);color:var(--green);border-radius:24px;width:80px;height:80px;margin:0 auto 25px}.empty-icon svg{width:34px;height:34px}.loading-state{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--green-dark);color:white;border-radius:30px;padding:12px 25px;box-shadow:0 5px 25px #0002;z-index:10;font-size:13px}.demo-tools{margin-top:25px;font-size:12px}.demo-tools summary{cursor:pointer;min-height:44px;align-content:center}.demo-tools>div{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.demo-tools a{min-height:44px;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:8px}.stat-bars{display:flex;align-items:end;height:160px;gap:12px;padding:20px 10px 0;border-bottom:1px solid #a8b9ae;margin:25px 0}.stat-bars span{flex:1;background:#77a98b;min-height:4px;border-radius:5px 5px 0 0}.stat-key{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
@media(min-width:1500px){.panel-container{padding-top:48px}.welcome{min-height:320px}.welcome h2{font-size:34px}}@media(max-width:1050px){.panel-tab{flex:0 0 auto;padding:10px 16px}.panel-tabs{gap:4px}.welcome-art{width:215px;transform:scale(.85);transform-origin:right center}.feature-card{padding:20px}.site-header{padding:0 24px}.prototype-banner{padding-inline:24px}.panel-container{padding-inline:24px}.feature-card h3{font-size:16px}}@media(max-width:720px){.site-header{height:80px;padding:0 18px}.brand{font-size:21px;gap:9px}.brand-caption{font-size:6px;letter-spacing:1.15px}.brand-mark{transform:scale(.8);transform-origin:left center;width:28px}.header-right{gap:0}.site-link{display:none}.account-chip{padding:8px;min-width:40px}.account-chip span{display:none}.prototype-banner{font-size:10px;padding:10px 18px;gap:7px}.prototype-banner>span:nth-child(2){flex:1;min-width:180px}.prototype-banner>a{margin:0;min-height:36px}.panel-container{padding:28px 18px 0}.panel-heading{margin-bottom:22px}.panel-heading h1{font-size:29px}.eyebrow{font-size:9px}.panel-context{display:none}.panel-tabs{margin-inline:-3px;margin-bottom:22px}.panel-tab{flex-direction:column;gap:5px;min-width:88px;min-height:70px;font-size:10px;padding:10px 12px}.upcoming-dot{position:absolute;right:10px;top:13px}.welcome{padding:27px 24px;min-height:290px}.welcome h2{font-size:27px;max-width:360px}.welcome p:not(.eyebrow){font-size:12px}.welcome-art{display:none}.section-heading{margin:27px 0 16px}.section-heading h2{font-size:18px}.section-heading>.quiet{display:none}.feature-grid{grid-template-columns:1fr;gap:13px}.feature-card{padding:21px}.card-top{margin-bottom:16px}.feature-card h3{font-size:18px}.feature-card p{margin-bottom:18px}.future-strip{align-items:flex-start;flex-wrap:wrap;padding:22px;gap:14px}.future-strip>div{flex:1;min-width:170px}.future-strip>.button{margin:0;width:100%}.help-row{flex-direction:column;align-items:flex-start;padding:22px 0}.help-row>a{min-height:44px}.panel-footer{font-size:9px;align-items:center}.panel-footer>a{min-height:44px;display:flex;align-items:center}.content-card{padding:23px 19px;overflow-wrap:anywhere}.content-card h2{font-size:23px}.content-card dl{grid-template-columns:1fr}.content-card dt{font-weight:700}.content-card dd{margin-bottom:10px}.empty-state{padding:40px 22px}.empty-state h2{font-size:25px}.stat-bars{gap:7px}.content-card table{font-size:10px}.content-card td,.content-card th{padding:8px 3px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.sign-in-header{max-width:1080px;margin:auto;padding:32px 24px}.sign-in-header .brand{font-size:24px;gap:12px}.sign-in-main{width:min(100% - 32px,520px);margin:clamp(16px,5vh,56px) auto 40px}.sign-in-card{background:#fff;padding:clamp(24px,6vw,44px);border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 40px #193c2808}.sign-in-card h1{font-size:clamp(25px,5vw,30px);margin:12px 0 20px;overflow-wrap:anywhere}.sign-in-card p{font-size:14px;line-height:1.8}.sign-in-card label{display:block;font-weight:700;font-size:13px;margin:24px 0 8px}.sign-in-card input[type=email]{width:100%;min-height:50px;padding:12px 14px;border:1px solid #7e9488;border-radius:8px;background:#fff;color:var(--ink);font-size:16px}.sign-in-card button{width:100%;min-height:50px;margin:18px 0 0;font-size:14px}.sign-in-help{text-align:center;font-size:12px;margin:24px 4px 8px}.sign-in-back{display:block;text-align:center;font-size:12px;padding:10px;min-height:44px}.sign-in-notice{border-left:3px solid var(--accent);padding-left:18px;margin:24px 0}.sign-in-card details{border-top:1px solid var(--line);padding-top:12px;margin-top:26px}.sign-in-card summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:13px;font-weight:700}.sign-in-card form{margin:0}.sign-in-card details form{margin-top:18px}@media(max-width:540px){.sign-in-header{padding:24px 20px}.sign-in-main{margin-top:12px}.sign-in-card{border-radius:16px}}