*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#1d1815;background:#f7f3ec;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pageShell{max-width:1220px;margin:0 auto;padding:28px 18px 56px}.topNav{color:#756b61;justify-content:space-between;gap:16px;margin-bottom:28px;display:flex}.topNav a{color:inherit}.leadHeader{background:#fffaf3;border:1px solid #e5d7c7;border-radius:28px;padding:32px;box-shadow:0 18px 60px #311f1112}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#9b4d22;margin:0 0 10px;font-size:12px;font-weight:800}.leadHeader h1{letter-spacing:-.06em;margin:0 0 16px;font-size:clamp(36px,7vw,76px);line-height:.95}.leadHeader p{color:#62584e;max-width:72ch}.facts{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.facts span{background:#fff;border:1px solid #e1cdb8;border-radius:999px;padding:9px 12px;font-weight:700}.variantGrid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px;margin:24px 0;display:grid}.variantCanvas{background:#fff;border:1px solid #ddcbb8;border-radius:28px;flex-direction:column;min-height:720px;display:flex;overflow:hidden;box-shadow:0 22px 70px #2b1a0e14}.browserChrome{background:#2a211c;align-items:center;gap:7px;height:36px;padding:0 16px;display:flex}.browserChrome span{background:#ffb86b;border-radius:99px;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,#8b3a16,#261a12);flex-direction:column;justify-content:flex-end;min-height:310px;padding:30px;display:flex}.mockHero h2{letter-spacing:-.05em;margin:0 0 16px;font-size:clamp(28px,4vw,46px);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,#16324f,#1f7a6d)}.variantCanvas.conversion .mockHero{background:linear-gradient(135deg,#901d1d,#f08a24)}.variantCanvas.calm .mockHero{background:linear-gradient(135deg,#24473b,#9a7b4f)}.variantCanvas.utility .mockHero{background:linear-gradient(135deg,#1f2937,#64748b)}.variantCanvas.heritage .mockHero{background:linear-gradient(135deg,#5b311c,#bd6b3a)}.claimGuard{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:24px 0;display:grid}.claimGuard>div,.evidencePanel,.indexCard{background:#fffaf3;border:1px solid #e3d2bf;border-radius:24px;padding:22px}.claimGuard h3,.evidencePanel h3{margin-top:0}.claimGuard li,.evidencePanel li{margin:8px 0;line-height:1.45}.evidencePanel p{line-height:1.55}.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 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}@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}}