.saint-hero { padding: 100px 0 76px; overflow: hidden; background: radial-gradient(circle at 77% 34%, rgba(145, 79, 224, .16), transparent 26%), linear-gradient(180deg, #0a0b10, #0d0e14); }
.saint-grid { display: grid; grid-template-columns: .76fr 1.24fr; align-items: center; gap: 42px; }
.saint-copy h1 { margin: 0 0 20px; font-size: clamp(48px, 6vw, 75px); line-height: .98; letter-spacing: -.075em; }
.saint-lead { max-width: 440px; color: #b7bbc4; font-size: 16px; line-height: 1.8; }
.saint-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 27px; }
.saint-tags span { padding: 7px 10px; border: 1px solid rgba(188, 142, 255, .42); border-radius: 99px; color: #ded0f7; background: rgba(121, 66, 193, .12); font: 11px Consolas, monospace; }
.saint-visual { position: relative; min-height: 350px; perspective: 1300px; }
.saint-visual::before { content: ""; position: absolute; inset: 16% 8% -8%; background: radial-gradient(ellipse, rgba(123, 65, 196, .33), transparent 66%); filter: blur(28px); }
.saint-visual img { position: relative; display: block; width: 116%; max-width: none; margin-left: -6%; filter: drop-shadow(0 35px 38px rgba(0, 0, 0, .72)); transform: none; }
.saint-story { padding: 100px 0 112px; background: #0d0e14; }
.saint-story-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; }
.saint-story h2 { margin: 0; font-size: clamp(36px, 4.2vw, 55px); line-height: 1.02; letter-spacing: -.065em; }
.saint-story p:not(.eyebrow) { margin: 0 0 20px; color: #afb3bd; font-size: 15px; line-height: 1.85; }
.saint-story .button { margin-top: 9px; }
.saint-release { padding: 84px 0; border-top: 1px solid rgba(188, 142, 255, .16); background: linear-gradient(135deg, #11101a, #0b0c11); }
.saint-release-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; }
.saint-release h2 { margin: 0; font-size: clamp(36px, 4.2vw, 55px); line-height: 1.02; letter-spacing: -.065em; }
.saint-release p:not(.eyebrow) { margin: 0 0 18px; color: #afb3bd; font-size: 15px; line-height: 1.85; }
.release-status { display: inline-flex; padding: 9px 12px; border: 1px solid rgba(188, 142, 255, .35); border-radius: 6px; color: #ded0f7; background: rgba(121, 66, 193, .12); font: 11px Consolas, monospace; }
.cms-hero { background: radial-gradient(circle at 77% 34%, rgba(42, 216, 205, .16), transparent 26%), linear-gradient(180deg, #0a0d10, #0b1114); }
.cms-hero .saint-tags span { border-color: rgba(65, 231, 216, .42); background: rgba(19, 157, 149, .12); color: #c2f6ee; }
.cms-hero .saint-visual::before { background: radial-gradient(ellipse, rgba(35, 210, 198, .3), transparent 66%); }
.cms-story { background: #0b1114; }
.bot-hero { background: radial-gradient(circle at 77% 34%, rgba(140, 69, 235, .2), transparent 26%), linear-gradient(180deg, #0c0912, #100c18); }
.bot-hero .saint-visual::before { background: radial-gradient(ellipse, rgba(135, 62, 230, .36), transparent 66%); }
.bot-story { background: #100c18; }
.community-hero { background: radial-gradient(circle at 75% 31%, rgba(226, 83, 25, .19), transparent 24%), radial-gradient(circle at 55% 38%, rgba(46, 138, 232, .17), transparent 29%), linear-gradient(180deg, #081018, #0d0d12); }
.community-hero .saint-tags span { border-color: rgba(75, 154, 229, .46); background: rgba(31, 103, 173, .14); color: #d0e5fc; }
.community-hero .saint-visual::before { background: radial-gradient(ellipse, rgba(219, 83, 24, .28), transparent 65%); }
.community-story { background: #0d0d12; }
.project-detail-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
@media (max-width: 850px) { .saint-grid, .saint-story-grid, .saint-release-grid { grid-template-columns: 1fr; gap: 35px; } .saint-hero { padding: 76px 0 44px; } .saint-visual { min-height: 0; } .saint-visual img { width: 106%; margin-left: -3%; } .saint-story, .saint-release { padding: 70px 0; } }