/* GroundWP Site: the landing page and the connect guide. A light page in the brand palette and the
   system font; one entrance animation of about three seconds, nothing moving after it. */
:root{--gws-accent:#0b7a5a;--gws-accent-hover:#096349;--gws-accent-ink:#0a5c45;--gws-soft:#e6f4ee;--gws-soft-2:#cfeadb;--gws-soft-3:#f6fbf8;--gws-text:#1b2420;--gws-soil:#3b4a42;--gws-muted:#5f6a64;--gws-border:#d9dfdb;--gws-border-soft:#e6ebe8;--gws-fail:#b32d2e;--gws-radius:10px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--gws-text);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--gws-accent-ink)}
a:hover{color:var(--gws-accent)}
:focus-visible{outline:2px solid var(--gws-accent);outline-offset:2px}
.gws-wrap{max-width:1120px;margin:0 auto;padding-inline:24px}
.gws-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gws-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

/* Top bar */
.gws-top{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding:18px 24px;border-bottom:1px solid var(--gws-border-soft)}
.gws-brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:-0.01em;font-size:17px;color:var(--gws-text);text-decoration:none}
.gws-mark{width:22px;height:22px;fill:var(--gws-accent)}
.gws-links{display:flex;gap:24px;font-size:14px}
.gws-links a{color:var(--gws-muted);text-decoration:none}
.gws-links a:hover{color:var(--gws-text)}

