:root{--purple:#1f012d;--coral:#fe402e;--cream:#f2ecde}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif}
body{background:var(--purple)}
.brand-grid{min-height:100svh;display:grid;grid-template-columns:40% 60%;grid-template-rows:51.3svh 48.7svh}
.brand-badge-panel{grid-column:1;grid-row:1/3;position:relative;background:var(--coral);display:flex;align-items:center;justify-content:center;padding:8% 5% 110px}
.brand-badge{display:block;width:min(65%,390px);height:auto}
.contact{position:absolute;bottom:30px;left:9%;right:9%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 20px;color:var(--purple);font-size:clamp(11px,.9vw,14px);font-weight:800;letter-spacing:.06em}
.contact a{color:inherit;text-decoration:none;border-bottom:2px solid var(--purple);padding-bottom:3px;word-break:break-word}
.brand-wordmark-panel{grid-column:2;grid-row:1;position:relative;background:var(--purple);display:flex;align-items:center;justify-content:center;padding:6%}
.brand-wordmark{display:block;width:min(79%,920px);height:auto;max-height:65%;object-fit:contain}
.launch-status{position:absolute;top:30px;right:35px;display:flex;gap:9px;align-items:center;color:var(--cream);font-size:clamp(9px,.75vw,12px);letter-spacing:.15em;font-weight:700}
.dot{height:8px;width:8px;display:inline-block;background:var(--coral);border-radius:100%}
.brand-lockup-panel{grid-column:2;grid-row:2;position:relative;background:var(--cream);display:flex;align-items:center;justify-content:center;padding:3% 6% 65px}
.brand-lockup{background:var(--coral);color:var(--purple);width:min(78%,650px);padding:4% 5% 3%;border-radius:36px 45px 45px 36px;transform:translateY(15px);clip-path:polygon(0 0,92% 0,100% 10%,100% 86%,90% 100%,0 100%)}
.brand-lockup-wordmark{width:100%;aspect-ratio:924/360;background:var(--purple);-webkit-mask:url('/brand/landed-wordmark.svg') center/contain no-repeat;mask:url('/brand/landed-wordmark.svg') center/contain no-repeat}
.brand-lockup-tagline{margin:0;text-align:center;font-family:'Arial Narrow',Impact,Arial,sans-serif;font-stretch:condensed;font-weight:800;font-size:clamp(13px,1.55vw,23px);letter-spacing:-.06em;white-space:nowrap}
.legal-links{position:absolute;bottom:20px;left:5%;right:5%;display:flex;gap:18px;justify-content:flex-end;align-items:center;font-size:11px;color:var(--purple)}
.legal-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}.legal-links span{opacity:.6}
a:focus-visible{outline:3px solid var(--purple);outline-offset:4px}
@media(max-width:900px){.brand-grid{grid-template-columns:1fr;grid-template-rows:39svh 30svh minmax(31svh,270px)}.brand-badge-panel{grid-column:1;grid-row:1;padding:20px 30px 57px}.brand-badge{width:auto;height:66%;max-width:65%}.contact{bottom:14px;left:22px;right:22px;font-size:11px}.brand-wordmark-panel{grid-column:1;grid-row:2}.brand-wordmark{width:min(78%,560px)}.launch-status{top:13px;right:16px;font-size:9px}.brand-lockup-panel{grid-column:1;grid-row:3;padding:18px 24px 62px}.brand-lockup{max-width:540px;width:min(86%,540px);transform:none;padding:4% 5% 3%;border-radius:20px 28px 28px 20px}.brand-lockup-tagline{font-size:clamp(11px,2.6vw,17px)}.legal-links{justify-content:center;font-size:10px;flex-wrap:wrap;gap:12px}}
@media(max-width:460px){.brand-grid{grid-template-rows:38svh 29svh minmax(33svh,230px)}.brand-badge{height:62%}.contact{display:grid;gap:6px;font-size:10px}.launch-status{font-size:8px;letter-spacing:.08em}.brand-lockup{width:98%;padding:5%}.brand-lockup-tagline{font-size:clamp(11px,2.75vw,15px)}.legal-links{left:12px;right:12px;gap:14px;font-size:9px}}
