.hx-hero{position:relative;overflow:hidden;background:var(--hx-hero-grad)}
.hx-hero::before{ /* soft brand glow */content:"";position:absolute;inset:-30% -10% auto auto;width:60vw;height:60vw;max-width:640px;max-height:640px;background:radial-gradient(circle,rgba(107,191,60,.16),transparent 62%);pointer-events:none;}
.hx-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,64px);align-items:center;padding-block:clamp(48px,7vw,92px);}
.hx-hero h1{margin:18px 0 0;font-size:var(--hx-fs-hero);font-weight:var(--hx-fw-black);line-height:1.08;letter-spacing:var(--hx-tracking-tight);color:var(--hx-green-900);}
.hx-hero h1 .accent{color:var(--hx-green-700)}
.hx-hero-sub{margin:18px 0 0;font-size:var(--hx-fs-md);color:var(--hx-green-900);opacity:.86;max-width:52ch}
.hx-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hx-hero-trust{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:30px;padding-top:22px;border-top:1px solid rgba(26,73,24,.14)}
.hx-trust{list-style:none;display:flex;flex-wrap:wrap;gap:9px 20px;margin:22px 0 0;padding:0;flex-direction: column;}
.hx-trust li{display:inline-flex;align-items:center;gap:7px;font-size:var(--hx-fs-sm);font-weight:var(--hx-fw-semi);color:var(--hx-green-900)}
.hx-trust svg{width:17px;height:17px;color:var(--hx-green-700);flex:none}
.hx-trust-item{display:flex;align-items:center;gap:9px;font-size:var(--hx-fs-sm);font-weight:var(--hx-fw-semi);color:var(--hx-green-900)}
.hx-trust-item svg{width:18px;height:18px;color:var(--hx-green-700);flex:none}
.hx-trust-item b{font-weight:var(--hx-fw-black)}
.hx-hero-art{position:relative;min-height:340px}
.hx-orb{position:absolute;inset:0;margin:auto;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.7),rgba(222,247,212,.35) 60%,transparent 72%);border:1px solid rgba(255,255,255,.6)}
.hx-chip3d{position:absolute;display:flex;align-items:center;gap:10px;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:var(--hx-r);padding:12px 15px;box-shadow:var(--hx-e-3);}
.hx-chip3d .hx-tile{width:38px;height:38px;margin:0;border-radius:var(--hx-r-sm)}
.hx-chip3d b{display:block;font-size:var(--hx-fs-sm);color:var(--hx-ink);font-weight:var(--hx-fw-bold);line-height:1.2}
.hx-chip3d span{font-size:var(--hx-fs-xs);color:var(--hx-muted)}
.hx-chip3d.c1{top:8%;left:2%;animation:hx-float 6s var(--hx-ease) infinite}
.hx-chip3d.c2{top:40%;right:-2%;animation:hx-float 6s var(--hx-ease) .8s infinite}
.hx-chip3d.c3{bottom:6%;left:14%;animation:hx-float 6s var(--hx-ease) 1.6s infinite}
.hx-orb-core{position:absolute;inset:0;margin:auto;width:112px;height:112px;border-radius:var(--hx-r-xl);display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(150deg,var(--hx-green-500),var(--hx-green-700));box-shadow:var(--hx-e-3);}
.hx-orb-core svg{width:56px;height:56px}
@keyframes hx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (prefers-reduced-motion:reduce){.hx-chip3d{animation:none!important}}
.hx-prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hx-prod{position:relative;display:flex;flex-direction:column;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:var(--hx-r-lg);padding:26px 24px 22px;box-shadow:var(--hx-e-1);overflow:hidden;transition:transform var(--hx-dur) var(--hx-ease),box-shadow var(--hx-dur) var(--hx-ease),border-color var(--hx-dur) var(--hx-ease);}
.hx-prod::before{content:"";position:absolute;inset:0 0 auto 0;height:3px} /* wayfinding accent bar */
.hx-prod.p-cloud::before{background:var(--hx-hero-cloud-accent)}
.hx-prod.p-web::before{background:var(--hx-green-600)}
.hx-prod.p-ai::before{background:var(--hx-rose-700)}
.hx-prod:hover{transform:translateY(-4px);box-shadow:var(--hx-e-3);border-color:var(--hx-line-2)}
.hx-prod h3{margin:16px 0 8px;font-size:var(--hx-fs-lg);font-weight:var(--hx-fw-bold);color:var(--hx-ink);letter-spacing:var(--hx-tracking-tight)}
.hx-prod p{margin:0 0 16px;font-size:var(--hx-fs-sm);color:var(--hx-body)}
.hx-prod .hx-feats{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:8px}
.hx-prod .hx-feats li{display:flex;align-items:center;gap:9px;font-size:var(--hx-fs-sm);color:var(--hx-body)}
.hx-prod .hx-feats svg{width:16px;height:16px;color:var(--hx-green-600);flex:none}
.hx-prod .hx-prod-foot{display:flex;align-items:center;justify-content:space-between;}
.hx-badge{font-size:var(--hx-fs-xs);font-weight:var(--hx-fw-bold);padding:3px 10px;border-radius:var(--hx-r-pill);letter-spacing:.02em;}
.hx-badge.b-rose{background:var(--hx-rose-100);color:var(--hx-rose-700)}
.hx-badge.b-teal{background:var(--hx-teal-100);color:var(--hx-teal-700)}
.hx-badge.b-green{background:var(--hx-green-100);color:var(--hx-green-800)}
.hx-feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.hx-feat{background:var(--hx-card);border:1px solid var(--hx-line);border-radius:var(--hx-r);padding:22px 20px;box-shadow:var(--hx-e-1);transition:transform var(--hx-dur) var(--hx-ease),box-shadow var(--hx-dur) var(--hx-ease);}
.hx-feat:hover{transform:translateY(-3px);box-shadow:var(--hx-e-2)}
.hx-feat h3{margin:14px 0 6px;font-size:var(--hx-fs-md);font-weight:var(--hx-fw-bold);color:var(--hx-ink)}
.hx-feat p{margin:0;font-size:var(--hx-fs-sm);color:var(--hx-body)}

