.landing { max-width:1320px; }
.header-link { color:var(--ink); font-size:12px; text-decoration:none; }
.header-link span { color:var(--acid); margin-left:12px; }
.landing-hero { display:grid; grid-template-columns:1.15fr 1fr; gap:clamp(30px,6vw,90px); align-items:center; padding:72px 0 80px; }
.hero-copy h1 { font-size:clamp(52px,6.8vw,90px); line-height:.98; letter-spacing:-.065em; }
.hero-copy h2 { margin:28px 0 22px; font-size:clamp(18px,2vw,23px); letter-spacing:-.04em; }
.hero-copy > p:not(.kicker):not(.cta-note), .try-section p:not(.kicker):not(.cta-note) { color:var(--muted); font-size:15px; line-height:1.7; }
.hero-copy strong, .try-section strong { color:var(--ink); }
.landing-cta { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:20px 24px; margin-top:28px; color:#fff; background:var(--acid); font-size:14px; font-weight:700; text-decoration:none; transition:background .15s,transform .15s; }
.landing-cta:hover { background:#c91e2d; transform:translateY(-2px); }
.landing a:focus-visible { outline:3px solid var(--ink); outline-offset:5px; }
.landing-cta span { font-size:24px; }
.cta-note { color:var(--muted); font-size:12px; line-height:1.6; margin:12px 0 0; }
.hero-art { border:1px solid var(--line); transform:rotate(2deg); background:#f5f4ef; }
.art-caption { display:flex; justify-content:space-between; padding:16px; background:#deddd5; color:#464641; font:9px/1.4 "DM Mono",monospace; letter-spacing:.07em; }
.skull-composition { position:relative; aspect-ratio:1; overflow:hidden; }
.skull-composition img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.how-section { border-top:1px solid var(--line); padding:48px 0; }
.landing h2 { font-size:clamp(26px,3vw,38px); letter-spacing:-.05em; margin:12px 0 24px; }
.landing .hero-copy h2 { font-size:clamp(18px,2vw,23px); margin:28px 0 22px; }
.landing-steps { display:grid; grid-template-columns:repeat(4,1fr); list-style:none; padding:0; margin:30px 0 24px; border:1px solid var(--line); background:var(--panel); }
.landing-steps li { padding:26px 22px; border-right:1px solid var(--line); }
.landing-steps li:last-child { border-right:0; }
.step-number { color:var(--acid); font:12px "DM Mono",monospace; }
.landing-steps h3 { font-size:20px; letter-spacing:-.04em; margin:25px 0 8px; }
.landing-steps p { color:var(--muted); font-size:14px; line-height:1.6; margin:0; }
.how-note { color:var(--muted); font-size:14px; line-height:1.7; }
.try-section { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:64px; padding:40px; background:var(--panel); border:1px solid var(--line); }
.try-action .landing-cta { margin-top:0; }
@media(max-width:800px) { .landing-hero { grid-template-columns:1fr; padding:42px 0 48px; gap:40px; } .hero-art { width:min(100%,460px); justify-self:center; } .landing-steps { grid-template-columns:repeat(2,1fr); } .landing-steps li:nth-child(2) { border-right:0; } .landing-steps li:nth-child(-n+2) { border-bottom:1px solid var(--line); } .try-section { grid-template-columns:1fr; gap:20px; padding:24px; } }
@media(max-width:420px) { .landing-steps li { padding:20px 14px; } .landing-steps h3 { font-size:18px; } .landing-cta { padding:18px 16px; font-size:12px; } .header-link { font-size:11px; } .landing .footer { flex-direction:column; } }

.example-section{padding:64px 0 24px}.example-section h2{font-size:clamp(28px,4vw,44px);line-height:1.15;margin:12px 0 16px;letter-spacing:-.04em}.examples-intro{color:var(--muted);line-height:1.7;margin-bottom:28px}.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.example-grid figure{margin:0;border:1px solid var(--line);background:#101010;overflow:hidden}.example-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}@media(max-width:520px){.example-grid{grid-template-columns:1fr;gap:16px}.example-section{padding-top:44px}}