.pg-hero{background:var(--carbon-black);color:#fff;padding:clamp(130px,16vw,190px) 0 clamp(56px,7vw,100px);overflow:hidden}
.pg-hero .g{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}
.pg-hero .eyebrow{color:var(--yellow-green)}
.pg-hero h1{font-size:clamp(2.6rem,1.4rem + 5.5vw,6rem);margin-bottom:20px}
.pg-hero .lead{color:#c9d5cc;max-width:34ch;font-size:var(--fs-lead)}
.pg-hero .cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.pg-hero .btn-ghost{color:#fff}
.vz{background:var(--pine-teal);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:clamp(22px,3vw,40px)}
.cap{color:#b9c4bb;font-size:13px;margin-top:20px;line-height:1.5}
.hbars{display:grid;gap:16px}
.hb{display:grid;grid-template-columns:110px 1fr auto;gap:6px 12px;align-items:center;font-size:14px}
.hb div{height:12px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden}
.hb i{display:block;height:100%;border-radius:99px;background:var(--yellow-green);transform-origin:left;animation:grow 1.2s var(--ease) both}
.hb b{font-size:20px;letter-spacing:-.03em}.hb em{grid-column:2/4;font-style:normal;color:#b9c4bb;font-size:12px}
@keyframes grow{from{transform:scaleX(0)}}@keyframes rise{from{transform:scaleY(0)}}
.cols{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;min-height:250px}
.cl{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;text-align:center;font-size:12px;color:#c9d5cc}
.cl b{color:#fff;font-size:15px}.cl i{display:block;width:100%;border-radius:8px 8px 3px 3px;background:rgba(255,255,255,.3);transform-origin:bottom;animation:rise 1.1s var(--ease) both}
.cl.hot i{background:var(--yellow-green)}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.ba div{border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:14px 16px}.ba .hot{background:var(--yellow-green);color:var(--carbon-black);border-color:transparent}.ba span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.ba b{font-size:20px}
.dial{position:relative;width:min(240px,70%);margin:0 auto 22px}.dial div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.dial b{font-size:44px;letter-spacing:-.05em;line-height:1}.dial span{font-size:12px;color:#b9c4bb;text-transform:uppercase;letter-spacing:.08em}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.stats>div{border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:14px 16px}.stats b{display:block;font-size:clamp(1.4rem,1rem + 1.4vw,2rem);letter-spacing:-.04em;color:var(--yellow-green);line-height:1.1}.stats span{font-size:13px;color:#c9d5cc}.stats.one{grid-template-columns:1fr}
.pg-sec{padding:clamp(56px,8vw,110px) 0}.pg-sec h2{font-size:clamp(1.9rem,1.2rem + 3vw,3.4rem);max-width:20ch;margin-bottom:14px}.pg-sec .eyebrow{margin-bottom:14px}
.own{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.own div{border:1.5px solid var(--line);border-radius:24px;padding:28px;background:#fff;transition:transform .3s var(--ease),border-color .3s}.own div:hover{transform:translateY(-4px);border-color:var(--pine-teal)}
.own b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--yellow-green);margin-bottom:22px;font-weight:800}.own h3{font-size:1.35rem}.own p{margin-top:10px;color:var(--muted);font-size:.95rem;line-height:1.55}
.soft{background:var(--soft)}
.tbl{width:100%;border-collapse:collapse;margin-top:30px;background:#fff;border-radius:20px;overflow:hidden;border:1.5px solid var(--line)}
.tbl th{text-align:left;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:16px 22px;background:#fff;border-bottom:1.5px solid var(--line)}
.tbl td{padding:16px 22px;border-top:1px solid var(--line);font-size:1.05rem}.tbl td:first-child{font-weight:600}
.tnote{font-size:13px;color:var(--muted);margin-top:14px}
.how{background:var(--carbon-black);color:#fff}.how h2{color:#fff}.how .eyebrow{color:var(--yellow-green)}
.hw{margin-top:36px;background:var(--pine-teal);border-radius:28px;padding:clamp(22px,3.5vw,48px)}
.quad{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:280px;position:relative;margin:0 0 34px 26px}
.q{border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:16px;display:flex;align-items:flex-end}.q.hot{background:var(--yellow-green);color:var(--carbon-black)}
.ax{position:absolute;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#b9c4bb}.ax.y{left:-26px;top:50%;transform:rotate(-90deg) translateX(50%);transform-origin:left top;white-space:nowrap}.ax.x{bottom:-24px;right:0}
.cad{display:grid;gap:8px;overflow-x:auto}.cr{display:grid;grid-template-columns:90px repeat(6,minmax(54px,1fr));gap:8px;align-items:center;font-size:13px;color:#c9d5cc}.cr em{font-style:normal;display:grid;place-items:center;height:44px;border-radius:12px;background:rgba(255,255,255,.07)}.cr.h em{background:none;height:auto;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.cr u{width:16px;height:16px;border-radius:50%;background:var(--yellow-green)}
.hw .cad+.stats{margin-top:26px}
.flow{display:flex;gap:10px;flex-wrap:wrap}.st{flex:1;min-width:110px;border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:18px}.st b{display:block;font-size:1.6rem;letter-spacing:-.04em}.st span{font-size:13px;color:#c9d5cc}.st.hot{background:var(--yellow-green);color:var(--carbon-black)}.st.hot span{color:inherit}
.sys{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center}.sys .c{display:grid;gap:10px}.sys .c span{border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:14px 16px;font-weight:600}.sys em{display:block;font-style:normal;font-weight:400;font-size:12px;color:#b9c4bb}.arw{font-size:26px;color:var(--yellow-green)}
.crm{background:var(--yellow-green);color:var(--carbon-black);border-radius:22px;padding:26px 18px;text-align:center}.crm b{display:block;font-size:1.5rem}.crm span{font-size:13px}
.tl{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;position:relative}.tl:before{content:"";position:absolute;left:8px;right:8%;top:8px;height:2px;background:rgba(255,255,255,.25)}
.tp{position:relative;padding-top:30px;font-size:13px;color:#c9d5cc}.tp i{position:absolute;top:0;left:0;width:18px;height:18px;border-radius:50%;background:var(--pine-teal);border:2px solid #9cb0a0}.tp.hot i{background:var(--yellow-green);border-color:var(--yellow-green)}.tp em{font-style:normal;display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.tp b{display:block;color:#fff;font-size:1rem;margin-top:8px}.tp span{color:var(--yellow-green);font-weight:600}
.hcap{color:#b9c4bb;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-top:22px}
.sit{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.sit a{border:1.5px solid var(--line);border-radius:22px;padding:22px;transition:all .3s var(--ease);background:#fff}.sit a:hover{border-color:var(--pine-teal);transform:translateY(-4px)}.sit b{display:block;font-size:1.15rem}.sit span{font-size:14px;color:var(--muted)}
.pn2{display:flex;justify-content:space-between;gap:16px;margin-top:34px;flex-wrap:wrap}.pn2 a{border:1.5px solid var(--carbon-black);border-radius:99px;padding:12px 24px;font-weight:600;transition:background .25s}.pn2 a:hover{background:var(--yellow-green)}.pn2 small{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.gs{background:var(--yellow-green);border-radius:32px;padding:clamp(32px,6vw,80px);margin:0 0 clamp(56px,8vw,100px);text-align:center}.gs h2{margin:0 auto 14px;max-width:16ch}.gs p{max-width:46ch;margin:0 auto 28px}.gs .btn{background:var(--carbon-black);color:#fff}
@media(max-width:900px){.pg-hero .g{grid-template-columns:1fr}.own,.sit{grid-template-columns:1fr 1fr}.sys{grid-template-columns:1fr}.arw{transform:rotate(90deg);text-align:center}.tl{grid-template-columns:1fr}.tl:before{display:none}}
@media(max-width:560px){.own,.sit{grid-template-columns:1fr}.hb{grid-template-columns:90px 1fr auto}}
@media(prefers-reduced-motion:reduce){.hb i,.cl i{animation:none}}
.pg-hero .ill{position:absolute;right:clamp(12px,4vw,56px);top:50%;transform:translateY(-50%);width:clamp(170px,30%,320px);aspect-ratio:1;pointer-events:none;perspective:900px}
.pg-hero .scene{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:spin3d 9s ease-in-out infinite}
.pg-hero .ly{position:absolute;inset:0;width:100%;height:100%;transform:translateZ(var(--z));filter:drop-shadow(0 10px 8px rgba(0,0,0,.28));animation:bob 4s ease-in-out infinite;animation-delay:calc(var(--z)*-.05s)}
.pg-hero .sh{position:absolute;left:18%;right:18%;bottom:-4%;height:8%;border-radius:50%;background:rgba(0,0,0,.35);filter:blur(8px);transform:translateZ(-30px)}
@keyframes spin3d{0%,100%{transform:rotateX(14deg) rotateY(-22deg)}50%{transform:rotateX(8deg) rotateY(22deg)}}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(max-width:700px){.pg-hero .ill{opacity:.22;width:58%;right:-6%}}
@media(prefers-reduced-motion:reduce){.pg-hero .scene,.pg-hero .ly{animation:none}}
.pg-hero .vz .ill{position:absolute;right:14px;top:-118px;width:clamp(150px,17vw,220px);z-index:2}.pg-hero .vz .ly{filter:drop-shadow(0 10px 8px rgba(0,0,0,.35))}
.vz{position:relative}.crumb{display:flex;gap:8px;align-items:center;font-size:13px;color:#b9c4bb;margin-bottom:22px}.crumb a:hover{color:var(--yellow-green)}.crumb b{color:#fff;font-weight:600}
.pnb{display:flex;align-items:center;gap:12px;margin-bottom:18px}.pnb b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--yellow-green);color:var(--carbon-black);font-weight:800;font-size:14px}.pnb i{width:44px;height:2px;background:linear-gradient(90deg,var(--yellow-green),transparent)}.pnb span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#b9c4bb}
.prog{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--yellow-green);transform:scaleX(0);transform-origin:left;z-index:120;pointer-events:none}
.sit a{position:relative;display:flex;flex-direction:column;gap:4px;padding-right:48px}.sit a em{position:absolute;right:20px;top:20px;font-style:normal;font-size:20px;color:var(--pine-teal);transition:transform .3s var(--ease)}.sit a:hover em{transform:translateX(5px)}
.own div{position:relative;overflow:hidden}.hero-glow{display:none}
.tbl tbody tr{transition:background .2s}.tbl tbody tr:hover{background:var(--soft)}
.own div.rv:hover,.sit a.rv:hover{transform:translateY(-4px)}

/* Hammersmith One is single-weight: keep display elements at 400 (no faux bold) */
.pg-hero h1,.pg-sec h2,.own b,.own h3,.pnb b,.pn2 a,.tp b,.gs h2{
  font-family:"Hammersmith One","Inter","Helvetica Neue",Arial,sans-serif;font-weight:400}