.identity-hero{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:70px 85px}.identity-stage{display:flex;flex-direction:column;align-items:center;padding:28px;background:radial-gradient(ellipse at 30% 30%,#e9e2f5,transparent 70%),#f1eef6;border:1px solid #e3ddea;border-radius:22px;gap:20px}.identity-stage>.mono{align-self:flex-start;font-size:9px}.identity-stage>img{width:min(100%,340px);height:auto;filter:drop-shadow(0 18px 16px #392b6216)}.swatch{display:flex;gap:9px;align-items:center;font:10px ui-monospace,monospace;color:#9a8faa}.swatch i{width:8px;height:8px;background:#5b4cf0;border-radius:50%}.identity-copy h1{font-size:clamp(40px,4.5vw,60px);line-height:1.24;letter-spacing:-.06em;font-weight:500;margin-bottom:24px}.identity-copy>p:not(.eyebrow){font-size:14px;color:var(--muted)}.identity-copy .actions{gap:18px;margin-top:30px}.identity-copy .fine-print{font-size:10px;margin:18px 0 0}.identity-context{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:50px;border-block:1px solid var(--line)}.identity-context h2{font-size:34px}.identity-context p:not(.eyebrow){font-size:13px;color:var(--muted);margin-bottom:0}.header-previews{border:1px solid var(--line);border-radius:12px;overflow:hidden}.header-preview{display:flex;align-items:center;gap:8px;padding:24px;background:#f4f4f7;color:#55555b}.header-preview .brand-mark{width:24px;height:22px;background:color-mix(in srgb,#6d5fb2 30%,#6f6f7c)}.header-preview .app-name{font-size:14.875px;font-weight:500;letter-spacing:-.01em;line-height:1}.header-preview.dark{background:#0d0d0f;color:#b5b5b8}.header-preview.dark .brand-mark{background:color-mix(in srgb,#9a90c9 30%,#9696a1)}.theme-label{margin-left:auto;color:#9f96aa;font:9px ui-monospace,monospace}.scale-previews{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;background:white}.scale-previews>span{font:9px ui-monospace,monospace;color:#7e708c}.scale-previews figure{margin:0;display:flex;align-items:center;gap:10px}.scale-previews figcaption{font:9px ui-monospace,monospace;color:#7e708c}.native-captures{display:grid;grid-template-columns:1fr 1fr;gap:24px}.native-captures figure{margin:0}.native-captures img{width:100%;height:auto;border:1px solid var(--line);border-radius:10px}.native-captures figcaption{font:10px ui-monospace,monospace;color:#796b87;margin-top:16px}@media(max-width:700px){.identity-hero{grid-template-columns:1fr;gap:36px;padding-block:32px 50px}.identity-stage>img{width:240px}.identity-copy h1{font-size:42px}.identity-context{grid-template-columns:1fr;gap:28px;padding-block:36px}.identity-context h2{font-size:30px}.native-captures{grid-template-columns:1fr}.scale-previews{gap:12px;padding:16px}.scale-previews figure{flex-direction:column;gap:6px}}