/* Landing only: shared internal pages keep their own layout. */
html{scroll-behavior:auto}
body{background:#070b12;color:#fff;font-family:'Hanken Grotesk',Arial,sans-serif}
a{text-decoration:none;color:inherit}
#wrap{min-height:100svh;position:relative}
.top{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px clamp(20px,3.5vw,48px);background:linear-gradient(#070b12b3,transparent);pointer-events:none}
.top>*{pointer-events:auto}
.brand .brand-mark{width:112px;height:auto;filter:drop-shadow(0 2px 12px #0008)}
.brand small{display:block;font-family:'Fraunces',serif;font-style:italic;font-size:13px;color:#dce2ee;margin-top:8px}
.user-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 19px;border:1px solid #9caef577;border-radius:999px;font-size:14px;background:#111c35b3;backdrop-filter:blur(10px)}
.user-cta .dot{width:6px;height:6px;border-radius:50%;background:#25c9c8}
.user-cta:hover{background:#394d77}
.panels{display:flex;min-height:100svh}
.panel{position:relative;flex:1;min-width:0;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;border-left:1px solid #ffffff1a;transition:flex-grow .6s cubic-bezier(.22,.9,.3,1)}
.panel:first-child{border-left:0}
.media{position:absolute;inset:0;overflow:hidden;z-index:-2;container-type:size;background:linear-gradient(140deg,#19384b,#152037 60%,#282247)}
.media img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:var(--image-position,center);filter:saturate(.8);transition:transform .8s}
.media iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100svh;min-width:177.78svh;transform:translate(-50%,-50%);border:0;pointer-events:none;opacity:0;transition:opacity .6s;filter:brightness(.85)}
.video-playing .media iframe{opacity:1}
.panel::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#07101a33 0%,#07101a55 28%,#07101ac9 66%,var(--tint));pointer-events:none}
.panel .body{padding:160px clamp(22px,2.6vw,40px) 86px;display:flex;flex-direction:column;gap:12px;width:100%}
.panel .n{font-size:11px;font-weight:700;letter-spacing:.17em;color:#e4e9f2}
.panel h2{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(25px,2.5vw,38px);line-height:1.08;overflow-wrap:break-word}
.panel .lead{font-size:14px;line-height:1.6;max-width:34ch;color:#e3e8f1}
.panel .enter{display:inline-flex;align-items:center;gap:10px;min-height:44px;align-self:flex-start;font-size:14px;font-weight:600;border-bottom:1px solid #ffffff66}
.panel .bar{position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(.16);transform-origin:left;transition:transform .4s}
.p-hos{--accent:#6ea8ff;--tint:#12233bf2;--image-position:48% center}
.p-emp{--accent:#aa86ff;--tint:#221b3bf2;--image-position:35% center}
.p-for{--accent:#25c9c8;--tint:#0d302ff2;--image-position:65% center}
.p-nos{--accent:#8473ff;--tint:#1f1e3bf2}
.panel:focus-visible,.user-cta:focus-visible,.social a:focus-visible{outline:3px solid #58dfde;outline-offset:-5px}
.panel:focus-within .bar{transform:scaleX(1)}
.social{position:absolute;left:clamp(20px,3.5vw,48px);bottom:20px;z-index:20;display:flex;gap:10px}
.social a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff47;background:#0a0c1666}
.social a:hover{background:#ffffff29}
.social svg{width:16px;height:16px}
.hint{position:absolute;right:clamp(20px,3.5vw,48px);bottom:30px;font-size:12px;color:#d1d8e4}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(hover:hover) and (min-width:821px){.panel:hover{flex-grow:1.65}.panel:hover .bar{transform:scaleX(1)}.panel:hover .media img{transform:scale(1.035)}}
@media(max-width:820px){
  .top{position:relative;padding:20px max(20px,env(safe-area-inset-right)) 20px max(20px,env(safe-area-inset-left));background:#0b1120}
  .brand .brand-mark{width:100px}.brand small{font-size:11px;margin-top:6px}
  .panels{display:grid;grid-template-columns:1fr;min-height:0;gap:12px;padding:0 12px}
  .panel{border:1px solid #ffffff17;border-radius:20px;min-height:300px;min-height:clamp(300px,48svh,430px)}
  .panel .body{padding:32px 26px 24px;gap:9px}
  .panel h2{font-size:34px}.panel .lead{font-size:15px;max-width:40ch}.panel .n{font-size:10px}
  .panel .bar{transform:scaleX(1)}
  .media iframe{width:max(100%,clamp(534px,85.34svh,765px));height:100%;min-width:0;min-height:0}
  .social{position:relative;inset:auto;justify-content:center;padding:24px 20px max(24px,env(safe-area-inset-bottom))}
  .hint{display:none}
}
@media(min-width:600px) and (max-width:820px){.panels{grid-template-columns:1fr 1fr}.panel{min-height:390px}.panel h2{font-size:30px}}
@supports(width:1cqw){.media iframe{width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw);min-width:0;min-height:0}}
@media(max-width:360px){.top{gap:12px;padding:18px 16px}.brand small{max-width:145px}.user-cta{padding:10px 14px}.panel .body{padding:28px 20px 22px}.panel h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}.media iframe{display:none}}