/* ============================================================
   RAYN inner pages (v7) — shared components, layered on home-v7.css (.rh7)
   Tri-colour: emerald (brand) · coral (energy) · deep metallic blue (platform)
   ============================================================ */
.rh7 .prose-shell{max-width:var(--shell);margin-inline:auto;padding-inline:max(var(--gutter),var(--sal)) max(var(--gutter),var(--sar))}

/* breadcrumb */
.rh7 .crumb{padding:calc(96px + var(--sat)) 0 0;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate-light);display:flex;gap:9px;flex-wrap:wrap}
.rh7 .crumb a:hover{color:var(--ink)}.rh7 .crumb span{color:var(--stone-2)}

/* product hero */
.rh7 .ph{position:relative;padding:clamp(24px,3vw,40px) 0 clamp(40px,5vw,64px)}
.rh7 .ph::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60% 80% at 92% -8%,var(--coral-soft),transparent 60%),radial-gradient(50% 62% at 2% 6%,var(--emerald-soft),transparent 55%)}
.rh7 .ph>.prose-shell{position:relative;z-index:1}
.rh7 .ph__top{display:grid;gap:clamp(20px,3vw,44px);align-items:end}
.rh7 .ph .idx{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--slate-light);display:inline-flex;gap:9px;align-items:center;margin-bottom:18px}
.rh7 .ph .idx b{color:var(--emerald);font-weight:600}
.rh7 .ph .idx .idot{background:var(--emerald)}
.rh7 .ph h1{font-family:var(--font-serif);font-size:clamp(2.6rem,5.4vw,4.6rem);line-height:1;letter-spacing:-.02em;max-width:16ch}
.rh7 .ph h1 em{font-style:italic;color:var(--emerald)}
.rh7 .ph__aside{max-width:42ch}
.rh7 .ph__aside p{font-size:clamp(1.05rem,1.3vw,1.24rem);color:var(--slate);line-height:1.5}
.rh7 .ph__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.rh7 .ph__actions .btn:first-child{background:var(--coral);color:#fff}
.rh7 .ph__actions .btn:first-child:hover{background:var(--coral-deep)}
@media(min-width:900px){.rh7 .ph__top{grid-template-columns:1.4fr 1fr}}

/* section wrap + light tints */
.rh7 .psec{padding:clamp(56px,8vh,104px) 0;border-top:1px solid var(--line-soft)}
.rh7 .tint-coral{background:var(--coral-soft);border-top:0}
.rh7 .tint-cream{background:var(--porcelain);border-top:0}
.rh7 .tint-gold{background:var(--gold-soft);border-top:0}

/* deep metallic blue block (the platform/technical moment) */
.rh7 .psec--blue{background:linear-gradient(158deg,#1e4066,#0d2136 72%);color:var(--on-dark);border-top:0;position:relative;overflow:hidden}
.rh7 .psec--blue::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(58% 50% at 82% -12%,rgba(127,176,224,.18),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 24%)}
.rh7 .psec--blue>.prose-shell{position:relative;z-index:1}
.rh7 .psec--blue .section-head .k{color:var(--blue-steel)}
.rh7 .psec--blue .section-head h2{color:#fff}
.rh7 .psec--blue .section-head p{color:rgba(255,255,255,.72)}

/* how-it-works steps */
.rh7 .steps{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:clamp(36px,5vw,52px)}
.rh7 .step{background:var(--paper);padding:clamp(24px,3vw,34px);display:grid;gap:12px;align-content:start}
.rh7 .step .n{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--coral)}
.rh7 .step h3{font-family:var(--font-serif);font-size:clamp(1.4rem,2.2vw,1.8rem);letter-spacing:-.01em}
.rh7 .step p{font-size:14px;color:var(--slate);line-height:1.5}
@media(min-width:720px){.rh7 .steps{grid-template-columns:repeat(4,1fr)}}

/* capabilities on the blue block */
.rh7 .caps{display:grid;gap:clamp(30px,4vw,56px);margin-top:clamp(36px,5vw,52px)}
.rh7 .caps__intro p{color:rgba(255,255,255,.7);font-size:1.05rem;line-height:1.6;max-width:34ch}
.rh7 .caps__list{display:grid;gap:0}
.rh7 .caps__list li{padding:20px 0;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:6px}
.rh7 .caps__list li:first-child{border-top:0}
.rh7 .caps__list h3{font-family:var(--font-serif);font-size:1.35rem;letter-spacing:-.01em;color:#fff}
.rh7 .caps__list p{font-size:14px;color:rgba(255,255,255,.72);line-height:1.5;max-width:52ch}
@media(min-width:900px){.rh7 .caps{grid-template-columns:.8fr 1.2fr;align-items:start}}

/* outcomes (colour-coded) */
.rh7 .outs{display:grid;gap:14px;margin-top:clamp(36px,5vw,52px)}
.rh7 .out{padding:26px 24px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);border-top:3px solid var(--line);display:grid;gap:8px}
.rh7 .out .r{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}
.rh7 .out strong{font-family:var(--font-serif);font-size:1.9rem;font-weight:400;letter-spacing:-.01em}
.rh7 .out p{font-size:13.5px;color:var(--slate);line-height:1.5}
.rh7 .out--coral{border-top-color:var(--coral)}.rh7 .out--coral .r,.rh7 .out--coral strong{color:var(--coral-deep)}
.rh7 .out--gold{border-top-color:var(--gold)}.rh7 .out--gold .r,.rh7 .out--gold strong{color:var(--gold-deep)}
.rh7 .out--emerald{border-top-color:var(--emerald)}.rh7 .out--emerald .r,.rh7 .out--emerald strong{color:var(--emerald)}
@media(min-width:720px){.rh7 .outs{grid-template-columns:repeat(3,1fr)}}

/* related products (colour-coded) */
.rh7 .rel{display:grid;gap:14px;margin-top:clamp(36px,5vw,52px)}
.rh7 .relc{padding:24px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);border-top:3px solid var(--line);display:grid;gap:10px;align-content:start;color:var(--ink);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.rh7 .relc:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--line),0 18px 40px -22px rgba(25,21,16,.4)}
.rh7 .relc .n{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;color:var(--slate-light)}
.rh7 .relc h3{font-family:var(--font-serif);font-size:1.5rem;letter-spacing:-.01em}
.rh7 .relc p{font-size:13.5px;color:var(--slate);line-height:1.5}
.rh7 .relc--emerald{border-top-color:var(--emerald)}.rh7 .relc--emerald .n,.rh7 .relc--emerald .textlink{color:var(--emerald)}
.rh7 .relc--gold{border-top-color:var(--gold)}.rh7 .relc--gold .n,.rh7 .relc--gold .textlink{color:var(--gold-deep)}
.rh7 .relc--blue{border-top-color:var(--blue)}.rh7 .relc--blue .n,.rh7 .relc--blue .textlink{color:var(--blue)}
@media(min-width:720px){.rh7 .rel{grid-template-columns:repeat(3,1fr)}}

