/* r13 mock C: B chat + A cards. All rules scoped under html.mC */
.mC{--r13-r:20px;--teal:#2AAAC8;--off:#F4F1EA}
/* hero blend */
.mC .hero .hero-footage{border-radius:var(--r13-r)!important;overflow:hidden!important;position:relative!important;isolation:isolate;box-shadow:0 28px 60px -24px rgba(2,3,30,.75),0 0 0 1px rgba(244,241,234,.07),0 0 90px -10px rgba(42,170,200,.35)!important}
.mC .hero .hero-footage video,.mC .hero .hero-footage img{border-radius:0!important}
.mC .hero .hero-footage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,rgba(6,7,40,0),rgba(6,7,40,.82));pointer-events:none;z-index:1}
.mC .hero .hero-footage figcaption{position:absolute!important;left:16px!important;right:auto!important;bottom:14px!important;top:auto!important;z-index:2;margin:0!important;color:var(--off)!important;opacity:.92!important;font-size:13px!important;letter-spacing:normal!important;text-transform:none!important;background:none!important;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.mC .hero .phone{border-radius:var(--r13-r)!important;overflow:hidden;background:linear-gradient(180deg,#0E1058,#0B0C52)!important;color:var(--off)!important;box-shadow:0 0 0 1px rgba(244,241,234,.14),0 28px 60px -24px rgba(2,3,30,.85)!important}
@media(min-width:1000px){.mC .hero .phones{position:relative;z-index:2;margin-left:calc(-4vw - 14px)!important;justify-self:start!important;align-self:center}.mC .hero .hero-footage{align-self:center;justify-self:end!important;margin-right:0!important}.mC .hero .phone{box-shadow:0 0 0 1px rgba(244,241,234,.14),-24px 0 48px -24px rgba(2,3,30,.6),0 28px 60px -24px rgba(2,3,30,.85)!important}}
/* chat card (B) */
.mC .hero .phone *{color:inherit}
.mC .hero .phone-head,.mC .hero .phone-input{background:rgba(255,255,255,.05)!important;border-color:rgba(244,241,234,.1)!important;color:var(--off)!important}
.mC .hero .phone-head b,.mC .hero .phone-head small,.mC .hero .phone-head span{color:var(--off)!important}.mC .hero .phone-head small{opacity:.7}
.mC .hero .chat-body{background:transparent!important;position:relative}
.mC .hero .chat-label{font-size:12.5px!important;letter-spacing:normal!important;text-transform:none!important;line-height:1.5!important;margin:16px 0 8px!important;color:var(--off)!important;opacity:.65!important}
.mC .hero .chat-label:first-child{margin-top:4px!important}
.mC .hero .bubble{border-radius:18px 18px 18px 6px!important;font-size:14px!important;line-height:1.42!important;padding:10px 13px!important;margin-bottom:6px!important;background:rgba(244,241,234,.1)!important;color:var(--off)!important;box-shadow:inset 0 0 0 1px rgba(244,241,234,.08)!important}
.mC .hero .bubble.outgoing{border-radius:18px 18px 6px 18px!important;margin-left:auto!important;background:var(--teal)!important;color:#061033!important}
.mC .hero .bubble.outgoing *{color:#061033!important}
.mC .hero .bubble.outgoing .vn-wave i{background:rgba(6,16,51,.55)!important}
.mC .hero .artifact{border-radius:14px!important;border-left:0!important;background:rgba(244,241,234,.06)!important;box-shadow:inset 0 0 0 1px rgba(42,170,200,.5)!important;color:var(--off)!important}
.mC .hero .artifact *{color:var(--off)!important}.mC .hero .artifact .mono{opacity:.75}
.mC .hero .approval span{border-radius:999px!important;padding:6px 16px!important;font-size:13px!important;min-height:36px;display:grid!important;place-items:center;border:1px solid rgba(244,241,234,.3)!important;background:transparent!important;color:var(--off)!important}
.mC .hero .approval span:first-child{background:var(--teal)!important;border-color:var(--teal)!important;color:#061033!important}
/* reveal (class added by mock-c.js only) + 4s CSS failsafe */
@keyframes r13show{to{opacity:1;transform:none}}
.mC.rv-on .hero .chat-body>*{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s cubic-bezier(.2,.7,0,1);animation:r13show 0s 4s forwards}
.mC.rv-on .hero .chat-body>.in{opacity:1;transform:none}
.mC .r13-typing{position:absolute;display:flex;gap:4px;padding:10px 12px;border-radius:18px 18px 18px 6px;background:rgba(244,241,234,.12);opacity:0;transition:opacity .15s}
.mC .r13-typing.on{opacity:1}
.mC .r13-typing i{width:6px;height:6px;border-radius:50%;background:var(--off);opacity:.5;animation:r13dot 1.4s infinite}
.mC .r13-typing i:nth-child(2){animation-delay:.15s}.mC .r13-typing i:nth-child(3){animation-delay:.3s}
@keyframes r13dot{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-3px);opacity:.9}}
/* cards (A) */
.mC .crew-grid:not(.crew-people) .crew-tags{display:none!important}
.mC .crew-grid:not(.crew-people) .crew-card .crew-avatar{top:18px!important}
.mC .crew-grid .crew-card h3{padding-right:72px!important;min-height:0!important;overflow-wrap:anywhere;hyphens:auto}
.mC .crew-grid:not(.crew-people) .crew-card h3{margin-top:6px}
.mC .crew-card{border-radius:18px!important;transition:transform .35s cubic-bezier(.2,.7,0,1),box-shadow .35s ease,opacity .5s ease;background-image:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,0) 60%)!important;box-shadow:0 0 0 1px rgba(11,12,82,.08)}
.mC .crew-card .crew-avatar{animation:r13bob 9s ease-in-out infinite}
@media(hover:hover){.mC .crew-card:not(:hover) .crew-avatar{animation-play-state:paused}.mC .crew-card.in:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(11,12,82,.1),0 18px 40px -18px rgba(11,12,82,.35),0 0 40px -12px rgba(42,170,200,.35)}}
.mC .crew-card.in:focus-within{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(11,12,82,.1),0 18px 40px -18px rgba(11,12,82,.35),0 0 40px -12px rgba(42,170,200,.35)}
@keyframes r13bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.mC.rv-on .crew-card{opacity:0;transform:translateY(16px);animation:r13show 0s 4s forwards}
.mC.rv-on .crew-card.in{opacity:1;transform:none;animation:none}
.mC.rv-on .crew-card .crew-output{clip-path:inset(0 100% 0 0);animation:r13clip 0s 4s forwards}
.mC.rv-on .crew-card.in .crew-output{clip-path:inset(0 0 0 0);transition:clip-path .6s steps(16) .2s;animation:none}
@keyframes r13clip{to{clip-path:inset(0 0 0 0)}}
.mC .crew-output::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-radius:50%;background:var(--teal);vertical-align:middle;animation:r13pulse 1.6s ease-in-out infinite}
@keyframes r13pulse{0%,100%{opacity:.2}50%{opacity:.6}}
@media(prefers-reduced-motion:reduce){.mC .crew-card .crew-avatar,.mC .crew-output::after,.mC .r13-typing i{animation:none!important}.mC .crew-card{transition:none!important}}