.hx-offer-band{position:relative;overflow:hidden;color:#fff;background:linear-gradient(150deg,var(--hx-rose-700),color-mix(in srgb,var(--hx-rose-700),var(--hx-ink) 52%))}
.hx-offer-band::before{content:"";position:absolute;inset:-40% -8% auto auto;width:44vw;height:44vw;max-width:460px;max-height:460px;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none}
.hx-offer-grid{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,4vw,56px);align-items:center}
.hx-offer-copy h2{margin:16px 0 10px;font-size:var(--hx-fs-2xl);font-weight:var(--hx-fw-black);letter-spacing:var(--hx-tracking-tight);line-height:var(--hx-lh-tight)}
.hx-offer-copy .hx-eyebrow{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.26)}
.hx-offer-copy .hx-eyebrow::before{background:var(--hx-rose-100)}
.hx-offer-copy p{margin:0 0 24px;font-size:var(--hx-fs-md);color:var(--hx-rose-100);max-width:46ch}

.hx-offer-rings{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(20px,3vw,40px)}
.hx-offer-item{display:flex;flex-direction:column;align-items:center;gap:11px;text-decoration:none}
.hx-offer-ring{position:relative;width:clamp(150px,17vw,188px);aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.18),rgba(255,255,255,.04));border:2px solid rgba(255,255,255,.3);box-shadow:var(--hx-e-2);transition:transform var(--hx-dur) var(--hx-ease),border-color var(--hx-dur) var(--hx-ease);}
.hx-offer-item:hover .hx-offer-ring{transform:translateY(-4px) scale(1.02);border-color:rgba(255,255,255,.6)}
.hx-offer-pill{position:absolute;top:-11px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:var(--hx-fs-xs);font-weight:var(--hx-fw-bold);color:#fff;letter-spacing:.02em;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.34);  padding:3px 12px;border-radius:var(--hx-r-pill);}
.hx-offer-num{font-size:clamp(2.6rem,1.9rem + 2.4vw,3.5rem);font-weight:var(--hx-fw-black);line-height:1;color:#fff;letter-spacing:var(--hx-tracking-tight)}
.hx-offer-num span{font-size:.36em;font-weight:var(--hx-fw-bold);vertical-align:middle;margin-left:1px;color:var(--hx-rose-100)}
.hx-offer-off{margin-top:5px;font-size:var(--hx-fs-xs);font-weight:var(--hx-fw-bold);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.hx-offer-cap b{font-size:var(--hx-fs-md);font-weight:var(--hx-fw-bold);color:#fff}
.hx-offer-item .hx-link{color:#fff;justify-content:center}
.hx-offer-item:hover .hx-link{color:var(--hx-rose-100)}

/* ══ RESPONSIVE — canonical tiers 640 / 1024 / 1440 ═══════════════════════ */
@media (max-width:1023.98px){
  .hx-hero-grid{grid-template-columns:1fr;gap:36px}
  .hx-hero-art{min-height:300px;order:-1}
  .hx-prod-grid{grid-template-columns:1fr 1fr}
  .hx-prod.p-ai{grid-column:1 / -1}
  .hx-feat-grid{grid-template-columns:1fr 1fr}
  .hx-offer-grid{grid-template-columns:1fr}
}
@media (max-width:639.98px){
  .hx-prod-grid,.hx-feat-grid,.hx-quote-grid{grid-template-columns:1fr}
  .hx-prod.p-ai{grid-column:auto}
  .hx-hero-cta .hx-btn{flex:1 1 auto;justify-content:center}
  .hx-hero-art{display:none}          /* drop the decorative panel on phones */
}


:root{--ob-b1-eye:#4ebe7e;--ob-b1-num:#0b4626;--ob-b1-ico:#0b4626;--ob-b2-bg:#faf8f2;--ob-b2-dot:#ece7dc;--ob-b2-ink:#101c17;--ob-b2-lead:#4b5563;--ob-b2-num:#0b331f;--ob-b2-chip:#ffdf7d;--ob-b2-chip-ink:#451a03;--ob-b2-ico-bg:rgba(130,200,119,.3);--ob-b2-ico:#1e782d;--ob-b2-cta:#08301c;--ob-b3-glow-a:rgba(35,140,85,.45);--ob-b3-eye:#a7f3d0;--ob-b3-num:#062d1b;--ob-b3-cta-ink:#022c22;--ob-b4-1:#031d10;--ob-b4-2:#083b21;--ob-b4-3:#0c4a2b;--ob-b4-gold:#f5b82e;--ob-b4-num:#0d311d;--ob-b4-ico:#123b24;--ob-b4-cta:#08331d;--ob-deep-1:#0b4626;--ob-deep-2:#062d1b;--ob-deep-3:#03200f;--ob-badge-top:#fffdf9;--ob-white:#ffffff;--ob-warn-bg:#fff8e6;--ob-w-10:rgba(255,255,255,.10);--ob-w-20:rgba(255,255,255,.20);--ob-w-60:rgba(255,255,255,.6);--ob-w-75:rgba(255,255,255,.75);--ob-w-86:rgba(255,255,255,.86);--ob-w-88:rgba(255,255,255,.88);--ob-g1:rgba(5,150,105,.15);--ob-g2:rgba(52,211,153,.10);--ob-g3:rgba(16,185,129,.20);--ob-mono:ui-monospace,SFMono-Regular,Menlo,monospace}
.ob-full{width:100%}
.ob-shell{overflow:hidden;position:relative;padding:20px}
.ob-inner{position:relative;z-index:1;padding:clamp(24px,3vw,48px)}
.ob-glow{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.ob-glow i{position:absolute;display:block;border-radius:50%;filter:blur(70px)}
.ob-card{text-decoration:none;color:inherit;background:var(--ob-white);border-radius:22px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--hx-e-3);border:1px solid var(--ob-w-60);transition:transform var(--hx-dur) var(--hx-ease)}
.ob-card:hover{transform:translateY(-4px)}
.ob-ico{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ob-b1-ico);color:var(--ob-white);margin-bottom:12px}
.ob-ico svg{width:24px;height:24px}
.ob-cap{font-size:11px;font-weight:var(--hx-fw-black);letter-spacing:.08em;text-transform:uppercase;color:var(--hx-body)}
.ob-num{display:flex;align-items:baseline;justify-content:center;gap:4px;color:var(--ob-b1-num);font-weight:var(--hx-fw-black);margin:4px 0}
.ob-num b{font-size:48px;line-height:1;letter-spacing:var(--hx-tracking-tight)}
.ob-num i{font-style:normal;display:flex;flex-direction:column;line-height:1;text-align:left}
.ob-num i span:first-child{font-size:var(--hx-fs-md);font-weight:var(--hx-fw-black)}
.ob-num i span:last-child{font-size:11px;font-weight:var(--hx-fw-black)}
.ob-chip{margin-top:12px;display:inline-block;padding:4px 12px;border-radius:var(--hx-r-pill);font-size:11px;font-weight:var(--hx-fw-med);background:var(--hx-green-100);color:var(--hx-green-700)}
.ob-rule{display:inline-block;width:20px;height:2px;border-radius:var(--hx-r-pill);background:currentColor;opacity:.7}
.ob-eye{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:var(--hx-fw-med);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
.ob-eye--pill{padding:5px 14px;border-radius:var(--hx-r-pill);font-size:12px;font-weight:var(--hx-fw-black);letter-spacing:.08em}
.ob-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--hx-r-pill);font-size:var(--hx-fs-md);font-weight:var(--hx-fw-bold);text-decoration:none;line-height:1;transition:transform var(--hx-dur) var(--hx-ease)}
.ob-cta:hover{transform:translateY(-1px)}
.ob-cta--gold{background:var(--hx-gold-grad);color:var(--hx-gold-ink)}
.ob-cta--dark{background:var(--ob-b2-cta);color:var(--ob-white)}
.ob-cta--cream{background:var(--ob-badge-top);color:var(--ob-b3-cta-ink)}
.o11-shell{color:var(--hx-ink);background-color:var(--ob-b2-bg);background-image:radial-gradient(var(--ob-b2-dot) 1px,transparent 1px);background-size:16px 16px}
.o111-shell{color:var(--ob-white);background:linear-gradient(to right,var(--ob-b4-1),var(--ob-b4-2),var(--ob-b4-3))}
.o111-wave{position:absolute;inset:-20% -34% -20% auto;width:52%;border-radius:100% 0 0 100%/50% 0 0 50%;opacity:.16;pointer-events:none;background:linear-gradient(180deg,var(--hx-gold-a),var(--ob-b4-gold))}
.o11-shell .ob-eye{background:var(--ob-b4-gold);color:var(--ob-b2-chip-ink);font-size:13px}
.o11-shell .ob-cta--dark{background:var(--ob-b4-cta)}
.o11-grid{display:grid;gap:24px;align-items:center;text-align:center;justify-content: center;}
.o11-grid h2{margin:0 0 16px;font-size:clamp(1.8rem,1.2rem + 2vw,42px);font-weight:var(--hx-fw-black);line-height:1.15;letter-spacing:var(--hx-tracking-tight)}
.o11-grid h2 span{color:var(--ob-b4-gold)}
.o11-pills{display:flex;gap:8px;justify-content:center;margin:0 0 4px;padding:0;list-style:none}
.o11-pills li{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--hx-r-pill);background:var(--ob-w-10);border:1px solid var(--ob-w-20);font-size:13px;font-weight:var(--hx-fw-black);line-height:1.25;text-align:left}
.o11-pills svg{width:16px;height:16px;flex:none;color:var(--ob-b4-gold)}
.o11-cards{display:flex;gap:40px;justify-content:center}
.o11-cards .ob-card{flex:1 1 185px;max-width:210px;transform:rotate(-3deg)}
.o11-cards .ob-card:nth-child(2){transform:rotate(3deg)}
.o11-cards .ob-card:hover{transform:rotate(0) translateY(-4px)}
.o11-cards .ob-ico{width:34px;height:34px;background:var(--ob-b4-ico)}
.o11-cards .ob-ico svg{width:18px;height:18px}
.o11-cards .ob-num{color:var(--ob-b4-num)}
@media (min-width:1024px){.o11-grid{grid-template-columns:minmax(0,1fr) 28% 0%;text-align:left}.o11-pills{justify-content:flex-start}.o11-cards .ob-card{flex:1 1 0;max-width:195px}}
@media (prefers-reduced-motion: reduce){.ob-card,.o10-badge,.ob-cta{transition:none}}