.hero-section{isolation:isolate;background:#07101c;justify-content:center;align-items:center;min-height:100svh;padding:clamp(96px,14vh,140px) clamp(20px,5vw,48px) clamp(56px,9vh,96px);display:flex;position:relative;overflow:hidden}.hero-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-backdrop img{-o-object-fit:cover;object-fit:cover;-o-object-position:center right;object-position:center right;width:100%;height:100%;display:block}.hero-backdrop:after{content:"";background:radial-gradient(58% 70% at 50% 42%,#060c162e,#060c168c 100%),linear-gradient(#060c1647 0%,#0000 28% 72%,#060c1680 100%);position:absolute;inset:0}.hero-copy-wrap{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:860px;margin-inline:auto;display:flex;position:relative}.hero-brand,.hero-person,.hero-kicker,.hero-copy-wrap h1,.hero-lede,.hero-actions{animation:.75s cubic-bezier(.2,.8,.2,1) both hero-rise}.hero-person{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.14em;color:#ffffffb8;margin:0 0 8px;font-size:clamp(11px,1vw,13px);font-weight:500;animation-delay:50ms}.hero-brand{font-family:var(--font-display), sans-serif;letter-spacing:-.07em;color:#fff;margin:0 0 4px;font-size:clamp(56px,9vw,96px);font-weight:700;line-height:.9;animation-delay:.12s}.hero-kicker{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;color:#ffffffb8;margin:6px 0 22px;font-size:11px;font-weight:500;animation-delay:.22s}.hero-copy-wrap h1{font-family:var(--font-display), sans-serif;letter-spacing:-.035em;color:#fff;max-width:24ch;margin:0 0 18px;font-size:clamp(26px,3.6vw,44px);font-weight:600;line-height:1.16;animation-delay:.36s}.hero-lede{color:#ffffffb8;max-width:48ch;margin:0 0 32px;font-size:clamp(15px,1.35vw,17px);line-height:1.7;animation-delay:.46s}.hero-lede em{color:#7ec8ff;font-style:normal;font-weight:600}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;animation-delay:.6s;display:flex}.hero-actions .button{border-radius:8px;min-height:48px;padding:14px 22px;font-size:13px;font-weight:600}.hero-actions .button-primary{color:#fff;background:linear-gradient(#16344f 0%,#0c2238 100%);border:1px solid #ffffff24;transition:background .22s cubic-bezier(.32,.72,0,1),transform .22s cubic-bezier(.32,.72,0,1);box-shadow:0 10px 28px #00000047}.hero-actions .button-primary:hover{background:linear-gradient(#1d4568 0%,#123049 100%);transform:translateY(-1px)}.hero-actions .button-ghost{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff61;transition:background .22s cubic-bezier(.32,.72,0,1),border-color .22s cubic-bezier(.32,.72,0,1),transform .22s cubic-bezier(.32,.72,0,1)}.hero-actions .button-ghost:hover{background:#ffffff29;border-color:#ffffffb3;transform:translateY(-1px)}@keyframes hero-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:850px){.hero-section{min-height:calc(100svh - 8px);padding-top:88px;padding-bottom:56px}.hero-backdrop img{-o-object-position:center center;object-position:center center}.hero-backdrop:after{background:radial-gradient(70% 55% at 50% 42%,#060c1659,#060c16b8 100%),linear-gradient(#060c1666 0%,#0000 30% 68%,#060c169e 100%)}}@media (max-width:520px){.hero-brand{font-size:clamp(52px,18vw,72px)}.hero-copy-wrap h1{max-width:none}.hero-actions{flex-direction:column;width:100%}.hero-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){.hero-brand,.hero-person,.hero-kicker,.hero-copy-wrap h1,.hero-lede,.hero-actions{animation:none}}
