:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#061a3b}*{box-sizing:border-box}html,body{margin:0;min-height:100%}
body{background:#061a3b url('/assets/unity-security-hero.png') center/cover fixed no-repeat}
body::before{content:"";position:fixed;inset:0;background:linear-gradient(100deg,rgba(2,15,38,.94),rgba(4,35,77,.74) 56%,rgba(3,35,78,.40));pointer-events:none}
.shell{position:relative;min-height:100svh;width:min(1240px,calc(100% - 52px));margin:auto;display:flex;flex-direction:column}
header{display:flex;align-items:center;min-height:100px;border-bottom:1px solid rgba(210,233,255,.18)}
.wordmark{color:#fff;text-decoration:none;font-size:clamp(1.12rem,1.6vw,1.4rem);font-weight:900;letter-spacing:-.04em}.wordmark span{color:#37afff}
main{flex:1;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(30px,5vw,85px);padding:60px 0 80px}
.eyebrow{color:#5acaff;font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px}
h1{font-size:clamp(3.3rem,7.4vw,7.4rem);line-height:.99;letter-spacing:-.065em;max-width:800px;margin:0 0 30px}
.lead{font-size:clamp(1.07rem,1.5vw,1.27rem);line-height:1.65;color:#d7eafd;max-width:580px;margin:0}
.accent{width:82px;height:5px;margin:34px 0;background:linear-gradient(90deg,#087ff2,#4ac8ff);border-radius:3px}
.logo-card{justify-self:end;max-width:430px;width:100%;background:white;border-radius:24px;box-shadow:0 40px 100px rgba(0,8,30,.3);overflow:hidden;transform:rotate(-2deg)}
.logo-card img{display:block;width:100%;height:auto}
footer{border-top:1px solid rgba(210,233,255,.18);padding:22px 0 30px;display:flex;justify-content:space-between;gap:20px;color:#b3d4ef;font-size:.86rem}
@media(min-width:701px){.copy{animation:appear .75s ease both}.logo-card{animation:card-in .9s .12s ease both}}
@keyframes appear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes card-in{from{opacity:0;transform:translateY(24px) rotate(0)}to{opacity:1;transform:rotate(-2deg)}}
@media(max-width:700px){body{background-attachment:scroll}.shell{width:calc(100% - 36px)}header{min-height:78px}main{grid-template-columns:1fr;padding:55px 0 65px;gap:48px}.logo-card{justify-self:start;max-width:300px;transform:none}footer{display:block;line-height:1.65}footer span{display:block}}
@media(prefers-reduced-motion:reduce){.copy,.logo-card{animation:none!important}html{scroll-behavior:auto}}