.hero[data-variant=immersive]{position:relative;overflow:hidden;min-height:calc(100vh - var(--nav-h));min-height:calc(100svh - var(--nav-h));display:flex;flex-direction:column;padding:clamp(36px,6vh,84px) 40px clamp(36px,5vh,56px);background:radial-gradient(120% 90% at 50% 120%,rgba(26,117,222,.1),transparent 55%),var(--obsidian);isolation:isolate}.hi-mesh,.hi-grid,.hi-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.hi-mesh{filter:blur(64px) saturate(1.1);opacity:.9;background:radial-gradient(34% 38% at 18% 14%,rgba(26,117,222,.4),transparent 70%),radial-gradient(30% 34% at 84% 8%,rgba(44,139,240,.3),transparent 70%),radial-gradient(40% 44% at 72% 92%,rgba(15,79,168,.42),transparent 72%),radial-gradient(28% 30% at 8% 88%,rgba(58,87,120,.3),transparent 72%);animation:hiMeshDrift 22s ease-in-out infinite alternate}@keyframes hiMeshDrift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2.5%,-2%,0) scale(1.08)}to{transform:translate3d(-2%,2.5%,0) scale(1.04)}}.hi-grid{opacity:.5;background-image:linear-gradient(rgba(120,160,210,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,160,210,.07) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(110% 80% at 50% 18%,#000 35%,transparent 78%);-webkit-mask-image:radial-gradient(110% 80% at 50% 18%,#000 35%,transparent 78%)}.hi-canvas{z-index:1;opacity:.95;width:100%;height:100%}.hero[data-variant=immersive]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(75% 55% at 30% 30%,rgba(13,29,41,.72),transparent 70%),linear-gradient(180deg,rgba(13,29,41,.55) 0%,transparent 32%,transparent 70%,rgba(13,29,41,.55) 100%)}.hi-inner{position:relative;z-index:3;flex:1;width:100%;max-width:var(--maxw-app);margin:0 auto;display:grid;grid-template-rows:auto 1fr auto}.hi-top{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:start;padding-top:clamp(8px,5vh,64px)}.hi-pill{display:inline-flex;align-items:center;gap:10px;background:#1a75de1a;border:1px solid rgba(26,117,222,.32);border-radius:var(--r-pill);padding:6px 14px 6px 8px;margin-bottom:26px;font-family:var(--font-body);font-size:12.5px;font-weight:500;color:var(--fg-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hi-pill .dot{width:7px;height:7px;border-radius:50%;background:#2bd17e;box-shadow:0 0 10px #2bd17eb3;margin-left:6px}.hi-pill .chip{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;background:#006c35;color:#fff;padding:4px 9px;border-radius:var(--r-pill);font-weight:700}.hi-h1{font-family:var(--font-display);font-weight:800;font-size:clamp(46px,6.4vw,104px);line-height:.98;letter-spacing:-.03em;color:var(--fg-1);margin:0;text-wrap:balance}.hi-h1 .grad{background:linear-gradient(100deg,#6fb4ff 0%,var(--accent) 42%,#9ec9ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hi-desc{justify-self:end;max-width:40ch;padding-top:10px}.hi-desc p{font-family:var(--font-body);font-size:clamp(15px,1.15vw,18px);line-height:1.65;color:var(--fg-2);margin:0}.hi-desc .rule{width:56px;height:2px;margin-bottom:18px;background:linear-gradient(90deg,var(--accent),transparent)}.hi-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap}.hi-meta{display:flex;flex-wrap:wrap;gap:10px 10px;max-width:460px}.hi-meta span{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--fg-2);padding:7px 12px;border:1px solid var(--border-1);border-radius:var(--r-pill);background:#0d1d2980;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hi-meta svg{width:13px;height:13px;color:var(--accent)}.hi-cards{display:grid;grid-template-columns:repeat(2,minmax(220px,268px));gap:14px}.hi-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:152px;padding:20px;border-radius:var(--r-lg);text-decoration:none;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hi-card:hover{transform:translateY(-4px)}.hi-card .ct-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hi-card .ct-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;opacity:.9;transition:transform var(--dur) var(--ease-out)}.hi-card:hover .ct-arrow{transform:translate(3px,-3px)}.hi-card .ct-arrow svg{width:16px;height:16px}.hi-card .ct-title{font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.01em;line-height:1.1}.hi-card .ct-sub{font-family:var(--font-body);font-size:12.5px;line-height:1.4;margin-top:6px}.hi-card.primary{background:linear-gradient(150deg,var(--accent-hover),var(--accent) 60%,#0f4fa8);color:#fff;box-shadow:0 18px 50px #1a75de59,0 0 0 1px #ffffff14 inset}.hi-card.primary .ct-sub{color:#ffffffd1}.hi-card.primary:hover{box-shadow:0 26px 64px #1a75de80,0 0 0 1px #ffffff1f inset}.hi-card.primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(80% 70% at 80% 0%,rgba(255,255,255,.22),transparent 60%);pointer-events:none}.hi-card.secondary{background:linear-gradient(165deg,#1b344ab3,#0d1d29b3);border:1px solid var(--border-2);color:var(--fg-1);box-shadow:var(--shadow-md),0 0 0 1px #ffffff08 inset}.hi-card.secondary .ct-sub{color:var(--fg-3)}.hi-card.secondary .ct-arrow{color:var(--accent)}.hi-card.secondary:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow-soft)}@media (prefers-reduced-motion: no-preference){.hero[data-variant=immersive].is-in .hi-reveal{animation:hiReveal .9s var(--ease-out) both;animation-delay:var(--d, 0ms)}@keyframes hiReveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}}@supports (animation-timeline: scroll()){@media (prefers-reduced-motion: no-preference){.hi-top{animation:hiScrollFade linear both;animation-timeline:scroll(root);animation-range:0 90vh}.hi-canvas{animation:hiCanvasRise linear both;animation-timeline:scroll(root);animation-range:0 100vh}@keyframes hiScrollFade{to{opacity:0;transform:translateY(-56px)}}@keyframes hiCanvasRise{to{opacity:0;transform:translateY(-32px) scale(1.04)}}}}@media (max-width: 1000px){.hero[data-variant=immersive]{padding:48px 24px 40px}.hi-top{grid-template-columns:1fr;gap:24px}.hi-desc{justify-self:start;max-width:56ch}.hi-bottom{flex-direction:column;align-items:stretch}.hi-cards{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.hi-cards{grid-template-columns:1fr}.hi-meta{max-width:none}.hi-h1{font-size:clamp(40px,12vw,60px)}}