:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f5f7fc;background:#101d39;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit}
.page{max-width:1600px;min-height:100svh;margin:auto;padding:42px 6vw 28px;display:flex;flex-direction:column}
.header{display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.brand-mark{font-size:1.8rem;font-weight:800;letter-spacing:-.06em}
.brand-name{font-size:.875rem;letter-spacing:.16em;border-left:1px solid #60718e;padding-left:14px}
.domain{font-size:.875rem;color:#bdc9dd}
main{flex:1;display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:center;padding:100px 0 110px}
.eyebrow{margin:0 0 28px;color:#87e2e0;font-size:.875rem;letter-spacing:.19em;font-weight:600}
h1{margin:0;font-size:clamp(3rem,5.6vw,6rem);line-height:1.08;letter-spacing:-.055em;font-weight:600}
h1 span{color:#87e2e0}
.description{font-size:1.125rem;line-height:1.8;color:#bdc9dd;margin:32px 0 0}
.identity{aspect-ratio:1;max-width:490px;width:100%;background:#172947;border:1px solid #34506b;border-radius:2px;display:flex;flex-direction:column;justify-content:center;padding:12%;transform:rotate(-5deg);box-shadow:18px 18px 0 #0c172e}
.identity>span{font-size:clamp(5rem,12vw,12rem);font-weight:800;line-height:1;letter-spacing:-.085em;color:#87e2e0}
.identity-caption{display:flex;align-items:center;gap:20px;margin-top:24px;font-size:.875rem;letter-spacing:.2em;color:#bdc9dd}
.line{height:1px;flex:1;background:#61778f}
footer{border-top:1px solid #34425c;padding-top:24px;display:flex;justify-content:space-between;gap:20px;color:#bdc9dd;font-size:.875rem;line-height:1.5}
.brand:focus-visible{outline:2px solid #87e2e0;outline-offset:8px}
@media(max-width:760px){.page{padding:28px 7vw 24px}.header{align-items:flex-start}.domain{display:none}main{grid-template-columns:1fr;padding:72px 0 64px;gap:60px}.identity{max-width:300px;justify-self:center;padding:44px}.identity>span{font-size:6.5rem}.description{font-size:1rem}footer{flex-wrap:wrap}h1{font-size:clamp(2.8rem,9vw,4rem)}}
@media(prefers-reduced-motion:no-preference){.intro{animation:appear .6s ease-out}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}