:root{--ink:#142426;--sub:#5c6b68;--deep:#102724;--deep2:#193934;--mint:#c5f4b7;--line:#dce4dd;--cream:#f7f8f4;--paper:#fff;--sky:#eef5ec;--radius:20px;--shadow:0 23px 55px rgba(26,55,42,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #88c273;outline-offset:3px}.container{max-width:1160px;margin:auto;padding:0 30px}.top-strip{background:#0c1c1a;color:#b2dbc0;font-size:12px;font-weight:650;letter-spacing:.03em;text-align:center;padding:9px 20px}.top-strip a{color:#fff}.top-strip.draft{background:#5b351c;color:#fff1da}.nav-shell{background:rgba(247,248,244,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60;backdrop-filter:blur(16px)}.navbar{height:78px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:22px;letter-spacing:-.055em;font-weight:850}.brandmark{height:39px;width:39px;border-radius:12px;background:var(--deep);display:grid;place-items:center;color:var(--mint);font-size:22px;font-weight:950;box-shadow:0 5px 12px rgba(6,26,22,.18)}.brand span.light{font-weight:450;letter-spacing:-.05em}.navlinks{display:flex;align-items:center;gap:29px}.navlinks>a:not(.button){text-decoration:none;font-size:14px;font-weight:630;color:#41524b;transition:color .2s}.navlinks>a:not(.button):hover{color:#0d4431}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;padding:14px 22px;background:var(--deep);color:#fff;text-decoration:none;font-weight:750;white-space:nowrap;border:1px solid var(--deep);font-size:14px;transition:transform .18s,background .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);background:#1b4a38;box-shadow:0 7px 22px rgba(7,41,25,.14)}.button.secondary{background:transparent;color:#1f3631;border-color:#b4c4b7}.button.secondary:hover{background:#e6f0e2}.button.lime{background:var(--mint);border-color:var(--mint);color:#152a23}.button.lime:hover{background:#dbffcf}.button.disabled{cursor:default;opacity:.52;pointer-events:none}.menubtn{display:none;border:1px solid #d2dbd0;background:#fff;border-radius:10px;height:42px;width:44px;align-items:center;justify-content:center;cursor:pointer;font-size:21px}.mobile-menu{display:none}.hero{padding:77px 0 97px;overflow:hidden;background:radial-gradient(ellipse 45% 65% at 99% 10%,#e1efda 0,transparent 75%),var(--cream)}.hero-inner{display:grid;grid-template-columns:1.03fr .97fr;gap:65px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:780;letter-spacing:.1em;text-transform:uppercase;color:#35674d}.dot{display:inline-block;height:8px;width:8px;background:#6aad75;border-radius:50%}.hero h1{font-size:clamp(42px,5.4vw,74px);letter-spacing:-.072em;line-height:1.045;margin:20px 0 24px;font-weight:850;max-width:610px}.hero h1 em{font-style:normal;color:#387a55}.hero p{color:#556761;line-height:1.75;font-size:17px;max-width:540px;margin:0 0 30px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.fineprint{display:flex;align-items:center;gap:9px;font-size:12px;color:#74857c;margin-top:22px}.fineprint svg{width:17px}.showcase{min-width:0;position:relative}.showcase:after{content:'';position:absolute;background:var(--mint);height:120px;width:120px;border-radius:50%;filter:blur(47px);bottom:-14px;right:-20px;z-index:0}.browser{position:relative;border-radius:19px;padding:0;background:white;border:1px solid #dce8dd;box-shadow:0 32px 70px rgba(17,45,30,.14);transform:rotate(1.1deg);z-index:1;overflow:hidden}.browser-bar{height:41px;border-bottom:1px solid #e7e9e4;background:#fafbf8;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.dots{display:flex;gap:5px}.dots i{display:block;width:8px;height:8px;background:#d0d6cf;border-radius:50%}.urlpill{font-size:9px;color:#6f8076;background:#edf1ed;border-radius:10px;padding:5px 17px}.sample-hero{min-height:290px;background:#14342f;padding:30px;color:#fff;position:relative;overflow:hidden}.sample-hero:after{content:'';position:absolute;border:1px solid rgba(186,231,164,.16);width:400px;height:400px;border-radius:50%;right:-170px;top:-115px;box-shadow:0 0 0 34px rgba(186,231,164,.05),0 0 0 90px rgba(186,231,164,.035)}.sample-nav{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;font-weight:800;font-size:13px}.sample-nav span:last-child{font-size:9px;background:#c7f3b9;color:#18362e;padding:8px 10px;border-radius:20px}.sample-small{position:relative;z-index:1;color:#a8d4b3;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-top:52px}.sample-hero h3{position:relative;z-index:1;font-size:33px;line-height:1.1;letter-spacing:-.06em;max-width:300px;margin:12px 0}.sample-hero p{position:relative;z-index:1;font-size:11px;color:#d5e4db;margin:0;max-width:285px;line-height:1.6}.sample-lower{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px}.mini{border:1px solid #e6ebe4;background:#f8faf6;padding:12px;border-radius:8px;min-height:60px}.mini .bar{width:70%;height:5px;background:#bfd2c1;border-radius:5px;margin-bottom:8px}.mini .bar.short{width:43%;background:#d9e1d7}.float-card{position:absolute;left:-26px;bottom:24px;z-index:2;display:flex;align-items:center;gap:11px;background:#fff;box-shadow:0 16px 38px rgba(5,33,18,.12);border:1px solid #e7ede5;padding:13px 17px;border-radius:13px;font-size:11px}.float-card strong{display:block;color:#163c2a;font-size:13px}.checkicon{display:grid;place-items:center;background:#e4f7dd;color:#246f3a;height:32px;width:32px;border-radius:10px;font-weight:900}.strip{background:#163a2f;color:#c4d9cc;padding:23px 0}.strip-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;font-size:13px;font-weight:560}.strip-inner strong{color:#f3fff3;font-size:14px}.strip-group{display:flex;gap:25px;flex-wrap:wrap}.strip-group span{display:flex;gap:7px;align-items:center}.section{padding:96px 0}.section.light{background:white}.section.soft{background:#eff4ec}.section.dark{background:#102c25;color:#fff}.kicker{color:#397d59;text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:850}.section.dark .kicker{color:#b9ebad}.section-title{font-size:clamp(33px,4vw,52px);line-height:1.13;letter-spacing:-.057em;max-width:720px;margin:14px 0 17px}.lede{color:#61716b;font-size:16px;line-height:1.75;max-width:690px}.section.dark .lede{color:#b8d0c5}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:39px}.service-card{border:1px solid #e2eae0;border-radius:18px;padding:30px;background:#fcfdfa}.service-card .ico{width:45px;height:45px;border-radius:14px;background:#e1f1dc;display:grid;place-items:center;color:#2d7250;font-size:24px}.service-card h3{font-size:20px;letter-spacing:-.04em;margin:26px 0 9px}.service-card p{font-size:14px;color:#6a7970;line-height:1.68;margin:0}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.demo-preview{background:#dcebdd;padding:25px;border-radius:22px;border:1px solid #d4e2d4}.demo-screen{background:#fff;min-height:280px;border-radius:12px;overflow:hidden;box-shadow:0 15px 35px rgba(19,51,32,.1)}.demo-screen-top{background:#212e2a;color:white;padding:22px;font-size:12px;display:flex;justify-content:space-between}.demo-screen-body{background:linear-gradient(130deg,#254337,#0f201b);color:#fff;padding:33px 28px;min-height:225px}.demo-screen-body small{color:#a8d8b2;font-size:10px;letter-spacing:.1em}.demo-screen-body strong{display:block;font-size:32px;letter-spacing:-.05em;line-height:1.15;max-width:280px;margin:17px 0}.demo-screen-body span{display:inline-block;background:#dbf5ce;color:#21482d;padding:9px 12px;border-radius:8px;font-size:10px;font-weight:700}.bullets{list-style:none;padding:0;margin:21px 0 26px;display:grid;gap:15px}.bullets li{display:flex;align-items:flex-start;gap:12px;color:#48574f;font-size:14px;line-height:1.55}.bullets li:before{content:'✓';display:grid;place-items:center;flex:none;border-radius:50%;height:21px;width:21px;color:#255f3e;background:#dff0dc;font-size:12px;font-weight:800}.price-wrap{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:36px}.price-card{border:1px solid #dde7dc;background:#fff;border-radius:22px;padding:34px;position:relative}.price-card.featured{background:#18392e;color:white;border-color:#18392e}.pricing-label{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#518165}.featured .pricing-label{color:#bdf1ac}.price{font-size:56px;letter-spacing:-.065em;font-weight:850;margin:16px 0 3px}.price small{font-size:17px;letter-spacing:0;font-weight:500}.price-desc{color:#6d7b72;font-size:14px;line-height:1.6;min-height:44px}.featured .price-desc{color:#c1d7cb}.price-card ul{padding:20px 0 0 20px;margin:16px 0 0;border-top:1px solid #dfe8df;line-height:2;color:#4e5d53;font-size:14px}.featured ul{border-top-color:#426552;color:#dfefe3}.pricing-note{font-size:12px;line-height:1.6;color:#66796e;margin-top:19px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:44px}.how-step{border-top:1px solid #d6e1d7;padding-top:20px}.how-num{font-size:43px;font-weight:820;letter-spacing:-.07em;color:#b7cabb}.how-step h3{font-size:18px;margin:18px 0 9px}.how-step p{font-size:14px;line-height:1.75;color:#6b796f}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}.faq{border-bottom:1px solid #dbe6d9;padding:0 0 23px}.faq h3{font-size:16px;margin:0 0 8px}.faq p{font-size:14px;color:#617167;line-height:1.7;margin:0}.contact-band{background:#c9efbf;border-radius:26px;padding:57px 60px;display:flex;align-items:center;justify-content:space-between;gap:38px}.contact-band h2{font-size:clamp(30px,4vw,47px);line-height:1.13;letter-spacing:-.06em;max-width:630px;margin:15px 0}.contact-band p{color:#3d6045;font-size:15px;line-height:1.6;max-width:600px}.email-line{font-size:15px;font-weight:800;overflow-wrap:anywhere}.contact-disabled{padding:16px 19px;border:1px dashed #779e80;border-radius:13px;font-size:13px;color:#415b49;max-width:310px}.footer{padding:44px 0;background:#0e261f;color:#d6e3d8}.footer-grid{display:flex;justify-content:space-between;gap:35px;align-items:start}.footer .brand{color:white}.footer p{color:#91b1a0;font-size:13px;line-height:1.65;max-width:350px}.foot-links{display:flex;gap:21px;flex-wrap:wrap;font-size:13px}.foot-links a{color:#b5cabc;text-decoration:none}.foot-links a:hover{color:white}.foot-bottom{margin-top:34px;border-top:1px solid #294137;padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#8fab9c;font-size:12px}.privacy-main{max-width:850px;padding:70px 30px 110px;margin:0 auto}.privacy-main h1{font-size:46px;letter-spacing:-.06em}.privacy-main h2{margin-top:34px}.privacy-main p,.privacy-main li{font-size:15px;color:#5a6c60;line-height:1.8}.privacy-main .notice{background:#f8e8ca;border:1px solid #d8b17d;padding:18px;border-radius:12px;color:#6d4b27}.preview-only{font-size:13px;color:#744d26;background:#fff3db;border:1px solid #ebce91;border-radius:12px;padding:14px;margin-top:20px}
@media(max-width:940px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero{padding-top:52px}.showcase{max-width:600px;width:100%;margin:auto}.cards{grid-template-columns:repeat(2,1fr)}.demo-grid{gap:24px}.contact-band{padding:38px 34px}}@media(max-width:700px){.container{padding:0 20px}.navbar{height:66px}.brand{font-size:20px}.brandmark{height:35px;width:35px}.navlinks{display:none}.menubtn{display:flex}.mobile-menu{display:none;border-top:1px solid var(--line);padding:15px 20px 24px;background:#f7f8f4}.mobile-menu.open{display:grid;gap:7px}.mobile-menu a{padding:12px 0;text-decoration:none;font-weight:670;font-size:15px}.mobile-menu .button{margin-top:4px}.hero{padding:44px 0 70px}.hero h1{font-size:clamp(42px,10vw,61px)}.hero p{font-size:15px}.sample-hero{min-height:265px}.float-card{left:-8px;bottom:-22px}.showcase{padding-bottom:20px}.strip-group{gap:15px}.section{padding:70px 0}.section-title{font-size:36px}.cards,.demo-grid,.price-wrap,.how-grid,.faq-grid{grid-template-columns:1fr}.service-card{padding:24px}.demo-grid{gap:28px}.price{font-size:50px}.contact-band{padding:31px 27px;display:block}.contact-band .button{margin-top:20px}.foot-links{gap:14px}.footer-grid{display:block}.footer .foot-links{margin-top:26px}.how-grid{gap:15px}.fineprint{font-size:11px}.hero-buttons .button{width:100%}.sample-nav{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
