@font-face{font-family:Inter;src:url('assets/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:Inter,Arial,sans-serif;color:#0f212d;background:#f7faf8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;--ink:#0f212d;--green:#0c5c41;--mint:#8cd0a9;--muted:#52665b}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #0c5c41;outline-offset:6px}::selection{background:#cde9d6;color:var(--ink)}
.page-shell{width:min(1280px,100%);min-height:100svh;margin:0 auto;padding:28px 64px 35px;display:flex;flex-direction:column}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:32px;min-height:72px}
.brand-logo{display:block;width:207px;height:auto;margin-left:-6px}.brand-promise{margin:0;font-size:12px;letter-spacing:-.1px;color:#607368}.brand-promise span{color:var(--green)}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:26px;flex:1;padding:61px 0 65px;min-height:618px}
.hero-copy{position:relative;z-index:1;padding:0 0 9px}
.eyebrow{display:flex;align-items:center;gap:9px;color:#526b5d;font-weight:600;font-size:10px;letter-spacing:1.75px;margin:0 0 26px}
.status-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #e0efe5}
h1{font-size:clamp(56px,6.5vw,83px);line-height:1.055;font-weight:700;letter-spacing:-5px;margin:0 0 25px}.brand-dot{color:var(--green)}
.intro{font-size:21px;line-height:1.48;font-weight:500;letter-spacing:-.7px;margin:0 0 13px}
.description{max-width:375px;color:var(--muted);font-size:14px;line-height:1.8;letter-spacing:-.12px;margin:0}
.coming-soon{display:flex;align-items:center;gap:11px;margin-top:29px;font-size:12px;font-weight:500;color:#365747}.small-line{display:block;width:25px;height:2px;background:var(--green)}
.mascot-panel{position:relative;text-align:center;padding:0 0 15px;min-width:0}
.mascot-stage{position:relative;width:100%;max-width:494px;aspect-ratio:1;margin:0 auto;isolation:isolate}
.stage-disc{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse at 42% 38%,#eef7f0 0%,#e7f2eb 55%,#f0f7f2 100%);z-index:-1}
.orbit{position:absolute;border-radius:50%;border:1px solid #d9e8de;z-index:-1}.orbit-outer{inset:0}.orbit-inner{inset:5%;border-style:dashed;border-color:#dfece3}
.mascot-rotator{position:absolute;inset:4.8%;animation:armadillo-roll 5.4s cubic-bezier(.45,0,.35,1) infinite;transform-origin:50% 50%;will-change:transform}
.mascot{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 8px rgb(12 92 65 / .10))}
.mascot-shadow{position:absolute;width:48%;height:5%;left:26%;bottom:9%;border-radius:50%;background:#b7d2c0;filter:blur(12px);opacity:.35;z-index:-1}
.orbit-point{position:absolute;border-radius:4px}.point-green{width:14px;height:14px;background:#0c5c41;top:15%;right:12%;transform:rotate(12deg)}.point-mint{width:9px;height:9px;background:#8cd0a9;bottom:12%;left:14%;transform:rotate(-16deg)}.little-cross{position:absolute;font-size:20px;font-weight:300;color:#a1c5ae;top:30%;left:0}
.mascot-caption{display:flex;align-items:center;justify-content:center;gap:9px;margin:26px 0 0;font-size:11px;color:#506b5b;font-weight:500}
.loading-dots{display:flex;gap:3px;align-items:center}.loading-dots i{width:4px;height:4px;border-radius:50%;background:#0c5c41;animation:loading 1.4s ease-in-out infinite}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}
.motion-toggle{margin:10px auto 0;padding:8px 10px;min-height:34px;border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:transparent;color:#5e7667;font-size:10px;cursor:pointer;transition:color .2s,background .2s}.motion-toggle:hover{background:#e5f1e9;color:#084832}.motion-toggle[hidden]{display:none}.motion-toggle svg{width:12px;height:12px}.play-icon{display:none}
html[data-motion="off"] .mascot-rotator,html[data-motion="off"] .loading-dots i{animation-play-state:paused}html[data-motion="off"] .pause-icon{display:none}html[data-motion="off"] .play-icon{display:block}
.site-footer{border-top:1px solid #dce8e0;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.services{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:31px}.services li{display:flex;align-items:center;gap:8px;font-size:11px;color:#52665b}.services svg{width:17px;height:17px;stroke:#678674;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.brandbook-link{color:#3b604c;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap;padding:8px 0}.brandbook-link:hover{color:#084832}.brandbook-link span[aria-hidden]{font-size:16px;line-height:1}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes armadillo-roll{0%,9%{transform:rotate(0deg)}91%,100%{transform:rotate(360deg)}}
@keyframes loading{0%,80%,100%{opacity:.32;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media(min-width:1500px){.page-shell{max-width:1390px;padding-left:90px;padding-right:90px}.hero{column-gap:70px}.mascot-stage{max-width:510px}}
@media(max-width:1100px){.page-shell{padding-left:40px;padding-right:40px}.hero{column-gap:20px;min-height:570px}h1{letter-spacing:-3.5px;font-size:66px}.intro{font-size:19px}.services{gap:20px}.services li{font-size:10px}.mascot-caption{font-size:10px}}
@media(max-width:800px){.page-shell{padding:21px 28px 28px}.brand-logo{width:182px}.brand-promise{font-size:10px;max-width:170px;line-height:1.6;text-align:right}.hero{grid-template-columns:1fr;gap:33px;padding:45px 0 40px}.hero-copy{text-align:center;padding:0}.eyebrow{justify-content:center;font-size:9px;margin-bottom:22px}h1{font-size:66px;line-height:1.03;letter-spacing:-3.7px;margin-bottom:24px}.intro{font-size:19px;margin-bottom:12px}.desktop-break{display:none}.description{max-width:400px;margin:0 auto;font-size:13px}.coming-soon{justify-content:center;margin-top:22px}.mascot-stage{max-width:340px}.mascot-caption{margin-top:18px}.mascot-panel{padding-bottom:0}.site-footer{flex-direction:column;gap:14px;padding-top:24px}.services{gap:20px;flex-wrap:wrap;justify-content:center}.services li{font-size:10px}.brandbook-link{font-size:10px}}
@media(max-width:440px){.page-shell{padding:15px 22px 23px}.brand-logo{width:165px}.brand-promise{font-size:9px;max-width:128px}.hero{padding-top:37px;gap:30px}h1{font-size:clamp(42px,14vw,58px);letter-spacing:-3px}.intro{font-size:17px}.description{font-size:12px;max-width:320px;line-height:1.85}.eyebrow{font-size:8px;letter-spacing:1.35px}.mascot-stage{max-width:290px}.services{gap:13px 22px}.services li{font-size:10px}.site-footer{padding-top:19px}.mascot-caption{font-size:9px}.motion-toggle{font-size:9px}.coming-soon{font-size:11px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion="on"]) .mascot-rotator,html:not([data-motion="on"]) .loading-dots i{animation:none}*{scroll-behavior:auto!important;transition:none!important}}