/* MelumiyaChat public website remake build v26 — cache-busted 2026-08-20 */
:root{--bg:#050713;--panel:#0d1127;--line:#252c5c;--text:#f8f8ff;--muted:#b9bfd7;--soft:#8e96bc;--indigo:#6d5dfc;--violet:#9a8cff;--good:#7ce9bc;--radius:22px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 10% -5%,rgba(92,67,255,.27),transparent 31%),radial-gradient(circle at 95% 12%,rgba(103,71,255,.17),transparent 25%),linear-gradient(180deg,#04050d 0%,#070a17 45%,#050713 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a.button{font:inherit}.shell{width:min(var(--max),calc(100% - 36px));margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(5,7,19,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(145,138,255,.14)}.nav-inner{min-height:76px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;font-weight:850}.brand img{width:45px;height:45px;border-radius:13px;object-fit:cover}.nav-links{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:.94rem}.nav-links a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:11px 16px;border:1px solid var(--line);background:#11162d;color:#fff;font-weight:800;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-1px);border-color:#655af1}.button.primary{border-color:transparent;background:linear-gradient(135deg,#6052ef,#8c79ff);box-shadow:0 12px 36px rgba(109,93,252,.34)}.button.secondary{background:rgba(22,27,59,.68)}.button.large{padding:14px 20px;font-size:1.02rem}.menu-btn{display:none}.announcement{display:none;border-bottom:1px solid rgba(154,140,255,.2);background:linear-gradient(90deg,rgba(96,82,239,.18),rgba(154,140,255,.09))}.announcement.active{display:block}.announcement-inner{display:flex;gap:12px;align-items:center;padding:10px 0;font-size:.92rem}.announcement-badge{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#c9c5ff}.announcement-copy{color:#e9e8ff}.announcement-copy strong{color:#fff;margin-right:6px}.announcement-cta{margin-left:auto;color:#cac5ff;font-weight:800}.hero{padding:86px 0 54px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}.eyebrow{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-weight:900;color:#a69cff;margin:0 0 14px}.hero h1,.page-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.1rem,7vw,6.4rem);line-height:.95;margin:0;letter-spacing:-.055em;font-weight:500}.hero h1 em{font-style:normal;color:#9e93ff;text-shadow:0 0 35px rgba(125,108,255,.26)}.lead{font-size:clamp(1.05rem,2vw,1.3rem);color:#c4c9dc;max-width:720px;margin:24px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.pill{border:1px solid #292f61;background:rgba(17,22,48,.72);color:#c4caea;border-radius:999px;padding:7px 11px;font-size:.82rem}.hero-logo{border-radius:28px;border:1px solid rgba(144,131,255,.22);box-shadow:0 30px 100px rgba(0,0,0,.55);overflow:hidden}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.metric-card,.plan,.download-card,.feature-card,.quote-card,.info-card{border:1px solid #202750;background:linear-gradient(180deg,rgba(15,20,45,.95),rgba(10,13,29,.96));border-radius:var(--radius);box-shadow:0 18px 55px rgba(0,0,0,.18)}.metric-card{padding:16px}.metric-card strong{display:block;font-size:1.55rem}.metric-card span{color:var(--soft);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.section{padding:76px 0}.section.tight{padding:48px 0}.section-head{max-width:780px;margin-bottom:30px}.section h2,.page-section h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.03;margin:0 0 14px;font-weight:500;letter-spacing:-.035em}.section-head p,.page-section p{color:var(--muted);margin:0;font-size:1.05rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:24px;min-height:255px}.feature-num{color:#8f84ff;font-size:.8rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.feature-card h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:1.65rem;line-height:1.08;margin:42px 0 12px}.feature-card p{color:var(--muted);margin:0}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.scenario-card{min-height:390px;border-radius:22px;overflow:hidden;border:1px solid #242a55;position:relative;background:#0d1022}.scenario-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.78;transition:.3s}.scenario-card:hover img{transform:scale(1.035);opacity:.9}.scenario-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(5,6,16,.1) 45%,rgba(5,6,16,.96) 100%)}.scenario-copy{position:absolute;z-index:2;bottom:0;padding:21px}.scenario-copy .tag{display:inline-flex;font-size:.7rem;border-radius:999px;padding:5px 8px;background:rgba(106,91,245,.36);border:1px solid rgba(173,165,255,.35);margin-bottom:8px}.scenario-copy h3{margin:0;font-size:1.3rem}.scenario-copy p{margin:5px 0 0;color:#c3c7d9;font-size:.88rem}.quote-card{padding:35px;text-align:center}.quote-card blockquote{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.65rem,4vw,3.2rem);line-height:1.12;margin:0 auto;max-width:920px}.quote-card p{color:var(--muted);margin:20px 0 0}.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.plan{padding:22px;display:flex;flex-direction:column;min-height:470px}.plan.featured{border-color:#7569f8;box-shadow:0 24px 70px rgba(80,65,232,.16)}.plan .tier{font-size:.82rem;color:#9f96ff;text-transform:uppercase;letter-spacing:.14em;font-weight:900}.price{font-family:Georgia,"Times New Roman",serif;font-size:2.8rem;margin:10px 0 0}.period{font-size:.85rem;color:var(--soft)}.plan h3{font-family:Georgia,"Times New Roman",serif;font-size:1.45rem;font-weight:500;margin:22px 0 8px}.plan p{color:var(--muted);margin:0}.plan ul{list-style:none;padding:0;margin:22px 0 24px;display:grid;gap:9px;color:#d8dbeb;font-size:.9rem}.plan li:before{content:"✦";color:#8e82ff;margin-right:8px}.plan .button{margin-top:auto}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.download-card{padding:28px}.download-card .platform{font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:#9c92ff;font-weight:900}.download-card h3{font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:500;margin:14px 0 8px}.download-card p{color:var(--muted);min-height:55px}.download-number{font-weight:900;color:#c9c4ff;margin:16px 0;font-size:.9rem}.download-status{font-size:.84rem;color:var(--soft);min-height:24px;margin-top:9px}.page-hero{padding:75px 0 45px}.page-hero h1{font-size:clamp(3rem,6vw,5.4rem)}.page-section{padding:42px 0 70px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-card{padding:24px}.info-card h3{font-family:Georgia,"Times New Roman",serif;font-size:1.5rem;font-weight:500;margin:0 0 8px}.info-card p{color:var(--muted);margin:0}.table-wrap{overflow:auto;border:1px solid #232a56;border-radius:20px;background:#0b0f22}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:15px 16px;border-bottom:1px solid #20264f;text-align:left}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#a8a0ff}td{color:#d5d9ea}.notice{border:1px solid #3b376c;background:#111633;border-radius:18px;padding:18px;color:#d7daf1}.footer{margin-top:58px;border-top:1px solid #1d2248;padding:42px 0 30px;color:var(--soft)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}.footer h4{color:#fff;margin:0 0 11px}.footer a{display:block;margin:6px 0;color:#aeb4cf}.footer-brand img{width:260px;border-radius:12px;margin-bottom:12px}.footer-bottom{border-top:1px solid #1d2248;margin-top:28px;padding-top:18px;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;font-size:.82rem}.hidden{display:none!important}.muted{color:var(--muted)}.center{text-align:center}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 14px rgba(124,233,188,.4);margin-right:8px}
@media(max-width:980px){.nav-links{display:none}.menu-btn{display:inline-flex}.hero-grid{grid-template-columns:1fr;gap:36px}.feature-grid,.plan-grid{grid-template-columns:1fr 1fr}.scenario-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.shell{width:min(100% - 24px,var(--max))}.brand span{display:none}.nav-actions .secondary{display:none}.hero h1,.page-hero h1{font-size:3.1rem}.feature-grid,.plan-grid,.scenario-grid,.download-grid,.info-grid,.footer-grid{grid-template-columns:1fr}.mini-stats{grid-template-columns:1fr}.section{padding:56px 0}.announcement-inner{align-items:flex-start;flex-wrap:wrap}.announcement-cta{margin-left:0}}


/* v1.1 — cinematic crowded-character home hero */
.home-crowd-hero{
  position:relative;
  min-height:760px;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-bottom:1px solid rgba(117,105,248,.18);
  background:#050713;
}
.home-crowd-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,5,14,.98) 0%,rgba(5,7,19,.93) 26%,rgba(5,7,19,.55) 50%,rgba(5,7,19,.14) 72%,rgba(5,7,19,.25) 100%),
    linear-gradient(180deg,rgba(5,7,19,.18) 0%,rgba(5,7,19,.08) 55%,rgba(5,7,19,.92) 100%);
  z-index:1;
}
.home-crowd-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:url('/assets/melumiyachat-character-crowd.png') center 24%/cover no-repeat;
  opacity:.92;
  filter:saturate(.93) contrast(1.03);
  z-index:0;
}
.home-crowd-content{
  position:relative;
  z-index:2;
  max-width:590px;
  padding:96px 0 110px;
}
.home-crowd-content h1{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(3.7rem,7vw,7rem);
  line-height:.92;
  margin:0;
  letter-spacing:-.055em;
  font-weight:500;
}
.home-crowd-content h1 em{
  display:block;
  font-style:normal;
  color:#9e93ff;
  text-shadow:0 0 38px rgba(120,100,255,.35);
}
.home-crowd-content .lead{
  max-width:560px;
  text-shadow:0 2px 18px rgba(0,0,0,.72);
}
.home-crowd-content .pill{
  background:rgba(7,9,24,.76);
  backdrop-filter:blur(8px);
}
.hero-announcement-callout{
  position:relative;
  z-index:3;
  margin-top:-72px;
  padding-bottom:26px;
}
.hero-announcement-card{
  width:min(var(--max),calc(100% - 36px));
  margin:auto;
  border:1px solid rgba(126,108,255,.48);
  background:linear-gradient(90deg,rgba(11,15,38,.97),rgba(16,18,50,.94));
  box-shadow:0 22px 70px rgba(0,0,0,.34),0 0 42px rgba(102,81,255,.10);
  border-radius:20px;
  padding:20px 24px;
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr 1fr;
  gap:18px;
  align-items:center;
}
.hero-announcement-card .main-announcement strong{
  display:block;
  font-size:1.04rem;
  margin-bottom:4px;
}
.hero-announcement-card .main-announcement span{
  color:var(--muted);
  font-size:.92rem;
}
.hero-announcement-card .announcement-mini{
  border-left:1px solid #232a56;
  padding-left:18px;
}
.hero-announcement-card .announcement-mini b{
  display:block;
  color:#c7c2ff;
  margin-bottom:3px;
}
.hero-announcement-card .announcement-mini span{
  color:var(--muted);
  font-size:.86rem;
}
.private-metrics-note{
  color:#777fa9;
  font-size:.78rem;
  margin-top:14px;
}
@media(max-width:980px){
  .home-crowd-hero{min-height:700px}
  .home-crowd-hero::before{
    background:
      linear-gradient(90deg,rgba(3,5,14,.98) 0%,rgba(5,7,19,.90) 45%,rgba(5,7,19,.45) 100%),
      linear-gradient(180deg,transparent 45%,rgba(5,7,19,.94) 100%);
  }
  .hero-announcement-card{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .home-crowd-hero{min-height:660px;align-items:flex-end}
  .home-crowd-hero::after{background-position:58% 15%}
  .home-crowd-hero::before{
    background:linear-gradient(180deg,rgba(5,7,19,.28) 0%,rgba(5,7,19,.64) 40%,rgba(5,7,19,.98) 76%);
  }
  .home-crowd-content{padding:300px 0 90px}
  .home-crowd-content h1{font-size:3.6rem}
  .hero-announcement-callout{margin-top:-46px}
  .hero-announcement-card{grid-template-columns:1fr}
  .hero-announcement-card .announcement-mini{border-left:0;border-top:1px solid #232a56;padding-left:0;padding-top:14px}
}


/* --- Feature page upgrade v20 --- */
.page-hero .hero-actions{margin-top:28px;display:flex;flex-wrap:wrap;gap:14px}
.page-hero .hero-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.page-hero .hero-proof .pill{background:rgba(13,17,39,.86);border:1px solid rgba(126,108,255,.28);color:#d5d0ff;padding:8px 12px;border-radius:999px;font-size:.88rem}
.page-section.alt{background:linear-gradient(180deg,rgba(13,17,39,.62),rgba(13,17,39,.22));border-top:1px solid rgba(126,108,255,.12);border-bottom:1px solid rgba(126,108,255,.12)}
.section-head{max-width:820px;margin:0 0 28px}
.section-head h2{margin:0 0 10px;font-size:clamp(2rem,3vw,3rem);line-height:1.08}
.section-head p{margin:0;color:var(--muted);font-size:1.02rem}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.story-card,.detail-card,.cta-panel,.quote-panel,.split-panel{background:linear-gradient(180deg,rgba(14,18,42,.95),rgba(8,11,27,.98));border:1px solid rgba(126,108,255,.28);border-radius:24px;box-shadow:0 24px 64px rgba(0,0,0,.26)}
.story-card,.detail-card{padding:28px}
.story-card .feature-num,.detail-card .feature-num{display:inline-block;margin-bottom:14px;color:#9f93ff;font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:.8rem}
.story-card h3,.detail-card h3{margin:0 0 10px;font-size:1.9rem;line-height:1.08}
.story-card p,.detail-card p{margin:0;color:var(--muted)}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.list-card{padding:28px 30px}
.list-card h3{margin:0 0 14px;font-size:1.45rem}
.bullet-list{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.bullet-list li{position:relative;padding-left:26px;color:var(--muted)}
.bullet-list li::before{content:"✦";position:absolute;left:0;top:0;color:#9a8cff}
.quote-panel{padding:34px;text-align:left}
.quote-panel blockquote{margin:0;font-family:Iowan Old Style,Georgia,serif;font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.08;letter-spacing:-.02em}
.quote-panel p{margin:14px 0 0;color:var(--muted);max-width:720px}
.split-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;padding:30px}
.split-panel h3{margin:0 0 12px;font-size:1.8rem}
.split-panel p,.split-panel li{color:var(--muted)}
.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mini-grid .mini{padding:18px;border-radius:18px;background:rgba(255,255,255,.02);border:1px solid rgba(126,108,255,.16)}
.mini-grid .mini strong{display:block;margin-bottom:6px;color:#efedff}
.cta-panel{padding:34px;display:flex;justify-content:space-between;gap:22px;align-items:center}
.cta-panel h3{margin:0 0 8px;font-size:2rem}
.cta-panel p{margin:0;color:var(--muted);max-width:720px}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.inline-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}
.inline-links a{color:#c7c2ff;font-weight:600}
.compare-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:20px}
.compare-strip .mini{padding:18px;border-radius:18px;background:rgba(255,255,255,.02);border:1px solid rgba(126,108,255,.14)}
.compare-strip .mini strong{display:block;margin-bottom:8px;color:#efedff}
@media(max-width:980px){.story-grid,.detail-grid,.compare-strip,.split-panel,.mini-grid{grid-template-columns:1fr}.cta-panel{flex-direction:column;align-items:flex-start}}


/* --- v21 feature-page visual polish: black/plum/violet luxury pass --- */
.feature-marketing{
  --feature-ink:#040207;
  --feature-plum:#16091f;
  --feature-plum-2:#240d31;
  --feature-violet:#9b63ff;
  --feature-magenta:#d36cff;
  background:
    radial-gradient(900px 520px at 84% 4%,rgba(111,49,156,.18),transparent 68%),
    radial-gradient(760px 480px at 8% 20%,rgba(77,39,128,.13),transparent 70%),
    linear-gradient(180deg,#040207 0%,#07040b 48%,#030205 100%);
}
.feature-marketing .nav{
  background:rgba(5,2,9,.88);
  border-bottom-color:rgba(205,115,255,.14);
  box-shadow:0 14px 42px rgba(0,0,0,.24);
}
.feature-marketing .nav-links a{position:relative;transition:color .2s ease}
.feature-marketing .nav-links a::after{
  content:"";position:absolute;left:12%;right:12%;bottom:-11px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,transparent,#ad6cff,#d86dff,transparent);opacity:0;transform:scaleX(.45);transition:.22s ease;
}
.feature-marketing .nav-links a:hover::after,.feature-marketing .nav-links a[aria-current="page"]::after{opacity:1;transform:scaleX(1)}
.feature-marketing .nav-links a[aria-current="page"]{color:#fff}
.feature-marketing .page-hero{
  position:relative;overflow:hidden;padding:112px 0 96px;
  border-bottom:1px solid rgba(194,102,255,.12);
  background:
    radial-gradient(700px 420px at 78% 24%,rgba(113,47,149,.22),transparent 66%),
    radial-gradient(520px 360px at 13% 8%,rgba(105,68,193,.11),transparent 72%),
    linear-gradient(180deg,rgba(24,8,33,.48),rgba(4,2,7,.18));
}
.feature-marketing .page-hero::before{
  content:"";position:absolute;inset:-20% -10%;pointer-events:none;opacity:.42;
  background-image:
    linear-gradient(rgba(207,118,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(207,118,255,.035) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
}
.feature-marketing .page-hero::after{
  content:"";position:absolute;right:-130px;top:40px;width:470px;height:470px;border-radius:50%;pointer-events:none;
  border:1px solid rgba(201,112,255,.10);
  box-shadow:0 0 0 54px rgba(133,67,174,.025),0 0 0 110px rgba(133,67,174,.018),0 0 110px rgba(166,71,216,.08);
}
.feature-marketing .page-hero .shell{position:relative;z-index:2}
.feature-marketing .page-hero .eyebrow{color:#d58aff;text-shadow:0 0 26px rgba(211,108,255,.25)}
.feature-marketing .page-hero h1{max-width:1020px;text-wrap:balance;text-shadow:0 18px 52px rgba(0,0,0,.34)}
.feature-marketing .page-hero .lead{max-width:830px;color:#d3c9da}
.feature-marketing .page-hero .hero-proof{margin-top:28px}
.feature-marketing .page-hero .hero-proof .pill{
  background:rgba(13,6,18,.7);border-color:rgba(205,118,255,.22);color:#e3d5ea;backdrop-filter:blur(12px);
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.feature-marketing .page-hero .button.primary{
  background:linear-gradient(135deg,#7f43da,#b44df1 62%,#d16bff);
  box-shadow:0 14px 44px rgba(159,71,221,.27),inset 0 1px rgba(255,255,255,.18);
}
.feature-marketing .page-hero .button.secondary{background:rgba(19,8,27,.72);border-color:rgba(202,111,255,.22)}
.feature-marketing .page-section{position:relative;padding:84px 0}
.feature-marketing .page-section + .page-section::before{
  content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(860px,70vw);height:1px;
  background:linear-gradient(90deg,transparent,rgba(188,91,242,.20),transparent);
}
.feature-marketing .page-section.alt{
  background:
    radial-gradient(620px 300px at 80% 50%,rgba(125,53,157,.08),transparent 75%),
    linear-gradient(180deg,rgba(25,9,32,.42),rgba(10,4,14,.26));
  border-top-color:rgba(198,105,255,.10);border-bottom-color:rgba(198,105,255,.10);
}
.feature-marketing .section-head{max-width:880px;margin-bottom:38px}
.feature-marketing .section-head .eyebrow{color:#cb79fb}
.feature-marketing .section-head h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.55rem,4.3vw,4.65rem);font-weight:500;letter-spacing:-.045em;line-height:.98;text-wrap:balance}
.feature-marketing .section-head p{font-size:1.08rem;color:#c2b7c9;max-width:790px}
.feature-marketing .story-grid{gap:24px}
.feature-marketing .story-card,.feature-marketing .detail-card,.feature-marketing .split-panel,.feature-marketing .quote-panel,.feature-marketing .cta-panel{
  position:relative;overflow:hidden;
  background:
    radial-gradient(420px 190px at 100% 0%,rgba(151,71,198,.09),transparent 74%),
    linear-gradient(180deg,rgba(18,8,25,.95),rgba(8,4,12,.98));
  border-color:rgba(194,102,255,.18);
  box-shadow:0 30px 70px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.025);
}
.feature-marketing .story-card::before,.feature-marketing .detail-card::before{
  content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(218,123,255,.48),transparent);opacity:.55;
}
.feature-marketing .story-card{min-height:320px;padding:32px;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.feature-marketing .story-card:hover{transform:translateY(-5px);border-color:rgba(211,110,255,.34);box-shadow:0 34px 78px rgba(0,0,0,.34),0 0 44px rgba(148,65,201,.08)}
.feature-marketing .story-card .feature-num,.feature-marketing .detail-card .feature-num{color:#d078ff}
.feature-marketing .story-card h3{font-family:Georgia,"Times New Roman",serif;font-size:2.12rem;font-weight:500;letter-spacing:-.025em;margin-top:42px}
.feature-marketing .story-card p,.feature-marketing .detail-card p{color:#bfb3c5}
.feature-marketing .detail-grid{gap:24px}
.feature-marketing .detail-card{padding:34px}
.feature-marketing .detail-card h3{font-family:Georgia,"Times New Roman",serif;font-size:2.05rem;font-weight:500;letter-spacing:-.025em}
.feature-marketing .bullet-list{gap:17px}
.feature-marketing .bullet-list li{color:#c5bacb;padding-left:30px}
.feature-marketing .bullet-list li::before{color:#d075ff;text-shadow:0 0 14px rgba(208,117,255,.45)}
.feature-marketing .split-panel{padding:38px;gap:42px}
.feature-marketing .split-panel h3{font-family:Georgia,"Times New Roman",serif;font-size:2.25rem;font-weight:500;letter-spacing:-.025em}
.feature-marketing .mini-grid .mini,.feature-marketing .compare-strip .mini{
  position:relative;overflow:hidden;background:rgba(255,255,255,.018);border-color:rgba(199,106,255,.15);transition:.22s ease;
}
.feature-marketing .mini-grid .mini::before,.feature-marketing .compare-strip .mini::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#9a55e6,#d16cff);opacity:.65;
}
.feature-marketing .mini-grid .mini:hover,.feature-marketing .compare-strip .mini:hover{background:rgba(135,63,171,.06);border-color:rgba(213,119,255,.27)}
.feature-marketing .mini-grid .mini strong,.feature-marketing .compare-strip .mini strong{color:#f7effc}
.feature-marketing .quote-panel{
  padding:60px 58px;
  background:
    radial-gradient(620px 260px at 88% 15%,rgba(179,77,217,.13),transparent 72%),
    linear-gradient(135deg,rgba(27,9,35,.96),rgba(8,4,12,.98));
}
.feature-marketing .quote-panel::before{content:"“";position:absolute;right:38px;top:-58px;font-family:Georgia,serif;font-size:13rem;line-height:1;color:rgba(215,118,255,.055);pointer-events:none}
.feature-marketing .quote-panel blockquote{position:relative;z-index:1;max-width:940px;font-size:clamp(2.3rem,4vw,4.15rem);color:#fff7ff}
.feature-marketing .quote-panel p{position:relative;z-index:1;color:#c7bacd;font-size:1rem}
.feature-marketing .compare-strip{gap:16px}
.feature-marketing .compare-strip .mini{padding:24px;min-height:150px}
.feature-marketing .compare-strip .mini strong{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:1.45rem}
.feature-marketing .cta-panel{padding:42px 44px;border-color:rgba(212,115,255,.27);box-shadow:0 30px 80px rgba(0,0,0,.31),0 0 56px rgba(154,67,199,.06)}
.feature-marketing .cta-panel::after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-170px;top:-160px;background:radial-gradient(circle,rgba(204,95,255,.16),transparent 68%);pointer-events:none}
.feature-marketing .cta-panel h3{font-family:Georgia,"Times New Roman",serif;font-size:2.35rem;font-weight:500;letter-spacing:-.03em}
.feature-marketing .cta-panel p{color:#c6bacd}
.feature-marketing .footer{background:rgba(2,1,4,.46);border-top-color:rgba(195,102,255,.10)}
@media(max-width:980px){
  .feature-marketing .page-hero{padding:88px 0 72px}.feature-marketing .page-hero::after{right:-260px;opacity:.7}
  .feature-marketing .page-section{padding:66px 0}.feature-marketing .quote-panel{padding:42px}.feature-marketing .split-panel{padding:30px}
}
@media(max-width:650px){
  .feature-marketing .page-hero{padding:70px 0 58px}.feature-marketing .page-hero h1{font-size:clamp(3rem,15vw,4.4rem)}
  .feature-marketing .page-hero::after{display:none}.feature-marketing .page-section{padding:54px 0}
  .feature-marketing .story-card{min-height:0;padding:26px}.feature-marketing .story-card h3{margin-top:26px;font-size:1.82rem}
  .feature-marketing .detail-card{padding:26px}.feature-marketing .quote-panel{padding:32px 26px}.feature-marketing .quote-panel blockquote{font-size:2.25rem}
  .feature-marketing .cta-panel{padding:30px 26px}.feature-marketing .cta-panel h3{font-size:2rem}
}


/* --- v22 visual storytelling pass --- */
.marketing-showcase{background:linear-gradient(180deg,#030205 0%,#05030a 100%)}
.marketing-showcase .nav{background:rgba(4,2,7,.88);border-bottom-color:rgba(198,104,255,.14)}
.marketing-showcase .nav-links a{position:relative}
.marketing-showcase .nav-links a:hover,.marketing-showcase .nav-links a[aria-current="page"]{color:#fff}
.marketing-showcase .nav-links a::after{content:"";position:absolute;left:14%;right:14%;bottom:-11px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#a55aff,#d86dff,transparent);opacity:0;transform:scaleX(.5);transition:.2s ease}
.marketing-showcase .nav-links a:hover::after,.marketing-showcase .nav-links a[aria-current="page"]::after{opacity:1;transform:scaleX(1)}
.marketing-showcase .section,.marketing-showcase .page-section{position:relative}
.marketing-showcase .section + .section::before,.marketing-showcase .page-section + .page-section::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(880px,72vw);height:1px;background:linear-gradient(90deg,transparent,rgba(194,102,255,.18),transparent)}
.story-demo-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:stretch}
.memory-visual,.worldbible-visual,.character-hero-card,.connection-card,.scenario-poster,.architecture-strip,.story-beats,.step-card,.reaction-card{background:linear-gradient(180deg,rgba(18,8,25,.96),rgba(8,4,12,.98));border:1px solid rgba(194,102,255,.18);border-radius:26px;box-shadow:0 28px 74px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.02)}
.memory-visual{padding:28px;display:grid;gap:16px;position:relative;overflow:hidden}
.memory-visual::after,.worldbible-visual::after,.character-showcase::after{content:"";position:absolute;inset:auto -60px -100px auto;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(205,99,255,.13),transparent 70%);pointer-events:none}
.memory-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;position:relative}
.memory-line::before{content:"";position:absolute;left:13%;right:13%;top:38px;height:2px;background:linear-gradient(90deg,rgba(147,76,205,.15),rgba(210,119,255,.55),rgba(147,76,205,.15))}
.memory-node{position:relative;padding:18px 16px 16px;border-radius:20px;background:rgba(255,255,255,.02);border:1px solid rgba(194,102,255,.12)}
.memory-node .dot{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#8f51ef,#d86dff);box-shadow:0 0 0 6px rgba(174,90,246,.12),0 0 22px rgba(210,109,255,.3);margin-bottom:26px}
.memory-node h4,.reaction-card h4,.step-card h4,.scenario-poster h3{margin:0 0 8px;font-size:1.1rem}
.memory-node p,.reaction-card p,.step-card p,.scenario-poster p,.connection-card p,.architecture-node p{margin:0;color:var(--muted)}
.memory-node .time{display:block;margin-top:12px;color:#9b93c5;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}
.story-beats{padding:28px}
.story-beats h3,.worldbible-copy h3,.character-copy h3,.scenarios-intro h3,.architecture-copy h3{margin:0 0 12px;font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:500;letter-spacing:-.03em}
.story-beats ul{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:14px}
.story-beats li{position:relative;padding-left:28px;color:#c8bdcf}
.story-beats li::before{content:"✦";position:absolute;left:0;top:0;color:#d075ff}
.world-showcase{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}
.worldbible-visual{padding:28px;min-height:520px;position:relative;overflow:hidden}
.worldbible-visual .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180px;height:180px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 30% 30%,rgba(173,91,255,.35),rgba(28,10,38,.98));border:1px solid rgba(212,117,255,.38);box-shadow:0 0 0 22px rgba(172,91,255,.04),0 0 90px rgba(160,70,219,.18)}
.worldbible-visual .core strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:2rem;letter-spacing:-.04em}
.worldbible-visual .core span{font-size:.9rem;color:#d5c5e0}
.world-node{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px 14px;min-width:150px;min-height:78px;border-radius:22px;background:rgba(255,255,255,.02);border:1px solid rgba(199,106,255,.18);color:#f3ebfa;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.world-node small{display:block;color:#c4b5cf;font-size:.78rem;margin-top:4px}
.world-node.n1{top:9%;left:9%}.world-node.n2{top:14%;right:7%}.world-node.n3{left:7%;bottom:21%}.world-node.n4{right:5%;bottom:17%}.world-node.n5{left:36%;bottom:6%}.world-node.n6{left:36%;top:7%}
.world-link{position:absolute;height:1px;background:linear-gradient(90deg,rgba(205,112,255,.05),rgba(205,112,255,.5),rgba(205,112,255,.05));transform-origin:left center}
.wl1{left:31%;top:31%;width:118px;transform:rotate(-33deg)}
.wl2{left:57%;top:31%;width:120px;transform:rotate(31deg)}
.wl3{left:29%;top:58%;width:125px;transform:rotate(28deg)}
.wl4{left:57%;top:57%;width:130px;transform:rotate(-27deg)}
.wl5{left:47%;top:66%;width:74px;transform:rotate(88deg)}
.wl6{left:48%;top:28%;width:70px;transform:rotate(92deg)}
.worldbible-copy .mini-grid,.character-copy .mini-grid{margin-top:18px}
.character-showcase{position:relative;padding:30px;overflow:hidden}
.character-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.character-hero-card{min-height:430px;position:relative;overflow:hidden;background-size:cover;background-position:center;border-color:rgba(210,119,255,.18);display:flex;align-items:flex-end;padding:22px}
.character-hero-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,4,12,.08),rgba(7,4,12,.18) 38%,rgba(7,4,12,.92) 100%)}
.character-hero-card .inner{position:relative;z-index:1}
.character-hero-card h4{margin:0 0 6px;font-family:Georgia,"Times New Roman",serif;font-size:1.9rem;font-weight:500;letter-spacing:-.03em}
.character-hero-card .chip-row,.reaction-card .chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px}
.chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(206,111,255,.18);color:#eee6f6;font-size:.82rem}
.character-hero-card blockquote,.reaction-card blockquote{margin:0;color:#e6dae8;font-size:.94rem;line-height:1.55}
.character-reactions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.reaction-card{padding:22px}
.reaction-card h4{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;font-weight:500}
.reaction-card .label{display:block;margin-top:12px;color:#a999bf;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}
.architecture-section .section-head{margin-bottom:28px}
.architecture-strip{padding:26px}
.architecture-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.architecture-node{position:relative;padding:20px;border-radius:20px;background:rgba(255,255,255,.02);border:1px solid rgba(194,102,255,.14);overflow:hidden}
.architecture-node strong{display:block;margin-bottom:8px;font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;font-weight:500}
.architecture-node::after{content:"→";position:absolute;right:-10px;top:50%;transform:translateY(-50%);font-size:1.6rem;color:#8d5ef0;opacity:.72}
.architecture-node:last-child::after{display:none}
.scenario-cinema{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.scenario-poster{position:relative;overflow:hidden;min-height:420px;display:flex;align-items:flex-end;padding:26px;background-size:cover;background-position:center}
.scenario-poster::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,3,8,.04),rgba(5,3,8,.1) 34%,rgba(5,3,8,.92) 100%)}
.scenario-poster .inner{position:relative;z-index:1;max-width:420px}
.scenario-poster h3{font-family:Georgia,"Times New Roman",serif;font-size:2.15rem;font-weight:500;letter-spacing:-.03em}
.scenario-poster .tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.scenario-poster .tag-row .tag,.scenario-swap .tag{background:rgba(255,255,255,.08);backdrop-filter:blur(8px);border:1px solid rgba(206,111,255,.18)}
.scenario-poster .poster-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.scenario-swap{margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.scenario-swap .mini{padding:18px;border-radius:18px;background:rgba(255,255,255,.02);border:1px solid rgba(194,102,255,.14)}
.scenario-swap .mini strong{display:block;margin:12px 0 8px;font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:1.25rem}
.scenario-swap .mini p{margin:0;color:var(--muted)}
.page-hero .hero-actions .button{min-width:170px}
@media(max-width:1100px){.story-demo-grid,.world-showcase,.architecture-flow,.character-showcase-grid,.character-reactions{grid-template-columns:1fr}.scenario-cinema,.scenario-swap{grid-template-columns:1fr 1fr}.architecture-node::after{display:none}}
@media(max-width:760px){.memory-line,.scenario-cinema,.scenario-swap{grid-template-columns:1fr}.memory-line::before{display:none}.character-showcase,.memory-visual,.story-beats,.worldbible-visual,.architecture-strip,.cta-panel{padding:22px}.worldbible-visual{min-height:720px}.world-node{min-width:120px;padding:14px 10px}.world-node.n1{top:6%;left:4%}.world-node.n2{top:22%;right:3%}.world-node.n3{left:2%;bottom:30%}.world-node.n4{right:1%;bottom:22%}.world-node.n5{left:27%;bottom:7%}.world-node.n6{left:32%;top:42%}.worldbible-visual .core{width:150px;height:150px}.wl1,.wl2,.wl3,.wl4,.wl5,.wl6{display:none}}


/* v27 prettier world bible pass */
.prettier-world{background:
 radial-gradient(circle at 18% 18%,rgba(175,87,255,.14),transparent 22%),
 radial-gradient(circle at 82% 78%,rgba(227,111,255,.10),transparent 20%),
 linear-gradient(180deg,rgba(24,9,34,.98),rgba(8,4,12,1));
 border-color:rgba(219,135,255,.24);
 box-shadow:0 38px 100px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.05), 0 0 0 1px rgba(190,106,255,.05);}
.prettier-world::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) .7px, transparent .7px);background-size:22px 22px;opacity:.18;mask-image:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.2));pointer-events:none}
.world-visual-head{position:absolute;left:24px;right:24px;top:20px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;z-index:3}
.world-visual-head p{margin:6px 0 0;color:#bcaece;font-size:.9rem;max-width:320px}
.world-legend{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.legend-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(224,137,255,.18);color:#efe7f8;font-size:.82rem;backdrop-filter:blur(12px)}
.legend-chip i{width:9px;height:9px;border-radius:50%;display:block;background:linear-gradient(135deg,#d67cff,#8f56ff);box-shadow:0 0 14px rgba(213,110,255,.42)}
.legend-chip.alt i{background:linear-gradient(135deg,#7a9bff,#5be0d6)}
.world-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(210,116,255,.08);pointer-events:none}
.orbit-a{width:320px;height:320px}.orbit-b{width:430px;height:430px;border-style:dashed;opacity:.65}.orbit-c{width:540px;height:540px;opacity:.4}
.world-spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#efc4ff;box-shadow:0 0 18px rgba(235,156,255,.55)}
.sp1{left:17%;top:24%}.sp2{right:14%;top:26%}.sp3{left:29%;bottom:18%}.sp4{right:18%;bottom:24%}
.prettier-world .core{background:radial-gradient(circle at 30% 30%,rgba(212,135,255,.48),rgba(68,24,89,.96) 62%,rgba(18,8,25,.98));border-color:rgba(241,187,255,.52);box-shadow:0 0 0 16px rgba(214,118,255,.05),0 0 0 42px rgba(153,72,220,.05),0 0 110px rgba(167,78,234,.3)}
.prettier-world .core strong{font-size:2.35rem;color:#fff8ff;text-shadow:0 0 16px rgba(228,158,255,.22)}
.prettier-world .core span{color:#eddcf8;letter-spacing:.03em;text-transform:uppercase;font-size:.78rem}
.prettier-world .world-node{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border-color:rgba(228,149,255,.2);backdrop-filter:blur(12px);box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05);transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;min-width:160px}
.prettier-world .world-node:hover{transform:translateY(-4px) scale(1.02);border-color:rgba(247,193,255,.4);box-shadow:0 24px 50px rgba(0,0,0,.28),0 0 22px rgba(207,116,255,.16)}
.prettier-world .world-node b{display:block;font-size:1.05rem;color:#fff2fb;margin-bottom:6px;font-weight:600}
.prettier-world .world-node small{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(226,145,255,.14);margin-top:6px;font-size:.73rem;letter-spacing:.02em;color:#d8c3e6}
.prettier-world .world-link{height:2px;background:linear-gradient(90deg,rgba(206,112,255,0),rgba(235,168,255,.58),rgba(206,112,255,0));filter:drop-shadow(0 0 8px rgba(189,106,255,.16))}
.worldbible-copy{padding-right:8px}
.world-copy-note{margin:18px 0 0;padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(217,133,255,.14);color:#d8cae3;line-height:1.6}
.richer-mini-grid .mini{position:relative;overflow:hidden;padding:22px 20px 20px;background:linear-gradient(180deg,rgba(17,10,25,.98),rgba(10,5,14,.98));border-color:rgba(221,139,255,.16);box-shadow:0 14px 34px rgba(0,0,0,.16)}
.richer-mini-grid .mini::after{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(238,175,255,.45),transparent)}
.mini-kicker{display:block;margin-bottom:10px;color:#b996ff;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase}
.richer-mini-grid .mini strong{font-size:1.2rem;margin-bottom:10px}
.richer-mini-grid .mini span:last-child{display:block;line-height:1.6;color:#cfc0da}
.feature-marketing .world-showcase{gap:34px;align-items:stretch}
.feature-marketing .worldbible-copy h3{font-size:clamp(2.2rem,3.2vw,3.8rem);line-height:1.08;margin-bottom:16px}
.feature-marketing .worldbible-copy p{font-size:1.06rem;line-height:1.7}
@media (max-width:760px){.world-visual-head{position:static;margin-bottom:12px;padding-right:0;flex-direction:column}.world-legend{justify-content:flex-start}.orbit-a{width:250px;height:250px}.orbit-b{width:330px;height:330px}.orbit-c{width:430px;height:430px}.feature-marketing .worldbible-copy h3{font-size:2.25rem}}


/* v29 animated RP-worthy World Bible */
.rp-world-stage{overflow:hidden;isolation:isolate}
.rp-world-stage .world-node{appearance:none;cursor:pointer;text-align:center;font:inherit}
.rp-world-stage .world-node:focus-visible{outline:2px solid rgba(239,203,255,.9);outline-offset:4px}
.world-mist{position:absolute;border-radius:50%;filter:blur(40px);opacity:.28;pointer-events:none;mix-blend-mode:screen;animation:worldMistFloat 14s ease-in-out infinite}
.mist-a{width:180px;height:180px;left:8%;bottom:14%;background:radial-gradient(circle,rgba(180,83,255,.4),transparent 70%)}
.mist-b{width:220px;height:220px;right:8%;top:18%;background:radial-gradient(circle,rgba(82,137,255,.22),transparent 72%);animation-delay:-6s}
.rp-world-stage .world-orbit{animation:orbitRotate 28s linear infinite}
.rp-world-stage .orbit-b{animation-duration:42s;animation-direction:reverse}
.rp-world-stage .orbit-c{animation-duration:56s}
.rp-world-stage .world-spark{animation:sparkTwinkle 2.9s ease-in-out infinite}
.rp-world-stage .sp2{animation-delay:.6s}.rp-world-stage .sp3{animation-delay:1.2s}.rp-world-stage .sp4{animation-delay:1.8s}
.rp-world-stage .core{animation:corePulse 5.2s ease-in-out infinite}
.rp-world-stage .world-link{background-size:220% 100%;animation:linkFlow 5s linear infinite}
.rp-world-stage .world-node{z-index:2}
.rp-world-stage .n1{animation:nodeFloat 6.2s ease-in-out infinite}.rp-world-stage .n2{animation:nodeFloat 7.3s ease-in-out infinite -.8s}.rp-world-stage .n3{animation:nodeFloat 6.6s ease-in-out infinite -1.2s}.rp-world-stage .n4{animation:nodeFloat 7.8s ease-in-out infinite -2.4s}.rp-world-stage .n5{animation:nodeFloat 6.9s ease-in-out infinite -3.2s}.rp-world-stage .n6{animation:nodeFloat 6.3s ease-in-out infinite -1.7s}
.rp-world-stage .world-node.is-active{border-color:rgba(252,208,255,.52)!important;box-shadow:0 0 0 1px rgba(255,221,255,.12),0 24px 54px rgba(0,0,0,.34),0 0 38px rgba(205,113,255,.28)!important;transform:translateY(-4px) scale(1.03)}
.rp-world-stage .world-node.is-active::after{content:"";position:absolute;inset:-12px;border-radius:28px;border:1px solid rgba(230,173,255,.18);animation:activePulse 2.4s ease-out infinite;pointer-events:none}
.lore-whisper-card{margin:18px 0 0;padding:20px 20px 18px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));border:1px solid rgba(226,145,255,.16);box-shadow:0 16px 40px rgba(0,0,0,.18);position:relative;overflow:hidden}
.lore-whisper-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(236,188,255,.05) 35%,transparent 65%);transform:translateX(-100%);animation:whisperShine 6s ease-in-out infinite}
.lore-whisper-kicker{display:block;margin-bottom:8px;color:#b996ff;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase}
.lore-whisper-card strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.8rem;letter-spacing:-.03em;color:#fff4fb}
.lore-whisper-type{display:inline-flex;margin:10px 0 12px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(226,145,255,.14);color:#e7d9f0;font-size:.8rem}
.lore-whisper-card p{margin:0;color:#ddd0e7;line-height:1.72;font-size:1rem}
.lore-whisper-foot{margin-top:14px;color:#b8a9c4;font-size:.88rem}
@keyframes orbitRotate{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes sparkTwinkle{0%,100%{opacity:.28;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}
@keyframes corePulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.035)}}
@keyframes linkFlow{0%{background-position:0% 0}100%{background-position:220% 0}}
@keyframes nodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes activePulse{0%{opacity:.55;transform:scale(.98)}100%{opacity:0;transform:scale(1.08)}}
@keyframes whisperShine{0%,65%,100%{transform:translateX(-100%)}78%{transform:translateX(100%)}}
@keyframes worldMistFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(12px,-16px,0)}}
@media(max-width:1100px){.lore-whisper-card strong{font-size:1.55rem}}
@media(max-width:760px){.lore-whisper-card{padding:18px}.lore-whisper-card strong{font-size:1.4rem}.rp-world-stage .world-node.is-active{transform:none}}


/* v30 — sequential living-thread World Bible animation */
.rp-world-stage{min-height:590px}
.lore-thread-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.lore-thread{fill:none;stroke:rgba(235,164,255,.78);stroke-width:2.2;stroke-linecap:round;filter:url(#threadGlow);opacity:.9;vector-effect:non-scaling-stroke}
.thread-traveller{fill:#fff5ff;filter:url(#threadGlow);opacity:0;pointer-events:none}
.sequence-core{opacity:0;transform:translate(-50%,-50%) scale(.78)!important;transition:opacity .55s ease,transform .7s cubic-bezier(.2,.9,.22,1.2)}
.sequence-core.is-born{opacity:1;transform:translate(-50%,-50%) scale(1)!important}
.sequence-node{opacity:0!important;transform:translateY(10px) scale(.88)!important;transition:opacity .48s ease,transform .62s cubic-bezier(.2,.9,.22,1.14),border-color .22s ease,box-shadow .22s ease!important;animation:none!important}
.sequence-node.is-born{opacity:1!important;transform:translateY(0) scale(1)!important}
.sequence-node.is-born.is-active{transform:translateY(-4px) scale(1.03)!important}
.rp-world-stage.sequence-complete .sequence-node{animation:nodeFloat 7.2s ease-in-out infinite!important}
.rp-world-stage.sequence-complete .n2{animation-delay:-1.2s!important}.rp-world-stage.sequence-complete .n3{animation-delay:-2.2s!important}.rp-world-stage.sequence-complete .n4{animation-delay:-3.2s!important}.rp-world-stage.sequence-complete .n5{animation-delay:-4.2s!important}.rp-world-stage.sequence-complete .n6{animation-delay:-5.2s!important}
.rp-world-stage.sequence-running .world-orbit{opacity:.22}
.rp-world-stage.sequence-complete .world-orbit{opacity:.7;transition:opacity 1.2s ease}
.rp-world-stage.sequence-running .world-mist{opacity:.12}
.rp-world-stage.sequence-complete .world-mist{opacity:.28;transition:opacity 1.4s ease}
.lore-whisper-card.is-updating{animation:loreCardPulse .55s ease}
@keyframes loreCardPulse{0%{transform:translateY(0);border-color:rgba(226,145,255,.16)}45%{transform:translateY(-3px);border-color:rgba(245,194,255,.38);box-shadow:0 18px 50px rgba(166,74,216,.18)}100%{transform:translateY(0);border-color:rgba(226,145,255,.16)}}
@media(max-width:760px){.rp-world-stage{min-height:760px}.lore-thread-svg{display:none}.sequence-node{opacity:1!important;transform:none!important}.sequence-core{opacity:1;transform:translate(-50%,-50%) scale(1)!important}}
@media(prefers-reduced-motion:reduce){.lore-thread-svg{display:none}.sequence-node,.sequence-core{opacity:1!important;transform:none!important;transition:none!important}.sequence-core{transform:translate(-50%,-50%)!important}.rp-world-stage .world-orbit,.rp-world-stage .world-spark,.rp-world-stage .world-mist,.rp-world-stage .core,.rp-world-stage .world-node{animation:none!important}}


/* v31 cosmic dramatic reveal */
.rp-world-stage{position:relative}
.cosmic-reveal{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:0;z-index:1;transition:opacity .9s ease, transform 1.2s ease;transform:scale(1.08)}
.cosmic-starfield{position:absolute;inset:-10%;background:radial-gradient(circle at 50% 50%,rgba(132,82,255,.12),transparent 32%),radial-gradient(circle at 20% 70%,rgba(96,130,255,.14),transparent 20%),radial-gradient(circle at 80% 20%,rgba(255,120,220,.1),transparent 22%),linear-gradient(180deg,rgba(3,6,18,.0),rgba(4,4,14,.62));filter:blur(0);opacity:.9}
.cosmic-starfield::before,.cosmic-starfield::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.85) .8px, transparent .8px);background-size:24px 24px;opacity:.16}
.cosmic-starfield::after{background-size:38px 38px;opacity:.08;transform:scale(1.15)}
.cosmic-center-copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);text-align:center;z-index:3;opacity:0;transition:all .8s ease .35s;filter:drop-shadow(0 0 24px rgba(208,140,255,.25))}
.cosmic-center-copy strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:3rem;letter-spacing:.02em;color:#fff6ff;text-shadow:0 0 25px rgba(232,182,255,.22)}
.cosmic-center-copy span{display:block;margin-top:8px;color:#e3d5f0;font-size:1rem;letter-spacing:.04em}
.cosmic-world,.scene-shard,.cosmic-river{position:absolute;opacity:0;transition:opacity .8s ease, transform 1s cubic-bezier(.18,.7,.2,1), filter .9s ease}
.cosmic-world{border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(115,170,255,.95),rgba(70,85,210,.82) 38%,rgba(11,18,54,1) 72%);box-shadow:0 0 0 2px rgba(173,205,255,.08),0 0 38px rgba(104,135,255,.16), inset -16px -18px 32px rgba(5,8,28,.6)}
.cosmic-world::after{content:"";position:absolute;inset:8% 10%;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.cosmic-world.w1{width:180px;height:180px;left:-12px;top:-8px;transform:translate(-40px,-20px) scale(.76)}
.cosmic-world.w2{width:196px;height:196px;right:-18px;top:-2px;transform:translate(40px,-18px) scale(.76)}
.cosmic-world.w3{width:188px;height:188px;left:-8px;bottom:-20px;transform:translate(-38px,28px) scale(.78)}
.cosmic-world.w4{width:174px;height:174px;right:0;bottom:-14px;transform:translate(32px,24px) scale(.8)}
.cosmic-world.w2,.cosmic-world.w4{background:radial-gradient(circle at 35% 30%,rgba(150,214,255,.96),rgba(77,97,229,.85) 38%,rgba(18,16,58,1) 72%)}
.cosmic-world.w3{background:radial-gradient(circle at 35% 30%,rgba(141,160,255,.9),rgba(78,65,214,.88) 40%,rgba(16,11,48,1) 74%)}
.scene-shard{width:128px;height:78px;border-radius:16px;background-size:cover;background-position:center;border:1px solid rgba(198,211,255,.16);box-shadow:0 20px 42px rgba(0,0,0,.32),0 0 28px rgba(102,143,255,.12);transform:scale(.68);overflow:hidden}
.scene-shard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.26))}
.s1{left:160px;top:88px}.s2{right:120px;top:124px}.s3{left:110px;bottom:136px}.s4{right:140px;bottom:126px}.s5{left:295px;top:52px;width:110px;height:66px}.s6{right:292px;top:80px;width:110px;height:66px}.s7{left:272px;bottom:86px;width:110px;height:66px}.s8{right:256px;bottom:72px;width:110px;height:66px}
.cosmic-river{height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(112,228,255,0),rgba(114,228,255,.9) 32%,rgba(214,120,255,.95) 70%,rgba(214,120,255,0));filter:drop-shadow(0 0 12px rgba(162,113,255,.42));transform-origin:left center;background-size:220% 100%}
.r1{left:302px;top:275px;width:260px;transform:rotate(-34deg) scaleX(.18)}
.r2{left:358px;top:270px;width:238px;transform:rotate(28deg) scaleX(.18)}
.r3{left:276px;top:384px;width:258px;transform:rotate(30deg) scaleX(.18)}
.r4{left:366px;top:386px;width:238px;transform:rotate(-31deg) scaleX(.18)}
.rp-world-stage.sequence-running .cosmic-reveal,.rp-world-stage.sequence-complete .cosmic-reveal{opacity:0}
.rp-world-stage.cosmic-burst .cosmic-reveal,.rp-world-stage.cosmic-settled .cosmic-reveal{opacity:1;transform:scale(1)}
.rp-world-stage.cosmic-burst .cosmic-center-copy,.rp-world-stage.cosmic-settled .cosmic-center-copy{opacity:1;transform:translate(-50%,-50%) scale(1)}
.rp-world-stage.cosmic-burst .cosmic-world,.rp-world-stage.cosmic-burst .scene-shard,.rp-world-stage.cosmic-burst .cosmic-river,.rp-world-stage.cosmic-settled .cosmic-world,.rp-world-stage.cosmic-settled .scene-shard,.rp-world-stage.cosmic-settled .cosmic-river{opacity:1}
.rp-world-stage.cosmic-burst .cosmic-world.w1,.rp-world-stage.cosmic-settled .cosmic-world.w1{transform:translate(0,0) scale(1)}
.rp-world-stage.cosmic-burst .cosmic-world.w2,.rp-world-stage.cosmic-settled .cosmic-world.w2{transform:translate(0,0) scale(1)}
.rp-world-stage.cosmic-burst .cosmic-world.w3,.rp-world-stage.cosmic-settled .cosmic-world.w3{transform:translate(0,0) scale(1)}
.rp-world-stage.cosmic-burst .cosmic-world.w4,.rp-world-stage.cosmic-settled .cosmic-world.w4{transform:translate(0,0) scale(1)}
.rp-world-stage.cosmic-burst .scene-shard,.rp-world-stage.cosmic-settled .scene-shard{transform:scale(1)}
.rp-world-stage.cosmic-burst .r1,.rp-world-stage.cosmic-settled .r1{transform:rotate(-34deg) scaleX(1)}
.rp-world-stage.cosmic-burst .r2,.rp-world-stage.cosmic-settled .r2{transform:rotate(28deg) scaleX(1)}
.rp-world-stage.cosmic-burst .r3,.rp-world-stage.cosmic-settled .r3{transform:rotate(30deg) scaleX(1)}
.rp-world-stage.cosmic-burst .r4,.rp-world-stage.cosmic-settled .r4{transform:rotate(-31deg) scaleX(1)}
.rp-world-stage.cosmic-burst .r1,.rp-world-stage.cosmic-burst .r2,.rp-world-stage.cosmic-burst .r3,.rp-world-stage.cosmic-burst .r4,.rp-world-stage.cosmic-settled .r1,.rp-world-stage.cosmic-settled .r2,.rp-world-stage.cosmic-settled .r3,.rp-world-stage.cosmic-settled .r4{animation:cosmicFlow 4s linear infinite}
.rp-world-stage.cosmic-burst .scene-shard{animation:cardDrift 7s ease-in-out infinite alternate}.rp-world-stage.cosmic-burst .s2,.rp-world-stage.cosmic-burst .s5{animation-delay:-1.3s}.rp-world-stage.cosmic-burst .s3,.rp-world-stage.cosmic-burst .s6{animation-delay:-2.2s}.rp-world-stage.cosmic-burst .s4,.rp-world-stage.cosmic-burst .s7{animation-delay:-3.1s}.rp-world-stage.cosmic-burst .s8{animation-delay:-1.7s}
.rp-world-stage.cosmic-burst .cosmic-world,.rp-world-stage.cosmic-settled .cosmic-world{animation:planetFloat 10s ease-in-out infinite alternate}
.rp-world-stage.cosmic-burst .w2,.rp-world-stage.cosmic-settled .w2{animation-delay:-2.1s}.rp-world-stage.cosmic-burst .w3,.rp-world-stage.cosmic-settled .w3{animation-delay:-4.6s}.rp-world-stage.cosmic-burst .w4,.rp-world-stage.cosmic-settled .w4{animation-delay:-1.2s}
.rp-world-stage.cosmic-burst .world-visual-head,.rp-world-stage.cosmic-burst .core,.rp-world-stage.cosmic-burst .lore-thread-svg,.rp-world-stage.cosmic-burst .world-node,.rp-world-stage.cosmic-burst .world-orbit,.rp-world-stage.cosmic-burst .world-mist,.rp-world-stage.cosmic-burst .world-spark{transition:transform 1.2s cubic-bezier(.2,.72,.18,1), opacity 1.05s ease, filter 1.05s ease;transform:scale(.66);opacity:.18;filter:blur(1.6px)}
.rp-world-stage.cosmic-settled .world-visual-head,.rp-world-stage.cosmic-settled .core,.rp-world-stage.cosmic-settled .lore-thread-svg,.rp-world-stage.cosmic-settled .world-node,.rp-world-stage.cosmic-settled .world-orbit,.rp-world-stage.cosmic-settled .world-mist,.rp-world-stage.cosmic-settled .world-spark{transition:transform 1s ease,opacity 1s ease,filter 1s ease;transform:none;opacity:1;filter:none}
.rp-world-stage.cosmic-settled .cosmic-reveal{opacity:.35}.rp-world-stage.cosmic-settled .cosmic-center-copy{opacity:.24}.rp-world-stage.cosmic-settled .scene-shard,.rp-world-stage.cosmic-settled .cosmic-world{opacity:.42}.rp-world-stage.cosmic-settled .cosmic-river{opacity:.28}
@keyframes cosmicFlow{0%{background-position:0% 0}100%{background-position:220% 0}}
@keyframes planetFloat{0%{translate:0 0}100%{translate:0 -10px}}
@keyframes cardDrift{0%{translate:0 0}100%{translate:0 -8px}}
@media(max-width:760px){.cosmic-center-copy strong{font-size:2rem}.cosmic-center-copy span{font-size:.9rem}.cosmic-world.w1,.cosmic-world.w2,.cosmic-world.w3,.cosmic-world.w4{width:120px;height:120px}.scene-shard{width:84px;height:52px}.s1{left:78px;top:102px}.s2{right:68px;top:118px}.s3{left:64px;bottom:140px}.s4{right:70px;bottom:132px}.s5{left:156px;top:70px;width:74px;height:44px}.s6{right:150px;top:84px;width:74px;height:44px}.s7{left:150px;bottom:88px;width:74px;height:44px}.s8{right:140px;bottom:82px;width:74px;height:44px}.r1{left:195px;top:288px;width:170px}.r2{left:265px;top:286px;width:170px}.r3{left:190px;top:390px;width:165px}.r4{left:270px;top:392px;width:165px}}