.landing-reference-page{min-height:100svh;background:#000;color:#f5f6fb;font-family:Manrope,ui-sans-serif,system-ui,sans-serif}
.landing-reference-layout{display:grid;width:min(100%,1220px);min-height:100svh;grid-template-columns:minmax(360px,1fr) minmax(430px,550px);align-items:center;gap:clamp(60px,10vw,150px);margin:0 auto;padding:24px 30px}
.landing-reference-copy{padding-bottom:3px}
.landing-reference-copy h1{margin:0;color:#f5f6fb;font-size:clamp(4.2rem,7vw,6.6rem);font-weight:450;letter-spacing:-.105em;line-height:.9}
.landing-reference-tagline,.landing-reference-profile-tagline{margin:25px 0 0;color:#c5cad5;font-size:clamp(1.35rem,2.3vw,1.8rem);font-weight:400;letter-spacing:-.045em}
.landing-reference-tagline span,.landing-reference-profile-tagline span{color:var(--blue-accent)}
.landing-reference-actions{display:flex;align-items:center;gap:40px;margin-top:55px}
.landing-reference-actions .button{min-height:56px;border-radius:3px;font-size:1rem;font-weight:450;letter-spacing:-.02em}
.landing-reference-actions .button-ghost{min-height:48px;padding:0 0 12px;color:#f5f6fb;background:transparent;border:0;border-bottom:2px solid var(--blue-accent);border-radius:0}
.landing-reference-actions .button-ghost:hover{color:#fff;background:transparent;transform:none}
.landing-reference-actions .button-primary{padding:0 25px;color:#fff;background:var(--blue-accent);border-color:var(--blue-accent);box-shadow:0 12px 32px rgba(98,98,98,.16)}
.landing-reference-actions .button-primary:hover{background:var(--blue-accent-hover);border-color:var(--blue-accent-hover);transform:translateY(-2px)}
.landing-reference-profile{position:relative;min-height:645px;padding:112px 46px 38px;background:#000;border:1px solid rgba(255,255,255,.28);border-radius:22px;animation:fadeUp .4s ease both}
.landing-reference-dots{position:absolute;top:42px;right:42px;color:#d5dbe6;font-size:1.6rem;letter-spacing:4px;line-height:1}
.landing-reference-avatar{display:grid;width:32px;height:32px;place-items:center;margin-bottom:16px;color:#fff;font-size:.82rem;font-weight:800;background:var(--blue-accent);border-radius:9px}
.landing-reference-handle{margin:0;color:#9da5b3;font-size:1.2rem;letter-spacing:-.04em}
.landing-reference-profile h2{margin:21px 0 0;color:#f5f6fb;font-size:2.5rem;font-weight:450;letter-spacing:-.08em;line-height:1}
.landing-reference-profile-tagline{margin-top:18px;font-size:1.55rem}
.landing-reference-links{display:grid;margin-top:64px}
.landing-reference-links>div{display:flex;min-height:80px;align-items:center;gap:22px;border-bottom:1px solid rgba(255,255,255,.2)}
.landing-reference-links>div svg{width:30px;height:30px;color:var(--blue-accent);stroke-width:1.8}
.landing-reference-links>div span{color:#f0f2f6;font-size:1.18rem;letter-spacing:-.03em}
.landing-reference-links>div b{margin-left:auto;color:var(--blue-accent);font-size:2rem;font-weight:300;line-height:1}
.landing-reference-profile footer{display:flex;justify-content:space-between;gap:20px;margin-top:61px;color:#b1b8c5;font-size:.98rem}
.landing-reference-profile footer span{display:inline-flex;align-items:center;gap:10px}
.landing-reference-profile footer i{display:block;width:8px;height:8px;background:var(--blue-accent);border-radius:50%}
.landing-reference-profile footer em{color:var(--blue-accent);font-style:normal}
@media(max-width:820px){.landing-reference-layout{display:flex;width:min(100%,620px);min-height:auto;align-items:stretch;flex-direction:column;gap:58px;padding:70px 22px}.landing-reference-copy{padding:0;text-align:center}.landing-reference-actions{justify-content:center;margin-top:38px}.landing-reference-profile{min-height:570px;padding:82px 30px 30px}.landing-reference-dots{top:30px;right:30px}.landing-reference-links{margin-top:48px}.landing-reference-profile footer{margin-top:44px}}
@media(max-width:480px){.landing-reference-layout{gap:40px;padding:42px 16px}.landing-reference-copy h1{font-size:clamp(3.8rem,19vw,5.5rem)}.landing-reference-tagline{margin-top:18px;font-size:1.35rem}.landing-reference-actions{width:100%;gap:22px;margin-top:32px}.landing-reference-actions .button{flex:1;min-width:0;padding-inline:12px;font-size:.88rem}.landing-reference-profile{min-height:500px;padding:72px 22px 24px;border-radius:17px}.landing-reference-dots{top:24px;right:24px;font-size:1.35rem}.landing-reference-handle{font-size:1rem}.landing-reference-profile h2{margin-top:15px;font-size:2.1rem}.landing-reference-profile-tagline{margin-top:14px;font-size:1.3rem}.landing-reference-links{margin-top:38px}.landing-reference-links>div{min-height:66px;gap:15px}.landing-reference-links>div svg{width:24px;height:24px}.landing-reference-links>div span{font-size:1rem}.landing-reference-links>div b{font-size:1.6rem}.landing-reference-profile footer{margin-top:37px;font-size:.72rem}}