.hero{position:relative;overflow:hidden;margin-top:-100px;padding-top:100px;background:linear-gradient(180deg,#fff6ea 0%,var(--bg) 100%);perspective:1500px;perspective-origin:68% 45%}
.hero .wrap{position:relative;z-index:3}
.hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;align-items:center;padding:40px 0 120px;min-height:min(840px,90svh)}
.hero h1{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(72px,9vw,132px);line-height:.86;text-transform:uppercase;letter-spacing:.005em}
.hero h1 .w{display:inline-block;transform:translateY(.4em) rotate(-2deg);animation:wordIn .8s cubic-bezier(.2,.9,.2,1) forwards}
.hero h1 .w:nth-child(3){animation-delay:.14s}
.hero h1 .w.o{color:var(--accent)}
@keyframes wordIn{to{transform:none}}
.hero-copy{display:flex;flex-direction:column;gap:30px;position:relative;z-index:2;max-width:620px}
.hero-copy .lead{font-size:21px;opacity:0;animation:fadeUp .8s .5s cubic-bezier(.2,.9,.2,1) forwards}
.hero-copy .btn-row{opacity:0;animation:fadeUp .8s .65s cubic-bezier(.2,.9,.2,1) forwards}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero-tag{display:inline-flex;align-items:flex-start;gap:10px;font-family:var(--display);font-size:22px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.hero-tag i{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block;flex-shrink:0;margin-top:calc(.75em - 4px)}
.plane{position:absolute;left:50%;top:453px;width:2400px;height:1500px;margin-left:-1050px;margin-top:-700px;transform-style:preserve-3d;transform:translateZ(-560px) rotateX(56deg) rotateZ(-10deg);pointer-events:none;z-index:1;will-change:transform}
.plane > svg{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.plane .layer-contours{transform:translateZ(14px)}
.plane .layer-rings{transform:translateZ(24px)}
.plane .layer-labels{transform:translateZ(34px)}
.plane-fade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(251,247,241,.85) 0%,rgba(251,247,241,.6) 22%,rgba(251,247,241,0) 42%),linear-gradient(180deg,var(--bg) 0%,rgba(251,247,241,0) 14%,rgba(251,247,241,0) 82%,var(--bg) 100%);pointer-events:none}
.p-ring{position:absolute;left:1240px;top:600px;width:500px;height:500px;border-radius:50%;border:24px solid #f0e6d8;box-shadow:inset 0 0 0 1px var(--line),inset 0 10px 24px rgba(120,80,40,.10),0 2px 0 #fff;transform:translateZ(6px)}
.p-ring::after{content:"";position:absolute;inset:-24px;border-radius:50%;border:1px dashed #d9cbb8}
.p-glow{position:absolute;left:1350px;top:710px;width:280px;height:280px;border-radius:50%;background:var(--lachs);filter:blur(55px);opacity:.5;transform:translateZ(2px);animation:pulse 3.5s ease-in-out infinite alternate}
@keyframes pulse{0%{opacity:.35;transform:translateZ(2px) scale(.9)}100%{opacity:.6;transform:translateZ(2px) scale(1.08)}}
.needle-shadow{position:absolute;left:1300px;top:660px;width:380px;height:380px;transform:translate(22px,34px) translateZ(1px);opacity:.28;filter:blur(10px)}
.needle-shadow svg{width:100%;height:100%;max-width:none}
.needle-sway{position:absolute;left:1300px;top:660px;width:380px;height:380px;transform:translateZ(44px)}
.needle,.needle-shadow svg{width:100%;height:100%;will-change:transform}
.needle svg{width:100%;height:100%;max-width:none}
.ripple{position:absolute;left:1300px;top:660px;width:380px;height:380px;border-radius:50%;border:3px solid var(--accent);opacity:0;transform:translateZ(8px)}
.plane.is-locked .ripple{animation:rippleOut 1.5s ease-out 1}.plane.is-locked .ripple.r2{animation-delay:.4s}
@keyframes rippleOut{0%{opacity:.7;transform:translateZ(8px) scale(.55)}100%{opacity:0;transform:translateZ(8px) scale(2.2)}}
.cta-glow{box-shadow:0 0 0 6px rgba(255,156,117,.4),0 14px 40px rgba(228,74,31,.35)!important;animation:ctaPop .7s cubic-bezier(.34,1.6,.64,1)}
@keyframes ctaPop{0%{transform:scale(1)}40%{transform:scale(1.06)}100%{transform:scale(1)}}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr;padding-bottom:60px;min-height:auto}.plane{top:370px;margin-left:-1400px;margin-top:-500px;opacity:.55}}
@media (prefers-reduced-motion: reduce){.hero h1 .w,.hero-copy .lead,.hero-copy .btn-row{opacity:1;transform:none;animation:none}}