.hero{overflow:clip;background:linear-gradient(180deg,var(--accent-50) 0%,#0a0a0a 60%);position:relative}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;position:relative;z-index:1}
.hero-copy .kicker{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--accent-300);border:1px solid var(--accent-100);background:var(--surface);padding:7px 16px;border-radius:999px;margin-bottom:20px;box-shadow:var(--shadow-sm);transition:border-color .3s var(--ease),box-shadow .3s var(--ease),color .3s var(--ease)}
.hero-copy .kicker:hover{border-color:var(--accent-300);box-shadow:0 6px 18px rgba(212,175,55,.22)}
.hero-meta{display:flex;gap:26px;flex-wrap:wrap;margin-top:30px}
.hero-meta span.stat{display:flex;flex-direction:column;gap:2px}
.hero-meta strong{color:var(--text);font-size:26px;line-height:1.2}
.hero-meta small{color:var(--muted);font-size:14px}
.hero-blob{position:absolute;top:-160px;inset-inline-end:-140px;width:min(560px,75vw);aspect-ratio:1;pointer-events:none;opacity:.5;will-change:transform}
.hero-blob i{position:absolute;border-radius:50%;filter:blur(80px);will-change:transform,opacity}
.hero-blob i:nth-child(1){inset:10% 14% 32% 10%;background:radial-gradient(circle,rgba(212,175,55,.25),transparent 70%);animation:drift1 14s ease-in-out infinite alternate}
.hero-blob i:nth-child(2){inset:34% 8% 10% 36%;background:radial-gradient(circle,rgba(212,175,55,.15),transparent 70%);animation:drift2 18s ease-in-out infinite alternate}
@keyframes drift1{to{transform:translate3d(-40px,32px,0) scale(1.1)}}
@keyframes drift2{to{transform:translate3d(34px,-28px,0) scale(.94)}}
.process-card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:28px;position:relative;transition:transform .35s var(--ease),box-shadow .35s var(--ease);will-change:transform}
.process-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.process-card h3{margin-bottom:18px}
.process-steps{display:grid;gap:0;position:relative}
.process-steps::before{content:"";position:absolute;inset-inline-start:19px;top:14px;bottom:14px;width:2px;background:var(--surface-3);border-radius:2px}
.process-fill{position:absolute;inset-inline-start:19px;top:14px;width:2px;height:calc(100% - 28px);background:var(--accent-gradient);border-radius:2px;transform:scaleY(var(--fill,0));transform-origin:top;transition:transform 1.2s var(--ease-out)}
.process-steps li{position:relative;padding-inline-start:52px;padding-bottom:22px}
.process-steps li:last-child{padding-bottom:0}
.step-num{position:absolute;inset-inline-start:6px;top:0;width:28px;height:28px;border-radius:50%;background:var(--accent-500);color:#0a0a0a;font-weight:800;font-size:14px;display:grid;place-items:center;box-shadow:0 4px 12px rgba(212,175,55,.3)}
.process-steps b{color:var(--text);display:block;margin-bottom:2px}
.process-steps p{color:var(--muted);font-size:14.5px;margin:0}
.process-foot{display:flex;align-items:center;gap:9px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border-soft);font-size:14px;color:var(--muted)}
.pulse{width:8px;height:8px;flex:none;border-radius:50%;background:var(--accent-500);box-shadow:0 0 0 0 rgba(212,175,55,.5);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-blob{opacity:.3}}
/* Mobile hero airy premium (<=767px only, desktop untouched) */
@media(max-width:767px){
.hero-copy .kicker{font-size:11.5px;margin-bottom:14px}
.hero-copy h1{font-size:clamp(24px,6.5vw,32px);margin-bottom:16px;line-height:1.4}
.hero-copy .lead{font-size:14.5px;line-height:2;margin-bottom:24px}
.hero-copy .btn-row{margin-top:0;margin-bottom:0}
.hero-meta{margin-top:32px;gap:24px;border-top:1px solid var(--border);padding-top:20px}
.hero-meta strong{font-size:20px;font-weight:800}
.hero-meta small{font-size:11px}
}