@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#153e34;--muted:#536c61;--paper:#f5f6ed;--mint:#d9efcf;--gold:#ead88f;--line:#c7d5c8;--deep:#102c28;--radius:24px;--shadow:0 22px 65px #123e3420}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #ae7217;outline-offset:5px}.skip{position:fixed;left:16px;top:-80px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.header{height:98px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f5f6edeb;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;gap:12px;align-items:center;font:800 24px Manrope,sans-serif;letter-spacing:-1px}.brand img{width:48px;height:48px;object-fit:cover;border-radius:13px}.brand small{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:1.8px;margin-top:5px}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.nav-cta{padding:12px 18px;border:1px solid #bdcdbb;border-radius:9px}.hero{max-width:1500px;margin:auto;min-height:660px;padding:90px 5vw 84px;display:grid;grid-template-columns:1fr 1.04fr;gap:35px;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 78% 46%,#d0e6d5 0,transparent 52%)}.eyebrow{font-size:10px;line-height:1.7;font-weight:700;letter-spacing:2px}.hero .eyebrow{display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:7px;height:7px;background:#428e65;border-radius:50%;box-shadow:0 0 0 4px #428e6514}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;letter-spacing:-.065em;line-height:1.08;font-weight:600}h1{font-size:clamp(45px,4.5vw,69px);margin:25px 0}em{font-style:normal;color:#63815c}p{line-height:1.75}.lede{max-width:430px;color:var(--muted);font-size:16px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 20px;border-radius:10px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--deep);color:#f4f8ea;box-shadow:0 5px 12px #102c2820}.secondary{background:#e8eddd;border:1px solid #c8d3bd}.micro{font-size:10px;color:var(--muted);line-height:1.7}.hero-copy>.micro{margin-top:25px}.hero-visual{position:relative;padding:42px 0 30px}.console-preview{position:relative;z-index:2;border:1px solid #809c86;border-radius:16px;background:#edf6e6eb;box-shadow:0 35px 65px #153e342b,0 0 0 8px #ffffff63;overflow:hidden;transform:perspective(1400px) rotateY(-7deg) rotateX(3deg);font-size:10px}.mock-top{display:flex;align-items:center;gap:8px;background:linear-gradient(110deg,#102b28,#235048);color:white;padding:16px}.mini-logo{font-size:25px;color:var(--gold)}.mock-top strong{font:700 13px Manrope,sans-serif}.mock-top small{display:block;font:400 7px 'DM Sans';color:#bacbbf}.mock-time{margin-left:auto;line-height:1.5}.mock-search{padding:10px 12px;margin:10px;background:#fffbed;border:1px solid #acbfa9;border-radius:7px;color:#6a7e6c;display:flex;gap:10px}.mock-search kbd{margin-left:auto}.mock-layout{display:grid;grid-template-columns:135px 1fr;padding:0 10px 10px;gap:9px;min-height:295px;background:linear-gradient(#dcedd3b0,#b8d8b541),url('./assets/meadow.svg') center bottom/auto 125px no-repeat}.mock-actions{background:#cbd8bca6;border:1px solid #eaf2df;border-radius:9px;padding:9px}.mock-actions>small{font-size:7px;letter-spacing:1.3px}.mock-actions>div{position:relative;margin-top:8px;padding:15px 6px;background:#f7f7e9;border:1px solid #bdcdb6;border-radius:7px;font-size:8px;font-weight:700;white-space:nowrap}.mock-actions kbd{float:right}kbd{font:7px 'DM Sans';padding:2px 3px;border:1px solid #b4c5b1;border-radius:2px;color:var(--ink);background:#f9fbed}.mock-greeting{padding:12px;background:#eaf1e5eb;border-radius:9px;border:1px solid #fff}.mock-greeting small{font-size:6px;letter-spacing:1px;display:block;margin-bottom:7px}.mock-greeting strong{display:block;font:600 15px Manrope}.mock-greeting>span{display:block;font-size:7px;margin-top:7px;color:var(--muted)}.mock-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.mock-metrics>div{padding:11px 8px;background:#fcfae9eb;border:1px solid white;border-radius:8px}.mock-metrics small,.mock-metrics span{display:block;font-size:6px;line-height:1.8}.mock-metrics strong{display:block;font-size:12px;margin:4px 0}.mock-live{background:#edf5e8ed;border:1px solid #fff;border-radius:8px;margin-top:8px;padding:10px}.mock-live>strong{display:block;font-size:9px}.mock-live>strong span{float:right;font-size:6px;color:var(--muted)}.mock-live p{background:#fbfff7;padding:7px;margin:7px 0 0;border-radius:4px;font-size:7px}.mock-live b{float:right;font-size:6px}.status{display:inline-block;width:5px;height:5px;border-radius:100%;margin-right:5px}.amber{background:#bb8619}.mint{background:#31966a}.mock-footer{background:#153e34;padding:8px 12px;color:#eff8e5;font-size:7px}.mock-footer span{float:right;color:#c9d8c5}.float-tag{position:absolute;right:0;top:4px;border:1px solid #bfd2b4;padding:10px 14px;font-size:8px;letter-spacing:1px;border-radius:100px;background:#f6f8e8}.float-tag .dot{width:5px;height:5px;margin-right:8px}.float-note{position:absolute;bottom:-12px;right:12px;z-index:3;border:1px solid white;background:#edf4d8ed;backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:13px;padding:15px 22px;font-size:10px;line-height:1.7}.float-note>span{font-size:9px;float:left;margin:4px 16px 0 0;color:#718261}.preview-label{font-size:8px;margin:18px 0 0 10px;color:var(--muted)}.orbit{position:absolute;border:1px solid #bdd2b6;border-radius:50%;pointer-events:none}.orbit-one{inset:0 -40px;transform:rotate(-15deg)}.orbit-two{inset:-25px 15px;transform:rotate(22deg)}.service-ribbon{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;padding:28px 5vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#e9eee1}.service-ribbon>span{font-size:8px;font-weight:700;letter-spacing:1.3px;color:#5a735d;margin-right:12px}.service-ribbon strong{font:700 15px Manrope;letter-spacing:-.5px}.service-ribbon i{font-style:normal;color:#a5b69b}.section{max-width:1340px;padding:100px 5vw;margin:auto;scroll-margin-top:15px}.section-heading{margin-bottom:42px;max-width:680px}.section-heading h2,.company h2{font-size:clamp(34px,3.5vw,51px);margin:18px 0 22px}.section-heading p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:555px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{border:1px solid #cbd5c1;border-radius:var(--radius);padding:32px;background:linear-gradient(135deg,#f8faee,#e9efe0);min-height:345px}.feature.highlight{background:linear-gradient(140deg,#dae9ca,#eff0d6);border-color:#b8c7a4}.feature-icon{font-size:30px;display:block;font-weight:400;margin-bottom:26px}.feature .eyebrow{font-size:8px;letter-spacing:1.5px}.feature h3{font-size:25px;letter-spacing:-1.2px;margin:14px 0}.feature p:not(.eyebrow){font-size:12px;color:var(--muted)}.feature-state{display:inline-block;font-size:9px;border:1px solid #b5c7ac;border-radius:99px;background:#f6f8ed;padding:7px 10px;margin-top:12px;color:#325c46}.gallery-section{max-width:none;background:#142e29;color:#eef4e6;padding-left:max(5vw,calc((100vw - 1205px)/2));padding-right:max(5vw,calc((100vw - 1205px)/2))}.split{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:50px}.split>p{max-width:350px!important;color:#b4c8ba!important}.gallery-tabs{display:flex;gap:6px;border-bottom:1px solid #53715e;padding-bottom:16px;margin-bottom:25px}.gallery-tabs button{flex:1;text-align:left;background:transparent;color:#b6cbb9;border:1px solid transparent;border-radius:8px;padding:15px;font-size:11px}.gallery-tabs button[aria-selected=true]{background:#d6e9c4;color:#153e34}.gallery-tabs button:hover{border-color:#879a79}.gallery-frame{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;background:linear-gradient(125deg,#25453a,#173c34);border:1px solid #52715b;border-radius:20px;padding:35px;min-height:350px}.gallery-caption{align-self:center}.gallery-caption h3{font-size:30px;line-height:1.2;margin:15px 0}.gallery-caption>p{font-size:12px;color:#bdcec1}.gallery-caption .feature-state{background:#344e3e;color:#e0edd2;border-color:#61795a}.gallery-caption .micro{font-size:9px;margin-top:18px}.gallery-visual{min-width:0;background:#edf4e3;border:1px solid #759576;border-radius:12px;padding:18px;color:var(--ink);overflow:hidden;min-height:270px}.preview-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c2d1b9;padding-bottom:12px;margin-bottom:15px;font-size:11px;font-weight:700}.preview-bar span{font-weight:400;font-size:8px}.demo-search{border:1px solid #98b093;background:#fcfff5;padding:12px;border-radius:7px;font-size:10px}.demo-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:12px;border:1px solid #afc3a4;background:#f7faed;border-radius:7px;font-size:10px}.demo-row small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.demo-pill{background:#214b3b;color:#eef7e6;border-radius:5px;padding:7px;font-size:8px;white-space:nowrap}.demo-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-card{padding:17px;background:#f7faef;border:1px solid #b7cbaa;border-radius:9px}.demo-card strong{display:block;font-size:18px;margin-top:12px}.demo-card small{font-size:8px}.demo-map{position:relative;background:#d2e1c5;min-height:225px;border-radius:8px;overflow:hidden;background-image:linear-gradient(38deg,transparent 42%,#fffced 43%,#fffced 47%,transparent 48%),repeating-linear-gradient(90deg,transparent 0 55px,#f8f5df 55px 62px),repeating-linear-gradient(0deg,transparent 0 50px,#f8f5df 50px 57px)}.map-node{position:absolute;background:#204e3b;color:#f7fde8;border:3px solid #eff6e2;border-radius:50%;height:29px;width:29px;display:grid;place-items:center;box-shadow:0 0 0 9px #4475532c}.map-node.one{left:25%;top:30%}.map-node.two{left:66%;top:53%;background:#957524}.map-node.three{left:47%;top:72%}.map-label{position:absolute;left:17px;bottom:12px;background:#f7fbef;padding:7px 10px;border-radius:6px;font-size:9px}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.workflow-grid article{border-top:1px solid #a5b99e;padding-top:24px}.workflow-grid article>span{font-size:12px;color:#758d6d}.workflow-grid h3{font-size:22px;margin:23px 0 13px;letter-spacing:-.9px}.workflow-grid p{font-size:12px;color:var(--muted)}.field-callout{margin-top:40px;border:1px solid #bdcbb2;border-radius:16px;display:flex;align-items:center;gap:24px;padding:25px;background:#e8eedc}.field-callout .feature-icon{margin:0}.field-callout h3{font-size:21px;letter-spacing:-.6px}.field-callout p{font-size:12px;max-width:720px;margin-bottom:0;color:var(--muted)}.field-callout .feature-state{white-space:nowrap;margin-left:auto}.company{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;border-top:1px solid var(--line)}.company>div>p:not(.eyebrow){font-size:14px;color:var(--muted)}.company-art{min-height:380px;background:linear-gradient(130deg,#e5eabf,#aacdac);border-radius:120px 120px 24px 24px;display:grid;place-items:center;position:relative;overflow:hidden}.company-art:after{content:'';position:absolute;inset:auto 0 0;height:110px;background:url('./assets/meadow.svg') center/auto 110px}.company-art>span{font:300 185px Georgia;color:#285c39;margin-bottom:35px;z-index:1}.company-art small{position:absolute;left:27px;top:30px;font-size:8px;line-height:1.8;letter-spacing:1.5px;z-index:2}.planet-ring{position:absolute;width:280px;height:280px;border:1px solid #6e916b;border-radius:50%;box-shadow:0 0 0 30px #b6d1a72b,0 0 0 60px #9fbf9930;transform:rotate(-25deg)}.text-link{display:inline-block;font-size:12px;font-weight:700;border-bottom:1px solid #7f9973;padding-bottom:8px;margin-top:20px}.release-section{padding-top:50px}.release-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #c5d1bd;border-radius:20px;overflow:hidden}.release-grid article{padding:28px;border-right:1px solid #c5d1bd;background:#edf1e5}.release-grid article:last-child{border:0}.release-grid h3{font-size:19px;line-height:1.3;letter-spacing:-.6px;margin:15px 0}.release-grid ul{padding-left:17px;font-size:11px;line-height:1.9;color:var(--muted)}.release-dot{display:block;width:9px;height:9px;border-radius:50%;background:#56855c}.release-dot.gold{background:#ac7d19}.release-dot.muted{background:#768480}.release-date{margin-top:16px}.closing{padding:90px 24px;text-align:center;background:radial-gradient(ellipse at bottom,#d7e6c0,transparent 80%);border-top:1px solid var(--line)}.closing h2{font-size:clamp(38px,4vw,57px);margin:25px 0 30px}.closing p:last-child{font-size:11px;color:var(--muted);margin-top:24px}footer{display:flex;align-items:center;gap:30px;padding:30px 5vw;background:var(--deep);color:#d6e7ce;font-size:10px}footer p{margin-right:auto}.footer-brand{font:700 20px Manrope;letter-spacing:-1px}.footer-brand span{margin-left:5px;color:var(--gold)}@media(min-width:1600px){.hero{padding-left:70px;padding-right:70px}}@media(max-width:1050px){.header{padding:0 25px}.brand{font-size:20px}nav{gap:18px;font-size:11px}.hero{grid-template-columns:1fr 1fr;padding:65px 4vw;gap:20px;min-height:570px}h1{font-size:44px}.lede{font-size:14px}.mock-layout{grid-template-columns:110px 1fr}.mock-actions>div{font-size:7px}.mock-metrics strong{font-size:10px}.service-ribbon{gap:18px}.feature{padding:23px}.gallery-frame{gap:24px}.section{padding:75px 5vw}.company{gap:50px}}@media(max-width:760px){.header{height:auto;min-height:90px;padding:15px 20px;flex-wrap:wrap;gap:16px}.brand{font-size:21px}.brand img{width:40px;height:40px}nav{width:100%;justify-content:space-between;gap:10px;font-size:10px}.nav-cta{padding:8px 10px}.hero{grid-template-columns:1fr;padding:48px 22px 65px;gap:26px}.hero-copy{max-width:550px}h1{font-size:clamp(43px,8vw,65px)}.lede{font-size:15px;max-width:440px}.hero-visual{max-width:580px;width:100%;margin:auto;padding-top:35px}.console-preview{transform:none}.float-note{right:5px}.mock-layout{grid-template-columns:120px 1fr;min-height:275px}.hero .eyebrow{font-size:8px}.service-ribbon{padding:25px 22px;gap:15px}.service-ribbon>span{width:100%;text-align:center}.service-ribbon strong{font-size:12px}.service-ribbon i{display:none}.section{padding:65px 22px}.section-heading{margin-bottom:30px}.section-heading h2,.company h2{font-size:39px}.feature-grid{grid-template-columns:1fr}.feature{min-height:0;padding:28px}.feature-icon{margin-bottom:20px}.feature h3 br{display:none}.split{display:block}.split>p{max-width:100%!important}.gallery-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.gallery-tabs button{font-size:10px;padding:12px}.gallery-frame{grid-template-columns:1fr;padding:20px;gap:25px}.gallery-visual{min-height:245px;padding:14px}.gallery-caption h3{font-size:28px}.gallery-caption .micro{margin-bottom:0}.workflow-grid{grid-template-columns:1fr 1fr;gap:25px}.field-callout{align-items:start;flex-wrap:wrap;gap:15px}.field-callout>div{flex:1;min-width:200px}.field-callout .feature-state{margin:0 0 0 45px}.company{grid-template-columns:1fr;gap:35px}.company-art{min-height:300px}.company-art>span{font-size:150px}.release-grid{grid-template-columns:1fr}.release-grid article{border-right:0;border-bottom:1px solid #c5d1bd}.release-grid article:last-child{border:0}footer{flex-wrap:wrap;gap:15px}footer p{width:60%;font-size:9px;margin-right:0}.closing{padding:65px 22px}.orbit{display:none}}@media(max-width:370px){.mock-layout{grid-template-columns:96px 1fr}.mock-actions{padding:5px}.mock-actions>div{font-size:6px}.mock-metrics{grid-template-columns:1fr}.mock-metrics>div:nth-child(2){display:none}.mock-greeting strong{font-size:12px}.demo-row{padding:9px;font-size:9px}.workflow-grid{grid-template-columns:1fr}.brand small{font-size:7px}.service-ribbon{gap:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(prefers-contrast:more){.feature,.gallery-frame,.console-preview,.gallery-visual{border-width:2px}p,.micro{color:inherit}}