/* ---- r14: Astra fixes ---- */
/* calmer, shorter intro: headline never held > ~0.6s */
.mC .r10 .ri-cloud{transition-duration:.55s,.45s!important;transition-delay:0s,0s!important}
.mC .r10 .ri-base,.mC .r10 .ri-stars{transition:opacity .45s ease 0s!important}
.mC .r10 .ri-glow{transition:opacity .45s ease,transform .55s ease!important}
.mC .rifda-intro.r10{transition:opacity .3s ease!important}
/* unified hero footage + chat card: one radius, one shadow, thin edge */
.mC .hero .hero-footage,.mC .hero .phone{border-radius:20px!important;box-shadow:0 0 0 1px rgba(244,241,234,.12),0 12px 28px -16px rgba(2,3,30,.6)!important}
.mC .hero .hero-footage::after{height:28%!important}
.mC .hero .hero-footage figcaption{font:500 12px/16px var(--font-body)!important;letter-spacing:normal!important;background:rgba(11,12,82,.85)!important;padding:4px 10px!important;border-radius:999px;text-shadow:none!important}
@media(min-width:1000px){.mC .hero .phones{margin-left:24px!important;align-self:start!important}.mC .hero .hero-footage{align-self:start!important}.mC .hero .phone{box-shadow:0 0 0 1px rgba(244,241,234,.12),0 12px 28px -16px rgba(2,3,30,.6)!important}}
/* close gap under main CTA on phones */
@media(max-width:700px){.mC .hero-footage>#talk-wafi{position:absolute;top:12px;right:12px;left:12px;margin:0;min-height:0;z-index:3;display:flex;flex-direction:column;align-items:flex-end}.mC .hero-footage>#talk-wafi.is-off{display:none}.mC .hero-footage>#talk-wafi .talk-note{background:rgba(11,12,82,.88);padding:6px 10px;border-radius:12px;opacity:1}}
/* origin line bigger */
.mC .hero .hero-origin{font:italic 400 22px/1.35 var(--font-display)!important;opacity:1!important;margin-top:20px!important;max-width:26ch}
@media(min-width:701px){.mC .hero .hero-origin{font-size:27px!important}}
/* card avatars on their own row; 1 col <701, 2 cols >=701 */
.mC .crew-grid{grid-template-columns:1fr!important;gap:12px!important}
@media(min-width:701px){.mC .crew-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}}
.mC .crew-grid .crew-card .crew-avatar{position:static!important;top:auto!important;right:auto!important;margin:0 0 14px!important}
.mC .crew-grid .crew-card h3{padding-right:0!important;hyphens:manual;overflow-wrap:normal}
/* section rhythm */
.mC main>.section,.mC body>.section,.mC .section{padding-top:64px!important;padding-bottom:64px!important}
@media(min-width:701px){.mC main>.section,.mC body>.section,.mC .section{padding-top:96px!important;padding-bottom:96px!important}}
/* tap targets */
.mC .footage-toggle,.mC .vn-play,.mC .film-toggle{min-width:44px!important;min-height:44px!important}
@media(prefers-reduced-motion:reduce){.mC .crew-card .crew-avatar{animation:none!important}.mC .rifda-intro{display:none!important}}
.mC .nav nav a{text-transform:none!important;letter-spacing:0!important;font-size:15px!important}
/* ---- r15 ---- */
.mC{--blue:#1F7A93;--rifda-blue:#1F7A93}
.mC .hero .phone{background:#0B0C52!important}
.mC #talk-wafi .wafi-orb{background:radial-gradient(120% 140% at 20% 50%,rgba(51,169,199,.35),rgba(11,12,82,.92))!important;border-color:rgba(51,169,199,.45)!important;box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 0 24px rgba(51,169,199,.25)!important}
.mC cite,.mC .origin-line cite,.mC .testimonial-quote cite{font:400 14px/20px var(--font-body)!important;letter-spacing:0!important;text-transform:none!important}
/* roles: no clipping */
.mC .wr3 .role{height:auto;overflow:visible;display:grid}
.mC .wr3 .role .ri{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity .35s ease}
.mC .wr3 .role .ri.on{visibility:visible;opacity:1}
.mC .wr3 .call{height:auto;min-height:132px;overflow:visible}
.mC .wr3 .b{min-width:7.5rem;padding:9px 12px}
.mC .wr3 .b i{position:static;display:block;margin-top:4px;text-align:right;white-space:nowrap;font:400 12px/16px var(--font-body);opacity:.8}
.mC .wr3 .chat{font-size:15px;line-height:1.4}
.mC .wr3 .b.them{background:#16185E}
.mC .wr3 .stage{background:radial-gradient(120% 80% at 50% 100%,#12145C 0%,#0B0C52 55%,#070833 100%)}
.mC .wr3-more{min-height:44px;margin-top:12px;padding:0 18px;border-radius:22px;border:1px solid rgba(241,240,239,.3);background:transparent;color:var(--rifda-offwhite);font:500 15px var(--font-body);cursor:pointer}
@media(max-width:999px){.mC .wr3 .result:not(.all) .w3 .w:nth-child(n+3){display:none}}
@media(min-width:1000px){.mC .wr3-more{display:none}
 .mC .wr3 .wr3-in{max-width:1120px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:0 56px;align-items:start}

 .mC .wr3 .picker{margin-top:0}
 .mC .wr3 .w3{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}
/* safety panel */
.mC .control-inset{padding:32px 24px!important}
@media(min-width:701px){.mC .control-inset{padding:40px 48px!important}}
.mC .control-rows>div{padding-block:20px}
/* lower partner cards even */
.mC .partners-grid{max-width:none!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:16px!important}
@media(min-width:701px){.mC .partners-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mC .partners-grid .partner-more{grid-column:1/-1}}
.mC .partner-card{height:auto!important}
/* phones: how-it-works steps all visible; tighter box gallery + footer */
@media(max-width:700px){
 .mC #proof .ig-steps{display:grid!important;grid-template-columns:1fr;overflow:visible!important;gap:16px}
 .mC #proof .ig-steps>li{flex:none;min-width:0;width:auto}
 .mC .pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
 .mC .pack-grid figure:last-child{grid-column:1/-1}
 .mC .footer-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 20px!important}
 .mC .footer-links>div:last-child{grid-column:1/-1}
 .mC .footer-links a{display:flex;align-items:center;min-height:44px}
 .mC .footer-links>div{gap:0!important}}
/* ---- r16 ---- */
.mC .pilot-card{display:grid;gap:12px}.mC .pilot-card>*{margin:0}
.mC .price-monthly{font:400 20px/1.4 var(--font-body);letter-spacing:0}
/* roles: centred Wafi, masonry jobs on desktop */
.mC .wr3 .wafi{left:50%!important}.mC .wr3 .shadow{left:50%!important}
.mC .wr3-pause{display:block;margin:10px auto 0;min-height:44px;padding:0 16px;border-radius:22px;border:1px solid rgba(241,240,239,.25);background:transparent;color:#F1F0EF;font:500 14px var(--font-body);cursor:pointer}
@media(min-width:1000px){.mC .wr3 .w3{display:block!important;columns:2;column-gap:16px}.mC .wr3 .w3 .w{break-inside:avoid;margin-bottom:16px;display:block}}
/* people */
.mC .partners-grid{align-items:start!important}
.mC .partners-grid .partner-more,.mC .crew-people .crew-more{grid-column:1/-1;border:0!important;background:none!important;box-shadow:none!important;padding:8px 0!important;min-height:0!important;height:auto!important}
.mC .partner-more .person-placeholder,.mC .partner-more h3,.mC .crew-more .crew-avatar,.mC .crew-more h3,.mC .crew-more .crew-tags{display:none!important}
.mC .partner-more p,.mC .crew-more .crew-job{margin:0;font-size:16px}
@media(max-width:700px){.mC .partner-card{flex-direction:column!important;gap:16px}.mC .partner-card .partner-photo{width:72px!important;flex:none}}
/* video toggles */
.mC .vid-toggle{position:absolute;right:12px;bottom:12px;z-index:3;min-height:44px;padding:0 14px;border-radius:22px;border:1px solid rgba(241,240,239,.35);background:rgba(11,12,82,.85);color:#F1F0EF;font:500 13px var(--font-body);cursor:pointer}
.mC .pack-video{display:block}.mC .pack-video+.vid-toggle,.mC figure:has(>.pack-video){position:relative}
/* static models row */
.mC #models-strip .marquee{overflow:visible;-webkit-mask-image:none;mask-image:none}
.mC #models-strip .marquee-track{animation:none!important;transform:none!important;width:100%}
.mC #models-strip ul[aria-hidden="true"]{display:none}
.mC #models-strip .wordmarks{display:flex;flex-wrap:wrap;gap:10px;width:auto}
/* footer strip */
@media(max-width:700px){.mC body:has(.mobile-cta[hidden]){padding-bottom:0!important}}
/* teal on navy contrast */
.mC .wr3 .wr3-k,.mC .wr3 .call b,.mC .footer-links .mono,.mC .wr3 .call .st{color:#5EC4D3!important;opacity:1!important}
/* phones: demo earlier */
@media(max-width:700px){.mC .hero .hero-footage{width:min(100%,240px)!important;max-width:240px!important;justify-self:center!important;margin-inline:auto!important}}
.mC .wr3-pause{position:absolute;top:8px;right:8px;margin:0;z-index:2;background:rgba(7,8,51,.7)}
.mC .hero .vid-toggle{top:12px;left:12px;right:auto;bottom:auto}
/* ---- r17 launch ---- */
.mC .igA{width:100%;background:#fff;color:#111;border-radius:16px;overflow:hidden;font-family:var(--font-body)}
.mC .igA-h{display:flex;align-items:center;gap:8px;padding:8px 10px;font:600 13px/1.2 var(--font-body)}
.mC .igA-h img{width:28px;height:28px;border-radius:50%;border:1px solid #ddd}
.mC .igA-h small{display:block;font-weight:400;color:#666;font-size:11px}
.mC .igA-s{position:relative;margin:0;aspect-ratio:1;overflow:hidden;background:#111}
.mC .igA-s>img{width:100%;height:100%;object-fit:cover;display:block}
.mC .igA-s:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.82),rgba(10,10,10,.35) 55%,rgba(10,10,10,0) 80%),linear-gradient(0deg,rgba(10,10,10,.55),transparent 45%)}
.mC .igA-pa{position:absolute;z-index:1;left:16px;top:16px;bottom:16px;display:flex;flex-direction:column;color:#f5f2ec}
.mC .igA-pa .lg{width:34px;height:auto;margin-bottom:auto;opacity:.95}
.mC .igA-pa .t1{margin:0;font:400 32px/.95 var(--font-display);color:#f5f2ec}
.mC .igA-pa .t2{margin:6px 0 0;font:500 15px var(--font-body);color:#e9c58f}
.mC .igA-pa .t3{margin:8px 0 0;font:400 11.5px/1.35 var(--font-body);opacity:.85;max-width:170px;color:#f5f2ec}
.mC .igA-cp{margin:0;padding:8px 10px 12px;font:400 13px/1.4 var(--font-body);color:#111}
.mC .ig-screen[data-ig-step="4"]{width:100%}
.mC .ig-phone,.mC .ig-screens{max-width:100%}
.mC .pack-film{position:relative!important}.mC .pack-film>.vid-toggle{right:12px;bottom:12px;top:auto;left:auto}
@media(max-width:700px){.mC .footer{box-shadow:0 calc(84px + env(safe-area-inset-bottom)) 0 0 var(--navy,#0B0C52)}}
/* ---- r17 hotfix: talk row + icon pause ---- */
.mC .vid-toggle,.mC .hero .vid-toggle,.mC .pack-film>.vid-toggle{top:auto!important;left:auto!important;right:10px!important;bottom:10px!important;width:40px;height:40px;min-height:40px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:0;background:rgba(11,12,82,.78);border:1px solid rgba(241,240,239,.4)}
.mC .vid-toggle:focus-visible{outline:2px solid #DFAB6C;outline-offset:2px}
.mC .hero .hero-footage figcaption{max-width:calc(100% - 76px)}
@media(max-width:700px){
 .mC .hero #talk-wafi{position:static!important;margin:14px 0 0!important;min-height:52px!important;display:block!important;left:auto;right:auto;top:auto}
 .mC .hero #talk-wafi.is-off{display:block!important;visibility:hidden}
 .mC .hero #talk-wafi .talk-note{display:none}
 .mC .hero #talk-wafi .wafi-orb{min-height:48px}
}
.mC .hero #talk-wafi .talk-live{margin-top:10px;padding:10px 14px;border-radius:14px;background:rgba(241,240,239,.08);border:1px solid rgba(241,240,239,.16);max-width:34ch}
.mC .hero #talk-wafi .talk-status{margin:0;font:400 15px/1.4 var(--font-body);color:#F1F0EF;opacity:1}
.mC .hero #talk-wafi .talk-live .cta{display:none!important}