body{background:radial-gradient(ellipse at 15% 40%,#0d1b2c66,transparent 52%),var(--bg)}
.page{max-width:1440px;margin:auto;padding:0 64px;min-height:100svh;display:flex;flex-direction:column}
.masthead{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}
.wordmark{font-size:24px;font-weight:850;letter-spacing:.12em;color:var(--text)}.wordmark:hover{color:white}.wordmark>span:first-child{color:var(--text)}.brand-dot{color:var(--primary)}
.domain{color:var(--text-muted);font-size:14px;letter-spacing:.06em}
main{flex:1;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:16px;padding:60px 0 72px}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:650;letter-spacing:.19em;color:var(--primary);margin-bottom:30px}.line{width:28px;height:1px;background:var(--primary)}
h1{font-size:clamp(40px,4.4vw,64px);line-height:1.12;letter-spacing:-.045em;margin-bottom:26px;font-weight:650}h1 span{color:var(--moon)}
.meaning{font-size:16px;letter-spacing:.035em;margin:0 0 20px}.meaning b{color:var(--text);font-weight:600}
.description{font-size:17px;line-height:1.8;max-width:385px;margin:0;color:var(--text-soft)}
.launch{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border-light);border-radius:var(--radius);padding:13px 18px;margin-top:30px;background:var(--surface);font-size:14px;color:var(--moon-soft)}.launch-icon{font-size:22px;line-height:1;color:var(--primary)}
.offline-note{display:flex;gap:14px;align-items:stretch;margin-top:52px}.note-rule{width:2px;background:var(--border-light);flex-shrink:0}.offline-note p{font-size:14px;line-height:1.7;margin:0;color:var(--text-soft)}.offline-note p span{color:var(--text-muted)}
.art{margin:0 -24px 0 0;min-width:0}.art img{display:block;width:100%;height:auto;mix-blend-mode:lighten}
footer{display:flex;justify-content:space-between;gap:18px;padding:25px 0;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted)}
a:focus-visible{outline:2px solid var(--primary);outline-offset:8px;border-radius:2px}
@media(min-width:1500px){main{gap:50px}.art{margin-right:0}}
@media(max-width:900px){.page{padding:0 28px}main{gap:0}h1{font-size:42px}.art{margin-right:-15px}.description{font-size:16px}.offline-note{margin-top:32px}}
@media(max-width:650px){.page{padding:0 24px}.masthead{height:78px}main{display:flex;flex-direction:column;padding:40px 0 32px}.intro{width:100%}.eyebrow{margin-bottom:22px}h1{font-size:clamp(36px,9vw,52px)}.meaning{font-size:14px}.description{max-width:100%}.art{order:-1;width:min(82%,330px);margin:-16px auto 24px}.offline-note{margin-top:28px}footer{font-size:12px;flex-wrap:wrap;padding:20px 0}.wordmark{font-size:21px}.domain{font-size:12px}}