.chat-hero{position:relative;display:grid;min-height:760px;padding:62px max(6vw,28px);grid-template-columns:1fr .82fr;gap:7vw;align-items:center;overflow:hidden;background:linear-gradient(145deg,var(--pink2),var(--blue2))}.chat-hero:before{content:"";position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(23,35,63,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(23,35,63,.12) 1px,transparent 1px);background-size:64px 64px}.chat-hero-copy,.chat-demo{position:relative;z-index:2}.chat-hero h1{max-width:820px;margin:0 0 22px;font-size:clamp(50px,6vw,88px);line-height:.93}.chat-hero h1 em{color:var(--accent);font-style:normal}.chat-hero .lead{max-width:700px;color:#536079;font-size:18px;line-height:1.65}.chat-hero-copy>.btn{margin:12px 0 24px}.chat-demo{display:flex;min-height:620px;padding:18px;flex-direction:column;border:1px solid rgba(23,35,63,.18);border-radius:28px;background:rgba(255,255,255,.88);box-shadow:var(--shadow);backdrop-filter:blur(15px)}.chat-profile{display:flex;padding:6px 5px 16px;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.chat-profile img{width:54px;height:54px;border-radius:50%;object-fit:cover;object-position:center 15%}.chat-profile>div{display:flex;flex:1;flex-direction:column}.chat-profile b{font-size:16px}.chat-profile span{color:var(--muted);font-size:10px}.chat-profile i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#31c788}.chat-profile small{display:grid;width:35px;height:35px;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-weight:800}.messages{display:flex;flex:1;padding:20px 4px;flex-direction:column;gap:11px;overflow:auto}.system{align-self:center;margin:0;color:#8790a7;font-size:9px;letter-spacing:.08em}.bubble{max-width:82%;padding:12px 14px;border-radius:16px;font-size:13px;line-height:1.5}.bubble.character{align-self:flex-start;border-bottom-left-radius:4px;background:var(--blue2)}.bubble.user{align-self:flex-end;border-bottom-right-radius:4px;color:#fff;background:linear-gradient(110deg,var(--accent),#8d72ff)}.bubble.typing{color:#7b849a;font-style:italic}.composer{display:flex;padding:7px;gap:7px;border:1px solid var(--line);border-radius:14px;background:#fff}.composer input{min-width:0;flex:1;padding:10px;border:0;outline:0;font:inherit}.composer button{padding:11px 15px;border:0;border-radius:10px;color:#fff;background:var(--navy);font-weight:800;cursor:pointer}.demo-note{margin:10px 0 0;color:#8991a4;text-align:center;font-size:9px}.choice-grid{display:grid;margin-top:34px;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}.choice-grid article{display:flex;padding:25px;flex-direction:column;gap:10px;border-right:1px solid var(--line)}.choice-grid article:last-child{border:0}.choice-grid b{margin-bottom:13px;font-size:20px}.choice-grid span{padding-bottom:9px;border-bottom:1px solid #edf0f8;color:var(--muted);font-size:13px}.chat-gallery{width:100%;max-width:none;padding-inline:max(4vw,24px);background:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-grid article,.builder-card{position:relative;height:560px;overflow:hidden;border-radius:24px}.gallery-grid article:after,.builder-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(23,35,63,.94))}.gallery-grid img,.builder-card img{height:100%;object-fit:cover;object-position:center top;transition:.4s}.gallery-grid article:hover img{transform:scale(1.025)}.gallery-grid article>div,.builder-card>div{position:absolute;z-index:2;right:22px;bottom:22px;left:22px;color:#fff}.gallery-grid span,.builder-card span{color:var(--pink);font-size:10px;font-weight:800}.gallery-grid h3{margin:8px 0 2px;font-size:28px}.gallery-grid p{margin:0;color:#d8e3f7;font-size:12px}.character-builder{display:grid;grid-template-columns:.85fr 1.15fr;gap:68px;align-items:center}.character-builder h2{font-size:clamp(43px,5.3vw,74px);line-height:.98}.character-builder h2 em{color:var(--accent);font-style:normal}.character-builder>div>p{color:var(--muted);line-height:1.7}.character-builder ul{display:grid;margin:22px 0;padding:0;grid-template-columns:repeat(2,1fr);gap:8px;list-style:none}.character-builder li{padding:12px;border:1px solid var(--line);border-radius:10px;color:#59657d;font-size:13px}.character-builder li:before{content:"✦";margin-right:8px;color:var(--accent)}.builder-card strong{display:block;margin-top:7px;font-size:20px}.center-action{display:flex;margin-top:25px;justify-content:center}.chat-final{position:relative;display:grid;min-height:640px;padding:70px max(6vw,30px);align-items:center;overflow:hidden;background:var(--navy)}.chat-final>img{position:absolute;inset:0;width:56%;height:100%;margin-left:auto;object-fit:cover;object-position:center 12%}.chat-final:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 16%,rgba(23,35,63,.95) 51%,rgba(23,35,63,.16)),linear-gradient(0deg,rgba(23,35,63,.7),transparent)}.chat-final>div{position:relative;z-index:2;max-width:740px;color:#fff}.chat-final h2{font-size:clamp(45px,5.7vw,78px);line-height:.98}.chat-final h2 em{color:var(--pink);font-style:normal}.chat-final p{max-width:620px;color:#cfdaef;line-height:1.7}.chat-final small{display:block;margin-top:16px;color:#99a8c4}
@media(max-width:980px){.chat-hero{grid-template-columns:1fr}.chat-demo{width:min(680px,100%);margin:auto}.gallery-grid{grid-template-columns:repeat(2,1fr)}.character-builder{grid-template-columns:1fr}.builder-card{height:75vw}}
@media(max-width:680px){.chat-hero{min-height:auto;padding:52px 18px}.chat-hero h1{font-size:clamp(45px,13vw,64px)}.chat-demo{min-height:570px;padding:12px}.choice-grid,.gallery-grid{grid-template-columns:1fr}.choice-grid article{border-right:0;border-bottom:1px solid var(--line)}.gallery-grid article{height:125vw}.character-builder{gap:30px}.builder-card{height:120vw}.character-builder ul{grid-template-columns:1fr}.chat-final{min-height:650px;padding:58px 20px;align-items:end}.chat-final>img{width:100%}.chat-final:after{background:linear-gradient(0deg,var(--navy) 10%,rgba(23,35,63,.9) 59%,rgba(23,35,63,.32))}.chat-final>div{padding-top:60vw}}

.chat-hero{min-height:650px;padding:44px max(5vw,24px);gap:4vw;background:#100b0f}.chat-hero:before{opacity:.16;background-image:linear-gradient(rgba(237,23,111,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(237,23,111,.18) 1px,transparent 1px)}.chat-hero .lead{color:var(--muted)}.chat-demo{min-height:520px;border-color:var(--line);background:rgba(23,16,21,.94)}.chat-profile{border-color:var(--line)}.bubble.character{background:#32101f}.bubble.user{background:linear-gradient(110deg,#a90f50,var(--accent))}.composer{border-color:var(--line);background:#100b0f}.composer input{color:#fff;background:transparent}.composer button{background:var(--accent)}
.choice-grid{margin-top:24px;border-color:var(--line);background:var(--white)}.choice-grid article{padding:20px;border-color:var(--line)}.choice-grid span{border-color:#3a1b29;color:var(--muted)}
.gallery-grid{gap:12px}.gallery-grid article,.builder-card{height:470px;border:2px solid rgba(237,23,111,.75);border-radius:18px}.gallery-grid article:after,.builder-card:after{background:linear-gradient(180deg,transparent 46%,rgba(12,9,11,.96))}.character-builder{grid-template-columns:.8fr 1.2fr;gap:40px}.character-builder>div>p{color:var(--muted)}.character-builder li{border-color:var(--line);color:var(--muted)}
.chat-final{min-height:530px;padding:52px max(6vw,30px);background:#100b0f}.chat-final:after{background:linear-gradient(90deg,#100b0f 16%,rgba(16,11,15,.95) 51%,rgba(16,11,15,.2)),linear-gradient(0deg,rgba(16,11,15,.72),transparent)}
@media(max-width:980px){.chat-hero{min-height:auto}.gallery-grid article,.builder-card{height:65vw}}
@media(max-width:680px){.chat-hero{padding:40px 14px}.chat-demo{min-height:500px}.gallery-grid article,.builder-card{height:112vw}.chat-final{min-height:580px}}

.chat-hero h1 em,.character-builder h2 em,.chat-final h2 em,.gallery-grid span,.builder-card span{color:#fff}.chat-hero .lead,.character-builder>div>p,.chat-final p,.gallery-grid p,.choice-grid span,.choice-grid article p{color:#f5eaf0}.chat-gallery{width:calc(100% - clamp(28px,5vw,88px));max-width:none;padding-inline:0}.character-builder{width:calc(100% - clamp(28px,5vw,88px));max-width:none}.chat-final>div{max-width:900px}
@media(max-width:680px){.chat-gallery,.character-builder{width:calc(100% - 20px)}}

.chat-hero{min-height:600px;background-image:linear-gradient(90deg,rgba(12,9,11,.97) 0%,rgba(26,9,18,.9) 48%,rgba(12,9,11,.6) 100%),url('../assets/chat-hero-bg.png');background-size:cover;background-position:center}.chat-hero:before{opacity:.12}.chat-hero-copy{padding:22px;border-radius:22px;background:linear-gradient(135deg,rgba(50,11,29,.82),rgba(15,10,13,.7));backdrop-filter:blur(5px)}
.chat-demo{background:linear-gradient(145deg,rgba(42,14,27,.96),rgba(17,10,14,.96))}.choice-grid{background:linear-gradient(145deg,#2b1020,#140d11)}.choice-grid article{background:linear-gradient(145deg,#2b1020,#160e13 65%,#351024)}
.chat-gallery{padding-block:48px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#240d19,#100b0f 55%,#351024)}.chat-gallery .section-head{padding-inline:24px}.gallery-grid{padding-inline:18px}.gallery-grid article{background:linear-gradient(145deg,#321023,#120c10)}.gallery-grid p{font-size:13px;line-height:1.45}
.builder-card>div{display:flex;flex-direction:column;gap:8px}.builder-card strong{order:1;margin:0;font-size:26px}.builder-card span{order:2;color:#fff;line-height:1.45}.character-builder>div:last-child{padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#29101d,#140d11)}
.chat-final{min-height:470px}.chat-final small{display:none}
@media(max-width:980px){.chat-hero{background-position:68% center}.chat-hero-copy{background:rgba(20,10,15,.84)}}
@media(max-width:680px){.chat-gallery{padding-block:34px}.gallery-grid{padding-inline:8px}.chat-final{min-height:520px}}

/* Updated hero image and mobile flow */
.chat-hero{background-image:linear-gradient(90deg,rgba(12,9,11,.97) 0%,rgba(24,8,17,.9) 48%,rgba(12,9,11,.58) 100%),url('../assets/chat-hero-new.png');background-size:cover;background-position:center 35%}
.page-carousel{border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#240d19,#100b0f 55%,#351024)}
@media(max-width:980px){
  .character-builder{display:flex;flex-direction:column;gap:24px}
  .character-builder>.builder-card,.character-builder>div:last-child{width:100%}
  .builder-card{height:min(680px,88vw)}
}

.single-line-title{white-space:nowrap;font-size:clamp(34px,5vw,72px)}
.chat-gallery .gallery-grid article>div,.builder-card>div{
  padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:14px;
  background:linear-gradient(135deg,rgba(8,5,7,.96),rgba(48,8,29,.9));
  box-shadow:0 10px 28px rgba(0,0,0,.32);backdrop-filter:blur(8px)
}

/* Readability and contrast refresh */
.chat-hero{background-image:linear-gradient(90deg,rgba(35,12,28,.93) 0%,rgba(68,18,46,.78) 48%,rgba(22,9,18,.54) 100%),url('../assets/chat-hero-new.png')}
.chat-hero-copy{background:linear-gradient(135deg,rgba(79,22,55,.94),rgba(38,13,29,.89));border-color:rgba(255,150,204,.46)}
.chat-hero p,.chat-hero-copy p{color:#fff1f7}
.chat-demo,.choice-grid,.choice-grid article,.character-builder>div:last-child{background:linear-gradient(145deg,#4a1b37,#25101f 68%,#5a1d42);border-color:rgba(255,136,195,.45)}
.bubble.character{background:#5a2141;color:#fff}
.composer{background:#2b1322;border-color:rgba(255,136,195,.45)}
.composer input{color:#fff}.composer button{color:#fff;background:linear-gradient(135deg,#de075e,#ff398f)}
.chat-gallery,.page-carousel{background:linear-gradient(135deg,#4b1a37,#24101d 55%,#5d1c42);border-color:rgba(255,136,195,.48)}
.gallery-grid article,.builder-card{border-color:#ff4c9a}
.chat-gallery .gallery-grid article>div,.builder-card>div{background:linear-gradient(135deg,rgba(44,9,26,.97),rgba(118,20,68,.93));border-color:rgba(255,220,237,.36)}
.chat-final{background:linear-gradient(115deg,#541936,#26101d)}.chat-final:after{opacity:.25}
@media(max-width:680px){.single-line-title{white-space:normal}}
@media(max-width:680px){
  .chat-hero{padding:34px 10px;background-position:58% center}
  .chat-hero-copy{padding:18px}
  .chat-hero h1{font-size:clamp(38px,11vw,54px);overflow-wrap:anywhere}
  .chat-hero .lead{font-size:15px}
  .character-builder{width:calc(100% - 20px);padding-top:34px}
  .character-builder>.builder-card{height:112vw}
  .character-builder>div:last-child{padding:20px}
  .character-builder h2{font-size:clamp(38px,11vw,54px);overflow-wrap:anywhere}
  .builder-card>div{right:16px;bottom:16px;left:16px}.builder-card strong{font-size:20px}.builder-card span{font-size:9px}
  .chat-demo{width:100%;min-width:0}.composer input{width:100%}
}