/* The opening is one composition. Its geometry follows the measured reference;
   Unison's workspace entry and existing visual tokens remain in place. */
.landing-page{position:relative}
.landing-page>.site-header{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1160px;min-height:92px;height:92px;z-index:5}
/* Animate a wrapper-free header with translate rather than overwriting its centering. */
.landing-page>.site-header{left:0;right:0;transform:none;margin-inline:auto}
.landing-page .hero{--intro-top:132px;--intro-label:52px;--intro-logo:100px;--intro-headline:86px;--intro-card-width:min(320px,calc(100vw - 40px));padding:var(--intro-top) 0 4rem;border-bottom:1px solid var(--line-soft);overflow:hidden;background:#05060f;isolation:isolate}
.hero>.hero-content{width:100%;max-width:none;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--intro-label) var(--intro-logo) var(--intro-headline) minmax(540px,auto) auto auto;align-items:center;justify-items:center}
.hero .intro{grid-row:1;font-size:.8rem;margin:0;gap:1.25rem;height:100%;position:relative;z-index:1;letter-spacing:0}
.hero .intro>span{width:clamp(2rem,8vw,4.75rem);background:linear-gradient(90deg,transparent,#bad8f74d)}
.hero h1.hero-wordmark{grid-row:2;display:grid;place-items:center;position:relative;width:calc(100% - 40px);max-width:512px;height:var(--intro-logo);min-width:0;margin:0;padding:0;line-height:var(--intro-logo);font-size:clamp(5rem,25vw,9.375rem);font-weight:500;letter-spacing:-.065em;background:none;-webkit-text-fill-color:initial;text-shadow:none;color:var(--blue);perspective:none}
.hero-wordmark-base{display:block;width:100%;height:100%;font:inherit;line-height:calc(var(--intro-logo) + .2em);letter-spacing:inherit;background:linear-gradient(125deg,#d8ecf8 0%,#98c0ef 32%,#a9caff 65%,#d8ecf8 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero-wordmark-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:plus-lighter}
.wordmark-corner{position:absolute;width:2px;height:2px;background:#d8ecf8bd;pointer-events:none}.corner-tl{top:0;left:0}.corner-tr{top:0;right:0}.corner-bl{bottom:0;left:0}.corner-br{bottom:0;right:0}
.hero .hero-subtitle{grid-row:3;position:relative;z-index:1;font-size:clamp(1.06rem,4.9vw,1.5rem);line-height:1.3;letter-spacing:0;color:#aac5e8;max-width:calc(100% - 48px);margin:0}
.hero-subtitle>span{display:inline-block}
.hero .hero-showcase{grid-row:4;position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:none;min-height:540px;margin:0;perspective:1000px;isolation:auto;z-index:2}
.hero-card{position:absolute;top:50%;width:var(--intro-card-width);flex-shrink:0;opacity:1;translate:0 -50%;transform-style:preserve-3d}
.hero-card-center{z-index:2;position:relative;top:auto;translate:none;transform:translateY(0)}
.hero-card-left{left:calc(50% - var(--intro-card-width) * 1.5 + 180px);transform:translate3d(0,0,-50px) rotateY(-10deg)}
.hero-card-right{right:calc(50% - var(--intro-card-width) * 1.5 + 180px);transform:translate3d(0,0,-50px) rotateY(10deg)}
.hero-card-parallax{width:100%;transition:translate .75s cubic-bezier(.165,.84,.44,1)}
.hero .hero-login{width:100%;max-width:none;min-height:459px;border-radius:1rem;padding:2.25rem 1.5rem 1.5rem;background:linear-gradient(155deg,#1b2334ef,#0b0e1c 55%,#121725ed);border-color:#697d9c80;box-shadow:0 1px 0 #ffffff0a inset,0 15px 50px #0005;display:flex;flex-direction:column;justify-content:center}
.hero .hero-login>.brand-symbol{align-self:center;width:2.65rem;height:2.65rem;margin:0 0 1.1rem}
.hero .hero-login h2{font-size:1.6rem;letter-spacing:-.035em}.hero .hero-login p{margin:.7rem 0 1.25rem;font-size:.75rem}.hero .hero-login .workspace-entry{position:relative;width:100%;min-height:48px;margin:1rem 0 .25rem}.hero .hero-login small{margin-top:1rem;line-height:1.7}
.hero .showcase-side{display:block;position:relative;inset:auto;transform:none;opacity:1;width:100%;min-height:392px;padding:2rem 1.5rem;border-radius:1rem;background:linear-gradient(150deg,#1b2334e8,#0c0e1b 70%,#131622);box-shadow:0 1px 0 #ffffff0a inset,0 12px 32px #0004;border-color:#58658466}
.hero .side-chat{padding-right:1.5rem}.hero .side-access{padding-left:1.5rem}.hero .showcase-side:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent 30%,#080a12a6)}.hero .side-access:after{transform:scaleX(-1)}
.hero .hero-description{grid-row:5;margin:.5rem 1.25rem 1rem;font-size:.85rem;color:var(--muted)}
.hero .under-showcase{grid-row:6;margin:1.25rem 1rem 0;font-size:.7rem;flex-wrap:wrap}
.hero .hero-grid{position:absolute;inset:0;z-index:0;pointer-events:none;background:none;mask-image:none}
.intro-horizontal-lines,.intro-vertical-lines{position:absolute;inset:0;pointer-events:none}
.intro-horizontal-lines i{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#bad7f71f 25%,#bad7f71f 75%,transparent)}
.intro-horizontal-lines i:nth-child(1){top:92px;opacity:.75}.intro-horizontal-lines i:nth-child(2){top:var(--intro-top)}.intro-horizontal-lines i:nth-child(3){top:calc(var(--intro-top) + var(--intro-label))}.intro-horizontal-lines i:nth-child(4){top:calc(var(--intro-top) + var(--intro-label) + var(--intro-logo))}.intro-horizontal-lines i:nth-child(5){top:calc(var(--intro-top) + var(--intro-label) + var(--intro-logo) + var(--intro-headline))}.intro-horizontal-lines i:nth-child(6){top:calc(var(--intro-top) + var(--intro-label) + var(--intro-logo) + var(--intro-headline) + 540px);opacity:.4}
.intro-vertical-lines{mask-image:linear-gradient(#000 70%,transparent)}
.intro-vertical-lines i{position:absolute;top:92px;bottom:0;width:1px;background:#bad7f71f}.intro-vertical-lines i:nth-child(1){left:20px}.intro-vertical-lines i:nth-child(2){left:61px;top:calc(var(--intro-top) + var(--intro-label) + var(--intro-logo) + var(--intro-headline))}.intro-vertical-lines i:nth-child(3){right:61px;top:calc(var(--intro-top) + var(--intro-label) + var(--intro-logo) + var(--intro-headline))}.intro-vertical-lines i:nth-child(4){right:20px}
.hero .hero-grid:after{display:none}
.intro-stars{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#b6d7ff4d .55px,transparent .85px),radial-gradient(circle,#b6d7ff3d .55px,transparent .85px),radial-gradient(circle,#b6d7ff26 .5px,transparent .8px),radial-gradient(ellipse at 50% 35%,#25418d14,transparent 65%);background-size:139px 103px,173px 157px,67px 79px,100% 100%;background-position:17px 23px,63px 59px,5px 42px,center;opacity:.65}
.intro-spotlights{pointer-events:none;position:absolute;inset:0;z-index:0;overflow:hidden;mask-image:radial-gradient(farthest-side at 50% 0,#000 50%,transparent 90%)}
.intro-spotlights>i{pointer-events:none;position:absolute;top:100px;left:50%;width:200px;height:700px;border-radius:9999px;filter:blur(15px);opacity:.5;transform-origin:50% 0;transform:translateX(-50%) rotate(var(--beam-angle)) scale(var(--beam-scale));background:conic-gradient(at 50% -5%,transparent 45%,#7c91b64d 49%,#7c91b680 50%,#7c91b64d 51%,transparent 55%);animation:intro-beam-opacity calc(var(--beam-period) * 1.2) linear infinite alternate,intro-beam-sway calc(var(--beam-period) * 1.7) linear infinite both;animation-play-state:paused}
.hero.is-active .intro-spotlights>i{animation-play-state:running}
.intro-cross{display:none;position:absolute;top:193px;width:40px;height:40px;background:linear-gradient(45deg,transparent 50%,#bad8f71f 50%,transparent calc(50% + 1px)),linear-gradient(-45deg,transparent 50%,#bad8f71f 50%,transparent calc(50% + 1px));pointer-events:none}
.intro-cross-left{left:calc(50% - 312px)}.intro-cross-right{right:calc(50% - 312px)}
.motion-paused .intro-spotlights>i{animation-play-state:paused!important}
@keyframes intro-beam-opacity{0%,95%,100%{opacity:.6}50%{opacity:.5}}
@keyframes intro-beam-sway{0%,100%{transform:translateX(-50%) rotate(var(--beam-angle)) scale(var(--beam-scale))}50%{transform:translateX(-50%) rotate(calc(var(--beam-angle) * 1.2)) scale(calc(var(--beam-scale) * 1.1))}}
@media(min-width:600px){.landing-page>.site-header{height:106px;min-height:106px}.landing-page .hero{--intro-top:178px;--intro-label:71px;--intro-logo:135px;--intro-headline:86px;--intro-card-width:392px}.hero h1.hero-wordmark{font-size:150px}.hero .hero-subtitle{font-size:1.5rem;line-height:1.3;max-width:512px}.hero .hero-login{padding:2.25rem 2.125rem 1.5rem}.intro-cross{display:block}.intro-horizontal-lines i:nth-child(1){top:106px}.intro-vertical-lines i{top:0!important}.intro-vertical-lines i:nth-child(1){left:calc(50% - 328px)}.intro-vertical-lines i:nth-child(2){left:calc(50% - 257px)}.intro-vertical-lines i:nth-child(3){right:calc(50% - 257px)}.intro-vertical-lines i:nth-child(4){right:calc(50% - 328px)}}
@media(prefers-reduced-motion:reduce){.intro-spotlights>i{animation:none!important}.hero-card-parallax{transition:none}.hero-wordmark-light{display:none}}