*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#1f1712;background:#f5f1e9;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pageShell{max-width:1240px;margin:0 auto;padding:28px 18px 60px}.topNav{color:#73685d;justify-content:space-between;gap:16px;margin-bottom:28px;display:flex}.topNav a{color:inherit}.leadHeader,.indexCard,.evidenceLift>div,.dropPanel{background:#fffaf3;border:1px solid #dfcebb;border-radius:28px;padding:26px;box-shadow:0 18px 60px #311f1112}.leadHeader.first15{background:linear-gradient(135deg,#fffaf3,#ecfdf5);border-color:#b7dcc9}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#9a4e23;margin:0 0 10px;font-size:12px;font-weight:850}.leadHeader h1{letter-spacing:-.06em;margin:0 0 16px;font-size:clamp(36px,7vw,76px);line-height:.94}.leadHeader p{color:#62584e;max-width:78ch;line-height:1.55}.facts,.chipRow{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.facts span,.chipRow span{background:#fff;border:1px solid #dfcebb;border-radius:999px;padding:9px 12px;font-weight:750}.variantGrid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;margin:24px 0;display:grid}.variantCanvas{background:#fff;border:1px solid #dbc8b4;border-radius:30px;flex-direction:column;min-height:720px;display:flex;overflow:hidden;box-shadow:0 22px 70px #2b1a0e14}.browserChrome{background:#241c17;align-items:center;gap:7px;height:36px;padding:0 16px;display:flex}.browserChrome span{background:#ffb86b;border-radius:999px;width:10px;height:10px}.browserChrome span:nth-child(2){background:#ffe28a}.browserChrome span:nth-child(3){background:#7bd88f}.mockHero{color:#fff;background:linear-gradient(135deg,#8a2d18,#1f1712);flex-direction:column;justify-content:flex-end;min-height:320px;padding:30px;display:flex}.mockHero h2{letter-spacing:-.055em;margin:0 0 16px;font-size:clamp(28px,4vw,48px);line-height:1}.mockHero p{line-height:1.5}.heroActions{flex-direction:column;gap:12px;margin-top:20px;display:flex}.heroActions a{color:#201812;background:#fff;border-radius:999px;width:max-content;padding:12px 16px;font-weight:900;text-decoration:none;display:inline-flex}.heroActions span{color:#ffffffd1}.componentStack{flex:1;gap:12px;padding:18px;display:grid}.componentTile{background:#fffbf5;border:1px dashed #d1bda8;border-radius:18px;padding:16px}.componentTile strong{margin-bottom:6px;display:block}.componentTile p{color:#6f6257;margin:0;line-height:1.45}.canvasFooter{color:#6f6257;border-top:1px solid #eadccc;gap:10px;padding:16px 18px;display:grid}.canvasFooter code{white-space:normal;background:#f0e4d6;border-radius:10px;padding:8px}.variantCanvas.wayfinding .mockHero{background:linear-gradient(135deg,#173252,#1f7a6d)}.variantCanvas.conversion .mockHero{background:linear-gradient(135deg,#97201d,#ef8d25)}.variantCanvas.proof .mockHero{background:linear-gradient(135deg,#274c3f,#93612d)}.variantCanvas.utility .mockHero{background:linear-gradient(135deg,#1f2937,#64748b)}.variantCanvas.calm .mockHero{background:linear-gradient(135deg,#214c3f,#8a744b)}.variantCanvas.retail .mockHero{background:linear-gradient(135deg,#374151,#b7791f)}.variantCanvas.night .mockHero{background:linear-gradient(135deg,#111827,#7f1d1d)}.evidenceLift{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:24px 0;display:grid}.evidenceLift li{margin:8px 0;line-height:1.45}.indexGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:22px;display:grid}.indexCard{color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}.indexCard:hover{transform:translateY(-3px);box-shadow:0 16px 50px #311f1117}.indexCard.priority{border-color:#a7d8bd}.indexCard.dropped{opacity:.72;background:#f1ede6}.indexCard span{text-transform:uppercase;letter-spacing:.1em;color:#9b4d22;font-size:12px;font-weight:800}.indexCard h2{margin:12px 0;font-size:24px;line-height:1.05}.dropPanel{margin:24px 0}@media (max-width:680px){.pageShell{padding:14px}.leadHeader{border-radius:20px;padding:22px}.variantGrid{grid-template-columns:1fr}.variantCanvas{min-height:auto}.topNav{display:grid}.mockHero{min-height:260px}}