.ha-expertise{--exp-x:50%;--exp-y:45%;position:relative;z-index:2;min-height:112svh;overflow:hidden;color:#f5f0ec;background:radial-gradient(ellipse at var(--exp-x) var(--exp-y),rgba(48,13,20,.82),rgba(9,9,12,.96) 47%,#08080b 76%);isolation:isolate}
.ha-expertise::before{content:'';position:absolute;z-index:6;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.03) 4px 4.5px);opacity:.14}
.ha-expertise::after{content:'';position:absolute;z-index:5;inset:0;pointer-events:none;background:linear-gradient(180deg,#09090c 0,transparent 10%,transparent 90%,#09090c 100%)}
.ha-exp-shell{position:relative;z-index:4;box-sizing:border-box;width:min(91%,1580px);min-height:112svh;margin:auto;padding:clamp(110px,13vh,170px) 0 clamp(85px,10vh,130px);display:grid;grid-template-columns:minmax(350px,.8fr) minmax(600px,1.25fr);gap:clamp(45px,7vw,120px);align-items:center}
.ha-exp-atmosphere{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;perspective:1000px}
.ha-exp-grid{position:absolute;left:-15%;right:-15%;top:38%;height:78%;background:repeating-linear-gradient(90deg,transparent 0 7.9%,rgba(244,46,61,.11) 8%),repeating-linear-gradient(0deg,transparent 0 49px,rgba(244,46,61,.08) 50px);transform:rotateX(63deg) translateY(4%);transform-origin:50% 0;-webkit-mask-image:linear-gradient(#000,transparent 86%);mask-image:linear-gradient(#000,transparent 86%)}
.ha-exp-horizon{position:absolute;left:0;right:0;top:43%;height:1px;background:linear-gradient(90deg,transparent,rgba(244,46,61,.4) 18%,#f42e3d 50%,rgba(244,46,61,.4) 82%,transparent);box-shadow:0 0 34px rgba(244,46,61,.35)}
.ha-exp-radar{position:absolute;left:37%;top:52%;width:min(61vw,860px);aspect-ratio:1;border:1px solid rgba(244,46,61,.18);border-radius:50%;transform:translate(-50%,-50%) rotateX(68deg);box-shadow:0 0 80px rgba(244,46,61,.07)}
.ha-exp-radar i{position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%}.ha-exp-radar i:nth-child(1){inset:15%}.ha-exp-radar i:nth-child(2){inset:31%;border-color:rgba(244,46,61,.22)}.ha-exp-radar i:nth-child(3){inset:46%}.ha-exp-radar b{position:absolute;left:50%;top:50%;width:50%;height:1px;transform-origin:left;background:linear-gradient(90deg,#f42e3d,transparent);animation:haExpSweep 8s linear infinite}
@keyframes haExpSweep{to{transform:rotate(360deg)}}
.ha-exp-runway{position:absolute;left:31%;top:44%;width:12%;height:69%;transform:translateX(-50%);border-left:1px solid rgba(255,255,255,.16);border-right:1px solid rgba(255,255,255,.16);background:linear-gradient(90deg,transparent,rgba(244,46,61,.025),transparent);perspective:600px}
.ha-exp-runway::before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed rgba(244,46,61,.44)}
.ha-exp-runway i{position:absolute;left:50%;width:10px;height:34px;border:1px solid rgba(255,255,255,.34);transform:translateX(-50%)}.ha-exp-runway i:nth-child(1){top:8%}.ha-exp-runway i:nth-child(2){top:27%}.ha-exp-runway i:nth-child(3){top:46%}.ha-exp-runway i:nth-child(4){top:65%}.ha-exp-runway i:nth-child(5){top:84%}
.ha-exp-atmosphere>strong{position:absolute;right:-2%;bottom:4%;color:transparent;-webkit-text-stroke:1px rgba(244,46,61,.1);font:800 clamp(130px,19vw,340px)/.8 'Syne',sans-serif;letter-spacing:-.08em;transform:rotate(-5deg)}
.ha-exp-heading{position:relative;z-index:3;align-self:start;padding-top:8vh}
.ha-exp-heading h2{margin:0;color:#f5f0ec;font:700 clamp(55px,6vw,104px)/.91 'Syne',sans-serif;letter-spacing:-.079em}.ha-exp-heading h2 em{display:inline-block;color:#f42e3d;font-style:normal;text-shadow:0 0 40px rgba(244,46,61,.18)}
.ha-exp-heading p{max-width:420px;margin:30px 0 0;color:#aaa0a3;font:400 clamp(14px,1.1vw,17px)/1.7 'Poppins',sans-serif}
.ha-exp-console{position:relative;min-height:730px;display:grid;grid-template-columns:minmax(260px,.75fr) minmax(340px,1fr);gap:12px;align-items:center;transform-style:preserve-3d;transform:perspective(1500px) rotateX(var(--exp-rx,0deg)) rotateY(var(--exp-ry,0deg));transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.ha-exp-focus{position:relative;z-index:2;min-height:390px;padding:31px 26px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(244,46,61,.35);background:linear-gradient(145deg,rgba(35,16,22,.93),rgba(9,9,12,.82));backdrop-filter:blur(16px);box-shadow:0 32px 90px rgba(0,0,0,.38),inset 0 0 60px rgba(244,46,61,.035);overflow:hidden}
.ha-exp-focus::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(244,46,61,.12),transparent 26%),repeating-linear-gradient(90deg,transparent 0 19px,rgba(255,255,255,.025) 20px);pointer-events:none}
.ha-exp-focus::after{content:'01  10  { }  < >  /  +  01  10  { }  < >  /  +';position:absolute;left:-8%;top:13%;width:120%;color:rgba(244,46,61,.28);font:600 13px/2 monospace;word-spacing:13px;transform:rotate(-14deg);pointer-events:none}
.ha-exp-focus-top{position:absolute;left:25px;top:24px}.ha-exp-focus-top span{color:#f42e3d;font:700 40px/1 'Syne',sans-serif}
.ha-exp-focus>strong{position:relative;font:700 clamp(27px,2.15vw,40px)/1.02 'Syne',sans-serif;letter-spacing:-.055em}.ha-exp-focus>p{position:relative;margin:18px 0 0;color:#aaa0a3;font:400 13px/1.65 'Poppins',sans-serif}
.ha-exp-orbit{display:flex;flex-direction:column;gap:8px;perspective:1000px}
.ha-exp-track{--mx:50%;--my:50%;position:relative;min-height:88px;padding:18px 44px 18px 64px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle 210px at var(--mx) var(--my),rgba(244,46,61,.12),transparent 75%),rgba(255,255,255,.025);color:#f6f1ed;text-align:left;overflow:hidden;cursor:pointer;transform-style:preserve-3d;will-change:transform;transition:border-color .3s,background .3s,box-shadow .3s}
.ha-exp-track::before{content:'';position:absolute;inset:0;background:radial-gradient(220px circle at var(--mx) var(--my),rgba(244,46,61,.22),transparent 70%);opacity:0;transition:opacity .35s}.ha-exp-track::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#f42e3d;transform:scaleY(.18);transition:transform .45s}
.ha-exp-track>span{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#6f6569;font:700 12px/1 monospace}.ha-exp-track>strong{position:relative;z-index:2;font:700 clamp(17px,1.25vw,22px)/1.1 'Syne',sans-serif;letter-spacing:-.035em}.ha-exp-track>b{position:absolute;z-index:2;right:18px;top:18px;color:#f42e3d;font:400 16px/1 monospace;transition:transform .35s}
.ha-exp-track:hover,.ha-exp-track:focus-visible{z-index:2;border-color:rgba(244,46,61,.78);box-shadow:0 18px 55px rgba(244,46,61,.11),inset 0 0 28px rgba(244,46,61,.04);outline:none}.ha-exp-track:hover::before,.ha-exp-track:focus-visible::before{opacity:1}.ha-exp-track:hover::after,.ha-exp-track:focus-visible::after,.ha-exp-track.is-active::after{transform:scaleY(1)}.ha-exp-track.is-active>span{color:#f42e3d}.ha-exp-track:hover>b,.ha-exp-track:focus-visible>b{transform:translate(4px,-4px);color:#fff}
.ha-journey-canvas.ha-expertise-field{z-index:3!important;opacity:.9!important}
body.ha-expertise-current .ha-mind-scene.is-fixed{visibility:hidden!important;opacity:0!important}
.ha-expertise.is-visible .ha-exp-heading{animation:haExpReveal 1.1s both cubic-bezier(.16,.8,.2,1)}.ha-expertise.is-visible .ha-exp-console{animation:haExpConsole 1.25s .15s both cubic-bezier(.16,.8,.2,1)}
@keyframes haExpReveal{from{opacity:0;transform:translateY(55px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes haExpConsole{from{opacity:0;transform:perspective(1500px) translate3d(80px,45px,-180px) rotateY(-8deg);filter:blur(9px)}to{opacity:1;filter:none}}
@media(max-width:1100px){.ha-exp-shell{grid-template-columns:.72fr 1.28fr;gap:35px}.ha-exp-console{grid-template-columns:1fr;min-height:760px}.ha-exp-focus{min-height:260px}.ha-exp-orbit{display:grid;grid-template-columns:repeat(2,1fr)}.ha-exp-track{min-height:85px;padding-left:50px}.ha-exp-runway{left:24%}}
@media(max-width:760px){.ha-expertise{min-height:0}.ha-exp-shell{min-height:0;padding:100px 0 80px;grid-template-columns:1fr;gap:50px}.ha-exp-heading{padding:0}.ha-exp-heading h2{font-size:clamp(48px,14vw,78px)}.ha-exp-console{min-height:0;grid-template-columns:1fr}.ha-exp-focus{min-height:300px}.ha-exp-orbit{grid-template-columns:1fr}.ha-exp-track{min-height:79px}.ha-exp-radar{left:50%;width:130vw}.ha-exp-runway{left:50%;width:23%;opacity:.55}.ha-exp-atmosphere>strong{font-size:32vw}.ha-journey-canvas.ha-expertise-field{opacity:.66!important}}
@media(prefers-reduced-motion:reduce){.ha-exp-radar b,.ha-expertise.is-visible .ha-exp-heading,.ha-expertise.is-visible .ha-exp-console{animation:none!important}.ha-exp-console,.ha-exp-track{transition:none!important;transform:none!important}}
