:root{
  --forest:#0D302A; --forest-deep:#07110F; --forest-2:#123D35; --surface:#132A24;
  --surface2:#1B372F; --line:rgba(255,255,255,.10); --line-strong:rgba(255,255,255,.18);
  --lime:#C9F36A; --lime-2:#B9E95A; --mint:#3DDBC4; --coral:#F28E79; --gold:#F1C35B;
  --cream:#F8F4E8; --text:#F3F6EE; --muted:#A9BEB4; --radius:28px; --radius-sm:18px;
  --maxw:1180px; --shadow:0 20px 60px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--forest-deep); color:var(--text);
  font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
img,svg{max-width:100%}
a{color:inherit}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px}
@media (max-width:640px){.wrap{padding:0 18px}}

/* background aura */
.aura{position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden}
.aura span{position:absolute; border-radius:50%; filter:blur(90px); opacity:.55}
.aura .a1{width:520px; height:520px; background:radial-gradient(circle,#3DDBC4,transparent 70%); top:-160px; left:-120px; animation:float1 22s ease-in-out infinite}
.aura .a2{width:620px; height:620px; background:radial-gradient(circle,#C9F36A,transparent 70%); top:20%; right:-220px; animation:float2 26s ease-in-out infinite}
.aura .a3{width:420px; height:420px; background:radial-gradient(circle,#F28E79,transparent 70%); bottom:-140px; left:30%; animation:float1 30s ease-in-out infinite reverse}
@keyframes float1{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,60px)}}
@keyframes float2{0%,100%{transform:translate(0,0)}50%{transform:translate(-50px,40px)}}

/* nav */
.nav{position:sticky; top:0; z-index:50; backdrop-filter:blur(16px); background:rgba(7,17,15,.72); border-bottom:1px solid var(--line)}
.nav .row{display:flex; align-items:center; justify-content:space-between; height:74px}
.logo{display:flex; align-items:baseline; gap:2px; font-weight:800; font-size:22px; letter-spacing:-.5px; text-decoration:none}
.logo .dot{color:var(--lime)}
.navlinks{display:flex; align-items:center; gap:30px; font-size:14px; font-weight:600}
.navlinks a{text-decoration:none; color:var(--muted); transition:color .2s}
.navlinks a:hover{color:var(--text)}
.navlinks .cta{background:var(--lime); color:var(--forest-deep); padding:10px 20px; border-radius:999px; font-weight:800}
.navlinks .cta:hover{background:var(--lime-2)}
.navtoggle{display:none; background:none; border:0; color:var(--text)}
@media (max-width:820px){
  .navlinks{position:fixed; inset:74px 0 0 0; background:var(--forest-deep); flex-direction:column; justify-content:flex-start; padding:36px 24px; gap:22px; transform:translateX(100%); transition:transform .3s ease; font-size:18px}
  .navlinks.open{transform:translateX(0)}
  .navtoggle{display:block}
}

/* hero */
.hero{position:relative; z-index:1; padding:86px 0 60px; text-align:center}
.eyebrow{display:inline-flex; align-items:center; gap:8px; background:var(--surface); border:1px solid var(--line-strong); padding:8px 16px; border-radius:999px; font-size:12px; font-weight:700; letter-spacing:.5px; color:var(--mint); text-transform:uppercase}
.eyebrow .pulse{width:7px; height:7px; border-radius:50%; background:var(--lime); animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1; transform:scale(1)}50%{opacity:.4; transform:scale(1.4)}}
h1.hero-title{font-size:clamp(40px,7.5vw,88px); line-height:1.02; letter-spacing:-2.5px; font-weight:800; margin:26px 0 20px}
h1.hero-title .grad{background:linear-gradient(100deg,var(--lime),var(--mint) 60%); -webkit-background-clip:text; background-clip:text; color:transparent}
.hero p.sub{max-width:620px; margin:0 auto; color:var(--muted); font-size:18px; line-height:1.6}
.hero-ctas{display:flex; gap:14px; justify-content:center; margin-top:34px; flex-wrap:wrap}
.btn{display:inline-flex; align-items:center; gap:10px; padding:16px 28px; border-radius:999px; font-weight:800; font-size:15px; text-decoration:none; border:1px solid transparent; transition:transform .2s ease, box-shadow .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--lime); color:var(--forest-deep); box-shadow:0 10px 30px rgba(201,243,106,.25)}
.btn-primary:hover{box-shadow:0 14px 36px rgba(201,243,106,.38)}
.btn-ghost{background:rgba(255,255,255,.04); border-color:var(--line-strong); color:var(--text)}
.btn-ghost:hover{background:rgba(255,255,255,.08)}
.hero-note{margin-top:16px; font-size:12px; color:var(--muted)}

/* phone mock */
.phone-stage{position:relative; z-index:1; display:flex; justify-content:center; margin-top:64px; perspective:1400px}
.phone{width:290px; height:600px; border-radius:46px; background:linear-gradient(160deg,#123D35,#0D302A 55%,#07110F); border:10px solid #08130F; box-shadow:var(--shadow); position:relative; overflow:hidden; transform:rotateY(-10deg) rotateX(3deg); animation:tilt 7s ease-in-out infinite}
@keyframes tilt{0%,100%{transform:rotateY(-10deg) rotateX(3deg)}50%{transform:rotateY(-4deg) rotateX(1deg) translateY(-8px)}}
.phone .notch{position:absolute; top:14px; left:50%; transform:translateX(-50%); width:96px; height:22px; background:#08130F; border-radius:14px; z-index:3}
.phone .screen{position:absolute; inset:0; padding:54px 16px 18px}
.pcard{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.10); border-radius:20px; padding:14px; margin-bottom:12px; backdrop-filter:blur(6px)}
.pcard .bar{height:9px; border-radius:5px; background:rgba(255,255,255,.14); margin-bottom:8px}
.pcard .bar.short{width:55%}
.pcard.offer{background:linear-gradient(120deg,rgba(201,243,106,.22),rgba(61,219,196,.14)); border-color:rgba(201,243,106,.35)}
.prow{display:flex; gap:10px}
.prow .pcard{flex:1}
.pdot{width:34px; height:34px; border-radius:11px; background:rgba(201,243,106,.18); display:flex; align-items:center; justify-content:center; margin-bottom:10px}
.pdot svg{width:16px; height:16px}
.float-badge{position:absolute; z-index:2; background:var(--surface); border:1px solid var(--line-strong); border-radius:18px; padding:12px 16px; box-shadow:var(--shadow); font-size:12px; font-weight:700; display:flex; align-items:center; gap:10px; animation:bob 5s ease-in-out infinite}
.float-badge.b1{left:-38px; top:110px; animation-delay:.4s}
.float-badge.b2{right:-30px; bottom:150px; animation-delay:1.2s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@media (max-width:640px){.float-badge{display:none}}

/* sections */
section{position:relative; z-index:1; padding:100px 0}
.section-head{text-align:center; max-width:640px; margin:0 auto 56px}
.section-head .tag{color:var(--mint); font-weight:800; font-size:12px; letter-spacing:1.6px; text-transform:uppercase}
.section-head h2{font-size:clamp(30px,4.5vw,48px); letter-spacing:-1.4px; margin:14px 0 12px; font-weight:800}
.section-head p{color:var(--muted); font-size:16px; line-height:1.6}

.grid-verticals{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
@media (max-width:980px){.grid-verticals{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.grid-verticals{grid-template-columns:1fr}}
.vcard{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:28px; transition:transform .25s ease, border-color .25s ease, background .25s ease}
.vcard:hover{transform:translateY(-6px); border-color:var(--line-strong); background:var(--surface2)}
.vcard .icon{width:52px; height:52px; border-radius:16px; display:flex; align-items:center; justify-content:center; margin-bottom:18px}
.vcard .icon svg{width:26px; height:26px}
.vcard h3{font-size:17px; margin:0 0 8px; letter-spacing:-.3px}
.vcard p{color:var(--muted); font-size:13.5px; line-height:1.55; margin:0}

.grid-features{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
@media (max-width:900px){.grid-features{grid-template-columns:1fr}}
.fcard{display:flex; gap:16px; align-items:flex-start}
.fcard .icon{flex:none; width:46px; height:46px; border-radius:14px; background:rgba(201,243,106,.12); display:flex; align-items:center; justify-content:center}
.fcard .icon svg{width:22px; height:22px}
.fcard h4{margin:0 0 6px; font-size:16px}
.fcard p{margin:0; color:var(--muted); font-size:13.5px; line-height:1.6}

.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; counter-reset:step}
@media (max-width:900px){.steps{grid-template-columns:1fr}}
.step{position:relative; padding:32px 24px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius)}
.step .num{font-size:13px; font-weight:800; color:var(--forest-deep); background:var(--lime); width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:18px}
.step h4{margin:0 0 8px; font-size:17px}
.step p{margin:0; color:var(--muted); font-size:14px; line-height:1.6}

.cta-band{background:linear-gradient(120deg,#123D35,#0D302A 60%,#08130F); border:1px solid var(--line-strong); border-radius:36px; padding:64px 40px; text-align:center; position:relative; overflow:hidden}
.cta-band h2{font-size:clamp(28px,4vw,42px); letter-spacing:-1.2px; margin:0 0 14px}
.cta-band p{color:var(--muted); max-width:480px; margin:0 auto 30px; font-size:15px}
.badges{display:flex; gap:14px; justify-content:center; flex-wrap:wrap}
.badge{display:flex; align-items:center; gap:10px; background:#000; border:1px solid rgba(255,255,255,.16); border-radius:14px; padding:10px 20px; text-decoration:none; transition:transform .2s, opacity .2s}
.badge:hover{transform:translateY(-2px)}
.badge svg{width:26px; height:26px}
.badge .txt{text-align:left; line-height:1.15}
.badge .txt .s1{display:block; font-size:9.5px; color:#cfcfcf}
.badge .txt .s2{display:block; font-size:15px; font-weight:700; color:#fff}
.badge.soon{opacity:.5; cursor:default}

footer{position:relative; z-index:1; border-top:1px solid var(--line); padding:56px 0 34px}
.foot-grid{display:flex; justify-content:space-between; gap:40px; flex-wrap:wrap; margin-bottom:40px}
.foot-brand p{color:var(--muted); font-size:13px; max-width:280px; line-height:1.6; margin-top:14px}
.foot-cols{display:flex; gap:60px; flex-wrap:wrap}
.foot-col h5{font-size:12px; text-transform:uppercase; letter-spacing:1px; color:var(--muted); margin:0 0 14px}
.foot-col a{display:block; font-size:14px; color:var(--text); text-decoration:none; margin-bottom:10px; opacity:.85}
.foot-col a:hover{opacity:1; color:var(--lime)}
.foot-bottom{display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; color:var(--muted); font-size:12.5px; border-top:1px solid var(--line); padding-top:24px}

.reveal{opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease}
.reveal.in{opacity:1; transform:translateY(0)}

/* legal pages */
.legal{position:relative; z-index:1; max-width:760px; margin:0 auto; padding:60px 24px 100px}
.legal .back{display:inline-flex; align-items:center; gap:6px; color:var(--mint); text-decoration:none; font-weight:700; font-size:13px; margin-bottom:28px}
.legal h1{font-size:clamp(30px,5vw,44px); letter-spacing:-1.4px; margin:0 0 8px}
.legal .updated{color:var(--muted); font-size:13px; margin-bottom:40px}
.legal h2{font-size:20px; margin:40px 0 12px; letter-spacing:-.4px}
.legal h3{font-size:15px; margin:22px 0 8px}
.legal p, .legal li{color:#D7E4DD; font-size:15px; line-height:1.75}
.legal ul{padding-left:20px}
.legal a.inline{color:var(--lime); text-decoration:underline}
.legal .callout{background:var(--surface); border:1px solid var(--line-strong); border-radius:20px; padding:20px 22px; margin:24px 0}

/* Responsive public site. Scoped to keep the existing legal documents unchanged. */
.landing{--ink:#103d32;--paper:#f6f4eb;--soft-ink:#4d6258;--hairline:#d9dfd3;background:var(--paper);color:var(--ink)}
.landing .wrap{max-width:1328px;padding-left:48px;padding-right:48px}
.landing a{text-decoration:none}
.landing a:focus-visible,.landing button:focus-visible,.landing summary:focus-visible{outline:3px solid #23664d;outline-offset:5px}
.landing .skip-link{position:fixed;top:-80px;left:20px;padding:14px 20px;background:var(--ink);color:white;z-index:200;border-radius:12px}
.landing .skip-link:focus{top:12px}
.landing .site-header{border-bottom:1px solid var(--hairline);background:var(--paper)}
.landing-nav{min-height:92px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.landing-logo{font-size:38px;letter-spacing:-2.5px;font-weight:900;line-height:1}
.landing-logo span{color:#3b9160}
.landing-links{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}
.landing-links>a:not(.landing-signin):hover{text-decoration:underline;text-underline-offset:6px}
.landing-signin{border:1px solid var(--ink);padding:13px 24px;border-radius:48px;display:flex;gap:30px;align-items:center}
.landing-signin:hover{background:#e4e9db}
.landing-menu{display:none;border:1px solid var(--hairline);border-radius:50%;width:46px;height:46px;background:transparent;padding:12px;cursor:pointer}
.landing-menu span{display:block;background:var(--ink);height:2px;margin:5px 0}
.landing section{z-index:auto;scroll-margin-top:24px}
.landing .landing-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;padding-top:78px;padding-bottom:80px;align-items:center}
.landing .kicker{font-size:10px;font-weight:800;letter-spacing:1.8px;line-height:1.7;margin:0 0 24px;display:flex;align-items:center;gap:9px}
.status-dot{width:7px;height:7px;border-radius:50%;background:#368657;flex-shrink:0}
.landing h1{font-size:clamp(48px,4.8vw,72px);letter-spacing:-4px;line-height:1.06;margin:0 0 28px;font-weight:800}
.landing h1 em{font-style:normal;color:#46794e;display:inline-block}
.hero-description{font-size:16px;line-height:1.8;max-width:475px;color:var(--soft-ink);margin:0 0 30px}
.landing-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.action-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 24px;background:var(--ink);color:#fff9ee;border-radius:48px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}
.action-primary:hover{background:#235640;transform:translateY(-2px)}
.action-primary>span{font-size:21px;line-height:1}
.action-text{font-weight:700;font-size:13px;display:inline-flex;gap:16px;align-items:center;padding:12px 0}
.action-text:hover{text-decoration:underline!important;text-underline-offset:5px}
.quiet-note{font-size:11px;color:var(--soft-ink);margin:22px 0 0}
.hero-directory{padding:18px;border-radius:40px;background:#e6eadd;border:1px solid #d4dccb;transform:rotate(1.5deg);box-shadow:0 28px 54px -32px #153c394f}
.directory-heading{display:flex;align-items:center;gap:12px;padding:5px 4px 20px;font-weight:700;font-size:13px}
.directory-heading img{border-radius:12px}
.directory-dot{margin-left:auto;background:#5e825c;width:8px;height:8px;border-radius:50%}
.directory-row{display:flex;align-items:center;position:relative;padding:28px 24px 54px;border-radius:26px;background:#c9ef85;min-height:236px;overflow:hidden;gap:8px}
.directory-row>div{flex:1}.directory-row>img{flex-shrink:0;width:88px;height:88px;transform:rotate(-10deg)}
.directory-kicker{font-size:9px;font-weight:800;letter-spacing:1.3px}
.directory-row h2{font-size:36px;line-height:1.1;letter-spacing:-1.7px;margin:14px 0 15px}
.directory-row div>span:last-child{font-size:11px;font-weight:500}
.circle-arrow{position:absolute;right:20px;bottom:20px;border:1px solid #78924c;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:20px}
.directory-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.directory-tile{padding:22px 18px;border-radius:24px;background:#f9f4e9;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.directory-send{background:#f0cfb6}
.directory-tile strong{font-size:15px;letter-spacing:-.4px}.directory-tile>span{font-size:11px;display:flex;justify-content:space-between;width:100%;gap:8px}
.directory-tile>span>span{font-size:17px}
.directory-caption{font-size:10px;text-align:center;margin:18px 0 3px;letter-spacing:.3px;color:var(--soft-ink)}
.directory-row:hover,.directory-tile:hover{outline:2px solid #77915e;outline-offset:-2px}
.landing-ribbon{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.landing-ribbon>div{display:flex;gap:24px;justify-content:space-between;align-items:center;padding-top:23px;padding-bottom:23px;font-size:10px;font-weight:700;letter-spacing:2px}
.landing-ribbon span[aria-hidden]{font-size:23px;color:#648259}
.landing .landing-section{padding-top:94px;padding-bottom:94px}
.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}
.landing h2{font-size:clamp(31px,3.2vw,46px);line-height:1.14;letter-spacing:-2px;margin:0;font-weight:800}
.section-intro .kicker{margin-bottom:17px}
.section-intro>p{max-width:340px;font-size:14px;line-height:1.8;color:var(--soft-ink);margin:0}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-card{padding:28px;border-radius:30px;display:flex;flex-direction:column;min-height:285px;transition:transform .2s,box-shadow .2s;background:#e5eadb;border:1px solid #dbe2d4}
.service-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px -22px #24453870}
.service-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:32px}
.service-top span{font-size:8px;letter-spacing:1px;font-weight:700;text-align:right}
.service-top img{width:40px;height:40px;flex-shrink:0}
.service-card h3{font-size:23px;letter-spacing:-.8px;margin:0 0 12px}
.service-card p{font-size:13px;line-height:1.75;margin:0 0 28px;max-width:290px;color:#42584d}
.service-link{margin-top:auto;font-size:11px;font-weight:700;display:flex;justify-content:space-between;gap:8px;align-items:center}.service-link>span{font-size:20px}
.service-gas{background:#f2e7ce;border-color:#e8ddc6}.service-fashion{background:#ecdde2;border-color:#e3d2d9}.service-cellar{background:#e3dfe9;border-color:#d7d0e1}.service-ride{background:#dce8e3;border-color:#cfded5}.service-parcel{background:#f0e0d1;border-color:#e5d4c2}
.landing .journey-section{background:var(--ink);color:#f6f4eb;padding:80px 0}
.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.journey-grid .kicker{color:#c9ef85}.journey-grid h2{font-size:56px;letter-spacing:-2.5px}
.journey-grid>div>p:not(.kicker){font-size:14px;line-height:1.85;max-width:410px;color:#c8d7cc;margin:24px 0}
.journey-grid .action-primary{background:#c9ef85;color:var(--ink)}
.journey-grid>div>p.journey-note{font-size:11px;color:#bed0c3;max-width:320px}
.journey-steps{list-style:none;margin:0;padding:0}.journey-steps li{display:flex;gap:24px;padding:30px 0;border-bottom:1px solid #416257}.journey-steps li:last-child{border-bottom:0}
.step-number{color:#c9ef85;font-size:13px;font-weight:700;padding-top:4px}
.journey-steps h3{font-size:23px;letter-spacing:-.5px;margin:0 0 12px}.journey-steps p{font-size:13px;line-height:1.75;color:#c8d7cc;max-width:340px;margin:0}
.confidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.confidence-grid article{padding-top:24px;border-top:1px solid #bccbb9}
.small-label{font-size:9px;letter-spacing:1.5px;font-weight:700}.confidence-grid h3{font-size:22px;line-height:1.35;letter-spacing:-.7px;margin:20px 0 12px}.confidence-grid p{font-size:13px;line-height:1.8;color:var(--soft-ink);margin:0}
.landing .partner-section{background:#e6ebdc;border-radius:40px;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:58px;margin-left:auto;margin-right:auto;max-width:1232px;width:calc(100% - 96px)}
.partner-heading .kicker{margin-bottom:24px}.partner-heading>p:last-child{font-size:14px;line-height:1.8;color:var(--soft-ink);max-width:340px;margin:24px 0 0}
.partner-options{display:flex;flex-direction:column;gap:30px}.partner-options article+article{border-top:1px solid #c4d0bb;padding-top:28px}.partner-options h3{font-size:23px;letter-spacing:-.8px;margin:12px 0}.partner-options p{font-size:13px;line-height:1.8;color:var(--soft-ink);margin:0 0 16px}.partner-options a{font-size:12px;font-weight:700;display:flex;justify-content:space-between;gap:12px}.partner-options a:hover{text-decoration:underline;text-underline-offset:4px}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-section .action-text{margin-top:24px}
.faq-list details{border-bottom:1px solid var(--hairline);padding:23px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:15px;font-weight:600;cursor:pointer;line-height:1.6;list-style:none;display:flex;gap:20px;justify-content:space-between;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:22px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;line-height:1.85;color:var(--soft-ink);margin:16px 28px 0 0;overflow-wrap:anywhere}.faq-list p a{text-decoration:underline}
.landing .final-invite{display:flex;justify-content:space-between;gap:30px;align-items:center;background:#c9ef85;padding:46px 48px;border-radius:36px;max-width:1232px;width:calc(100% - 96px);margin-bottom:88px}.final-invite .kicker{margin-bottom:16px}
.landing .landing-footer{background:#eceee5;border-top:1px solid var(--hairline);padding:54px 0 24px}
.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:35px}.footer-main p{font-size:12px;line-height:1.8;color:var(--soft-ink);margin:20px 0}.footer-main h3{font-size:10px;text-transform:uppercase;letter-spacing:1px;margin:8px 0 20px}.footer-main>div>a:not(.landing-logo){font-size:12px;display:block;margin:14px 0}.footer-main>div>a:not(.landing-logo):hover{text-decoration:underline;text-underline-offset:4px}.footer-end{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--hairline);padding-top:22px;margin-top:40px;font-size:10px;color:var(--soft-ink)}
@media(min-width:1400px){.landing .landing-hero{min-height:700px}}
@media(max-width:1100px){.landing .landing-hero{gap:30px}.landing h1{font-size:54px;letter-spacing:-2.8px}.landing-links{gap:20px}.landing .directory-row h2{font-size:30px}.directory-row>img{width:65px;height:65px}.directory-tile{padding:18px 14px}.directory-tile strong{font-size:13px}.service-card{padding:24px}.service-top span{font-size:7px}.journey-grid{gap:50px}.landing .partner-section{padding:40px;gap:40px}.partner-heading h2{font-size:37px}}
@media(max-width:820px){.landing .wrap{padding-left:28px;padding-right:28px}.landing-nav{min-height:78px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.landing-menu{display:block}.landing-links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:10px 0}.landing-links.open{display:flex}.landing-links>a{padding:15px 8px}.landing-links .landing-signin{margin-top:8px;padding:14px 20px;justify-content:space-between}.landing .landing-hero{grid-template-columns:1fr 1fr;padding-top:50px;padding-bottom:55px;gap:24px}.landing h1{font-size:43px;letter-spacing:-2px}.landing .kicker{font-size:8px;letter-spacing:1.1px}.hero-description{font-size:14px}.hero-directory{padding:12px;border-radius:28px;transform:none}.directory-heading{font-size:10px;gap:8px}.directory-heading img{width:30px;height:30px}.directory-row{padding:22px 16px 48px;min-height:205px}.directory-row>img{display:none}.directory-row div>span:last-child{font-size:10px}.directory-kicker{font-size:8px}.directory-tile{gap:13px;padding:18px 12px}.directory-tile img{width:35px;height:35px}.directory-tile strong{font-size:11px}.directory-tile>span{font-size:9px}.landing-ribbon>div{font-size:8px;letter-spacing:.9px;gap:15px}.landing-ribbon span[aria-hidden]{font-size:19px}.landing .landing-section{padding-top:64px;padding-bottom:64px}.section-intro{gap:28px;align-items:flex-start}.section-intro>p{max-width:260px;font-size:12px}.landing h2{font-size:33px;letter-spacing:-1.3px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-grid{gap:34px}.journey-grid h2{font-size:42px}.journey-steps h3{font-size:19px}.confidence-grid{gap:24px}.confidence-grid h3{font-size:19px}.landing .partner-section{width:calc(100% - 56px);padding:32px;gap:32px}.partner-heading h2{font-size:31px}.faq-section{gap:40px}.landing .final-invite{width:calc(100% - 56px);padding:36px;margin-bottom:64px}.footer-main{grid-template-columns:1.3fr 1fr;gap:24px}}
@media(max-width:580px){.landing .wrap{padding-left:22px;padding-right:22px}.landing .landing-hero{grid-template-columns:1fr;padding-top:40px;gap:38px}.landing h1{font-size:49px;letter-spacing:-2.8px}.landing .kicker{font-size:8px;margin-bottom:20px}.hero-description{font-size:14px;max-width:400px}.landing-actions{gap:16px}.action-primary{font-size:12px;padding:17px 21px;gap:20px}.quiet-note{font-size:10px}.hero-directory{padding:15px;border-radius:32px}.directory-heading{font-size:12px;padding-bottom:16px}.directory-row{padding:24px 20px 46px;min-height:214px}.landing .directory-row h2{font-size:34px}.directory-row>img{display:block;width:78px;height:78px}.directory-tile{padding:21px 18px}.directory-tile strong{font-size:14px}.directory-tile>span{font-size:11px}.directory-tile img{width:42px;height:42px}.landing-ribbon>div{justify-content:center;flex-wrap:wrap;font-size:8px;gap:12px;padding-top:18px;padding-bottom:18px}.landing-ribbon span[aria-hidden]{font-size:14px}.landing-ribbon>div>span:last-child{display:none}.landing-ribbon>div>span:nth-last-child(2){display:none}.section-intro{display:block;margin-bottom:28px}.section-intro>p{max-width:none;font-size:13px;margin-top:20px}.services-grid{grid-template-columns:1fr;gap:14px}.service-card{min-height:235px;padding:25px;border-radius:27px}.service-top{margin-bottom:24px}.service-top span{font-size:9px}.service-card p{max-width:none;margin-bottom:22px}.journey-grid{grid-template-columns:1fr;gap:20px}.landing .journey-section{padding:56px 0}.journey-grid h2{font-size:44px}.journey-grid>div>p:not(.kicker){font-size:13px}.journey-steps li{padding:24px 0}.confidence-grid{grid-template-columns:1fr;gap:28px}.confidence-grid h3{font-size:22px;margin-top:15px}.landing .partner-section{width:calc(100% - 44px);padding:28px;grid-template-columns:1fr;gap:36px;border-radius:30px}.partner-heading h2{font-size:32px}.faq-section{grid-template-columns:1fr;gap:28px}.faq-list summary{font-size:14px}.landing .final-invite{width:calc(100% - 44px);padding:30px;flex-direction:column;align-items:flex-start;gap:28px;border-radius:30px}.final-invite .action-primary{width:100%}.footer-main{grid-template-columns:1fr 1fr;gap:24px 18px}.footer-main>div:first-child{grid-column:1/-1}.footer-main h3{font-size:9px}.footer-end{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.landing *, .aura span,.eyebrow .pulse,.phone,.float-badge{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ── More than errands, Zyra Business, low data (added 2026-09) ── */
.service-stay{background:#dde6ef;border-color:#cfdae5}
.service-events{background:#f3dfd6;border-color:#e8d1c6}
.service-homes{background:#e1ead6;border-color:#d3dfc6}
.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(16,61,50,.45)}
.business-section{background:var(--ink);color:#f6f4eb;padding:96px 0;border-radius:48px;margin:24px auto;max-width:1400px;width:calc(100% - 48px)}
.business-section .kicker{color:#c9ef85}
.business-head{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;margin-bottom:56px}
.business-head h2 em{font-style:normal;color:#c9ef85}
.business-head p:not(.kicker){color:#cfe0d6;font-size:15px;line-height:1.8;max-width:520px;margin:24px 0 32px}
.business-section .action-primary{background:#c9ef85;color:var(--ink)}
.business-section .action-text{color:#f6f4eb}
.business-art{width:100%;height:auto;border-radius:36px;background:#f6f4eb;padding:18px;box-sizing:border-box}
.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.module-grid article{background:#174b3e;border:1px solid #235b4c;border-radius:28px;padding:26px;transition:transform .2s,background .2s}
.module-grid article:hover{transform:translateY(-3px);background:#1b5647}
.module-grid img{width:44px;height:44px;padding:9px;border-radius:16px;background:#c9ef85;box-sizing:border-box}
.module-grid h3{font-size:18px;letter-spacing:-.5px;margin:18px 0 8px}
.module-grid p{font-size:13px;line-height:1.7;color:#c3d8cf;margin:0}
.business-ai{display:flex;gap:32px;align-items:center;margin-top:28px;background:#f6f4eb;color:var(--ink);border-radius:32px;padding:28px 36px}
.business-ai img{width:180px;height:auto;flex-shrink:0}
.business-ai h3{font-size:24px;letter-spacing:-.8px;margin:0 0 10px}
.business-ai p:not(.kicker){font-size:14px;line-height:1.75;color:var(--soft-ink);margin:0;max-width:640px}
.business-ai .kicker{color:#3b7a4f;margin-bottom:12px}
.trust-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.trust-art img{width:100%;height:auto;border-radius:40px;background:#fff;padding:24px;box-sizing:border-box;border:1px solid var(--hairline)}
.trust-points{display:flex;flex-direction:column;gap:14px;margin-top:32px}
.trust-points article{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--hairline);border-radius:26px;padding:22px 24px}
.trust-points img{width:48px;height:48px;padding:11px;border-radius:17px;background:#e5eadb;flex-shrink:0;box-sizing:border-box}
.trust-points h3{font-size:17px;margin:0 0 6px;letter-spacing:-.4px}
.trust-points p{font-size:13px;line-height:1.7;color:var(--soft-ink);margin:0}
.partner-art{width:100%;max-width:380px;height:auto;border-radius:28px;background:#fff;padding:14px;box-sizing:border-box;margin-top:36px;display:block}
@media(max-width:1000px){.business-head,.trust-grid{grid-template-columns:1fr;gap:32px}.business-art{max-width:520px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.business-section{border-radius:32px;padding:56px 0;width:calc(100% - 20px)}.module-grid{grid-template-columns:1fr}.business-ai{flex-direction:column;align-items:flex-start;padding:24px}.business-ai img{width:140px}.trust-points article{padding:18px}}