:root{color:#102b3b;font-synthesis:none;background:#f9fbfa;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}p{line-height:1.65}h1,h2,h3{letter-spacing:-.035em;line-height:1.13}h1{margin:0 0 1.4rem;font-size:clamp(2.7rem,5.5vw,5rem)}h2{font-size:clamp(1.8rem,3vw,2.7rem)}.wrap{width:min(1120px,100% - 48px);margin:auto}.narrow{max-width:820px}.site-header{background:#fff;border-bottom:1px solid #d9e5e2}.header-inner{justify-content:space-between;align-items:center;gap:1rem;height:76px;display:flex}.brand{letter-spacing:-.03em;font-size:1.2rem;font-weight:800;text-decoration:none}.brand span{color:#007e70;vertical-align:middle;font-size:1.8rem}.header-inner nav{align-items:center;gap:2rem;font-size:.92rem;font-weight:650;display:flex}.header-inner nav a{text-decoration:none}.header-inner nav a:hover,.text-link:hover{text-decoration:underline}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;min-height:520px;padding-top:70px;padding-bottom:70px;display:grid}.hero-copy>p:not(.status){color:#47606a;max-width:34rem;font-size:1.12rem}.status{color:#42655f;font-size:.8rem;font-weight:700}.actions{flex-wrap:wrap;gap:12px;margin-top:2rem;display:flex}.button{color:#fff;background:#006f64;border:1px solid #006f64;border-radius:6px;align-items:center;gap:1rem;padding:14px 19px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.button.secondary{color:#075d56;background:0 0}.hero-visual{background:linear-gradient(140deg,#d8eee8,#b9dcd2);border-radius:10px;flex-direction:column;justify-content:center;min-height:390px;padding:55px 50px 30px;display:flex}.window{background:#fff;border:1px solid #ceded9;border-radius:9px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 25px 45px #173e3920}.window-bar{border-bottom:1px solid #e5efec;gap:5px;padding:12px;display:flex}.window-bar span{background:#c5d7d1;border-radius:50%;width:6px;height:6px}.window-body{padding:24px}.line{background:#e1eeea;border-radius:4px;height:7px;margin:12px 0}.line.short{background:#5faaa0;width:32%}.line.medium{width:62%}.sheet{background:#f5f9f7;margin-top:20px;padding:20px}.visual-caption{color:#315d55;text-align:right;margin-top:35px;font-size:.8rem}.features{grid-template-columns:1fr 1.4fr;gap:5rem;padding:70px 0 100px;display:grid}.features>div>p,.feature-list p{color:#566d75}.feature-list{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.feature-list article{border-top:1px solid #b7d0c8;padding-top:20px}.feature-list span{color:#007e70;font-size:.8rem;font-weight:700}.feature-list h3{font-size:1.1rem}.feature-list p{font-size:.9rem}.closing{background:#ddefe9;padding:65px 0}.closing h2{margin:0}.closing p{color:#45625c}.light{color:#006f64;background:#fff}.footer{color:#fff;background:#102b3b;padding:46px 0}.footer-inner{justify-content:space-between;gap:2rem;display:flex}.footer-inner p,.footer small{color:#c4d8d3;font-size:.82rem}.footer-inner>div:last-child{align-items:start;gap:25px;font-size:.85rem;display:flex}.footer-inner a{text-decoration:none}.page{min-height:65vh;padding-top:70px;padding-bottom:100px}.page h1{font-size:clamp(2.5rem,5vw,4rem)}.intro{color:#47606a;max-width:650px;font-size:1.1rem}.notice,.demo-notice{background:#e2f3ee;border:1px solid #c7e5dc;border-radius:8px;margin:36px 0;padding:22px 25px}.notice p,.demo-notice p{color:#46625c;margin:5px 0 0}.plans{border-top:1px solid #d7e4df}.plan{border-bottom:1px solid #d7e4df;justify-content:space-between;gap:1rem;padding:22px 0;display:flex}.plan span,.muted{color:#617780}.text-link{color:#006f64;font-weight:700}.demo-notice{background:#fff1cf;border-color:#f2dca5}.demo-layout{grid-template-columns:210px 1fr;gap:28px;display:grid}.demo-sidebar{color:#fff;background:#102b3b;border-radius:8px;flex-direction:column;gap:8px;min-height:470px;padding:22px 14px;display:flex}.demo-sidebar strong{padding:4px 10px 20px}.demo-sidebar span{color:#d2e1df;padding:11px;font-size:.88rem}.demo-sidebar .active{color:#fff;background:#007e70;border-radius:5px}.demo-main h1{font-size:2.1rem}.demo-main h2{font-size:1.3rem}.demo-welcome{background:#e2f3ee;border-radius:8px;padding:20px}.demo-welcome h2{margin:0}.demo-welcome p{margin-bottom:0}.demo-grid{grid-template-columns:1fr 1fr;gap:15px;margin:16px 0;display:grid}.demo-grid article,.activity{background:#fff;border:1px solid #dbe6e2;border-radius:8px;padding:20px}.demo-grid span{color:#58726b;font-size:.78rem}.demo-grid h3{margin:.55rem 0}.demo-grid p{margin:0;font-size:.85rem}.activity h2{margin-top:0}.activity small{color:#617780;font-size:.75rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}th,td{border-bottom:1px solid #e7eeeb;padding:12px}th{background:#f3f7f5}.skip{position:absolute;left:-9999px}.skip:focus{z-index:5;background:#fff;padding:10px;top:10px;left:10px}a:focus-visible{outline-offset:4px;outline:3px solid #e0a832}@media (width<=720px){.wrap{width:min(100% - 32px,1120px)}.header-inner{height:68px}.header-inner nav{gap:1rem;font-size:.8rem}.hero,.features{grid-template-columns:1fr;gap:35px}.hero{padding-top:55px}.hero-visual{min-height:280px;padding:35px}.features{padding:45px 0 65px}.feature-list{grid-template-columns:1fr;gap:12px}.demo-layout{grid-template-columns:1fr}.demo-sidebar{flex-direction:row;min-height:0;overflow:auto}.demo-sidebar strong{display:none}.demo-sidebar span{white-space:nowrap}.demo-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column}.footer-inner>div:last-child{flex-wrap:wrap}.page{padding-top:45px}.plan{flex-direction:column;gap:5px}}.demo-sidebar a{color:#d2e1df;padding:11px;font-size:.88rem;text-decoration:none;display:block}.demo-sidebar a.active{color:#fff;background:#007e70;border-radius:5px}.demo-sidebar a:hover{text-decoration:underline}.demo-grid .text-link{margin-top:15px;font-size:.85rem;display:inline-block}.demo-details{margin:0}.demo-details div{border-bottom:1px solid #e7eeeb;grid-template-columns:1fr 2fr;gap:20px;padding:15px 0;display:grid}.demo-details dt{color:#617780}.demo-details dd{margin:0;font-weight:600}.demo-section{margin-top:16px}.demo-section li{padding:6px 0}.demo-section ol{line-height:1.5}@media (width<=720px){.demo-sidebar a{white-space:nowrap}}