:root{
  --bg:#faf9f5; --sage:#43664d; --sage-dark:#2d4d39; --mint:#eef3ee;
  --card:#ffffff; --text:#2f342e; --sec:#667066; --muted:#a8afa8;
  --border:#e5e3dc; --amber:#d4903a;
  --maxw:1080px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:var(--bg); color:var(--text); line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--sage); text-decoration:none;}
a:hover{text-decoration:underline;}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px;}
.narrow{max-width:760px;}

/* nav */
.nav{position:sticky; top:0; z-index:50; background:rgba(250,249,245,.85);
  backdrop-filter:blur(12px); border-bottom:1px solid var(--border);}
.nav .wrap{display:flex; align-items:center; justify-content:space-between; height:66px;}
.brand{font-weight:800; font-size:20px; letter-spacing:-.3px; color:var(--text);}
.brand:hover{text-decoration:none;}
.navlinks{display:flex; align-items:center; gap:28px;}
.navlinks a{color:var(--sec); font-weight:600; font-size:15px;}
.navlinks a:hover{color:var(--text); text-decoration:none;}
.pill{display:inline-block; background:var(--mint); color:var(--sage); font-weight:700;
  font-size:13px; padding:7px 14px; border-radius:999px;}
@media(max-width:680px){ .navlinks a:not(.pill){display:none;} }

/* hero */
.hero{padding:88px 0 72px; text-align:center;}
.hero h1{font-size:54px; font-weight:800; letter-spacing:-1.2px; line-height:1.08; max-width:760px; margin:0 auto 22px;}
.hero h1 .accent{color:var(--sage);}
.hero p.lead{font-size:20px; color:var(--sec); max-width:600px; margin:0 auto 34px; line-height:1.55;}
.cta{display:inline-flex; align-items:center; gap:10px; background:var(--sage); color:#fff;
  font-weight:700; font-size:16px; padding:15px 28px; border-radius:999px;}
.cta:hover{background:var(--sage-dark); text-decoration:none;}
.cta-note{display:block; margin-top:16px; color:var(--muted); font-size:14px;}

/* sections */
section{padding:72px 0;}
.eyebrow{text-transform:uppercase; letter-spacing:2px; font-size:13px; font-weight:700; color:var(--sage); margin-bottom:14px;}
h2.section-title{font-size:36px; font-weight:800; letter-spacing:-.6px; margin-bottom:14px;}
.section-intro{font-size:18px; color:var(--sec); max-width:620px; margin-bottom:8px;}
.center{text-align:center;} .center .section-intro{margin-left:auto; margin-right:auto;}

/* steps */
.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:48px;}
.step .num{width:40px; height:40px; border-radius:12px; background:var(--mint); color:var(--sage);
  display:flex; align-items:center; justify-content:center; font-weight:800; font-size:17px; margin-bottom:16px;}
.step h3{font-size:19px; font-weight:700; margin-bottom:8px;}
.step p{color:var(--sec); font-size:15.5px;}
@media(max-width:760px){ .steps{grid-template-columns:1fr;} }

/* plans */
.plans{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:48px;}
.plan{background:var(--card); border:1px solid var(--border); border-radius:18px; padding:26px 22px;}
.plan.featured{border:2px solid var(--sage);}
.plan .ptag{font-size:12px; font-weight:800; letter-spacing:.5px; padding:4px 10px; border-radius:7px; display:inline-block; margin-bottom:14px;}
.ptag.free{background:#eaf3de; color:#3b6d11;} .ptag.prem{background:#faeeda; color:#854f0b;} .ptag.core{background:var(--mint); color:var(--sage);}
.plan h3{font-size:22px; font-weight:800; margin-bottom:6px;}
.plan .pdesc{color:var(--sec); font-size:14.5px; line-height:1.5;}
@media(max-width:880px){ .plans{grid-template-columns:1fr 1fr;} }
@media(max-width:520px){ .plans{grid-template-columns:1fr;} }

/* what-it-is grid */
.whatgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:44px; text-align:left;}
.whatitem{background:var(--card); border:1px solid var(--border); border-radius:16px; padding:24px;}
.whatitem h3{font-size:17px; font-weight:700; margin-bottom:8px;}
.whatitem p{color:var(--sec); font-size:15px;}
@media(max-width:760px){ .whatgrid{grid-template-columns:1fr;} }

/* use-case cards */
.usecases{display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:48px;}
.uc{background:var(--card); border:1px solid var(--border); border-radius:18px; padding:26px 24px; transition:border-color .15s, transform .15s;}
.uc:hover{border-color:var(--sage); transform:translateY(-2px);}
.uc .role{display:inline-block; text-transform:uppercase; letter-spacing:1px; font-size:11.5px; font-weight:800; color:var(--sage); background:var(--mint); padding:4px 10px; border-radius:7px; margin-bottom:14px;}
.uc h3{font-size:18.5px; font-weight:800; margin-bottom:8px; letter-spacing:-.2px;}
.uc p{color:var(--sec); font-size:15px; line-height:1.55;}
@media(max-width:880px){ .usecases{grid-template-columns:1fr 1fr;} }
@media(max-width:560px){ .usecases{grid-template-columns:1fr;} }
.who-note{margin-top:32px; color:var(--sec); font-size:15.5px; background:var(--mint); border-radius:12px; padding:16px 20px;}
.center .who-note{max-width:640px; margin-left:auto; margin-right:auto;}

/* getting started */
.startlist{list-style:none; margin:44px 0 0; padding:0;}
.startlist li{display:flex; gap:20px; align-items:flex-start; padding:20px 0; border-bottom:1px solid var(--border);}
.startlist li:last-child{border-bottom:none;}
.startlist .sn{flex:none; width:40px; height:40px; border-radius:12px; background:var(--sage); color:#fff;
  display:flex; align-items:center; justify-content:center; font-weight:800; font-size:17px;}
.startlist h3{font-size:18px; font-weight:700; margin-bottom:5px;}
.startlist p{color:var(--sec); font-size:15.5px;}

/* feature band */
.band{background:var(--sage); color:#fff;}
.band .section-title, .band .eyebrow{color:#fff;}
.band .eyebrow{opacity:.8;}
.band p{color:rgba(255,255,255,.9); font-size:18px; max-width:640px;}

/* faq */
.faq-item{border-bottom:1px solid var(--border); padding:24px 0;}
.faq-item h3{font-size:18px; font-weight:700; margin-bottom:8px;}
.faq-item p{color:var(--sec); font-size:16px;}

/* support */
.support-card{background:var(--card); border:1px solid var(--border); border-radius:20px; padding:40px; text-align:center;}
.support-card h2{font-size:30px; font-weight:800; margin-bottom:10px;}
.support-card p{color:var(--sec); font-size:17px; margin-bottom:22px;}

/* footer */
footer{border-top:1px solid var(--border); padding:44px 0; color:var(--sec); font-size:14.5px;}
footer .wrap{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px;}
footer .flinks{display:flex; gap:24px;}
footer a{color:var(--sec); font-weight:600;}

/* legal pages */
.legal{padding:56px 0 96px;}
.legal h1{font-size:34px; font-weight:800; letter-spacing:-.5px; margin-bottom:6px;}
.legal .updated{color:var(--muted); font-size:14px; margin-bottom:36px;}
.legal h2{font-size:20px; font-weight:700; color:var(--sage); margin:34px 0 12px;}
.legal p{margin-bottom:16px; color:#3a3f38;}
.legal ul{margin:0 0 16px 22px;} .legal li{margin-bottom:7px; color:#3a3f38;}
.back{display:inline-block; margin-bottom:28px; font-weight:600; color:var(--sage);}