/* faq */
.rh7 .faq{margin-top:clamp(36px,5vw,52px);border-top:1px solid var(--line)}
.rh7 .faq details{border-bottom:1px solid var(--line-soft);padding:4px 0}
.rh7 .faq summary{list-style:none;cursor:pointer;padding:20px 2px;font-family:var(--font-serif);font-size:clamp(1.2rem,1.8vw,1.5rem);letter-spacing:-.01em;display:flex;justify-content:space-between;gap:20px;align-items:center}
.rh7 .faq summary::-webkit-details-marker{display:none}
.rh7 .faq summary::after{content:"+";font-family:var(--font-mono);font-size:20px;color:var(--coral);transition:transform .25s var(--ease)}
.rh7 .faq details[open] summary::after{transform:rotate(45deg)}
.rh7 .faq p{padding:0 2px 22px;color:var(--slate);font-size:15px;line-height:1.6;max-width:64ch}

/* ---- Visual Discovery: immersive space explorer ---- */
.rh7 .vd{position:relative;background:var(--ink);border:1px solid var(--line);overflow:hidden}
.rh7 .vd__stage{position:relative;aspect-ratio:16/10;background:#0d0b09;overflow:hidden}
.rh7 .vd__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s var(--ease)}
.rh7 .vd__media.on{opacity:1}
.rh7 .vd__media--img{mix-blend-mode:normal}
.rh7 .vd__stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,8,6,.28),transparent 26%,transparent 58%,rgba(10,8,6,.72))}
.rh7 .vd__here{position:absolute;left:clamp(16px,2.4vw,26px);bottom:clamp(16px,2.4vw,26px);z-index:2;color:#fff;max-width:60%}
.rh7 .vd__here .livechip{margin-bottom:10px}
.rh7 .vd__here b{display:block;font-family:var(--font-serif);font-size:clamp(1.3rem,2.4vw,2rem);letter-spacing:-.01em;line-height:1.04}
.rh7 .vd__here span{display:block;margin-top:6px;font-size:13.5px;color:rgba(255,255,255,.76)}
.rh7 .vd__spaces{position:absolute;right:clamp(14px,2vw,22px);top:clamp(14px,2vw,22px);z-index:2;display:flex;flex-direction:column;gap:7px;align-items:flex-end}
.rh7 .vd__spaces button{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.72);background:rgba(18,14,11,.42);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.18);padding:8px 13px;cursor:pointer;transition:all .2s var(--ease)}
.rh7 .vd__spaces button:hover{color:#fff;border-color:rgba(255,255,255,.4)}
.rh7 .vd__spaces button.on{color:var(--ink);background:#fff;border-color:#fff}
.rh7 .vd__bar{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--paper);border-top:1px solid var(--line);font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--slate)}
.rh7 .vd__bar .idot{background:var(--coral)}
.rh7 .vd__bar .r{margin-left:auto;color:var(--slate-light)}
@media(max-width:560px){.rh7 .vd__here{max-width:74%}.rh7 .vd__spaces button{padding:7px 10px;font-size:10px}}

