:root{--ink:#142b38;--muted:#61747c;--brand:#168c76;--brand2:#0c6d5d;--soft:#e7f6f0;--line:#dce8e3;--bg:#f7faf8;--ok:#168c76}
body{background:#f7faf8;color:#142b38}
header{background:rgba(247,250,248,.92);border-bottom:1px solid #e3ece8;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.38rem;color:#142b38}
.brand img{width:40px;height:40px}.brand span{color:#168c76}
.navlinks a:not(.btn):hover{color:#0c6d5d}
.btn{border-color:#dce8e3;border-radius:12px;box-shadow:0 1px 2px #142b380b}
.btn.primary,.primary{background:#147f6d;color:#fff;box-shadow:0 10px 24px #147f6d29}
.btn.primary:hover,.primary:hover{background:#0e6c5c;box-shadow:0 14px 28px #147f6d3b}
.hero{background:radial-gradient(circle at 83% 17%,#dff4ea 0,transparent 33%),linear-gradient(180deg,#f9fcfa 0%,#f2f8f5 100%);padding:82px 0 94px}
.eyebrow{background:#e7f6f0;color:#116e5c;border-color:#c8e8da}
.hero h1{letter-spacing:-.062em;max-width:680px}.hero h1 em{font-style:normal;color:#168c76}
.hero p{max-width:565px}.micro b{color:#117761}
.product{border:1px solid #d6e7df;background:#fff;transform:rotate(1deg);box-shadow:0 34px 80px #123c3425}
.browser{background:#f7faf8;border-color:#e2ece7}.browserbar{border-color:#e2ece7}.side{background:#142b38}.side i{background:#ffffff2a}
.stat,.agenda,.trustitem,.feature,.step,.faq details{border-color:#dce8e3;box-shadow:0 5px 24px #143a2c0a}
.stat strong{color:#142b38}.trust{background:#f2f8f5}.trustitem{border-radius:18px}
.section.alt{background:#fff}.pain-card.before{background:#fffaf7}.pain-card.after{background:#effaf5}
.feature{transition:transform .2s,box-shadow .2s}.feature:hover{transform:translateY(-3px);box-shadow:0 15px 32px #143a2c14}
.feature-icon{background:#e7f6f0;color:#168c76}.step{border-color:#168c76}.step b{color:#168c76}
.pricebox{background:#142b38;box-shadow:0 22px 60px #123c3428}.final{background:linear-gradient(180deg,#ecf8f1,#f7faf8)}
.faq details[open]{border-color:#9bd9c4}.footer{background:#fff}
@media(max-width:900px){.product{transform:none}}

/* May-inspired public page. The structural layout stays responsive. */
:root{--ink:#eef2ff;--muted:#a8b5cb;--brand:#22d3a8;--brand2:#087d78;--soft:#142c30;--line:#313b4e;--bg:#060811;--ok:#22d3a8}
body{background:#060811;color:var(--ink);font-family:Manrope,system-ui,sans-serif}
header{background:rgba(6,8,17,.88);border-color:#303a50;backdrop-filter:blur(24px)}
.brand{color:#eef2ff}.brand span{color:#55e4c0}.navlinks a:not(.btn){color:#b4bed3}
.btn{background:#141827;color:#eef2ff;border-color:#3a465d;box-shadow:none}.btn.primary,.primary{background:linear-gradient(135deg,#18b995,#087d78);color:white;box-shadow:0 12px 28px #0c98743f}
.hero{background:radial-gradient(circle at 90% 10%,#134d4655,transparent 37%),radial-gradient(circle at 4% 80%,#28376745,transparent 45%),#060811}
.eyebrow{background:#102b2c;color:#8af0d0;border-color:#28544e}.hero h1 em{color:#55e4c0}.micro b{color:#76eacb}
.product{background:#141827;border-color:#344153;box-shadow:0 32px 80px #0008}.browser{background:#0f1320;border-color:#344153}.browserbar{background:#141827;border-color:#344153}.side{background:#0a0d18}.side i{background:#ffffff1e}
.dash,.dash h3,.stat strong,.agenda b{color:#eef2ff}.stat,.agenda,.trustitem,.feature,.step,.faq details{background:#0f1320;border-color:#303a50;box-shadow:0 8px 30px #0003}.row{border-color:#303a50}.dot{background:#59647b}
.trust,.section.alt{background:#0a0d18}.pain-card.before{background:#1b1924}.pain-card.after{background:#10251f}.feature-icon{background:#173c39;color:#69e5c4}.step{border-color:#22d3a8}.step b{color:#22d3a8}
.pricebox{background:linear-gradient(135deg,#132a35,#122923);border:1px solid #31554d;box-shadow:0 22px 60px #0006}.final{background:linear-gradient(180deg,#10201d,#060811)}.footer{background:#060811;border-color:#303a50}
@media(max-width:640px){.nav{height:68px}.hero{padding:48px 0 60px}.hero h1{font-size:clamp(2.25rem,10vw,3.2rem)}.pricebox{padding:27px 20px}.product{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}