/* Hero: words on the left, the sprout standing on a ground line that runs under both. */
.gws-hero{position:relative;max-width:1120px;margin:0 auto;padding:80px 24px 0;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start}
.gws-hero__text{display:grid;gap:22px;padding-bottom:110px;min-width:0}
.gws-eyebrow{margin:0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gws-accent-ink)}
.gws-hero h1{margin:0;font-size:clamp(38px,5.2vw,64px);line-height:1.04;letter-spacing:-.02em;font-weight:700;text-wrap:balance;max-width:14ch}
.gws-lead{margin:0;font-size:19px;line-height:1.45;color:var(--gws-soil);max-width:38ch}
.gws-join{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 0}
.gws-join input[type=email]{font:inherit;font-size:15px;padding:12px 14px;border:1px solid #bfc8c2;border-radius:var(--gws-radius);flex:1 1 220px;max-width:340px;min-width:0;background:#fff;color:var(--gws-text)}
.gws-btn{font:inherit;font-size:15px;font-weight:600;color:#fff;background:var(--gws-accent);border:0;border-radius:var(--gws-radius);padding:13px 20px;cursor:pointer;text-decoration:none;display:inline-block}
.gws-btn:hover{background:var(--gws-accent-hover)}
.gws-btn[disabled]{opacity:.7;cursor:default}
.gws-join__note{flex-basis:100%;margin:0;font-size:14px;color:var(--gws-muted);min-height:1.4em}
.gws-join__note.is-ok{color:var(--gws-accent-ink)}
.gws-join__note.is-error{color:var(--gws-fail)}
.gws-alt{margin:0;font-size:14px;color:var(--gws-muted)}
.gws-alt a{font-weight:600}
.gws-stage{position:relative;min-height:420px}
.gws-sprout{position:absolute;bottom:14px;right:24px;width:320px;height:auto;display:block;overflow:hidden;fill:var(--gws-accent)}
.gws-ground{position:absolute;left:24px;right:24px;bottom:0;height:14px;border-radius:999px;background:var(--gws-accent);transform-origin:calc(100% - 184px) 50%}
.gws-plant,.gws-leaf-l,.gws-leaf-r{transform-box:view-box}
.gws-plant{transform-origin:10px 15.5px}
.gws-leaf-l{transform-origin:10px 11px}
.gws-leaf-r{transform-origin:10px 9.5px}

/* The entrance: the ground draws under the sprout, the sprout rises out of it, the leaves unfold, then the words settle. */
.gws-ground{animation:gws-ground .9s cubic-bezier(.2,.8,.2,1) both}
.gws-plant{animation:gws-rise 1.1s .7s cubic-bezier(.2,.8,.2,1) both}
.gws-leaf-l{animation:gws-unfold-l .9s 1.6s cubic-bezier(.34,1.4,.64,1) both}
.gws-leaf-r{animation:gws-unfold-r .9s 1.75s cubic-bezier(.34,1.4,.64,1) both}
.gws-eyebrow{animation:gws-settle .6s 2.1s ease-out both}
.gws-hero h1{animation:gws-settle .6s 2.2s ease-out both}
.gws-lead{animation:gws-settle .6s 2.35s ease-out both}
.gws-join,.gws-alt{animation:gws-settle .6s 2.5s ease-out both}
@keyframes gws-ground{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes gws-rise{from{transform:translateY(16px)}to{transform:translateY(0)}}
@keyframes gws-unfold-l{from{transform:rotate(-40deg) scale(.55)}to{transform:none}}
@keyframes gws-unfold-r{from{transform:rotate(40deg) scale(.55)}to{transform:none}}
@keyframes gws-settle{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.gws-ground,.gws-plant,.gws-leaf-l,.gws-leaf-r,.gws-eyebrow,.gws-hero h1,.gws-lead,.gws-join,.gws-alt{animation:none}}

/* Sections */
.gws-how{background:var(--gws-soft-3);padding:64px 0 72px}
.gws-how h2,.gws-safety h2,.gws-connect h2,.gws-guide h1{margin:0 0 28px;font-size:28px;letter-spacing:-.015em;font-weight:700;text-wrap:balance}
.gws-steps,.gws-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.gws-steps{position:relative;padding-top:26px}
.gws-steps::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;border-radius:999px;background:var(--gws-soft-2)}
.gws-steps li::before{content:"";display:block;width:14px;height:14px;border-radius:50%;background:var(--gws-accent);margin:-36px 0 18px}
.gws-steps h3,.gws-facts h3{margin:0 0 6px;font-size:17px}
.gws-steps p,.gws-facts p{margin:0;font-size:15px;color:var(--gws-soil)}
.gws-safety{padding:64px 0 72px}
.gws-facts li{border:1px solid var(--gws-border);border-radius:var(--gws-radius);padding:20px 22px;background:#fff}
.gws-connect{background:var(--gws-soft);padding:64px 0 72px}
.gws-connect p{margin:0;font-size:17px;max-width:62ch;color:var(--gws-text)}

/* Guide */
.gws-guide{max-width:760px;margin:0 auto;padding:56px 24px 72px}
.gws-guide h1{margin-top:12px}
.gws-guide .gws-lead{margin-bottom:36px;max-width:none}
.gws-guide h2{font-size:22px;margin:40px 0 16px;letter-spacing:-.01em}
.gws-guide ol{padding:0;margin:0;list-style:none;counter-reset:step;display:grid;gap:16px}
.gws-guide ol li{counter-increment:step;display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start}
.gws-guide ol li::before{content:counter(step);width:32px;height:32px;border-radius:50%;background:var(--gws-soft);color:var(--gws-accent-ink);font-weight:700;display:grid;place-items:center;font-size:14px}
.gws-guide ol h3{margin:4px 0;font-size:16px}
.gws-guide ol p{margin:0;color:var(--gws-soil);font-size:15px}
.gws-note{border-left:3px solid var(--gws-soft-2);padding:6px 0 6px 14px;margin:20px 0 0;color:var(--gws-soil);font-size:15px}

/* Footer */
.gws-foot{border-top:1px solid var(--gws-border-soft);padding:32px 0 48px;font-size:13px;color:var(--gws-muted)}
.gws-foot p{margin:0 0 8px}
.gws-foot a{color:var(--gws-muted)}

@media (max-width:820px){
	.gws-top{padding:16px 20px}
	.gws-links{gap:16px}
	.gws-hero{grid-template-columns:1fr;padding:48px 20px 0;gap:0}
	.gws-hero__text{padding-bottom:40px}
	.gws-stage{min-height:280px}
	.gws-sprout{right:50%;transform:translateX(50%);width:220px}
	.gws-ground{left:20px;right:20px;transform-origin:50% 50%}
	.gws-steps,.gws-facts{grid-template-columns:1fr}
	.gws-steps::before{display:none}
	.gws-steps li::before{margin:0 0 10px}
	.gws-wrap{padding-inline:20px}
	.gws-how,.gws-safety,.gws-connect{padding:48px 0 56px}
	.gws-guide{padding:40px 20px 56px}
}
@media (max-width:420px){.gws-links a:nth-child(n+3){display:none}}