/* ---- WhatsApp Concierge: scripted thread ---- */
.rh7 .wa{max-width:440px;margin-inline:auto;background:#0b141a;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(20,16,12,.55)}
.rh7 .wa__top{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#1f2c33;color:#fff}
.rh7 .wa__av{width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,var(--emerald-bright),var(--emerald));display:grid;place-items:center;font-family:var(--font-serif);font-size:16px;color:#fff;flex:none}
.rh7 .wa__id b{display:block;font-size:14px;letter-spacing:-.01em}
.rh7 .wa__id span{font-size:11px;color:rgba(255,255,255,.6)}
.rh7 .wa__id .on{color:#8fe6bd}
.rh7 .wa__body{padding:18px 14px 20px;min-height:430px;display:flex;flex-direction:column;gap:9px;background:#0b141a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 0h1v1H0z' fill='%23ffffff08'/%3E%3C/svg%3E")}
.rh7 .wa__b{max-width:84%;padding:9px 13px;border-radius:14px;font-size:14px;line-height:1.42;opacity:0;transform:translateY(8px);transition:opacity .34s var(--ease),transform .34s var(--ease)}
.rh7 .wa__b.show{opacity:1;transform:none}
.rh7 .wa__b--g{align-self:flex-end;background:#144d37;color:#eafff4;border-bottom-right-radius:4px}
.rh7 .wa__b--r{align-self:flex-start;background:#20303a;color:#eef4f6;border-bottom-left-radius:4px}
.rh7 .wa__b small{display:block;margin-top:4px;font-size:10px;letter-spacing:.03em;opacity:.5}
.rh7 .wa__pys{align-self:flex-start;max-width:88%;background:#fff;color:var(--ink);border-radius:14px;border-bottom-left-radius:4px;overflow:hidden;opacity:0;transform:translateY(8px);transition:opacity .34s var(--ease),transform .34s var(--ease)}
.rh7 .wa__pys.show{opacity:1;transform:none}
.rh7 .wa__pys img{display:block;width:100%;height:118px;object-fit:cover}
.rh7 .wa__pys .m{padding:10px 13px}
.rh7 .wa__pys .m b{font-size:13px;font-family:var(--font-serif)}
.rh7 .wa__pys .m span{display:block;font-size:11.5px;color:var(--slate);margin-top:2px}
.rh7 .wa__pys .m .go{display:inline-block;margin-top:9px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--emerald)}
.rh7 .wa__typing{align-self:flex-start;display:inline-flex;gap:4px;padding:11px 14px;background:#20303a;border-radius:14px;border-bottom-left-radius:4px;opacity:0;transition:opacity .2s}
.rh7 .wa__typing.show{opacity:1}
.rh7 .wa__typing i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);animation:waDot 1.2s infinite}
.rh7 .wa__typing i:nth-child(2){animation-delay:.2s}.rh7 .wa__typing i:nth-child(3){animation-delay:.4s}
@keyframes waDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.rh7 .wa__foot{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#1f2c33}
.rh7 .wa__foot .f{flex:1;background:#0b141a;color:rgba(255,255,255,.4);border-radius:20px;padding:9px 14px;font-size:13px}
.rh7 .wa__foot .s{width:34px;height:34px;border-radius:50%;background:var(--emerald);display:grid;place-items:center;color:#fff;flex:none}
.rh7 .wa__lang{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:22px}
.rh7 .wa__lang span{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--slate);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);padding:6px 12px;border-radius:20px}
@media(prefers-reduced-motion:reduce){.rh7 .wa__b,.rh7 .wa__pys{opacity:1;transform:none}}

/* ---- Pre-Arrival Commerce: the booking grows ---- */
.rh7 .pac{display:grid;gap:14px}
.rh7 .pac__card{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);border-top:3px solid var(--line);overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.rh7 .pac__card img{width:100%;height:150px;object-fit:cover}
.rh7 .pac__card .m{padding:20px 22px;display:grid;gap:7px;align-content:start}
.rh7 .pac__card .s{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}
.rh7 .pac__card h3{font-family:var(--font-serif);font-size:1.5rem;letter-spacing:-.01em}
.rh7 .pac__card p{font-size:13.5px;color:var(--slate);line-height:1.5}
.rh7 .pac__card--1{border-top-color:var(--coral)}.rh7 .pac__card--1 .s{color:var(--coral-deep)}
.rh7 .pac__card--2{border-top-color:var(--gold)}.rh7 .pac__card--2 .s{color:var(--gold-deep)}
.rh7 .pac__card--3{border-top-color:var(--emerald)}.rh7 .pac__card--3 .s{color:var(--emerald)}
.rh7 .pac__note{margin-top:22px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;color:var(--slate-light);display:flex;align-items:center;gap:9px}
@media(min-width:820px){.rh7 .pac{grid-template-columns:repeat(3,1fr)}}

/* ---- Host Station: live floor console ---- */
.rh7 .hs{background:var(--ink);border:1px solid var(--line);overflow:hidden}
.rh7 .hs__bar{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#151210;color:#fff;flex-wrap:wrap}
.rh7 .hs__bar b{font-family:var(--font-serif);font-size:15px}
.rh7 .hs__bar .m{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:rgba(255,255,255,.6)}
.rh7 .hs__tabs{margin-left:auto;display:flex;gap:6px}
.rh7 .hs__tabs button{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.66);background:transparent;border:1px solid rgba(255,255,255,.2);padding:7px 13px;cursor:pointer;transition:all .2s var(--ease)}
.rh7 .hs__tabs button.on{color:var(--ink);background:#fff;border-color:#fff}
.rh7 .hs__stage{position:relative;aspect-ratio:16/9;background:#0d0b09}
.rh7 .hs__stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.rh7 .hs__over{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(18px,3vw,30px);background:linear-gradient(180deg,rgba(13,11,9,.15),rgba(13,11,9,.82))}
.rh7 .hs__rows{display:grid;gap:8px;max-width:440px}
.rh7 .hs__row{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);padding:11px 14px;color:#fff;opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease),transform .4s var(--ease)}
.rh7 .hs.play .hs__row{opacity:1;transform:none}
.rh7 .hs.play .hs__row:nth-child(2){transition-delay:.1s}.rh7 .hs.play .hs__row:nth-child(3){transition-delay:.2s}.rh7 .hs.play .hs__row:nth-child(4){transition-delay:.3s}
.rh7 .hs__row .t{font-family:var(--font-mono);font-size:11px;color:rgba(255,255,255,.6);width:44px;flex:none}
.rh7 .hs__row .nm{font-size:14px;font-weight:500}
.rh7 .hs__row .nm span{display:block;font-size:11.5px;color:rgba(255,255,255,.6);font-weight:400}
.rh7 .hs__row .st{margin-left:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:20px}
.rh7 .hs__row .st--seat{background:rgba(31,184,126,.2);color:#7fe6bc}
.rh7 .hs__row .st--due{background:rgba(217,154,43,.2);color:#f0cd85}
.rh7 .hs__row .st--vip{background:rgba(238,91,57,.22);color:#ff9d84}
.rh7 .hs__cap{position:absolute;top:clamp(16px,2.4vw,24px);left:clamp(16px,2.4vw,24px);max-width:56%;color:#fff}
.rh7 .hs__cap .livechip{margin-bottom:9px}.rh7 .hs__cap b{font-family:var(--font-serif);font-size:clamp(1.2rem,2vw,1.6rem);letter-spacing:-.01em;line-height:1.05;display:block}
.rh7 .hs__foot{padding:12px 18px;background:var(--paper);border-top:1px solid var(--line);font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--slate);display:flex;gap:8px;align-items:center}
.rh7 .hs__foot .idot{background:var(--emerald)}

/* ---- RAYN Brain: the learning loop ---- */
.rh7 .brainloop{display:grid;gap:12px;counter-reset:bl}
.rh7 .bl{position:relative;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:22px 24px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.rh7 .bl__n{counter-increment:bl;font-family:var(--font-mono);font-size:12px;color:var(--emerald);width:30px;height:30px;border:1px solid var(--emerald);border-radius:50%;display:grid;place-items:center;flex:none}
.rh7 .bl__n::before{content:counter(bl,decimal-leading-zero)}
.rh7 .bl h3{font-family:var(--font-serif);font-size:1.35rem;letter-spacing:-.01em;margin-bottom:5px}
.rh7 .bl p{font-size:14px;color:var(--slate);line-height:1.5;max-width:64ch}
.rh7 .bl--last{background:linear-gradient(158deg,#1e4066,#0d2136 72%);color:#fff}
.rh7 .bl--last .bl__n{color:var(--blue-steel);border-color:var(--blue-steel)}
.rh7 .bl--last h3{color:#fff}.rh7 .bl--last p{color:rgba(255,255,255,.74)}
.rh7 .signals{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:clamp(30px,4vw,44px)}
.rh7 .signals div{background:var(--paper);padding:18px 20px}
.rh7 .signals .s{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--emerald);display:block;margin-bottom:7px}
.rh7 .signals p{font-size:13.5px;color:var(--slate);line-height:1.5}
@media(min-width:720px){.rh7 .signals{grid-template-columns:repeat(3,1fr)}}

/* ---- Platform overview: product catalogue ---- */
.rh7 .plat{display:grid;gap:14px;margin-top:clamp(30px,4vw,44px)}
.rh7 .pcell{position:relative;display:grid;gap:9px;align-content:start;padding:24px 22px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);border-top:3px solid var(--line);color:var(--ink);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.rh7 a.pcell:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--line),0 18px 40px -22px rgba(25,21,16,.4)}
.rh7 .pcell .sref{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate-light)}
.rh7 .pcell h3{font-family:var(--font-serif);font-size:1.4rem;letter-spacing:-.01em}
.rh7 .pcell p{font-size:13.5px;color:var(--slate);line-height:1.5}
.rh7 .pcell .go{margin-top:2px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.rh7 .pcell--emerald{border-top-color:var(--emerald)}.rh7 .pcell--emerald .sref,.rh7 .pcell--emerald .go{color:var(--emerald)}
.rh7 .pcell--coral{border-top-color:var(--coral)}.rh7 .pcell--coral .sref,.rh7 .pcell--coral .go{color:var(--coral-deep)}
.rh7 .pcell--gold{border-top-color:var(--gold)}.rh7 .pcell--gold .sref,.rh7 .pcell--gold .go{color:var(--gold-deep)}
.rh7 .pcell--blue{border-top-color:var(--blue)}.rh7 .pcell--blue .sref,.rh7 .pcell--blue .go{color:var(--blue)}
.rh7 .pcell .tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:20px;background:var(--emerald-soft);color:var(--emerald)}
.rh7 .pcell .tag--soon{background:var(--gold-soft);color:var(--gold-deep)}
.rh7 .pcell .tag i{width:5px;height:5px;border-radius:50%;background:currentColor}
@media(min-width:640px){.rh7 .plat{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.rh7 .plat--3{grid-template-columns:repeat(3,1fr)}}

/* final CTA — plum sunset */
.rh7 .pcta{position:relative;overflow:hidden;padding:clamp(80px,12vh,150px) 0;text-align:center;background:var(--plum);color:var(--on-dark)}
.rh7 .pcta__glow{position:absolute;inset:0;background:radial-gradient(46% 66% at 16% 122%,rgba(238,91,57,.58),transparent 60%),radial-gradient(46% 66% at 84% 122%,rgba(90,146,200,.5),transparent 60%),radial-gradient(64% 82% at 50% 138%,rgba(21,156,106,.5),transparent 60%)}
.rh7 .pcta__in{position:relative;z-index:1;display:grid;gap:24px;justify-items:center}
.rh7 .pcta h2{font-family:var(--font-serif);font-size:clamp(2.2rem,5vw,4rem);line-height:1;letter-spacing:-.02em;max-width:18ch}
.rh7 .pcta h2 em{font-style:italic;color:var(--coral)}
.rh7 .pcta p{color:var(--on-dark-dim);max-width:44ch;font-size:1.1rem;line-height:1.5}
.rh7 .pcta .btn--light{background:#fff;color:var(--ink)}

/* ============ VOICE CALL DEMO (.vx) — ElevenLabs-style orb + waveform + live transcript ============ */
.rh7 .vx{--vc:var(--emerald);position:relative;display:grid;gap:0;width:100%;max-width:460px;border-radius:26px;overflow:hidden;color:#fff;
  background:radial-gradient(120% 90% at 50% -10%, #2a1426 0%, #150d13 46%, #0c0a0c 100%);
  box-shadow:0 40px 100px -40px rgba(20,8,18,.7),inset 0 0 0 1px rgba(255,255,255,.06)}
.rh7 .vx__head{display:flex;align-items:center;gap:12px;padding:20px 22px 4px}
.rh7 .vx__id{display:flex;align-items:center;gap:11px}
.rh7 .vx__logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(140deg,var(--gold),var(--coral));display:grid;place-items:center;font-family:var(--font-serif);font-weight:600;font-size:17px;color:#150d13}
.rh7 .vx__who b{display:block;font-size:14px;font-weight:600;letter-spacing:.01em}
.rh7 .vx__who small{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.rh7 .vx__chip{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ffd9a0;background:rgba(217,154,43,.16);border:1px solid rgba(217,154,43,.4);padding:5px 9px;border-radius:999px}
.rh7 .vx__chip i{width:5px;height:5px;border-radius:50%;background:#ffb54d;animation:vxLive 1.8s infinite}
@keyframes vxLive{0%{box-shadow:0 0 0 0 rgba(255,181,77,.55)}70%{box-shadow:0 0 0 7px rgba(255,181,77,0)}100%{box-shadow:0 0 0 0 rgba(255,181,77,0)}}
.rh7 .vx__stage{position:relative;display:grid;place-items:center;padding:26px 22px 6px;min-height:210px}
.rh7 .vx__orb{position:relative;width:132px;height:132px;border-radius:50%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.rh7 .vx__orb::before,.rh7 .vx__orb::after{content:"";position:absolute;inset:0;border-radius:50%}
.rh7 .vx__orb::before{background:radial-gradient(circle at 38% 32%, color-mix(in srgb,var(--vc) 92%,#fff) 0%, var(--vc) 42%, color-mix(in srgb,var(--vc) 40%,#0c0a0c) 100%);
  box-shadow:0 0 44px -4px var(--vc),inset 0 -10px 26px rgba(0,0,0,.45),inset 0 8px 18px rgba(255,255,255,.28);transition:background .5s,box-shadow .5s}
.rh7 .vx__orb::after{background:radial-gradient(circle at 50% 50%, transparent 52%, color-mix(in srgb,var(--vc) 30%,transparent) 70%, transparent 74%);transform:scale(1.35);opacity:.7;animation:vxHalo 3.4s ease-in-out infinite}
@keyframes vxHalo{0%,100%{transform:scale(1.3);opacity:.35}50%{transform:scale(1.55);opacity:.7}}
.rh7 .vx.is-idle .vx__orb{transform:scale(.92)}
.rh7 .vx.is-speak .vx__orb{animation:vxPulse 1.1s ease-in-out infinite}
@keyframes vxPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.rh7 .vx.is-listen .vx__orb{transform:scale(.97)}
.rh7 .vx__wave{position:absolute;left:0;right:0;bottom:2px;height:46px;width:100%;opacity:.9}
.rh7 .vx__cap{text-align:center;padding:2px 22px 0;min-height:20px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.rh7 .vx__timer{color:#fff;opacity:.85}
.rh7 .vx__script{padding:14px 22px 6px;display:grid;gap:9px;min-height:120px;align-content:end}
.rh7 .vx__line{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}
.rh7 .vx__line.show{opacity:1;transform:none}
.rh7 .vx__line .tag2{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;border-radius:6px;margin-top:2px;white-space:nowrap}
.rh7 .vx__line--host .tag2{color:#ffe1b8;background:rgba(217,154,43,.2)}
.rh7 .vx__line--guest .tag2{color:#cfe0f2;background:rgba(127,176,224,.18)}
.rh7 .vx__line p{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.92)}
.rh7 .vx__line--guest p{color:rgba(255,255,255,.72)}
.rh7 .vx__line.active p{color:#fff}
.rh7 .vx__foot{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 22px 22px}
.rh7 .vx__btn{appearance:none;border:0;cursor:pointer;font-family:var(--font-sans);font-weight:600;font-size:14.5px;color:#150d13;background:#fff;height:52px;padding:0 26px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;transition:transform .15s,box-shadow .2s}
.rh7 .vx__btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px -12px rgba(255,255,255,.5)}
.rh7 .vx__btn--call{background:linear-gradient(135deg,var(--emerald-bright),var(--emerald));color:#fff}
.rh7 .vx__btn--end{background:linear-gradient(135deg,#ff6a4d,var(--coral-deep));color:#fff}
.rh7 .vx__btn svg{width:18px;height:18px}
.rh7 .vx__hint{position:absolute;inset:0;display:grid;place-items:center;background:rgba(12,10,12,.55);backdrop-filter:blur(2px);z-index:4;transition:opacity .4s}
.rh7 .vx.started .vx__hint{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.rh7 .vx__orb::after,.rh7 .vx.is-speak .vx__orb,.rh7 .vx__chip i{animation:none}}
