.hero{min-height:calc(100svh - var(--nav));display:flex;align-items:center;padding:64px 0 72px;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:58px 58px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(380px,.78fr);gap:clamp(44px,7vw,96px);align-items:center}.hero h1{margin:0;font-size:clamp(58px,7.6vw,110px);line-height:.9;letter-spacing:-.065em;max-width:800px}.hero h1 span{color:#8d8d87}.hero-copy{margin:28px 0 0;max-width:720px;color:#c9c9c4;font-size:clamp(18px,1.8vw,23px);line-height:1.55}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}.portrait-stack{display:grid;gap:18px}.portrait-frame{position:relative;width:min(100%,480px);aspect-ratio:.76;margin-inline:auto;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#eee}.portrait-frame picture,.portrait-frame img{width:100%;height:100%}.portrait-frame img{object-fit:contain;object-position:center;background:#f1f1ef}.hero-quote{margin:0;padding:19px 20px;border-left:3px solid #fff;background:#101010;border-radius:0 18px 18px 0;color:#d4d4cf}.hero-quote strong{display:block;font-size:18px;margin-bottom:7px}.hero-quote p{margin:0;color:#aaa9a3}.hero-quote ul{display:flex;flex-wrap:wrap;gap:7px 18px;margin:13px 0 0;padding:0;list-style:none;color:#cfcfca;font-size:13px}.hero-quote li::before{content:"•";margin-right:7px;color:#fff}.logo-section{padding:42px 0 78px}.logo-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.logo-head h2{margin:0;font-size:clamp(30px,4vw,52px);letter-spacing:-.045em}.logo-head p{margin:0;color:var(--muted);max-width:430px;text-align:right}.logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.logo-card{height:150px;border:1px solid var(--line);border-radius:22px;background:var(--paper);display:grid;place-items:center;padding:25px}.logo-card img{display:block;width:auto;height:auto;max-width:76%;max-height:52px;object-fit:contain}.logo-card.sendx img{width:min(78%,250px);max-width:none;max-height:62px}.logo-fallback{color:#111;font-size:24px;letter-spacing:.03em}.system-section{background:var(--paper);color:var(--ink)}
.system-grid{display:grid;grid-template-columns:minmax(420px,.9fr) 1.1fr;gap:clamp(34px,6vw,80px);align-items:center}
.radial{position:relative;width:min(100%,590px);aspect-ratio:1;margin-inline:auto;isolation:isolate}
.radial-graphic{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.radial-orbit{fill:none;stroke:rgba(0,0,0,.17);stroke-width:1.4}
.radial-orbit.inner{stroke:rgba(0,0,0,.14);stroke-dasharray:6 8;transform-origin:300px 300px;animation:radialRotate 28s linear infinite}
.radial-axis-svg{stroke:rgba(0,0,0,.22);stroke-width:1.25;stroke-linecap:round}
.radial-pulse{fill:none;stroke:rgba(0,0,0,.34);stroke-width:1.5;transform-origin:300px 300px;animation:radialPulseV2 3s ease-out infinite}
.radial-signal{fill:#0a0a0a;opacity:0}
.radial-signal.top{animation:signalTop 3.2s ease-in-out infinite}
.radial-signal.right{animation:signalRight 3.2s ease-in-out infinite .8s}
.radial-signal.bottom{animation:signalBottom 3.2s ease-in-out infinite 1.6s}
.radial-signal.left{animation:signalLeft 3.2s ease-in-out infinite 2.4s}
.radial-core{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;border-radius:50%;background:#d9d9d5;color:#000;border:1px solid rgba(0,0,0,.2);font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;z-index:4;box-shadow:0 16px 40px rgba(0,0,0,.08)}
.radial-node{position:absolute;padding:10px 13px;border:1px solid rgba(0,0,0,.18);border-radius:999px;background:#f5f5f1;color:#000;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;z-index:5;white-space:nowrap;box-shadow:0 10px 26px rgba(0,0,0,.06)}
.rn-top{left:50%;top:3%;transform:translateX(-50%)}
.rn-right{right:0;top:50%;transform:translateY(-50%)}
.rn-bottom{left:50%;bottom:3%;transform:translateX(-50%)}
.rn-left{left:0;top:50%;transform:translateY(-50%)}
.system-copy h2{margin:0;font-size:clamp(43px,5.4vw,74px);line-height:.98;letter-spacing:-.055em}.system-copy>p{margin:20px 0 0;color:#5b5b56;font-size:18px;max-width:650px}.system-list{margin:30px 0 0;padding:0;list-style:none;border-top:1px solid var(--paper-line)}.system-list li{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:19px 0;border-bottom:1px solid var(--paper-line)}.system-list b{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6a6a65}.system-list strong{display:block;font-size:18px;margin-bottom:4px}.system-list span{color:#63635e}.proof-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.proof-card{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:var(--panel);min-height:310px;display:flex;flex-direction:column;justify-content:space-between}.proof-card h3{margin:0;font-size:clamp(30px,3.7vw,54px);line-height:1.02;letter-spacing:-.045em}.proof-card p{color:var(--muted);max-width:600px}.proof-values{display:flex;gap:32px;align-items:flex-end;flex-wrap:wrap;padding-top:22px;border-top:1px solid var(--line)}.proof-values strong{display:block;font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-.06em}.proof-values span{font-size:13px;color:var(--muted)}.career-section{background:var(--paper);color:var(--ink)}.career-list{display:grid;gap:16px}.career-card{display:grid;grid-template-columns:180px 1fr;gap:28px;padding:30px;border:1px solid var(--paper-line);border-radius:24px;background:rgba(255,255,255,.35)}.career-logo{height:92px;border-radius:16px;background:#fff;border:1px solid var(--paper-line);display:grid;place-items:center;padding:18px}.career-logo img{display:block;max-width:82%;max-height:48px;object-fit:contain}.career-logo.sendx img{width:min(84%,145px);max-width:none;max-height:54px}.career-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.career-top h3{margin:0;font-size:clamp(26px,3vw,42px);line-height:1.06;letter-spacing:-.04em}.career-top time{color:#777770;font-size:13px;white-space:nowrap}.career-card p{color:#55554f}.career-metrics{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.career-metrics span{padding:8px 11px;border:1px solid var(--paper-line);border-radius:999px;font-size:12px;background:#fafaf8}.tools-line{margin-top:14px;color:#707069;font-size:13px}.recommendation-wrap{display:grid;grid-template-columns:1fr 250px;gap:22px}.quote-card{min-height:390px;padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);display:flex;flex-direction:column;justify-content:space-between}.quote-card blockquote{margin:0;font-size:clamp(24px,3.3vw,44px);line-height:1.22;letter-spacing:-.035em}.quote-person strong,.quote-person span{display:block}.quote-person span{color:var(--muted);font-size:13px;margin-top:5px}.quote-controls{border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;justify-content:space-between}.quote-count{font-size:44px;letter-spacing:-.05em}.quote-buttons{display:flex;gap:9px}.quote-buttons button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#0b0b0b;color:#fff;cursor:pointer}.contact-section{background:var(--paper);color:var(--ink)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(38px,7vw,90px)}.contact-copy h2{margin:0;font-size:clamp(46px,6vw,82px);line-height:.96;letter-spacing:-.055em}.contact-copy p{color:#5f5f5a;font-size:17px}.inquiry-form{border:1px solid var(--paper-line);border-radius:24px;padding:28px;background:rgba(255,255,255,.45)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.inquiry-form .field{margin-bottom:14px}.inquiry-form .control{background:#fff;color:#111;border-color:var(--paper-line)}.inquiry-form label{color:#4f4f4a}.form-message{display:none;padding:12px 14px;border-radius:12px;margin-bottom:14px;border:1px solid var(--paper-line)}.form-message.show{display:block}.form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.send-button{background:#111;color:#fff;border:0;border-radius:999px;padding:14px 19px;font-weight:800}.privacy-copy{font-size:12px;color:#73736c}.hidden-field{position:absolute;left:-9999px}.public-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.public-links a{padding:9px 12px;border:1px solid var(--paper-line);border-radius:999px;font-size:13px}

@media(max-width:1000px){.hero-grid,.system-grid,.proof-grid,.contact-grid{grid-template-columns:1fr}.portrait-frame{max-width:430px}.logo-grid{grid-template-columns:1fr 1fr}.career-card{grid-template-columns:140px 1fr}.recommendation-wrap{grid-template-columns:1fr}.quote-controls{flex-direction:row;align-items:center}.system-list li{grid-template-columns:100px 1fr}}
@media(max-width:650px){.hero{padding-top:40px}.hero h1{font-size:52px}.hero-copy{font-size:17px}.hero-quote ul{display:grid;gap:7px}.logo-head{align-items:flex-start;flex-direction:column}.logo-head p{text-align:left}.logo-grid{grid-template-columns:1fr 1fr}.logo-card{height:110px;padding:16px}.system-grid{gap:24px}.radial{width:min(100%,380px)}.radial-core{width:108px;height:108px;font-size:10px}.radial-node{font-size:8.5px;padding:8px 9px;letter-spacing:.08em}.system-list li{grid-template-columns:1fr;gap:6px}.career-card{grid-template-columns:1fr;padding:20px}.career-logo{width:150px;height:72px}.career-top{flex-direction:column}.form-grid{grid-template-columns:1fr}.quote-card{min-height:330px;padding:24px}.quote-card blockquote{font-size:25px}}
.system-quote{margin:30px 0 0;padding:22px 24px;border-left:4px solid #111;background:#e4e4df;border-radius:0 16px 16px 0}.system-quote strong{display:block;font-size:24px;letter-spacing:-.025em}.system-quote p{margin:8px 0 0;color:#4d4d48;font-size:16px;line-height:1.65}


@keyframes radialRotate{to{transform:rotate(360deg)}}
@keyframes radialPulseV2{0%{transform:scale(1);opacity:.65}72%,100%{transform:scale(3.05);opacity:0}}
@keyframes signalTop{0%{transform:translateY(0);opacity:0}14%{opacity:1}84%{opacity:1}100%{transform:translateY(150px);opacity:0}}
@keyframes signalRight{0%{transform:translateX(0);opacity:0}14%{opacity:1}84%{opacity:1}100%{transform:translateX(-150px);opacity:0}}
@keyframes signalBottom{0%{transform:translateY(0);opacity:0}14%{opacity:1}84%{opacity:1}100%{transform:translateY(-150px);opacity:0}}
@keyframes signalLeft{0%{transform:translateX(0);opacity:0}14%{opacity:1}84%{opacity:1}100%{transform:translateX(150px);opacity:0}}
@media(prefers-reduced-motion:reduce){.radial-orbit.inner,.radial-pulse,.radial-signal{animation:none!important}.radial-signal{opacity:1}}


/* V17.2 - inline logos: no network request, no CDN, no cache mismatch */
.company-wordmark{display:block;width:100%;height:auto;max-width:100%;color:#0a0a0a;overflow:visible}
.logo-card .sendx-wordmark{width:min(82%,230px)}
.career-logo .sendx-wordmark{width:min(92%,145px)}

/* V17.2 - collision-proof customer system SVG */
.customer-system-visual{width:min(100%,590px);aspect-ratio:1;margin-inline:auto;display:grid;place-items:center}
.customer-system-visual svg{display:block;width:100%;height:auto;overflow:visible}
.csv-orbit,.csv-axis,.csv-pulse{fill:none;vector-effect:non-scaling-stroke}
.csv-orbit{stroke:rgba(0,0,0,.18);stroke-width:1.4}
.csv-orbit-inner{stroke:rgba(0,0,0,.14);stroke-dasharray:6 8}
.csv-axis{stroke:rgba(0,0,0,.23);stroke-width:1.25;stroke-linecap:round}
.csv-pulse{stroke:rgba(0,0,0,.34);stroke-width:1.5}
.csv-signal{fill:#0a0a0a}
.csv-node rect{fill:#f5f5f1;stroke:rgba(0,0,0,.2);stroke-width:1.2;vector-effect:non-scaling-stroke}
.csv-node text{fill:#0a0a0a;font-family:Inter,Arial,Helvetica,sans-serif;font-size:11px;font-weight:800;letter-spacing:1.4px;text-anchor:middle}
.csv-core circle{fill:#d9d9d5;stroke:rgba(0,0,0,.22);stroke-width:1.2;vector-effect:non-scaling-stroke}
.csv-core text{fill:#0a0a0a;font-family:Inter,Arial,Helvetica,sans-serif;font-size:13px;font-weight:850;letter-spacing:1.5px;text-anchor:middle}
@media(max-width:650px){.customer-system-visual{width:min(100%,390px)}.csv-node text{font-size:10.5px}.csv-core text{font-size:12px}}

/* ===== v17.3: CSS-driven Customer Value animation (replaces SMIL) ===== */
#customerSystemSvg .csv-rotate{transform-origin:300px 300px;transform-box:view-box;animation:csvSpin 28s linear infinite}
#customerSystemSvg .csv-orbit-outer{transform-origin:300px 300px;transform-box:view-box;animation:csvSpin 70s linear infinite reverse}
#customerSystemSvg .csv-pulse{transform-origin:300px 300px;transform-box:view-box;animation:csvPulse 3.2s ease-out infinite}
#customerSystemSvg .csv-signal{opacity:0;animation-duration:2.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
#customerSystemSvg .csv-sig-top{animation-name:csvSigDown}
#customerSystemSvg .csv-sig-right{animation-name:csvSigLeft;animation-delay:.7s}
#customerSystemSvg .csv-sig-bottom{animation-name:csvSigUp;animation-delay:1.4s}
#customerSystemSvg .csv-sig-left{animation-name:csvSigRight;animation-delay:2.1s}
@keyframes csvSpin{to{transform:rotate(360deg)}}
@keyframes csvPulse{0%{transform:scale(1);opacity:.48}100%{transform:scale(2.9);opacity:0}}
@keyframes csvSigDown{0%{transform:translateY(0);opacity:0}15%{opacity:1}82%{opacity:1}100%{transform:translateY(125px);opacity:0}}
@keyframes csvSigUp{0%{transform:translateY(0);opacity:0}15%{opacity:1}82%{opacity:1}100%{transform:translateY(-125px);opacity:0}}
@keyframes csvSigLeft{0%{transform:translateX(0);opacity:0}15%{opacity:1}82%{opacity:1}100%{transform:translateX(-125px);opacity:0}}
@keyframes csvSigRight{0%{transform:translateX(0);opacity:0}15%{opacity:1}82%{opacity:1}100%{transform:translateX(125px);opacity:0}}

/* hero intro plays without JS */
.hero h1,.hero-copy,.hero-actions{animation:heroUp .8s var(--ease) backwards}
.hero-copy{animation-delay:.12s}.hero-actions{animation-delay:.22s}
.portrait-frame{animation:heroUp .9s var(--ease) .15s backwards}
@keyframes heroUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.portrait-frame img{transition:transform .8s var(--ease)}
.portrait-frame:hover img{transform:scale(1.025)}

/* logo + career cards come alive */
.logo-card{transition:transform .35s var(--ease),border-color .35s ease,background .35s ease}
.logo-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.34)}
.logo-card img,.logo-card svg{transition:opacity .3s ease,filter .3s ease}
.logo-card:hover img{filter:brightness(1.5)}
.career-card{transition:transform .35s var(--ease),border-color .35s ease}
.career-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.3)}
.proof-card{transition:border-color .35s ease}
.proof-card:hover{border-color:rgba(255,255,255,.3)}

/* V22: three verified employment brands; current positioning is Senior Customer Success Manager. */
.logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.logo-card.sendx img{width:min(82%,260px);max-height:68px}.career-list{gap:18px}
@media(max-width:760px){.logo-grid{grid-template-columns:1fr}.logo-card{height:132px}}