@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700;800&display=swap');
:root{--ink:#19352e;--muted:#78877f;--green:#4cbd6b;--deep:#183e34;--mint:#eaf8ec;--paper:#fbfdfb;--line:#e8eee8;--orange:#f4b98e;--lav:#e9e7fa}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Alexandria',Tahoma,Arial,sans-serif;font-size:14px}
a{color:inherit;text-decoration:none}
.site-shell{max-width:1440px;margin:auto;overflow:hidden;background:linear-gradient(180deg,#fbfdfb 0%,#fff 60%,#f8fbf8 100%)}
.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,7vw,104px);border-bottom:1px solid rgba(226,235,227,.75);position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:10px;direction:ltr}.brand-mark{width:38px;height:38px;border-radius:13px;background:#eaf8ec;display:grid;place-items:center;overflow:hidden}.brand-mark img{width:33px;height:33px;object-fit:contain}.brand-name,.footer-brand{font-weight:800;font-size:21px;letter-spacing:-.8px}.brand-name span,.footer-brand span{color:var(--green)}
.nav-links{display:flex;gap:34px;color:#718078;font-size:12px}.nav-links a:hover{color:var(--deep)}
.top-cta{background:#e9f7eb;padding:12px 17px;border-radius:12px;font-size:12px;font-weight:700;color:#2f8049}.top-cta span{margin-right:8px}
.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5%;padding:74px clamp(24px,8vw,116px) 80px;min-height:510px;position:relative}
.hero-copy{max-width:550px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #e5eee5;border-radius:30px;background:#fff;color:#6e8075;font-size:11px;margin-bottom:23px}.status-dot,.tiny-green-dot{width:7px;height:7px;border-radius:50%;background:#57c574;box-shadow:0 0 0 4px #eaf8ec}
h1{font-size:clamp(38px,4.4vw,61px);line-height:1.42;letter-spacing:-2.5px;margin:0 0 17px;font-weight:800;color:#193b30}h1 span{color:#4cbd6b}.hero-description{font-size:13px;line-height:2.2;color:#78877f;max-width:470px;margin:0 0 26px}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.primary-button,.secondary-button{padding:14px 19px;border-radius:12px;font-size:12px;font-weight:700}.primary-button{background:var(--deep);color:white;box-shadow:0 8px 18px #163e341b}.primary-button span{margin-right:10px}.secondary-button{border:1px solid #e5ebe5;background:white;color:#62736a}
.micro-proof{display:flex;align-items:center;gap:12px;margin-top:31px;color:#30493e}.micro-proof strong,.micro-proof small{display:block}.micro-proof strong{font-size:11px}.micro-proof small{font-size:10px;color:#98a49d;margin-top:4px}.avatar-stack{display:flex;direction:ltr}.avatar-stack span{width:27px;height:27px;border:2px solid white;border-radius:50%;display:grid;place-items:center;margin-left:-6px;background:#dff4e2;color:#3a9d55;font-size:11px}.avatar-stack span:nth-child(2){background:#fce9da;color:#bd865e}.avatar-stack span:nth-child(3){background:#e9e7fa;color:#8b83bf}
.hero-art{height:365px;position:relative;display:grid;place-items:center}.art-halo{position:absolute;width:min(330px,85%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#e3f8e7 0%,#f0faf1 48%,rgba(248,253,248,0) 72%);border:1px solid #edf7ed}.hero-mascot{position:relative;width:min(280px,78%);filter:drop-shadow(0 20px 18px rgba(38,121,61,.12));transform:rotate(-5deg);animation:float 4.8s ease-in-out infinite}.floating-tag{position:absolute;background:#fff;border:1px solid #edf1ec;box-shadow:0 9px 25px #153e340c;padding:11px 14px;border-radius:13px;font-size:10px;color:#738178;direction:ltr;z-index:1}.tag-top{top:34px;right:2%}.tag-top span{color:#efb16c;margin-right:7px}.tag-bottom{bottom:35px;left:3%;display:flex;align-items:center;gap:8px}.sparkle{position:absolute;color:#83d795}.sparkle-one{font-size:30px;top:53px;left:17%}.sparkle-two{font-size:24px;bottom:72px;right:10%}
.preview-section{padding:65px clamp(20px,8vw,116px) 85px;background:#f7faf7;border-top:1px solid #eef3ee;border-bottom:1px solid #edf2ed}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-kicker{font-size:9px;letter-spacing:2px;color:#61b879;font-weight:700;direction:ltr;display:block;margin-bottom:8px}.section-heading h2{font-size:25px;letter-spacing:-.8px;margin:0;color:#1c3b30}.section-heading p{font-size:11px;color:#87938b;line-height:1.9;max-width:320px;margin:0}
.loading-card{position:relative;min-height:640px;background:#fff;border:1px solid #e9f0e9;border-radius:25px;box-shadow:0 22px 65px rgba(28,66,45,.055);overflow:hidden;isolation:isolate}.loading-pattern{position:absolute;inset:0;z-index:-1;background-image:url('assets/mascot-pattern.png');background-size:410px auto;background-position:center;opacity:.075;filter:grayscale(1)}.loading-card-top,.loading-card-footer{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #f0f3ef;color:#9ba69e}.window-dots{display:flex;gap:5px;direction:ltr}.window-dots i{width:6px;height:6px;border-radius:50%;background:#e5eae5}.window-dots i:first-child{background:#bce7c4}.preview-label{font-size:8px;letter-spacing:1.7px;direction:ltr}.preview-chip{font-size:8px;letter-spacing:1px;background:#f1f9f1;color:#61ad72;padding:6px 9px;border-radius:6px}
.loading-content{min-height:535px;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:32px 20px 30px}.mascot-stage{width:250px;height:220px;display:grid;place-items:center;position:relative;margin-bottom:4px}.mascot-glow{position:absolute;width:175px;height:175px;border-radius:50%;background:radial-gradient(circle,#e5f9e9,#f5fcf5 68%,transparent 70%)}.loading-mascot{width:166px;position:relative;z-index:1;filter:drop-shadow(0 10px 9px #32874a12);animation:bob 2.8s ease-in-out infinite}.orbit{position:absolute;border:1px dashed #d5ead8;border-radius:50%;width:222px;height:166px;transform:rotate(-18deg)}.orbit-b{width:196px;height:188px;transform:rotate(35deg);border-color:#e7f1e7}.stage-star{position:absolute;color:#73cd87}.star-a{top:24px;left:18px;font-size:21px}.star-b{bottom:25px;right:12px;font-size:25px}.stage-dot{position:absolute;width:6px;height:6px;background:#f4c49f;border-radius:50%}.dot-a{top:45px;right:24px}.dot-b{bottom:35px;left:34px;background:#b7b1ed}
.loading-title{display:flex;align-items:center;font-size:18px;font-weight:700;color:#234737;margin-top:6px}.ellipsis{display:inline-flex;gap:3px;margin-right:9px;align-items:center}.ellipsis i{width:4px;height:4px;background:#65c47b;border-radius:50%;animation:dotPulse 1.1s infinite}.ellipsis i:nth-child(2){animation-delay:.15s}.ellipsis i:nth-child(3){animation-delay:.3s}.loading-subtitle{font-size:11px;color:#9aa69d;margin:11px 0 26px}
.progress-wrap{width:min(430px,90%)}.progress-meta,.progress-foot{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8d9a90}.progress-meta{margin-bottom:10px}.progress-meta strong{color:#399f56;font-size:11px;direction:ltr}.progress-track{height:12px;border-radius:20px;background:#edf5ee;padding:2px;overflow:hidden;box-shadow:inset 0 1px 2px #254b3210}.progress-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,#78d68b,#45b966);position:relative;transition:width .45s ease;overflow:hidden}.progress-shine{position:absolute;top:0;bottom:0;width:35%;background:linear-gradient(90deg,transparent,#ffffff78,transparent);animation:shine 2s linear infinite}.progress-foot{margin-top:9px;font-size:9px;color:#a5afa7}.progress-leaves{color:#8ed69b;letter-spacing:3px}.demo-button{border:1px solid #e4eee5;background:#fff;border-radius:10px;color:#6c8373;font:inherit;font-size:10px;padding:10px 15px;margin-top:22px;cursor:pointer;transition:all .2s}.demo-button:hover{border-color:#a6ddb0;background:#f6fcf6;color:#348a4b}.demo-button span{margin-left:6px}.loading-card-footer{height:51px;border-top:1px solid #f0f3ef;border-bottom:0;font-size:8px;letter-spacing:.8px}.loading-card-footer span{display:flex;align-items:center;gap:7px}.footer-dot{display:inline-block;width:6px;height:6px;background:#68c77d;border-radius:50%}.loading-card-footer b{color:#e8b26f;font-size:13px}
.features-section{padding:78px clamp(20px,8vw,116px) 85px}.compact{margin-bottom:30px}.compact h2{font-size:24px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card{position:relative;background:white;border:1px solid #eaf0e9;border-radius:18px;padding:24px 23px 28px;min-height:200px;overflow:hidden;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #1a44300a}.feature-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-size:22px;margin-bottom:20px}.icon-green{background:#e9f8ec;color:#4eb96b}.icon-peach{background:#fff0e5;color:#d69b70}.icon-lilac{background:#f0effd;color:#9992d0}.feature-card h3{font-size:13px;margin:0 0 9px}.feature-card p{font-size:10px;line-height:2;color:#8b978f;max-width:250px;margin:0}.feature-number{position:absolute;left:22px;bottom:18px;font-size:10px;color:#d4ded5;direction:ltr}
.bottom-banner{margin:0 clamp(20px,8vw,116px) 50px;background:#eaf8ec;border-radius:20px;padding:25px 30px;display:flex;align-items:center;gap:17px}.banner-spark{width:42px;height:42px;border-radius:14px;background:#d5f1da;color:#55b96e;display:grid;place-items:center;font-size:22px;flex-shrink:0}.bottom-banner h2{font-size:15px;margin:0 0 6px}.bottom-banner p{font-size:10px;color:#7d9382;margin:0}.bottom-banner a{margin-right:auto;background:#fff;padding:12px 16px;border-radius:10px;font-size:10px;font-weight:700;color:#488b58;white-space:nowrap}
.footer{height:80px;border-top:1px solid #eaf0ea;padding:0 clamp(20px,8vw,116px);display:flex;align-items:center;justify-content:space-between;color:#9aa59d;font-size:9px}.footer-brand{font-size:18px;color:#294639}
@keyframes float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(-2deg)}}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes dotPulse{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@keyframes shine{0%{left:-40%}100%{left:120%}}
@media(max-width:800px){.topbar{height:72px;padding:0 22px}.nav-links{gap:15px}.nav-links a{font-size:10px}.top-cta{padding:10px 12px;font-size:10px}.hero{grid-template-columns:1fr;padding-top:50px;padding-bottom:35px;gap:15px}.hero-copy{order:1}.hero-art{order:0;height:290px}.hero-mascot{width:205px}.art-halo{width:260px}.hero-copy{max-width:620px}.hero-description{max-width:570px}.hero h1{font-size:48px}.tag-top{right:15%}.tag-bottom{left:13%;bottom:18px}.preview-section{padding-top:50px;padding-bottom:55px}.loading-card{min-height:600px}.loading-card-top,.loading-card-footer{padding:0 15px}.preview-label{font-size:7px}.loading-pattern{background-size:330px auto}.features-section{padding-top:55px;padding-bottom:55px}.feature-grid{gap:10px}.feature-card{padding:18px 15px}.bottom-banner{margin-bottom:35px}}
@media(max-width:540px){.topbar{padding:0 16px}.nav-links{display:none}.top-cta{margin-right:auto;margin-left:15px}.hero{padding:34px 22px 48px}.hero-art{height:255px}.hero-mascot{width:185px}.art-halo{width:225px}.tag-top{top:17px;right:3%}.tag-bottom{left:1%;bottom:10px}.hero h1{font-size:41px;letter-spacing:-1.7px}.hero-description{font-size:12px}.section-heading{align-items:start;flex-direction:column;gap:10px}.section-heading h2{font-size:22px}.section-heading p{max-width:none}.loading-card{border-radius:18px;min-height:570px}.loading-card-top{height:45px}.loading-card-footer{height:auto;min-height:45px;font-size:7px;gap:10px}.loading-content{min-height:480px;padding:20px 10px}.mascot-stage{transform:scale(.87);margin:-10px 0 -5px}.loading-title{font-size:15px}.loading-subtitle{font-size:10px}.progress-wrap{width:88%}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:160px;padding:20px}.feature-icon{margin-bottom:14px}.feature-card p{max-width:320px}.bottom-banner{padding:20px;flex-wrap:wrap;gap:12px}.bottom-banner h2{font-size:13px}.bottom-banner a{margin-right:0;margin-top:5px}.footer{padding:0 20px}.footer>span:nth-child(2){max-width:150px;text-align:center;line-height:1.7}.footer-brand{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}