/* Respondo immersive motion layer */
:root{--fx-blue:#1d1d1f;--fx-cyan:#aeb0b5;--fx-ink:#070b11;--fx-panel:#0c121d;--fx-line:rgba(255,255,255,.09);--fx-glow:rgba(17,17,20,.10)}
html{scroll-behavior:smooth;scroll-padding-top:88px}body{overflow-x:hidden}main{overflow:clip}.nav{transform:translateZ(0)}

/* Scroll progress */
.fx-progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:9999;pointer-events:none;background:rgba(255,255,255,.04)}
.fx-progress>i{display:block;width:100%;height:100%;transform:scaleX(var(--scroll-progress,0));transform-origin:left center;background:linear-gradient(90deg,#111114,#c7c9cd);box-shadow:0 0 24px rgba(17,17,20,.22)}

/* Ambient depth */
.fx-ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.fx-orb{position:absolute;border-radius:50%;filter:blur(65px);opacity:.16;will-change:transform}
.fx-orb.one{width:34vw;height:34vw;min-width:320px;min-height:320px;background:#44464b;right:-9vw;top:10vh;transform:translate3d(0,var(--orb1,0),0)}
.fx-orb.two{width:28vw;height:28vw;min-width:260px;min-height:260px;background:#b9bbc0;left:-10vw;top:58vh;opacity:.08;transform:translate3d(0,var(--orb2,0),0)}

/* Hero 3D */
.hero{perspective:1500px;isolation:isolate}.hero-grid{perspective:1500px}.hero-copy,.signal-console{will-change:transform;transform-style:preserve-3d}.signal-console{position:relative;transform:perspective(1500px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translate3d(0,var(--lift,0px),0);transition:box-shadow .25s ease;box-shadow:0 46px 120px rgba(2,6,14,.26),0 0 0 1px rgba(255,255,255,.05)}
.signal-console::before{content:"";position:absolute;inset:-22px;border-radius:inherit;z-index:-1;background:linear-gradient(135deg,rgba(93,119,255,.2),transparent 45%,rgba(126,231,255,.12));filter:blur(22px);opacity:.85;transform:translateZ(-45px)}
.signal-console::after{content:"";position:absolute;left:7%;right:7%;bottom:-34px;height:45px;background:radial-gradient(ellipse,rgba(20,31,62,.42),transparent 70%);filter:blur(12px);transform:translateZ(-60px)}
.console-top{transform:translateZ(32px)}.console-main{transform:translateZ(20px)}.answer-card{transform:translateZ(30px)}.handoff-card{transform:translateZ(22px)}
.hero-glow{transform:translate3d(var(--hero-x,0),var(--hero-y,0),0) scale(1.05);will-change:transform}

/* 3D wells / recessed sections */
.fx-depth{position:relative;isolation:isolate;perspective:1300px}
.fx-depth::before{content:"";position:absolute;inset:28px max(18px,3vw);z-index:-1;border-radius:42px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -50px 90px rgba(0,0,0,.16),0 60px 130px rgba(5,10,20,.08);transform:translateZ(-60px) scale(.985)}
.workflow.fx-depth::before,.pricing-section.fx-depth::before{background:linear-gradient(180deg,rgba(15,22,36,.035),rgba(65,94,255,.025));border-color:rgba(10,18,32,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -70px 100px rgba(29,52,100,.04),0 55px 120px rgba(21,38,72,.07)}
.fx-depth>.container{transform-style:preserve-3d}.fx-depth .split-head{transform:translateZ(24px)}

/* Reveal and slide system */
[data-reveal]{opacity:0;transform:translate3d(0,44px,0) scale(.985);filter:blur(8px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),filter .75s ease;transition-delay:var(--delay,0ms)}
[data-reveal="left"]{transform:translate3d(-70px,20px,0) rotateY(4deg)}
[data-reveal="right"]{transform:translate3d(70px,20px,0) rotateY(-4deg)}
[data-reveal].is-visible{opacity:1;transform:translate3d(0,0,0) scale(1) rotateY(0);filter:blur(0)}
.flowstep,.price-card,.truth-card,.control-list>div{transform-style:preserve-3d}

/* Tilt cards */
[data-tilt]{--tx:0deg;--ty:0deg;--tz:0px;transform:perspective(1000px) rotateX(var(--tx)) rotateY(var(--ty)) translateZ(var(--tz));transition:transform .18s ease,box-shadow .25s ease;will-change:transform}
[data-tilt]:hover{--tz:8px;box-shadow:0 30px 75px rgba(10,19,39,.15)}
.control [data-tilt]:hover{box-shadow:0 40px 100px rgba(0,0,0,.25),0 0 50px rgba(17,17,20,.08)}

/* Sticky depth rail */
.fx-scroll-rail{position:absolute;left:calc(50% - min(590px,calc(50vw - 20px)));top:70px;bottom:70px;width:1px;background:linear-gradient(180deg,transparent,rgba(95,121,255,.35) 20%,rgba(95,121,255,.1) 80%,transparent);pointer-events:none}
.fx-scroll-rail i{position:sticky;top:110px;display:block;width:7px;height:7px;border-radius:50%;margin-left:-3px;background:#55575d;box-shadow:0 0 0 7px rgba(100,124,255,.08),0 0 24px rgba(100,124,255,.5)}

/* Marquee / slide band */
.respondo-marquee{position:relative;overflow:hidden;border-block:1px solid rgba(12,20,34,.1);background:linear-gradient(90deg,#0a0f18,#10192a 50%,#0a0f18);color:#fff;transform:rotate(-1.15deg) scale(1.02);margin:22px 0 34px;box-shadow:0 20px 55px rgba(5,10,22,.16)}
.marquee-track{display:flex;width:max-content;gap:36px;padding:16px 0;animation:fx-marquee 24s linear infinite}
.marquee-track span{display:flex;align-items:center;gap:18px;font-size:12px;font-weight:850;letter-spacing:.14em;white-space:nowrap;color:rgba(255,255,255,.82)}
.marquee-track span::after{content:"✦";color:#686a70}
@keyframes fx-marquee{to{transform:translateX(-50%)}}

/* Layered section decorations */
.fx-cube{position:absolute;width:76px;height:76px;border:1px solid rgba(93,119,255,.18);border-radius:18px;pointer-events:none;transform-style:preserve-3d;animation:fx-float 7s ease-in-out infinite;box-shadow:inset 0 0 35px rgba(93,119,255,.06)}
.fx-cube::before{content:"";position:absolute;inset:12px;border:1px solid rgba(93,119,255,.12);border-radius:11px;transform:translateZ(22px)}
.fx-cube.a{right:6%;top:9%;transform:rotate(22deg)}.fx-cube.b{left:5%;bottom:11%;width:54px;height:54px;animation-delay:-3s}
@keyframes fx-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -18px;rotate:7deg}}

/* Button micro-interactions */
.btn{position:relative;overflow:hidden;isolation:isolate}.btn::after{content:"";position:absolute;inset:-120% -30%;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-65%) rotate(8deg);transition:transform .6s ease;z-index:-1}.btn:hover::after{transform:translateX(65%) rotate(8deg)}
.fx-magnetic{transform:translate3d(var(--mag-x,0),var(--mag-y,0),0);transition:transform .18s ease}

/* CTA popup */
.fx-modal-backdrop{position:fixed;inset:0;background:rgba(3,7,13,.62);backdrop-filter:blur(10px);z-index:10000;display:grid;place-items:center;padding:22px;opacity:0;pointer-events:none;transition:opacity .25s ease}
.fx-modal-backdrop.open{opacity:1;pointer-events:auto}.fx-modal{width:min(560px,100%);position:relative;border-radius:28px;background:linear-gradient(160deg,#0d1420,#080c13);color:#fff;padding:34px;border:1px solid rgba(255,255,255,.08);box-shadow:0 50px 160px rgba(0,0,0,.55);transform:translateY(24px) scale(.96) rotateX(5deg);transition:transform .35s cubic-bezier(.2,.8,.2,1);perspective:1000px;overflow:hidden}.fx-modal-backdrop.open .fx-modal{transform:translateY(0) scale(1) rotateX(0)}.fx-modal::before{content:"";position:absolute;width:260px;height:260px;right:-80px;top:-110px;border-radius:50%;background:#1d1d1f;filter:blur(70px);opacity:.25}.fx-modal-kicker{font-size:11px;font-weight:850;letter-spacing:.16em;color:#8d8f95;text-transform:uppercase}.fx-modal h3{font-size:clamp(30px,5vw,46px);line-height:1.02;letter-spacing:-.045em;margin:13px 0}.fx-modal p{color:#aeb8c7;line-height:1.65;max-width:460px}.fx-modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.fx-modal-close{position:absolute;right:15px;top:15px;width:38px;height:38px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;border-radius:50%;font-size:20px;display:grid;place-items:center}

/* Floating assistant */
.fx-assistant-launch{position:fixed;right:22px;bottom:22px;z-index:9997;border:0;background:#0b1019;color:#fff;border-radius:18px;padding:12px 15px 12px 11px;display:flex;align-items:center;gap:10px;box-shadow:0 18px 70px rgba(4,9,20,.28),0 0 0 1px rgba(255,255,255,.07);font-weight:800;transition:transform .2s ease,box-shadow .2s ease}.fx-assistant-launch:hover{transform:translateY(-3px);box-shadow:0 24px 85px rgba(4,9,20,.35),0 0 0 1px rgba(117,142,255,.35)}.fx-assistant-launch i{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#47494e,#c5c7cb);color:#07101b;font-style:normal;font-weight:950}.fx-assistant-launch .fx-live{width:7px;height:7px;border-radius:50%;background:#71747a;box-shadow:0 0 0 4px rgba(89,232,154,.1)}
.fx-assistant{position:fixed;right:22px;bottom:86px;z-index:9998;width:min(390px,calc(100vw - 24px));height:min(590px,calc(100vh - 120px));background:rgba(9,14,23,.97);backdrop-filter:blur(18px);color:#fff;border-radius:26px;border:1px solid rgba(255,255,255,.09);box-shadow:0 45px 140px rgba(0,0,0,.48);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(22px) scale(.94) rotateX(5deg);transform-origin:bottom right;transition:opacity .24s ease,transform .32s cubic-bezier(.2,.8,.2,1)}.fx-assistant.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1) rotateX(0)}
.fx-assistant-head{padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(17,17,20,.08),transparent)}.fx-assistant-id{display:flex;align-items:center;gap:11px}.fx-assistant-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#47494e,#c5c7cb);display:grid;place-items:center;color:#07101b;font-weight:950}.fx-assistant-id b{display:block;font-size:14px}.fx-assistant-id small{display:flex;align-items:center;gap:6px;color:#8f9bad;font-size:11px;margin-top:2px}.fx-assistant-id small::before{content:"";width:6px;height:6px;border-radius:50%;background:#71747a}.fx-assistant-close{border:0;background:transparent;color:#9aa6b8;font-size:21px;padding:6px}
.fx-assistant-messages{padding:17px;overflow:auto;display:flex;flex-direction:column;gap:10px}.fx-chat-bubble{max-width:86%;padding:11px 13px;border-radius:15px;font-size:13px;line-height:1.5;animation:fx-pop .25s ease}.fx-chat-bubble.bot{align-self:flex-start;background:#141d2c;border:1px solid rgba(255,255,255,.06);color:#e9edf5;border-bottom-left-radius:5px}.fx-chat-bubble.user{align-self:flex-end;background:#4f5156;color:#fff;border-bottom-right-radius:5px}.fx-chat-bubble.typing{color:#8d99aa;letter-spacing:.14em}.fx-quick{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}.fx-quick button{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#cdd5e1;padding:7px 9px;border-radius:999px;font-size:11px;cursor:pointer}.fx-quick button:hover{border-color:rgba(111,137,255,.45);background:rgba(91,115,255,.1)}
.fx-assistant-form{padding:12px;border-top:1px solid rgba(255,255,255,.07);display:flex;gap:8px}.fx-assistant-form input{flex:1;min-width:0;background:#111926;border:1px solid rgba(255,255,255,.08);color:#fff;border-radius:13px;padding:11px 12px;outline:none}.fx-assistant-form input:focus{border-color:rgba(111,137,255,.55);box-shadow:0 0 0 3px rgba(91,115,255,.08)}.fx-assistant-form button{width:42px;border:0;border-radius:12px;background:#617aff;color:#fff;font-size:18px}@keyframes fx-pop{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}

/* Mobile */
@media(max-width:800px){.fx-cube,.fx-scroll-rail{display:none}.signal-console{transform:none!important}.respondo-marquee{transform:none;margin-top:0}.fx-assistant{right:12px;bottom:78px}.fx-assistant-launch{right:12px;bottom:12px}.fx-depth::before{inset:18px 8px;border-radius:26px}[data-reveal="left"],[data-reveal="right"]{transform:translate3d(0,34px,0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track,.fx-cube{animation:none!important}[data-reveal]{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.signal-console,.hero-glow,.fx-orb{transform:none!important}.fx-magnetic{transform:none!important}}


/* Direct owner/test assistant */
body.assistant-standalone{min-height:100vh;background:
radial-gradient(circle at 18% 16%,rgba(17,17,20,.18),transparent 34%),
radial-gradient(circle at 82% 80%,rgba(83,220,255,.10),transparent 32%),
#070b11;color:#fff;overflow:hidden}
body.assistant-standalone #app{min-height:100vh}
.assistant-direct-shell{min-height:100vh;display:grid;place-items:center;position:relative;padding:32px}
.assistant-direct-brand{position:fixed;left:26px;top:22px;display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;z-index:4}
.assistant-direct-brand span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#47494e,#c5c7cb);color:#07101b;font-weight:950}
.assistant-direct-brand b{font-size:17px;letter-spacing:-.02em}
.assistant-direct-copy{position:fixed;left:clamp(24px,7vw,110px);top:50%;transform:translateY(-50%);max-width:420px;z-index:2}
.assistant-direct-copy small{font-size:11px;letter-spacing:.18em;color:#91a3ff;font-weight:850}
.assistant-direct-copy h1{font-size:clamp(42px,6vw,78px);line-height:.94;letter-spacing:-.06em;margin:14px 0}
.assistant-direct-copy p{color:#9eabba;font-size:16px;line-height:1.65;max-width:350px}
body.assistant-standalone .fx-assistant-launch{display:none}
body.assistant-standalone .fx-assistant{right:clamp(24px,8vw,130px);bottom:auto;top:50%;width:min(430px,calc(100vw - 32px));height:min(670px,calc(100vh - 70px));transform:translateY(-50%) scale(.96);opacity:0}
body.assistant-standalone .fx-assistant.open{transform:translateY(-50%) scale(1);opacity:1}
body.assistant-standalone .fx-assistant-close{display:none}
body.assistant-standalone .fx-ambient{z-index:0}
body.assistant-standalone .fx-progress{display:none}
@media(max-width:900px){
  body.assistant-standalone{overflow:auto}
  .assistant-direct-shell{display:block;padding:90px 16px 24px}
  .assistant-direct-copy{position:static;transform:none;margin:0 auto 22px;max-width:430px}
  .assistant-direct-copy h1{font-size:48px}
  body.assistant-standalone .fx-assistant{position:relative;right:auto;top:auto;bottom:auto;margin:0 auto;width:min(430px,100%);height:min(640px,70vh);transform:none!important;opacity:1}
}


/* Free owner knowledge editor */
body.assistant-standalone{overflow:auto}
.assistant-direct-shell{display:block;min-height:100vh;padding:88px clamp(18px,5vw,72px) 44px}
.assistant-owner-panel{width:min(620px,calc(50vw - 60px));position:relative;z-index:3}
.assistant-direct-copy{position:static;transform:none;max-width:620px;margin-bottom:22px}
.assistant-direct-copy h1{font-size:clamp(38px,4.4vw,66px)}
.assistant-direct-copy p{max-width:520px}
.owner-profile-form{background:rgba(10,16,26,.84);border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:20px;box-shadow:0 34px 110px rgba(0,0,0,.28);backdrop-filter:blur(18px);display:grid;gap:12px}
.owner-field{display:grid;gap:6px}.owner-field label{font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#8491a5}
.owner-field input,.owner-field textarea{width:100%;border:1px solid rgba(255,255,255,.09);background:#101825;color:#fff;border-radius:12px;padding:11px 12px;outline:none;font:inherit;font-size:13px}
.owner-field input:focus,.owner-field textarea:focus{border-color:rgba(106,132,255,.62);box-shadow:0 0 0 3px rgba(95,121,255,.09)}
.owner-field textarea{min-height:72px;resize:vertical}
.owner-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.owner-save{border:0;border-radius:13px;min-height:46px;padding:0 16px;background:linear-gradient(135deg,#4f5156,#718aff);color:#fff;font-weight:850;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.owner-save-status{min-height:17px;font-size:11px;color:#64e6a5}
body.assistant-standalone .fx-assistant{position:fixed;right:clamp(24px,6vw,90px);top:50%;bottom:auto;width:min(430px,42vw);height:min(690px,calc(100vh - 70px));transform:translateY(-50%) scale(.96)}
body.assistant-standalone .fx-assistant.open{transform:translateY(-50%) scale(1)}
.fx-chat-bubble.owner-confirm{border-color:rgba(89,232,154,.25);background:rgba(27,88,62,.2)}

@media(max-width:980px){
  .assistant-direct-shell{padding:84px 14px 26px}
  .assistant-owner-panel{width:min(620px,100%);margin:0 auto 18px}
  .assistant-direct-copy{margin-bottom:18px}
  .assistant-direct-copy h1{font-size:44px}
  body.assistant-standalone .fx-assistant{position:relative;right:auto;top:auto;bottom:auto;width:min(620px,100%);height:min(640px,72vh);margin:0 auto;transform:none!important;opacity:1}
}
@media(max-width:600px){
  .owner-two{grid-template-columns:1fr}
  .owner-profile-form{padding:15px;border-radius:20px}
  .assistant-direct-copy h1{font-size:38px}
}


/* =========================================================
   CLEAN MOTION + OWNER BUILDER
   ========================================================= */
.fx-orb{opacity:.055!important;filter:blur(90px)!important}
.fx-orb.one{background:#75b7ff!important}
.fx-orb.two{background:#b7ddff!important}
.fx-depth::before{
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(247,249,252,.66))!important;
  border:1px solid rgba(17,17,20,.05)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 35px 90px rgba(0,0,0,.045)!important;
}
.fx-cube{display:none!important}
.fx-scroll-rail{opacity:.35}
.respondo-marquee{
  transform:none!important;
  background:#f5f5f7!important;
  color:#111114!important;
  border-color:rgba(17,17,20,.06)!important;
  box-shadow:none!important;
  margin:0!important;
}
.marquee-track{animation-duration:34s!important}
.marquee-track span{color:#7a7a80!important;font-weight:700!important}
.marquee-track span::after{color:#111114!important}
[data-reveal]{filter:blur(3px)!important;transform:translate3d(0,28px,0) scale(.992)!important}
[data-reveal="left"]{transform:translate3d(-30px,12px,0)!important}
[data-reveal="right"]{transform:translate3d(30px,12px,0)!important}
[data-reveal].is-visible{filter:none!important;transform:none!important}
[data-tilt]:hover{box-shadow:0 24px 60px rgba(0,0,0,.07)!important}
.btn::after{opacity:.35}

.fx-modal-backdrop{background:rgba(17,17,20,.22)!important}
.fx-modal{
  background:rgba(255,255,255,.96)!important;
  color:#111114!important;
  border-color:rgba(17,17,20,.08)!important;
  box-shadow:0 40px 120px rgba(0,0,0,.16)!important;
}
.fx-modal::before{background:#9ed0ff!important;opacity:.22!important}
.fx-modal p{color:#6e6e73!important}
.fx-modal-kicker{color:#111114!important}
.fx-modal-close{background:#f5f5f7!important;color:#555!important;border-color:rgba(17,17,20,.07)!important}

/* Assistant — light premium */
.fx-assistant-launch{
  background:rgba(255,255,255,.9)!important;
  color:#111114!important;
  border:1px solid rgba(17,17,20,.08)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(20px);
}
.fx-assistant-launch i,.fx-assistant-avatar{
  background:linear-gradient(145deg,#111114,#33343a)!important;
  color:#fff!important;
}
.fx-assistant{
  background:rgba(255,255,255,.97)!important;
  color:#111114!important;
  border-color:rgba(17,17,20,.08)!important;
  box-shadow:0 35px 110px rgba(0,0,0,.16)!important;
}
.fx-assistant-head{
  background:linear-gradient(180deg,rgba(247,249,252,.95),rgba(255,255,255,.9))!important;
  border-color:rgba(17,17,20,.07)!important;
}
.fx-assistant-id small{color:#7b7b82!important}
.fx-assistant-close{color:#777!important}
.fx-assistant-messages{background:#fff!important}
.fx-chat-bubble.bot{
  background:#f5f5f7!important;
  color:#222226!important;
  border-color:rgba(17,17,20,.055)!important;
}
.fx-chat-bubble.user{background:#111114!important}
.fx-quick button{
  background:#fff!important;
  color:#515157!important;
  border-color:rgba(17,17,20,.09)!important;
}
.fx-quick button:hover{background:#f5f5f7!important;border-color:#c9def3!important}
.fx-assistant-form{background:#fbfbfc!important;border-color:rgba(17,17,20,.07)!important}
.fx-assistant-form input{
  background:#fff!important;
  color:#111114!important;
  border-color:rgba(17,17,20,.09)!important;
}
.fx-assistant-form button{background:#111114!important}

/* Free assistant page */
body.assistant-standalone{
  background:
    radial-gradient(circle at 78% 12%,rgba(0,113,227,.08),transparent 30%),
    radial-gradient(circle at 12% 35%,rgba(115,190,255,.08),transparent 28%),
    #f5f5f7!important;
  color:#111114!important;
}
.assistant-direct-brand{color:#111114!important}
.assistant-direct-brand span{
  background:#111114!important;
  color:#fff!important;
}
.assistant-direct-copy small{color:#111114!important}
.assistant-direct-copy p{color:#6e6e73!important}
.owner-profile-form{
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(17,17,20,.08)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.07)!important;
}
.owner-field label,.custom-facts-head label{color:#77777e!important}
.owner-field input,.owner-field textarea,.service-add-row select,.service-add-row input{
  background:#fafafa!important;
  color:#111114!important;
  border-color:rgba(17,17,20,.09)!important;
}
.owner-field input:focus,.owner-field textarea:focus,.service-add-row select:focus,.service-add-row input:focus{
  background:#fff!important;
  border-color:#8cc7ff!important;
  box-shadow:0 0 0 4px rgba(0,113,227,.08)!important;
}
.owner-save{
  background:#111114!important;
  color:#fff!important;
  border-radius:999px!important;
}
.owner-save-status{color:#24895c!important}

/* Services dropdown + chips */
.service-add-row{display:grid;grid-template-columns:1fr auto;gap:8px}
.service-add-row select,.service-add-row input{min-height:44px;border-radius:12px;padding:0 12px;font:inherit;font-size:13px;outline:none;border:1px solid rgba(17,17,20,.09)}
.service-custom-row{margin-top:8px}
.service-add-row button{
  min-height:44px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(17,17,20,.08);
  background:#111114;
  color:#fff;
  font-weight:750;
  cursor:pointer;
}
.service-builder>small{color:#8a8a90;font-size:10px}
.service-chips{display:flex;flex-wrap:wrap;gap:7px;min-height:10px}
.service-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid #d9e9f8;
  background:#eef7ff;
  color:#145b92;
  border-radius:999px;
  padding:7px 10px;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.service-chip b{font-size:14px;line-height:1;color:#6c9dc5}

/* Custom keyword-answer builder */
.custom-facts-block{
  border-top:1px solid rgba(17,17,20,.07);
  border-bottom:1px solid rgba(17,17,20,.07);
  padding:16px 0;
  margin:2px 0;
}
.custom-facts-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.custom-facts-head label{display:block;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.custom-facts-head small{display:block;color:#8a8a90;font-size:10px;margin-top:4px;line-height:1.5}
.custom-facts-head button{
  flex:0 0 auto;
  min-height:38px;
  padding:0 13px;
  border-radius:999px;
  border:1px solid rgba(17,17,20,.09);
  background:#fff;
  color:#111114;
  font-weight:750;
  cursor:pointer;
}
#customFacts{display:grid;gap:10px}
.custom-fact-row{
  position:relative;
  display:grid;
  grid-template-columns:.72fr 1.28fr auto;
  gap:9px;
  align-items:end;
  padding:12px;
  border:1px solid rgba(17,17,20,.07);
  border-radius:16px;
  background:#fafafa;
}
.custom-fact-row .owner-field textarea{min-height:44px;height:44px}
.remove-fact{
  width:36px;
  height:36px;
  margin-bottom:1px;
  border-radius:50%;
  border:1px solid rgba(17,17,20,.08);
  background:#fff;
  color:#888;
  font-size:18px;
  cursor:pointer;
}
.fx-chat-bubble.owner-confirm{
  background:#f0faf5!important;
  border-color:#d7eee1!important;
  color:#245f45!important;
}

@media(max-width:980px){
  .assistant-owner-panel{width:min(680px,100%)!important}
  body.assistant-standalone .fx-assistant{width:min(680px,100%)!important}
}
@media(max-width:680px){
  .custom-facts-head{flex-direction:column}
  .custom-fact-row{grid-template-columns:1fr}
  .remove-fact{position:absolute;right:8px;top:8px}
  .service-add-row{grid-template-columns:1fr}
  .service-add-row button{width:100%}
}


.add-fact-bottom{
  width:100%;
  min-height:44px;
  margin-top:10px;
  border:1px dashed rgba(0,113,227,.28);
  border-radius:14px;
  background:#f4f9ff;
  color:#0066c8;
  font-weight:750;
  cursor:pointer;
  transition:.18s ease;
}
.add-fact-bottom:hover{background:#eaf4ff;border-color:rgba(0,113,227,.42)}


/* =========================================================
   LUXE MOTION REDUCTION — QUIET PREMIUM INTERACTIONS
   ========================================================= */
.fx-progress{height:2px!important;background:transparent!important}
.fx-progress>i{background:#111114!important;box-shadow:none!important;opacity:.75!important}
.fx-ambient{opacity:.45!important}
.fx-orb{filter:blur(120px)!important;opacity:.035!important}
.respondo-marquee,.hero-marquee{display:none!important}
.fx-scroll-rail{display:none!important}
.fx-depth::before{
  inset:36px 0!important;
  border-radius:44px!important;
  background:linear-gradient(180deg,rgba(248,250,252,.75),rgba(255,255,255,.55))!important;
  border:1px solid rgba(0,0,0,.035)!important;
  box-shadow:none!important;
  transform:none!important;
}
[data-reveal]{
  opacity:0;
  transform:translateY(22px) scale(.995)!important;
  filter:blur(1.5px)!important;
  transition:
    opacity .78s cubic-bezier(.2,.7,.2,1),
    transform .82s cubic-bezier(.2,.7,.2,1),
    filter .65s ease!important;
}
[data-reveal="left"],[data-reveal="right"]{transform:translateY(22px) scale(.995)!important}
[data-reveal].is-visible{opacity:1!important;transform:none!important;filter:none!important}
[data-tilt]{
  transform:none!important;
  transition:transform .35s ease,box-shadow .35s ease!important;
}
[data-tilt]:hover{transform:translateY(-3px)!important}
.signal-console{transform:none!important}
.signal-console:hover{transform:translateY(-4px)!important}
.fx-magnetic{transform:none!important}
.btn::after{display:none!important}
.fx-cube{display:none!important}


/* =========================================================
   RESPONDO MONOCHROME EFFECTS — NO BLUE
   ========================================================= */
.fx-progress>i{background:#1d1d1f!important;opacity:.45!important}
.fx-orb.one{background:#c8c8cc!important}
.fx-orb.two{background:#e1e1e3!important}
.marquee-track span::after{color:#6e6e73!important}
.fx-modal::before{background:#d8d8dc!important}
.fx-modal-kicker{color:#5f5f64!important}
.fx-assistant-launch i,.fx-assistant-avatar{
  background:linear-gradient(145deg,#111114,#343438)!important;
  color:#fff!important;
}
.fx-chat-bubble.user{background:#1d1d1f!important;color:#fff!important}
.fx-quick button:hover{
  background:#f2f2f4!important;
  border-color:#cfcfd3!important;
}
.fx-assistant-form input:focus{
  border-color:#b9b9be!important;
  box-shadow:0 0 0 3px rgba(0,0,0,.04)!important;
}
.fx-assistant-form button{background:#1d1d1f!important;color:#fff!important}
body.assistant-standalone{
  background:
    radial-gradient(circle at 78% 12%,rgba(0,0,0,.04),transparent 30%),
    radial-gradient(circle at 12% 35%,rgba(0,0,0,.028),transparent 28%),
    #f5f5f7!important;
}
.assistant-direct-copy small{color:#66666b!important}
.owner-field input:focus,.owner-field textarea:focus,.service-add-row select:focus{
  border-color:#b9b9be!important;
  box-shadow:0 0 0 4px rgba(0,0,0,.04)!important;
}
.service-chip{
  border-color:#dddddf!important;
  background:#f2f2f3!important;
  color:#414146!important;
}
.service-chip b{color:#7d7d82!important}
.add-fact-bottom{
  border-color:#cfcfd3!important;
  background:#f7f7f8!important;
  color:#3f3f43!important;
}
.add-fact-bottom:hover{
  background:#efeff1!important;
  border-color:#bdbdc1!important;
}


/* =========================================================
   PREMIUM SHOWCASE MOTION
   ========================================================= */
.visual-card{
  transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease;
}
.visual-card:hover{
  transform:translateY(-6px);
  box-shadow:0 34px 90px rgba(0,0,0,.075);
}
.visual-frame{
  opacity:0;
  clip-path:inset(8% 5% 0 5% round 30px);
  transform:
    translateY(calc(var(--visual-y, 18px) + 18px))
    scale(var(--visual-scale, .99));
  transition:
    opacity .9s cubic-bezier(.2,.7,.2,1),
    clip-path 1s cubic-bezier(.2,.7,.2,1),
    transform .18s linear;
  will-change:transform;
}
.visual-card.visual-visible .visual-frame{
  opacity:1;
  clip-path:inset(0 0 0 0 round 30px);
}
.visual-card-large .visual-frame{
  transform:
    translateX(-50%)
    translateY(calc(var(--visual-y, 18px) + 18px))
    scale(var(--visual-scale, .99));
}
.visual-card-large.visual-visible .visual-frame{
  transform:
    translateX(-50%)
    translateY(var(--visual-y, 0px))
    scale(var(--visual-scale, 1));
}
.visual-card:not(.visual-card-large).visual-visible .visual-frame{
  transform:
    translateY(var(--visual-y, 0px))
    scale(var(--visual-scale, 1));
}
.product-subnav{
  transition:box-shadow .25s ease,background .25s ease;
}
.product-subnav:has(a.active){
  box-shadow:0 8px 30px rgba(0,0,0,.03);
}
@media(max-width:640px){
  .visual-card-large .visual-frame,
  .visual-card-large.visual-visible .visual-frame{
    transform:translateY(var(--visual-y,0px)) scale(var(--visual-scale,1));
  }
}
@media(prefers-reduced-motion:reduce){
  .visual-frame,
  .visual-card,
  .product-subnav{
    transition:none!important;
    transform:none!important;
    clip-path:none!important;
    opacity:1!important;
  }
}


/* =========================================================
   PREMIUM LEFT SECTION RAIL
   ========================================================= */
.section-rail-premium{
  position:fixed;
  left:18px;
  top:50%;
  z-index:88;
  width:120px;
  transform:translateY(-50%);
  pointer-events:none;
}
.section-rail-line{
  position:absolute;
  left:8px;
  top:8px;
  bottom:8px;
  width:1px;
  background:rgba(29,29,31,.14);
  overflow:hidden;
}
.section-rail-line i{
  position:absolute;
  inset:0;
  background:#1d1d1f;
  transform:scaleY(0);
  transform-origin:top;
  transition:transform .08s linear;
}
.section-rail-items{
  position:relative;
  display:grid;
  gap:24px;
}
.section-rail-items a{
  pointer-events:auto;
  display:grid;
  grid-template-columns:17px 22px auto;
  align-items:center;
  gap:7px;
  min-height:18px;
  color:#a1a1a6;
  text-decoration:none;
}
.rail-dot{
  position:relative;
  z-index:2;
  display:block;
  width:7px;
  height:7px;
  margin-left:5px;
  border-radius:50%;
  background:#c9c9cd;
  box-shadow:0 0 0 4px rgba(255,255,255,.9);
  transition:.25s ease;
}
.section-rail-items b{
  font-size:8px;
  letter-spacing:.08em;
  font-weight:750;
  color:#9a9a9f;
  transition:.25s ease;
}
.section-rail-items em{
  opacity:0;
  transform:translateX(-4px);
  white-space:nowrap;
  font-size:9px;
  font-style:normal;
  font-weight:620;
  color:#55555a;
  transition:.25s ease;
}
.section-rail-items a:hover em,
.section-rail-items a.active em{
  opacity:1;
  transform:none;
}
.section-rail-items a.active .rail-dot{
  width:10px;
  height:10px;
  margin-left:3px;
  background:#1d1d1f;
}
.section-rail-items a.active b{color:#1d1d1f}

@media(max-width:1180px){
  .section-rail-premium{left:8px;width:42px}
  .section-rail-items em{display:none}
}
@media(max-width:760px){
  .section-rail-premium{
    left:5px;
    width:22px;
    opacity:.75;
  }
  .section-rail-items{
    gap:20px;
  }
  .section-rail-items a{
    grid-template-columns:17px;
    gap:0;
  }
  .section-rail-items b,
  .section-rail-items em{
    display:none;
  }
  .section-rail-line{left:8px}
}

/* ===== HOLO-INSPIRED EFFECT OVERRIDES 2026-09-18 ===== */
.fx-progress{height:3px!important;background:transparent!important}
.fx-progress i{background:linear-gradient(90deg,#ff7895,#ffb35f,#9ac6ff,#b699ff)!important}
.fx-ambient{opacity:.75!important}
.fx-orb{filter:blur(70px)!important;opacity:.16!important}
.fx-orb.one{background:#ff92aa!important}
.fx-orb.two{background:#8dbfff!important}
.fx-cube{display:none!important}
.fx-scroll-rail{display:none!important}

/* soft content band */
.respondo-marquee{
  background:transparent!important;color:#171717!important;
  border:0!important;box-shadow:none!important;transform:none!important;
  margin:16px 0 48px!important
}
.marquee-track{gap:10px!important;padding:0!important;animation:fx-marquee 30s linear infinite!important}
.marquee-track span{
  padding:10px 14px!important;border-radius:999px!important;
  background:#fff!important;border:1px solid #e7e1db!important;
  color:#756f69!important;font-size:11px!important;letter-spacing:.06em!important
}
.marquee-track span:nth-child(4n+1){background:#fff2f5!important}
.marquee-track span:nth-child(4n+2){background:#f1f7ff!important}
.marquee-track span:nth-child(4n+3){background:#fff8e8!important}
.marquee-track span:nth-child(4n+4){background:#f5f0ff!important}
.marquee-track span::after{display:none!important}

/* depth + reveal */
.fx-depth::before{display:none!important}
[data-reveal]{transition-duration:.7s!important;transition-timing-function:cubic-bezier(.2,.8,.2,1)!important}

/* light modal */
.fx-modal-backdrop{
  background:rgba(32,26,22,.30)!important;backdrop-filter:blur(12px)!important
}
.fx-modal{
  background:
    radial-gradient(circle at 88% 6%,rgba(255,211,102,.40),transparent 15rem),
    radial-gradient(circle at 12% 92%,rgba(159,197,255,.34),transparent 18rem),
    #fff!important;
  color:#171717!important;border:1px solid #e8e1da!important;border-radius:34px!important;
  box-shadow:0 36px 110px rgba(50,39,31,.22)!important
}
.fx-modal::before{background:#ff8fa7!important;opacity:.14!important}
.fx-modal-kicker{color:#7d766f!important}
.fx-modal h3{color:#171717!important}
.fx-modal p{color:#6f6964!important}
.fx-modal-close{
  background:#fff!important;color:#171717!important;border:1px solid #e8e1da!important
}
.fx-modal .btn.ghost{background:#fff!important;color:#171717!important;border-color:#e5dfd9!important}

/* light floating assistant */
.fx-assistant-launch{
  background:#fff!important;color:#171717!important;border:1px solid #e5dfd8!important;
  border-radius:999px!important;box-shadow:0 16px 50px rgba(44,34,27,.15)!important;
  padding:9px 14px 9px 9px!important
}
.fx-assistant-launch:hover{box-shadow:0 20px 60px rgba(44,34,27,.18)!important}
.fx-assistant-launch i{
  background:linear-gradient(135deg,#8a82ff,#ff7996 58%,#ffb25d)!important;color:#fff!important;
  border-radius:50%!important
}
.fx-assistant-launch .fx-live{background:#65bd91!important;box-shadow:0 0 0 4px rgba(101,189,145,.12)!important}
.fx-assistant{
  background:#fff!important;color:#171717!important;border:1px solid #e8e1da!important;
  border-radius:28px!important;box-shadow:0 34px 100px rgba(50,39,31,.20)!important
}
.fx-assistant-head{
  background:linear-gradient(180deg,#fff,#fbfaf8)!important;
  border-bottom:1px solid #eee7e0!important
}
.fx-assistant-avatar{
  background:linear-gradient(135deg,#8a82ff,#ff7996 58%,#ffb25d)!important;color:#fff!important;
  border-radius:50%!important
}
.fx-assistant-id b{color:#171717!important}
.fx-assistant-id small{color:#817a74!important}
.fx-assistant-id small::before{background:#64bd91!important}
.fx-assistant-close{color:#77716b!important}
.fx-chat-bubble.bot{
  background:#f7f4f1!important;border:1px solid #e9e3dd!important;color:#2b2927!important
}
.fx-chat-bubble.user{
  background:linear-gradient(135deg,#847cff,#b472ff,#ff7795)!important;color:#fff!important
}
.fx-chat-bubble.typing{color:#8a837c!important}
.fx-quick button{
  border:1px solid #e7e1db!important;background:#fff!important;color:#625c57!important
}
.fx-quick button:hover{background:#f7f2ff!important;border-color:#d9cdf2!important}
.fx-assistant-form{border-top:1px solid #eee7e0!important;background:#fff!important}
.fx-assistant-form input{
  background:#fbfaf8!important;border:1px solid #e6e0da!important;color:#171717!important
}
.fx-assistant-form input:focus{
  border-color:#ad8cff!important;box-shadow:0 0 0 4px rgba(173,140,255,.10)!important
}
.fx-assistant-form button{
  background:linear-gradient(135deg,#857cff,#b772ff,#ff7894)!important;color:#fff!important;border-radius:50%!important
}

/* mobile */
@media(max-width:800px){
  .fx-assistant{right:10px!important;bottom:76px!important}
  .fx-assistant-launch{right:10px!important;bottom:10px!important}
  .respondo-marquee{margin-bottom:28px!important}
}


/* Assistant purchase section */
.assistant-direct-brand .assistant-direct-mark,
.fx-brand-mark{
  display:grid;
  place-items:center;
  overflow:hidden;
  background:none!important;
  color:inherit!important;
}
.assistant-direct-brand .assistant-direct-mark{width:36px;height:36px;border-radius:10px}
.assistant-direct-brand .assistant-direct-mark svg{display:block;width:36px;height:36px}
.fx-assistant-launch .fx-brand-mark{width:28px;height:28px;border-radius:8px;flex:0 0 auto}
.fx-assistant-launch .fx-brand-mark svg{display:block;width:28px;height:28px}
.fx-assistant-avatar.fx-brand-mark{padding:0!important;border-radius:10px;overflow:hidden;background:none!important}
.fx-assistant-avatar.fx-brand-mark svg{display:block;width:100%;height:100%}

.assistant-order{
  margin-top:22px;
  padding:24px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  background:rgba(10,16,26,.78);
  box-shadow:0 34px 110px rgba(0,0,0,.22);
  backdrop-filter:blur(18px);
}
.assistant-order-head{max-width:560px;margin-bottom:18px}
.assistant-order-head small{display:block;color:#91a3ff;font-size:10px;font-weight:900;letter-spacing:.15em;margin-bottom:8px}
.assistant-order-head h2{margin:0;color:#fff;font-size:clamp(26px,3vw,38px);line-height:1.05;letter-spacing:-.04em}
.assistant-order-head p{margin:10px 0 0;color:#a6b0bf;font-size:13px;line-height:1.6}
.assistant-order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.assistant-order-card{
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:18px;
  background:#101825;
  display:flex;
  flex-direction:column;
  min-height:310px;
}
.assistant-order-card.featured{
  background:linear-gradient(180deg,#151f30,#101825);
  border-color:rgba(145,163,255,.35);
  box-shadow:inset 0 0 0 1px rgba(145,163,255,.05);
}
.assistant-order-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.assistant-order-label{font-size:9px;font-weight:900;letter-spacing:.14em;color:#94a0b4}
.assistant-save{font-size:9px;font-weight:900;color:#d7ddff;border:1px solid rgba(145,163,255,.30);background:rgba(145,163,255,.08);padding:5px 8px;border-radius:999px;white-space:nowrap}
.assistant-order-card h3{margin:12px 0 12px;color:#fff;font-size:30px;letter-spacing:-.04em}
.assistant-order-card h3 span{display:block;margin-top:2px;color:#8f9bad;font-size:11px;font-weight:700;letter-spacing:0}
.assistant-order-card ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:9px;color:#c3cad5;font-size:12px;line-height:1.45}
.assistant-order-card li{position:relative;padding-left:18px}
.assistant-order-card li:before{content:"✓";position:absolute;left:0;top:0;color:#76e8aa;font-weight:900}
.assistant-order-btn{
  margin-top:auto;
  min-height:44px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:#fff;
  color:#111114;
  padding:0 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:12px;
  font-weight:900;
  text-decoration:none;
  transition:.18s ease;
}
.assistant-order-btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.assistant-order-btn.primary{background:#111114;color:#fff;border-color:#313237;box-shadow:0 12px 34px rgba(0,0,0,.26)}
.assistant-order-actions{margin-top:auto;display:grid;gap:8px}
.assistant-order-actions .assistant-order-btn{margin-top:0}
.assistant-order-trust{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;color:#8d99ab;font-size:10px;font-weight:750}

@media(max-width:980px){
  .assistant-order{margin-bottom:18px}
  .assistant-order-grid{grid-template-columns:1fr 1fr}
  .assistant-order-card:last-child{grid-column:1/-1}
}
@media(max-width:620px){
  .assistant-order{padding:16px;border-radius:20px}
  .assistant-order-grid{grid-template-columns:1fr}
  .assistant-order-card{min-height:0}
}


/* =========================================================
   DEEP SCROLL / CINEMATIC MOTION SYSTEM
   ========================================================= */
html{background:#f7f8fa}
body{overflow-x:hidden}
body:not(.assistant-standalone) main{perspective:1400px;transform-style:preserve-3d}

/* scroll atmosphere */
html[data-fx-atmosphere="0"]{--fx-atmo-a:rgba(93,142,255,.08);--fx-atmo-b:rgba(255,255,255,0)}
html[data-fx-atmosphere="1"]{--fx-atmo-a:rgba(93,220,255,.09);--fx-atmo-b:rgba(139,112,255,.035)}
html[data-fx-atmosphere="2"]{--fx-atmo-a:rgba(182,194,255,.11);--fx-atmo-b:rgba(255,255,255,0)}
html[data-fx-atmosphere="3"]{--fx-atmo-a:rgba(80,110,180,.075);--fx-atmo-b:rgba(147,220,255,.045)}
html[data-fx-atmosphere="4"]{--fx-atmo-a:rgba(27,31,38,.055);--fx-atmo-b:rgba(106,132,255,.05)}
html[data-fx-atmosphere="5"]{--fx-atmo-a:rgba(145,163,255,.08);--fx-atmo-b:rgba(132,232,210,.035)}

body:not(.assistant-standalone)::after{
  content:"";
  position:fixed;
  inset:-18vh -10vw;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 30%,var(--fx-atmo-a,rgba(93,142,255,.06)),transparent 32%),
    radial-gradient(circle at 82% 68%,var(--fx-atmo-b,rgba(93,220,255,.035)),transparent 30%);
  transform:translate3d(0,calc((var(--fx-page,0) - .5) * 80px),0) scale(1.08);
  transition:background 1s ease;
}

/* every major scene lives in a shared 3D world */
.fx-scene{
  --fx-entry-x:0px;
  --fx-entry-y:74px;
  --fx-entry-z:-130px;
  --fx-entry-rot-x:4deg;
  --fx-entry-rot-y:0deg;
  position:relative;
  transform-style:preserve-3d;
  backface-visibility:hidden;
  transform:
    perspective(1500px)
    translate3d(
      calc(var(--fx-shift-x,0px) + var(--fx-entry-x)),
      calc(var(--fx-shift-y,0px) + var(--fx-entry-y)),
      var(--fx-entry-z)
    )
    rotateX(var(--fx-entry-rot-x))
    rotateY(calc(var(--fx-entry-rot-y) + var(--fx-rot,0deg)))
    scale(var(--fx-scale,.985));
  opacity:.18;
  filter:blur(11px) saturate(.86);
  transition:
    opacity .9s cubic-bezier(.2,.75,.18,1),
    filter 1s cubic-bezier(.2,.75,.18,1),
    transform 1.05s cubic-bezier(.16,.78,.18,1),
    clip-path 1.05s cubic-bezier(.16,.78,.18,1);
  will-change:transform,opacity,filter;
}
.fx-scene.fx-scene-live{
  --fx-entry-x:0px;
  --fx-entry-y:0px;
  --fx-entry-z:0px;
  --fx-entry-rot-x:0deg;
  --fx-entry-rot-y:0deg;
  opacity:1;
  filter:none;
}
.fx-scene[data-fx-scene="slide-left"]{
  --fx-entry-x:-120px;
  --fx-entry-y:18px;
  --fx-entry-z:-70px;
  --fx-entry-rot-y:7deg;
}
.fx-scene[data-fx-scene="slide-right"]{
  --fx-entry-x:120px;
  --fx-entry-y:18px;
  --fx-entry-z:-70px;
  --fx-entry-rot-y:-7deg;
}
.fx-scene[data-fx-scene="zoom"]{
  --fx-entry-y:20px;
  --fx-entry-z:-260px;
  --fx-entry-rot-x:2deg;
}
.fx-scene[data-fx-scene="tilt"]{
  --fx-entry-y:60px;
  --fx-entry-z:-120px;
  --fx-entry-rot-x:9deg;
  --fx-entry-rot-y:-5deg;
}
.fx-scene[data-fx-scene="wipe"]{
  --fx-entry-y:12px;
  --fx-entry-z:-40px;
  clip-path:inset(0 0 100% 0 round 24px);
}
.fx-scene[data-fx-scene="wipe"].fx-scene-live{clip-path:inset(0 0 0 0 round 0)}
.fx-scene[data-fx-scene="float"]{
  --fx-entry-y:110px;
  --fx-entry-z:-190px;
  --fx-entry-rot-x:-5deg;
}

/* deliberately keep interactive forms crisp once they are in view */
form.fx-scene,
.formcard.fx-scene,
.owner-profile-form.fx-scene,
.panel.fx-scene{
  transform:
    perspective(1500px)
    translate3d(
      calc(var(--fx-shift-x,0px) + var(--fx-entry-x)),
      calc(var(--fx-shift-y,0px) + var(--fx-entry-y)),
      var(--fx-entry-z)
    )
    rotateX(var(--fx-entry-rot-x))
    rotateY(var(--fx-entry-rot-y))
    scale(var(--fx-scale,.99));
}

/* headline mask reveals */
.fx-headline{
  --fx-head-y:1.05em;
  opacity:0;
  clip-path:inset(0 0 100% 0);
  transform:translate3d(0,var(--fx-head-y),0) rotateX(7deg);
  transform-origin:50% 100%;
  transition:
    opacity .7s ease,
    transform 1.05s cubic-bezier(.16,.82,.2,1),
    clip-path 1.05s cubic-bezier(.16,.82,.2,1);
}
.fx-headline[data-fx-headline="1"]{--fx-head-y:.6em;transform:translate3d(-32px,var(--fx-head-y),0) rotateY(7deg)}
.fx-headline[data-fx-headline="2"]{--fx-head-y:.8em;transform:translate3d(34px,var(--fx-head-y),0) rotateY(-7deg)}
.fx-headline[data-fx-headline="3"]{--fx-head-y:.35em;transform:translate3d(0,var(--fx-head-y),-90px) scale(.94)}
.fx-headline.fx-headline-live{
  opacity:1;
  clip-path:inset(-8% -5% -12% -5%);
  transform:translate3d(0,0,0) rotateX(0) rotateY(0) scale(1);
}

/* depth cards react to both scroll and pointer */
.fx-depth-card{
  --fx-pointer-x:0deg;
  --fx-pointer-y:0deg;
  --fx-light-x:50%;
  --fx-light-y:50%;
  transform-style:preserve-3d;
}
.fx-depth-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at var(--fx-light-x) var(--fx-light-y),rgba(255,255,255,.34),rgba(255,255,255,0) 36%);
  transition:opacity .25s ease;
  z-index:8;
}
.fx-depth-card:hover::after{opacity:.65}
@media(pointer:fine){
  .fx-depth-card:hover{
    transform:
      perspective(1200px)
      rotateY(var(--fx-pointer-x))
      rotateX(var(--fx-pointer-y))
      translate3d(0,-3px,12px)!important;
  }
}

/* each home section gets a massive ghost scene number */
main > section[data-fx-atmosphere]{
  isolation:isolate;
}
.fx-scene-number{
  position:absolute;
  right:clamp(16px,5vw,80px);
  top:clamp(24px,7vw,100px);
  z-index:0;
  pointer-events:none;
  font-size:clamp(88px,15vw,230px);
  line-height:.75;
  font-weight:950;
  letter-spacing:-.09em;
  color:rgba(17,17,20,.028);
  user-select:none;
  transform:
    translate3d(0,var(--fx-shift-y,0px),0)
    rotate(var(--fx-rot,0deg));
}
main > section:nth-of-type(even) .fx-scene-number{
  left:clamp(12px,3vw,54px);
  right:auto;
  color:rgba(17,17,20,.022);
}

/* section edge sweep: makes transitions feel like changing scenes */
main > section.fx-scene::after{
  content:"";
  position:absolute;
  left:5%;
  right:5%;
  bottom:0;
  height:1px;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(17,17,20,.17),transparent);
  transform:scaleX(var(--fx-enter,.15));
  transform-origin:50% 50%;
  opacity:calc(.2 + var(--fx-enter,0) * .5);
}

/* hero becomes a camera move instead of a static block */
.hero{
  transform-style:preserve-3d;
}
.hero-copy{
  transform:
    translate3d(0,var(--hero-copy-y,0px),var(--hero-copy-z,0px))
    scale(var(--hero-copy-scale,1));
  transform-origin:50% 20%;
  opacity:var(--hero-copy-opacity,1);
}
.signal-console{
  transform:
    perspective(1300px)
    translate3d(0,calc(var(--lift,0px) + var(--hero-console-y,0px)),var(--hero-console-z,0px))
    rotateX(var(--hero-console-rx,var(--rx,0deg)))
    rotateY(var(--ry,0deg))
    scale(var(--hero-console-scale,1))!important;
}
.hero-marquee,
.respondo-marquee{
  position:relative;
  z-index:4;
}

/* more surprising card entrances */
.flowstep:nth-child(2n).fx-scene-live,
.proof-grid > div:nth-child(2n).fx-scene-live,
.price-card:nth-child(2n).fx-scene-live{
  transition-delay:.07s;
}
.flowstep:nth-child(3n).fx-scene-live,
.proof-grid > div:nth-child(3n).fx-scene-live{
  transition-delay:.14s;
}

/* assistant page: scroll from builder into pricing like a new scene */
body.assistant-standalone{
  perspective:1500px;
}
body.assistant-standalone .assistant-direct-shell{
  transform-style:preserve-3d;
}
body.assistant-standalone .assistant-owner-panel{
  padding-bottom:12vh;
}
body.assistant-standalone .assistant-order{
  position:relative;
  overflow:hidden;
  transform-origin:50% 0;
}
body.assistant-standalone .assistant-order::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 80% 10%,rgba(145,163,255,.17),transparent 32%),
    linear-gradient(135deg,rgba(255,255,255,.035),transparent 45%);
  opacity:var(--order-glow-opacity,.35);
  transform:translate3d(0,var(--order-glow-y,44px),0);
}
body.assistant-standalone .assistant-order > *{position:relative;z-index:1}
body.assistant-standalone .assistant-order-card:nth-child(1){
  transform-origin:100% 50%;
}
body.assistant-standalone .assistant-order-card:nth-child(2){
  transform-origin:0 50%;
}

/* checkout/login/legal pages still get cinematic entrance without disturbing usability */
.formpage > .container,
.login-page > .container,
.legal-page > .container{
  transform-style:preserve-3d;
}
.checkout-copy.fx-scene-live,
.login-copy.fx-scene-live{
  animation:fx-settle 1.15s cubic-bezier(.16,.82,.2,1) both;
}
@keyframes fx-settle{
  0%{letter-spacing:.01em}
  45%{letter-spacing:-.01em}
  100%{letter-spacing:normal}
}

/* route-change wipe */
.fx-route-wipe{
  position:fixed;
  inset:0;
  z-index:100000;
  pointer-events:none;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  transition:opacity .2s ease,visibility 0s linear .45s;
}
.fx-route-wipe::before{
  content:"";
  position:absolute;
  inset:0;
  background:#0d0e11;
  transform:translate3d(0,105%,0);
  transition:transform .36s cubic-bezier(.7,0,.2,1);
}
.fx-route-wipe i,
.fx-route-wipe b{
  position:absolute;
  left:-10%;
  width:120%;
  height:34%;
  background:#fff;
  transform:translate3d(-105%,0,0) skewX(-12deg);
  z-index:2;
}
.fx-route-wipe i{top:22%;transition:transform .34s cubic-bezier(.7,0,.2,1)}
.fx-route-wipe b{top:58%;transition:transform .4s .04s cubic-bezier(.7,0,.2,1)}
.fx-route-wipe.go{
  opacity:1;
  visibility:visible;
  transition:opacity .1s ease;
}
.fx-route-wipe.go::before{transform:translate3d(0,0,0)}
.fx-route-wipe.go i,
.fx-route-wipe.go b{transform:translate3d(105%,0,0) skewX(-12deg)}

/* high velocity gets a tiny cinematic blur, then settles instantly */
@media(pointer:fine){
  .fx-scene-live{filter:blur(var(--fx-motion-blur,0px))}
}

/* mobile keeps the depth, but lowers travel distances */
@media(max-width:760px){
  .fx-scene{
    --fx-entry-y:48px;
    --fx-entry-z:-70px;
  }
  .fx-scene[data-fx-scene="slide-left"]{--fx-entry-x:-54px}
  .fx-scene[data-fx-scene="slide-right"]{--fx-entry-x:54px}
  .fx-scene-number{font-size:clamp(70px,24vw,130px);opacity:.7}
  .hero-copy{
    transform:translate3d(0,var(--hero-copy-y,0px),0) scale(var(--hero-copy-scale,1));
  }
  body.assistant-standalone .assistant-owner-panel{padding-bottom:4vh}
}

/* accessibility */
@media(prefers-reduced-motion:reduce){
  .fx-scene,
  .fx-scene.fx-scene-live,
  .fx-headline,
  .fx-headline.fx-headline-live,
  .hero-copy,
  .signal-console,
  .fx-scene-number,
  .assistant-order{
    transform:none!important;
    opacity:1!important;
    filter:none!important;
    clip-path:none!important;
    transition:none!important;
    animation:none!important;
  }
  .fx-route-wipe{display:none!important}
}


/* =========================================================
   IMMERSIVE HOMEPAGE — VISUAL SCENES, NOT TEXT STACKS
   ========================================================= */
.immersive-home{overflow:clip}
.hero-immersive{min-height:100svh;display:flex;align-items:center;position:relative;overflow:hidden}
.hero-immersive .hero-grid{min-height:calc(100svh - 120px);align-items:center}
.hero-immersive .hero-copy h1{font-size:clamp(64px,8.6vw,138px);line-height:.84;letter-spacing:-.075em;max-width:970px}
.hero-immersive .hero-copy .lead{max-width:580px;font-size:clamp(16px,1.5vw,21px)}
.hero-scroll-hint{display:flex;align-items:center;gap:12px;margin-top:34px;font-size:10px;font-weight:900;letter-spacing:.18em;color:#7c7d82}
.hero-scroll-hint i{width:42px;height:1px;background:#111114;position:relative;overflow:hidden}
.hero-scroll-hint i:after{content:"";position:absolute;inset:0;background:#8ea3ff;transform:translateX(-100%);animation:heroHint 1.8s ease-in-out infinite}
@keyframes heroHint{0%,15%{transform:translateX(-100%)}65%,100%{transform:translateX(100%)}}

/* cinematic conversation */
.cinema-conversation{height:125vh;min-height:900px;background:#06070a;color:#fff;position:relative;overflow:hidden}
.cinema-stage{position:sticky;top:0;height:100svh;min-height:720px;overflow:hidden;display:grid;place-items:center;isolation:isolate}
.cinema-stage:before{content:"";position:absolute;inset:0;background:
radial-gradient(circle at 50% 46%,rgba(109,132,255,.16),transparent 28%),
radial-gradient(circle at 22% 70%,rgba(86,220,255,.08),transparent 28%);
z-index:-3}
.cinema-kicker{position:absolute;top:10vh;left:6vw;font-size:10px;font-weight:900;letter-spacing:.19em;color:#9099aa}
.cinema-word{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%) scale(calc(.82 + var(--cinema-p,.5)*.35));font-size:clamp(120px,22vw,360px);font-weight:950;letter-spacing:-.09em;line-height:.72;color:rgba(255,255,255,.035);white-space:nowrap;z-index:-2}
.cinema-orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(calc(var(--cinema-p,.5)*18deg))}
.orbit-a{width:min(78vw,1050px);aspect-ratio:1/1}
.orbit-b{width:min(52vw,720px);aspect-ratio:1/1;transform:translate(-50%,-50%) rotate(calc(var(--cinema-p,.5)*-24deg))}
.cinema-phone{width:min(390px,34vw);aspect-ratio:.61/1;background:linear-gradient(180deg,#16191f,#0b0d11);border:1px solid rgba(255,255,255,.12);border-radius:42px;padding:14px;box-shadow:0 60px 150px rgba(0,0,0,.55),0 0 0 10px rgba(255,255,255,.018);transform:translate3d(0,var(--cinema-phone-y,60px),120px) rotateX(calc((1 - var(--cinema-p,.5))*6deg));transition:transform .12s linear;z-index:3}
.cinema-phone:before{content:"";display:block;width:34%;height:22px;border-radius:0 0 13px 13px;background:#050608;position:absolute;left:33%;top:0}
.cinema-phone-top{height:60px;display:flex;align-items:center;gap:9px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.cinema-phone-top span{width:9px;height:9px;background:#6eeba4;border-radius:50%;box-shadow:0 0 18px rgba(110,235,164,.8)}
.cinema-phone-top b{font-size:12px;letter-spacing:.09em}.cinema-phone-top i{margin-left:auto;font-style:normal;color:#8e98aa;font-size:10px}
.cinema-chat{padding:22px 12px;display:flex;flex-direction:column;gap:14px}
.cinema-bubble{max-width:82%;padding:15px 16px;border-radius:19px;font-size:13px;line-height:1.5}
.cinema-bubble.customer{align-self:flex-end;background:#fff;color:#111114;border-bottom-right-radius:6px}
.cinema-bubble.bot{align-self:flex-start;background:#20242c;color:#eef1f5;border:1px solid rgba(255,255,255,.07);border-bottom-left-radius:6px}
.cinema-typing{width:62px;padding:13px;display:flex;gap:4px;border-radius:16px;background:#20242c}
.cinema-typing i{width:5px;height:5px;background:#8b94a2;border-radius:50%;animation:typingDots 1.1s infinite ease-in-out}
.cinema-typing i:nth-child(2){animation-delay:.12s}.cinema-typing i:nth-child(3){animation-delay:.24s}
@keyframes typingDots{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.cinema-status{font-size:9px;letter-spacing:.08em;color:#7e8998;display:flex;align-items:center;gap:7px;margin-top:4px}
.cinema-status span{width:7px;height:7px;border-radius:50%;background:#6eeba4}
.cinema-float{position:absolute;min-width:150px;padding:14px 16px;border:1px solid rgba(255,255,255,.11);background:rgba(16,18,23,.68);backdrop-filter:blur(18px);border-radius:16px;display:grid;gap:3px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.cinema-float small{font-size:8px;letter-spacing:.18em;color:#80899a;font-weight:900}.cinema-float b{font-size:28px;letter-spacing:-.05em}.cinema-float span{font-size:10px;color:#aeb6c2}
.float-a{left:9vw;top:30%;transform:translate3d(0,var(--cinema-float,30px),70px) rotate(-5deg)}
.float-b{right:8vw;top:28%;transform:translate3d(0,calc(var(--cinema-float,30px)*-.7),70px) rotate(6deg)}
.float-c{right:13vw;bottom:18%;transform:translate3d(0,var(--cinema-float,30px),70px) rotate(-4deg)}
.cinema-next{position:absolute;bottom:7vh;left:50%;transform:translateX(-50%);color:#aeb6c2;text-decoration:none;font-size:10px;letter-spacing:.18em;text-transform:uppercase}

/* horizontal scrollytelling */
.story-horizontal{height:360vh;background:#f5f6f8;position:relative}
.story-sticky{height:100svh;position:sticky;top:0;overflow:hidden;perspective:1600px}
.story-track{display:flex;width:300vw;height:100%;transform:translate3d(var(--story-x,0vw),0,0);will-change:transform}
.story-panel{width:100vw;height:100%;flex:0 0 100vw;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;padding:11vh 7vw 8vh;position:relative;overflow:hidden}
.story-panel:before{content:"";position:absolute;width:55vw;height:55vw;border-radius:50%;filter:blur(80px);opacity:.28;z-index:-1}
.story-panel-one:before{right:-12vw;top:-12vw;background:#c9d3ff}
.story-panel-two{background:#0c0e13;color:#fff}
.story-panel-two:before{left:-18vw;bottom:-18vw;background:#3d6cff}
.story-panel-three{background:#eceff4}
.story-panel-three:before{right:-10vw;bottom:-15vw;background:#86e4cf}
.story-panel-copy{position:relative;z-index:3}
.story-panel-copy small{font-size:10px;font-weight:900;letter-spacing:.19em;color:#777f8f}
.story-panel-two .story-panel-copy small{color:#8590a3}
.story-panel-copy h2{font-size:clamp(72px,8vw,128px);line-height:.83;letter-spacing:-.075em;margin:16px 0 0}
.story-panel-copy em{font-style:normal;color:#8b97ff}
.story-panel-two .story-panel-copy em{color:#c3cdff}
.story-visual{height:min(70vh,720px);position:relative;transform-style:preserve-3d}
.story-progress{position:absolute;left:7vw;right:7vw;bottom:5vh;height:2px;background:rgba(17,17,20,.1);z-index:20}
.story-panel-two ~ .story-progress{background:rgba(255,255,255,.1)}
.story-progress i{display:block;width:100%;height:100%;background:#111114;transform:scaleX(0);transform-origin:left}
.story-counter{position:absolute;right:7vw;top:7vh;z-index:20;font-size:13px;font-weight:900;letter-spacing:.12em}
.story-counter b{color:#9ba1ac;font-size:10px;margin-left:4px}

/* knowledge machine */
.knowledge-machine{display:grid;place-items:center}
.km-back{position:absolute;width:62%;height:65%;border-radius:30px;background:linear-gradient(135deg,#bcc8ff,#f1f3ff);transform:translate3d(70px,-26px,-60px) rotateY(-14deg) rotateZ(7deg);filter:blur(.2px)}
.km-window{width:min(680px,78%);background:#fff;border:1px solid #dfe2e8;border-radius:26px;padding:18px;box-shadow:0 45px 110px rgba(65,77,118,.18);transform:translateZ(80px) rotateY(-8deg) rotateX(3deg)}
.km-bar{height:48px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #eceef2;margin-bottom:12px}
.km-bar span{width:8px;height:8px;border-radius:50%;background:#c9ccd2}.km-bar b{margin-left:auto;font-size:9px;letter-spacing:.16em}
.km-row{display:grid;grid-template-columns:42px 1fr 30px;align-items:center;gap:10px;padding:16px 8px;border-bottom:1px solid #eef0f3}
.km-row i{font-style:normal;font-size:10px;color:#9298a2}.km-row div{display:grid;gap:3px}.km-row small{font-size:8px;color:#949aa6;letter-spacing:.12em}.km-row b{font-size:14px}.km-row>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#111114;color:#fff;font-size:10px}
.km-chip{position:absolute;padding:10px 14px;border-radius:999px;background:#111114;color:#fff;font-size:9px;font-weight:900;letter-spacing:.12em;box-shadow:0 16px 40px rgba(0,0,0,.14)}
.chip-1{left:6%;top:22%;transform:translateZ(140px) rotate(-8deg)}.chip-2{right:1%;top:44%;transform:translateZ(180px) rotate(7deg)}.chip-3{left:14%;bottom:16%;transform:translateZ(130px) rotate(5deg)}

/* message space */
.message-space{display:grid;place-items:center}
.msg-orb{width:min(38vw,520px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#4e5b86,#151a27 55%,#080a0e);box-shadow:0 0 120px rgba(100,126,255,.22),inset 0 0 80px rgba(255,255,255,.03);position:absolute}
.msg-core{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111114;z-index:4;box-shadow:0 26px 80px rgba(0,0,0,.35)}
.msg-core span{font-size:66px;font-weight:950;line-height:.7}.msg-core small{font-size:8px;letter-spacing:.08em;color:#777;align-self:start;margin-top:-22px}
.msg-card{position:absolute;padding:15px 18px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.08);backdrop-filter:blur(14px);border-radius:17px;font-size:13px;box-shadow:0 24px 80px rgba(0,0,0,.22)}
.m1{left:3%;top:18%;transform:rotate(-5deg)}.m2{right:7%;top:22%;transform:rotate(6deg)}.m3{left:12%;bottom:18%;transform:rotate(4deg)}.m4{right:1%;bottom:23%;transform:rotate(-6deg)}

/* answer machine */
.answer-machine{display:grid;place-items:center}
.am-ring{position:absolute;border-radius:50%;border:1px solid rgba(17,17,20,.13)}.r1{width:68%;aspect-ratio:1}.r2{width:48%;aspect-ratio:1}
.am-center{width:160px;height:160px;border-radius:50%;background:#111114;color:#fff;display:grid;place-items:center;box-shadow:0 30px 90px rgba(17,17,20,.25);z-index:3}.am-center span{font-size:72px;font-weight:950}
.am-answer{position:absolute;width:min(260px,34%);padding:17px;border-radius:18px;background:#fff;border:1px solid #dfe3e8;box-shadow:0 25px 70px rgba(35,44,64,.12);display:grid;gap:4px}
.am-answer small{font-size:8px;letter-spacing:.14em;color:#9299a4}.am-answer b{font-size:14px}.am-answer i{font-style:normal;position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:20px}.approved{left:1%;top:30%;transform:rotate(-5deg)}.uncertain{right:0;bottom:24%;transform:rotate(6deg)}
.am-pulse{width:220px;height:220px;border-radius:50%;border:1px solid rgba(110,235,164,.32);position:absolute;animation:amPulse 2.3s ease-out infinite}
@keyframes amPulse{0%{transform:scale(.7);opacity:0}30%{opacity:1}100%{transform:scale(1.7);opacity:0}}

/* product world */
.product-world{height:280vh;background:#080a0e;color:#fff;position:relative;overflow:clip}
.world-sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center;perspective:1600px}
.world-label{position:absolute;left:6vw;top:9vh;font-size:10px;letter-spacing:.19em;font-weight:900;color:#7f899b}
.world-title{position:absolute;left:6vw;bottom:8vh;display:grid;z-index:10}.world-title span{font-size:clamp(30px,4.6vw,74px);line-height:.9;font-weight:700;letter-spacing:-.055em}.world-title b{font-size:clamp(42px,6.8vw,108px);line-height:.85;letter-spacing:-.07em;color:#9aa7ff}
.world-stage{width:min(1000px,78vw);height:min(650px,72vh);position:relative;transform-style:preserve-3d;transform:rotateX(var(--world-tilt,5deg)) translateZ(var(--world-main-z,40px))}
.world-floor{position:absolute;left:8%;right:8%;bottom:2%;height:36%;background:radial-gradient(ellipse at center,rgba(110,132,255,.18),transparent 68%);transform:rotateX(70deg) translateZ(-130px);filter:blur(12px)}
.world-window{position:absolute;background:rgba(245,247,250,.98);color:#111114;border:1px solid rgba(255,255,255,.7);box-shadow:0 38px 110px rgba(0,0,0,.4);backdrop-filter:blur(16px);border-radius:24px;overflow:hidden}
.ww-main{width:66%;height:62%;left:17%;top:18%;transform:translateZ(50px) rotateY(-4deg)}
.ww-top{height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid #e6e8ed;font-size:10px;font-weight:900;letter-spacing:.12em}.ww-top i{margin-left:auto;font-style:normal;color:#1e9e62;font-size:8px}
.ww-body{display:grid;grid-template-columns:90px 1fr;height:calc(100% - 48px)}.ww-side{border-right:1px solid #e6e8ed;padding:18px 13px;display:grid;align-content:start;gap:11px}.ww-side b{height:8px;border-radius:4px;background:#d2d5db}.ww-side b:first-child{background:#111114}
.ww-content{padding:24px}.ww-stat{display:grid;grid-template-columns:1fr auto;align-items:end}.ww-stat small{grid-column:1/-1;font-size:8px;letter-spacing:.13em;color:#8f95a0}.ww-stat strong{font-size:60px;letter-spacing:-.06em}.ww-stat span{font-size:10px;color:#1c9a61;margin-bottom:12px}
.ww-chart{height:95px;display:flex;align-items:end;gap:8px;margin-top:14px}.ww-chart i{flex:1;border-radius:6px 6px 2px 2px;background:#c6cbd4}.ww-chart i:nth-child(1){height:38%}.ww-chart i:nth-child(2){height:58%}.ww-chart i:nth-child(3){height:44%}.ww-chart i:nth-child(4){height:75%}.ww-chart i:nth-child(5){height:62%}.ww-chart i:nth-child(6){height:84%}.ww-chart i:nth-child(7){height:100%;background:#111114}
.ww-lines{display:grid;gap:8px;margin-top:18px}.ww-lines span{height:8px;border-radius:4px;background:#e4e6eb}.ww-lines span:nth-child(2){width:76%}.ww-lines span:nth-child(3){width:52%}
.ww-chat{width:30%;right:2%;top:4%;padding:18px;transform:translate3d(var(--world-side-x,180px),0,120px) rotateY(-9deg)}.ww-chat small,.ww-knowledge small{font-size:8px;letter-spacing:.13em;color:#8b919d}.ww-bubble{padding:11px 12px;border-radius:13px;font-size:10px;margin-top:10px}.ww-bubble.dark{background:#111114;color:#fff;margin-left:20%}.ww-bubble.light{background:#edf0f4}
.ww-knowledge{width:27%;left:0;bottom:2%;padding:18px;transform:translate3d(calc(0px - var(--world-side-x,180px)),0,100px) rotateY(10deg)}.ww-knowledge>div{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e8eaee;font-size:10px}.ww-knowledge b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#111114;color:#fff;font-size:8px}
.ww-alert{right:7%;bottom:8%;padding:13px 15px;display:flex;gap:11px;align-items:center;transform:translate3d(var(--world-side-x,180px),0,160px) rotate(5deg)}.ww-alert>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#111114;color:#fff;font-weight:900}.ww-alert div{display:grid}.ww-alert small{font-size:7px;letter-spacing:.11em;color:#9299a4}.ww-alert b{font-size:11px}
.world-caption{position:absolute;right:6vw;bottom:7vh;font-size:9px;color:#707a8d;letter-spacing:.12em}

/* trust portal */
.trust-portal{min-height:120vh;background:#edf0f4;position:relative;overflow:hidden;display:grid;place-items:center;padding:120px 24px}
.portal-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(17,17,20,.12);transform:translate(-50%,-50%) rotate(var(--portal-spin,12deg));transition:transform .1s linear}.ring-one{width:min(92vw,1250px);aspect-ratio:1}.ring-two{width:min(68vw,900px);aspect-ratio:1;border-style:dashed}.ring-three{width:min(44vw,620px);aspect-ratio:1}
.portal-center{text-align:center;z-index:4;max-width:850px;display:grid;justify-items:center}
.portal-center>small{font-size:10px;letter-spacing:.18em;font-weight:900;color:#747c89}.portal-mark{width:96px;height:96px;border-radius:28px;background:#111114;color:#fff;display:grid;place-items:center;font-size:46px;font-weight:950;margin:24px 0;box-shadow:0 24px 70px rgba(17,17,20,.2)}
.portal-center h2{font-size:clamp(58px,7vw,108px);line-height:.88;letter-spacing:-.07em;margin:0}.portal-center h2 em{font-style:normal;color:#7184e7}.portal-center p{max-width:530px;color:#646b76;font-size:15px;line-height:1.6;margin:22px 0}.portal-button{display:inline-flex;align-items:center;gap:40px;background:#111114;color:#fff;padding:14px 17px;border-radius:13px;text-decoration:none;font-size:12px;font-weight:900}
.portal-node{position:absolute;padding:11px 15px;background:#fff;border:1px solid #d9dde3;border-radius:999px;font-size:10px;font-weight:800;box-shadow:0 18px 50px rgba(37,45,62,.11);transform:translateY(0)}.portal-node span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#111114;color:#fff;margin-right:8px}.pn1{left:10%;top:27%;transform:rotate(-7deg)}.pn2{right:10%;top:31%;transform:rotate(7deg)}.pn3{left:13%;bottom:23%;transform:rotate(5deg)}.pn4{right:12%;bottom:20%;transform:rotate(-6deg)}

/* impact numbers */
.impact-scene{min-height:130vh;background:#0a0c10;color:#fff;position:relative;padding:14vh 5vw 10vh;overflow:hidden}
.impact-scene:before{content:"";position:absolute;width:80vw;height:80vw;border-radius:50%;background:radial-gradient(circle,rgba(112,135,255,.14),transparent 62%);right:-28vw;top:-28vw}
.impact-top{position:relative;z-index:2;max-width:900px}.impact-kicker{font-size:10px;letter-spacing:.18em;color:#7e8898;font-weight:900}.impact-top h2{font-size:clamp(70px,9vw,150px);line-height:.82;letter-spacing:-.08em;margin:18px 0 0}.impact-top em{font-style:normal;color:#a5b0ff}
.impact-numbers{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:12vh;position:relative;z-index:2}
.impact-number{min-height:360px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:28px;padding:24px;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;backdrop-filter:blur(12px);transform:translateY(calc((1 - var(--impact-p,.5))*50px))}
.impact-number:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(145,163,255,.16),transparent 36%);opacity:.5}
.impact-number span{font-size:clamp(86px,9vw,150px);font-weight:950;letter-spacing:-.085em;line-height:.75;position:relative}.impact-number small{font-size:11px;color:#9aa4b4;max-width:180px;line-height:1.45;margin-top:18px;position:relative}.impact-number i{position:absolute;right:22px;top:20px;font-style:normal;font-size:22px;color:#8f99a9}.impact-number:hover{background:rgba(255,255,255,.06)}
.impact-foot{margin-top:20px;color:#687182;font-size:9px;letter-spacing:.05em}

/* make calculator and pricing feel like different chapters */
.immersive-home .value-calculator{background:#f7f7f8;padding-top:14vh;padding-bottom:14vh}
.immersive-home .pricing-section{background:#fff;padding-top:14vh;padding-bottom:16vh}
.final-cta-immersive{min-height:95vh;display:grid;align-items:center;background:#111114!important}
.final-cta-immersive .cta-shell{min-height:66vh;align-items:center}.final-cta-immersive .cta-shell h2{font-size:clamp(56px,7vw,110px);line-height:.88;letter-spacing:-.07em;max-width:950px}

/* mobile: preserve the ideas without 300vh horizontal gymnastics */
@media(max-width:900px){
  .hero-immersive .hero-copy h1{font-size:clamp(56px,16vw,88px)}
  .cinema-conversation{height:auto;min-height:900px;padding:100px 18px}
  .cinema-stage{position:relative;height:auto;min-height:760px}
  .cinema-kicker{top:0;left:0}
  .cinema-phone{width:min(360px,82vw)}
  .float-a{left:0;top:22%}.float-b{right:0;top:12%}.float-c{right:2%;bottom:10%}
  .cinema-word{font-size:28vw}
  .story-horizontal{height:auto}
  .story-sticky{position:relative;height:auto;overflow:visible}
  .story-track{display:block;width:auto;transform:none!important}
  .story-panel{width:auto;height:auto;min-height:100svh;grid-template-columns:1fr;padding:100px 18px 70px}
  .story-panel-copy h2{font-size:clamp(62px,17vw,96px)}
  .story-visual{height:58vh;min-height:430px}
  .story-progress,.story-counter{display:none}
  .km-window{width:88%}.km-back{width:74%}
  .msg-orb{width:70vw}.msg-card{font-size:11px;padding:12px 14px}
  .am-answer{width:42%;font-size:10px}
  .product-world{height:auto;min-height:1000px;padding:90px 0}
  .world-sticky{position:relative;height:820px;display:block}
  .world-label{top:0}.world-title{left:6vw;bottom:0}
  .world-stage{width:94vw;height:560px;margin:90px auto 0;transform:scale(.86)}
  .world-caption{display:none}
  .trust-portal{min-height:900px;padding:100px 18px}.portal-center h2{font-size:clamp(58px,15vw,88px)}.portal-node{font-size:9px}.pn1{left:2%}.pn2{right:2%}.pn3{left:3%}.pn4{right:3%}
  .impact-scene{min-height:auto;padding:110px 18px}.impact-top h2{font-size:clamp(68px,18vw,105px)}.impact-numbers{grid-template-columns:1fr;margin-top:70px}.impact-number{min-height:260px}.impact-number span{font-size:110px}
}
@media(max-width:600px){
  .cinema-float{min-width:120px;padding:11px 12px}.cinema-float b{font-size:22px}
  .float-a{top:17%}.float-b{top:8%}.float-c{bottom:6%}
  .story-panel{padding-left:14px;padding-right:14px}
  .km-chip{font-size:7px;padding:8px 10px}.m1{left:0}.m2{right:0}.m3{left:4%}.m4{right:0}
  .world-stage{transform:scale(.72);transform-origin:top center;width:130vw;margin-left:-15vw}
  .world-title{bottom:20px}.world-title span{font-size:32px}.world-title b{font-size:50px}
  .portal-node{opacity:.85}.pn1{top:19%}.pn2{top:23%}.pn3{bottom:15%}.pn4{bottom:11%}
}

.assistant-annual-note{margin:-2px 0 12px;font-size:11px;line-height:1.45;color:#7d8793}.assistant-order-card.primary .assistant-annual-note{color:#9da8b8}


/* Assistant layout: company details left, test bot + pricing right */
body.assistant-standalone .assistant-direct-shell{
  width:min(1380px,100%);
  margin:0 auto;
  display:grid!important;
  grid-template-columns:minmax(0,620px) minmax(390px,620px);
  align-items:start;
  gap:clamp(28px,5vw,72px);
}
body.assistant-standalone .assistant-owner-panel{
  width:100%!important;
  padding-bottom:0!important;
}
body.assistant-standalone .assistant-demo-column{
  width:100%;
  min-width:0;
  display:grid;
  gap:22px;
  align-content:start;
  position:relative;
  z-index:3;
}
body.assistant-standalone .assistant-demo-column .fx-assistant{
  position:relative!important;
  inset:auto!important;
  right:auto!important;
  left:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:100%!important;
  max-width:none!important;
  height:min(690px,72vh)!important;
  min-height:560px;
  margin:0!important;
  transform:none!important;
  opacity:1!important;
}
body.assistant-standalone .assistant-demo-column .fx-assistant.open{
  transform:none!important;
  opacity:1!important;
}
body.assistant-standalone .assistant-demo-column .assistant-order{
  margin:0!important;
  width:100%;
}
body.assistant-standalone .assistant-demo-column .assistant-order-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media(max-width:1100px){
  body.assistant-standalone .assistant-direct-shell{
    grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);
    gap:28px;
  }
}
@media(max-width:980px){
  body.assistant-standalone .assistant-direct-shell{
    display:block!important;
    width:100%;
  }
  body.assistant-standalone .assistant-owner-panel{
    width:min(680px,100%)!important;
    margin:0 auto 22px!important;
  }
  body.assistant-standalone .assistant-demo-column{
    width:min(680px,100%);
    margin:0 auto;
  }
  body.assistant-standalone .assistant-demo-column .fx-assistant{
    height:min(640px,72vh)!important;
    min-height:520px;
  }
}
@media(max-width:620px){
  body.assistant-standalone .assistant-demo-column{
    gap:16px;
  }
  body.assistant-standalone .assistant-demo-column .fx-assistant{
    height:min(610px,70vh)!important;
    min-height:500px;
  }
  body.assistant-standalone .assistant-demo-column .assistant-order-grid{
    grid-template-columns:1fr;
  }
}
/* RESPONDO 2026 CINEMATIC OVERRIDE — authoritative homepage motion */
/* =========================================================
   RESPONDO IMMERSIVE MOTION SYSTEM
   lightweight scroll-driven 3D / cinematic treatment
   ========================================================= */
.immersive-home{
  --motion-bg:#fff;
  overflow:clip;
}
.respondo-motion-ready .immersive-home{
  isolation:isolate;
}
.motion-reveal{
  opacity:0;
  transform:translate3d(0,34px,0) scale(.985);
  transition:
    opacity .78s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms),
    transform .92s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms);
  will-change:transform,opacity;
}
.motion-reveal.motion-visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}

/* HERO: slow camera pull */
.hero-immersive{
  min-height:calc(100vh - 120px);
  perspective:1400px;
}
.hero-immersive .hero-copy{
  transform:
    translate3d(0,calc(var(--hero-p,0) * -54px),0)
    scale(calc(1 - var(--hero-p,0) * .025));
  transform-origin:50% 25%;
  will-change:transform;
}
.hero-immersive .hero-glow{
  transform:
    translate3d(calc(var(--hero-p,0) * -90px),calc(var(--hero-p,0) * 44px),0)
    scale(calc(1 + var(--hero-p,0) * .16));
  opacity:calc(1 - var(--hero-p,0) * .55);
  will-change:transform,opacity;
}
.hero-immersive .hero-scroll-hint{
  transform:translate3d(0,calc(var(--hero-p,0) * 18px),0);
  opacity:calc(1 - var(--hero-p,0) * 1.2);
}
.hero-immersive .hero-copy h1{
  text-shadow:0 24px 70px rgba(75,52,110,.08);
}

/* CINEMA / question scene */
.cinema-conversation{
  height:185vh;
  position:relative;
  background:
    radial-gradient(circle at 50% 45%,rgba(147,116,255,.22),transparent 30rem),
    radial-gradient(circle at 18% 20%,rgba(255,111,149,.13),transparent 28rem),
    linear-gradient(180deg,#0d0d12 0%,#15121c 54%,#0d0d12 100%);
  color:#fff;
}
.cinema-stage{
  position:sticky;
  top:0;
  height:100vh;
  min-height:720px;
  overflow:hidden;
  display:grid;
  place-items:center;
  perspective:1400px;
  transform-style:preserve-3d;
}
.cinema-stage:before{
  content:"";
  position:absolute;
  inset:-20%;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:54px 54px;
  transform:
    perspective(600px)
    rotateX(68deg)
    translate3d(0,calc(100px - var(--scene-p,0) * 150px),-140px)
    scale(1.45);
  transform-origin:50% 70%;
  mask-image:linear-gradient(to bottom,transparent 10%,#000 45%,#000 78%,transparent 100%);
  opacity:.55;
}
.cinema-orbit{
  position:absolute;
  border:1px solid rgba(255,255,255,.11);
  border-radius:50%;
  pointer-events:none;
}
.orbit-a{
  width:min(78vw,940px);
  aspect-ratio:1;
  transform:
    rotateX(72deg)
    rotateZ(calc(var(--scene-p,0) * 62deg))
    scale(calc(.76 + var(--scene-p,0) * .22));
}
.orbit-b{
  width:min(56vw,680px);
  aspect-ratio:1;
  transform:
    rotateY(68deg)
    rotateZ(calc(var(--scene-p,0) * -74deg))
    scale(calc(.8 + var(--scene-p,0) * .15));
}
.cinema-kicker{
  position:absolute;
  top:12vh;
  left:50%;
  transform:translateX(-50%);
  font-size:10px;
  font-weight:850;
  letter-spacing:.18em;
  color:#a7a3b1;
}
.cinema-word{
  position:absolute;
  left:50%;
  top:50%;
  transform:
    translate3d(-50%,calc(-50% + (var(--scene-p,0) - .5) * -120px),-240px)
    scale(calc(.72 + var(--scene-p,0) * .5));
  font-size:clamp(110px,22vw,330px);
  font-weight:900;
  letter-spacing:-.075em;
  color:rgba(255,255,255,.025);
  white-space:nowrap;
  user-select:none;
}
.cinema-phone{
  width:min(420px,36vw);
  min-width:330px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:38px;
  padding:15px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045));
  backdrop-filter:blur(24px);
  box-shadow:
    0 80px 160px rgba(0,0,0,.5),
    inset 0 1px 0 rgba(255,255,255,.18);
  transform:
    translate3d(0,calc(86px - var(--scene-p,0) * 120px),calc(-180px + var(--scene-p,0) * 260px))
    rotateX(calc(14deg - var(--scene-p,0) * 12deg))
    rotateY(calc(-9deg + var(--scene-p,0) * 18deg))
    scale(calc(.78 + var(--scene-p,0) * .22));
  will-change:transform;
}
.cinema-phone-top{
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 5px 14px;
  color:#d8d6df;
  font-size:9px;
  letter-spacing:.08em;
}
.cinema-phone-top>span{
  width:7px;height:7px;border-radius:50%;background:#6ee7a6;box-shadow:0 0 0 6px rgba(110,231,166,.08);
}
.cinema-phone-top b{font-size:10px}
.cinema-phone-top i{margin-left:auto;font-style:normal;color:#888491}
.cinema-chat{
  min-height:460px;
  display:flex;
  flex-direction:column;
  gap:12px;
  justify-content:flex-end;
  padding:22px;
  border-radius:28px;
  background:rgba(8,8,12,.72);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.cinema-bubble{
  max-width:86%;
  padding:14px 16px;
  border-radius:18px;
  font-size:12px;
  line-height:1.5;
}
.cinema-bubble.customer{
  align-self:flex-end;
  background:#fff;
  color:#111114;
  transform:translateX(calc((1 - var(--scene-p,0)) * 45px));
}
.cinema-bubble.bot{
  background:linear-gradient(135deg,#8c76ff,#c073ff 48%,#ff718f);
  color:#fff;
  box-shadow:0 20px 50px rgba(172,94,255,.22);
}
.cinema-typing{
  display:flex;gap:4px;padding:2px 4px;
}
.cinema-typing i{
  width:5px;height:5px;border-radius:50%;background:#8d8897;
  animation:respondoTyping 1.2s ease-in-out infinite;
}
.cinema-typing i:nth-child(2){animation-delay:.12s}
.cinema-typing i:nth-child(3){animation-delay:.24s}
@keyframes respondoTyping{
  0%,100%{transform:translateY(0);opacity:.45}
  50%{transform:translateY(-4px);opacity:1}
}
.cinema-status{
  display:flex;align-items:center;gap:7px;
  color:#a8a4b1;font-size:9px;
}
.cinema-status span{width:6px;height:6px;border-radius:50%;background:#6ee7a6}
.cinema-float{
  position:absolute;
  width:160px;
  padding:14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(18px);
  box-shadow:0 30px 80px rgba(0,0,0,.25);
  transform-style:preserve-3d;
}
.cinema-float small{display:block;color:#8f8b98;font-size:8px;letter-spacing:.12em}
.cinema-float b{display:block;margin:6px 0 2px;font-size:24px}
.cinema-float span{font-size:9px;color:#aaa6b2}
.float-a{
  left:8vw;top:34%;
  transform:
    translate3d(calc(var(--scene-p,0) * 70px),calc(var(--scene-p,0) * -30px),calc(-60px + var(--scene-p,0) * 120px))
    rotateY(8deg);
}
.float-b{
  right:8vw;top:28%;
  transform:
    translate3d(calc(var(--scene-p,0) * -80px),calc(var(--scene-p,0) * 34px),calc(-90px + var(--scene-p,0) * 160px))
    rotateY(-9deg);
}
.float-c{
  right:13vw;bottom:15%;
  transform:
    translate3d(calc(var(--scene-p,0) * -40px),calc(var(--scene-p,0) * -24px),calc(-30px + var(--scene-p,0) * 90px))
    rotateX(-8deg);
}
.cinema-next{
  position:absolute;
  left:50%;bottom:34px;
  transform:translateX(-50%);
  color:#8c8895;
  text-decoration:none;
  text-transform:uppercase;
  font-size:8px;
  font-weight:850;
  letter-spacing:.14em;
}

/* HORIZONTAL STORY */
.story-horizontal{
  height:310vh;
  position:relative;
  background:#f4f2f7;
}
.story-sticky{
  position:sticky;
  top:0;
  height:100vh;
  min-height:720px;
  overflow:hidden;
}
.story-sticky:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at calc(20% + var(--story-p,0) * 60%) 30%,rgba(141,123,255,.18),transparent 28rem),
    radial-gradient(circle at calc(80% - var(--story-p,0) * 55%) 70%,rgba(255,113,145,.13),transparent 28rem);
  pointer-events:none;
}
.story-track{
  position:absolute;
  inset:0 auto 0 0;
  width:300%;
  display:flex;
  will-change:transform;
}
.story-panel{
  width:33.333333%;
  height:100%;
  flex:0 0 33.333333%;
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);
  align-items:center;
  gap:5vw;
  padding:9vh max(6vw,60px);
  perspective:1500px;
}
.story-panel-copy small{
  color:#8f8b94;
  font-size:9px;
  font-weight:850;
  letter-spacing:.16em;
}
.story-panel-copy h2{
  margin:14px 0 0;
  font-size:clamp(48px,6.4vw,95px);
  line-height:.94;
  letter-spacing:-.065em;
  color:#161419;
}
.story-panel-copy h2 em{
  display:block;
  font-style:normal;
  color:#7f6fff;
}
.story-visual{
  min-height:520px;
  position:relative;
  transform-style:preserve-3d;
}
.knowledge-machine{
  display:grid;
  place-items:center;
  transform:rotateY(-7deg) rotateX(3deg);
}
.km-back{
  position:absolute;width:72%;height:74%;
  border-radius:34px;
  background:linear-gradient(145deg,#c8c0ff,#ffb7c9);
  transform:translate3d(38px,30px,-80px) rotate(4deg);
  filter:blur(.1px);
}
.km-window{
  width:86%;
  border:1px solid rgba(17,17,20,.08);
  border-radius:28px;
  background:rgba(255,255,255,.94);
  box-shadow:0 45px 100px rgba(48,37,75,.18);
  overflow:hidden;
  transform:translateZ(50px);
}
.km-bar{display:flex;align-items:center;gap:5px;padding:16px 18px;border-bottom:1px solid #ecebef}
.km-bar span{width:7px;height:7px;border-radius:50%;background:#c8c6ce}
.km-bar b{margin-left:auto;font-size:8px;letter-spacing:.12em;color:#84818b}
.km-row{display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #eeeef1}
.km-row:last-child{border:0}
.km-row i{font-style:normal;color:#aaa7b0;font-size:9px}
.km-row small{display:block;color:#9a97a0;font-size:8px;letter-spacing:.1em}
.km-row b{font-size:12px}
.km-row>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#111;color:#fff;font-size:9px}
.km-chip{
  position:absolute;
  padding:9px 12px;
  border-radius:999px;
  background:#17151b;color:#fff;
  font-size:8px;font-weight:850;letter-spacing:.1em;
  box-shadow:0 16px 34px rgba(0,0,0,.15);
}
.chip-1{left:3%;top:22%;transform:translateZ(115px) rotate(-8deg)}
.chip-2{right:2%;top:35%;transform:translateZ(90px) rotate(7deg)}
.chip-3{left:15%;bottom:12%;transform:translateZ(120px) rotate(4deg)}
.message-space{
  display:grid;
  place-items:center;
  transform-style:preserve-3d;
}
.msg-orb{
  width:360px;height:360px;border-radius:50%;
  background:
    radial-gradient(circle at 40% 35%,#fff 0 5%,#b8a8ff 18%,#7d6bff 44%,#342d5b 74%,#15131d 100%);
  box-shadow:0 40px 120px rgba(110,85,255,.28);
  transform:translateZ(-20px);
}
.msg-card{
  position:absolute;
  padding:12px 15px;
  border:1px solid rgba(17,17,20,.08);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:0 24px 60px rgba(44,35,66,.14);
  font-size:11px;
  font-weight:750;
}
.m1{left:6%;top:16%;transform:translateZ(120px) rotate(-6deg)}
.m2{right:4%;top:26%;transform:translateZ(80px) rotate(6deg)}
.m3{left:0;bottom:21%;transform:translateZ(72px) rotate(4deg)}
.m4{right:10%;bottom:12%;transform:translateZ(130px) rotate(-5deg)}
.msg-core{
  position:absolute;display:grid;place-items:center;text-align:center;
}
.msg-core span{
  display:grid;place-items:center;width:74px;height:74px;border-radius:24px;
  background:#111;color:#fff;font-size:28px;font-weight:900;box-shadow:0 22px 60px rgba(0,0,0,.25)
}
.msg-core small{max-width:170px;margin-top:12px;color:#fff;font-size:9px;font-weight:800;text-shadow:0 2px 14px rgba(0,0,0,.3)}
.answer-machine{
  display:grid;place-items:center;
}
.am-ring{
  position:absolute;border:1px solid rgba(75,64,115,.18);border-radius:50%;
}
.am-ring.r1{width:420px;height:420px}
.am-ring.r2{width:310px;height:310px}
.am-center{
  display:grid;place-items:center;width:100px;height:100px;border-radius:32px;background:#111;color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.24);z-index:3
}
.am-center span{font-size:38px;font-weight:900}
.am-answer{
  position:absolute;display:grid;grid-template-columns:1fr auto;gap:2px 18px;align-items:center;
  width:230px;padding:14px 16px;border-radius:18px;background:#fff;box-shadow:0 28px 70px rgba(39,31,61,.13);
  border:1px solid rgba(17,17,20,.08);
}
.am-answer small{grid-column:1/-1;color:#9995a0;font-size:8px;letter-spacing:.1em}
.am-answer b{font-size:12px}.am-answer i{font-style:normal}
.am-answer.approved{left:1%;top:22%;transform:translateZ(95px) rotate(-5deg)}
.am-answer.uncertain{right:0;bottom:20%;transform:translateZ(120px) rotate(5deg)}
.am-pulse{
  position:absolute;width:160px;height:160px;border-radius:50%;border:1px solid rgba(127,111,255,.28);
  animation:respondoPulse 2.4s ease-out infinite
}
@keyframes respondoPulse{
  0%{transform:scale(.7);opacity:.7}
  100%{transform:scale(2.6);opacity:0}
}
.story-progress{
  position:absolute;left:6vw;right:6vw;bottom:27px;height:2px;background:rgba(17,17,20,.08);z-index:4
}
.story-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7f80ff,#ff6c8c)}
.story-counter{
  position:absolute;right:6vw;top:8vh;z-index:4;display:flex;align-items:baseline;gap:5px;color:#8d8992
}
.story-counter span{font-size:28px;color:#17151b;font-weight:850}.story-counter b{font-size:9px}

/* PRODUCT WORLD / floating 3D dashboard */
.product-world{
  height:235vh;
  position:relative;
  background:
    radial-gradient(circle at 50% 45%,rgba(127,128,255,.11),transparent 32rem),
    linear-gradient(180deg,#fff,#f7f8fb 55%,#fff);
}
.world-sticky{
  position:sticky;top:0;height:100vh;min-height:720px;overflow:hidden;
  perspective:1600px;
}
.world-label{
  position:absolute;top:9vh;left:6vw;color:#949198;font-size:9px;font-weight:850;letter-spacing:.16em
}
.world-title{
  position:absolute;top:12vh;left:6vw;z-index:4;
  font-size:clamp(42px,5.2vw,78px);line-height:.95;letter-spacing:-.055em
}
.world-title span{display:block;color:#8b8790;font-size:.42em;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}
.world-title b{font-weight:780}
.world-stage{
  position:absolute;inset:24vh 6vw 5vh;
  transform-style:preserve-3d;
  transform:
    rotateX(calc(14deg - var(--world-p,0) * 8deg))
    rotateY(calc(-10deg + var(--world-p,0) * 18deg))
    translate3d(0,calc(80px - var(--world-p,0) * 120px),calc(-180px + var(--world-p,0) * 250px));
  will-change:transform;
}
.world-floor{
  position:absolute;left:7%;right:7%;bottom:2%;height:45%;
  background:radial-gradient(ellipse,rgba(111,91,187,.14),transparent 66%);
  filter:blur(18px);
  transform:translateZ(-180px);
}
.world-window{
  position:absolute;
  border:1px solid rgba(17,17,20,.08);
  background:rgba(255,255,255,.93);
  backdrop-filter:blur(18px);
  box-shadow:0 35px 100px rgba(45,37,70,.15);
  border-radius:22px;
}
.ww-main{
  width:56%;height:62%;left:22%;top:10%;overflow:hidden;
  transform:translateZ(30px);
}
.ww-top{display:flex;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #ececf0;font-size:8px;font-weight:850;letter-spacing:.1em}
.ww-top i{font-style:normal;color:#3b956b}
.ww-body{display:grid;grid-template-columns:54px 1fr;height:calc(100% - 44px)}
.ww-side{padding:16px 12px;border-right:1px solid #eeeef1}
.ww-side b{display:block;height:7px;border-radius:4px;background:#d6d5dc;margin:0 0 14px}
.ww-content{padding:18px}
.ww-stat{display:flex;align-items:end;gap:10px}
.ww-stat small{font-size:8px;color:#9a98a0}.ww-stat strong{font-size:42px}.ww-stat span{margin-left:auto;color:#3b956b;font-size:9px;font-weight:850}
.ww-chart{display:flex;align-items:end;gap:8px;height:120px;margin-top:24px}
.ww-chart i{flex:1;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#9888ff,#e3dfff)}
.ww-chart i:nth-child(1){height:28%}.ww-chart i:nth-child(2){height:48%}.ww-chart i:nth-child(3){height:41%}.ww-chart i:nth-child(4){height:68%}.ww-chart i:nth-child(5){height:56%}.ww-chart i:nth-child(6){height:83%}.ww-chart i:nth-child(7){height:72%}
.ww-lines span{display:block;height:7px;border-radius:4px;background:#ecebf0;margin-top:9px}
.ww-lines span:nth-child(2){width:73%}.ww-lines span:nth-child(3){width:51%}
.ww-chat{
  width:260px;right:3%;top:6%;padding:15px;
  transform:translate3d(calc(var(--world-p,0) * -38px),calc(var(--world-p,0) * 34px),130px) rotateY(-8deg);
}
.ww-chat>small,.ww-knowledge>small{font-size:8px;color:#9995a0;letter-spacing:.1em}
.ww-bubble{padding:10px 11px;border-radius:13px;margin-top:9px;font-size:9px}.ww-bubble.dark{background:#111;color:#fff}.ww-bubble.light{background:#f1f0f4}
.ww-knowledge{
  width:240px;left:1%;bottom:3%;padding:15px;
  transform:translate3d(calc(var(--world-p,0) * 45px),calc(var(--world-p,0) * -42px),110px) rotateY(7deg);
}
.ww-knowledge>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eeeef1;font-size:9px}.ww-knowledge>div:last-child{border:0}
.ww-alert{
  right:6%;bottom:5%;display:flex;gap:10px;align-items:center;padding:12px 14px;
  transform:translate3d(calc(var(--world-p,0) * -26px),calc(var(--world-p,0) * -50px),170px) rotateX(-4deg);
}
.ww-alert>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#fff1f4;color:#b14860;font-weight:900}
.ww-alert small{display:block;color:#9a969e;font-size:7px;letter-spacing:.1em}.ww-alert b{font-size:9px}
.world-caption{
  position:absolute;left:6vw;bottom:6vh;color:#8c8990;font-size:9px;letter-spacing:.08em
}

/* NEW DEEP SCROLL FILM */
.motion-depth{
  height:280vh;
  position:relative;
  background:
    radial-gradient(circle at 50% 45%,rgba(135,106,255,.22),transparent 34rem),
    linear-gradient(180deg,#101015 0%,#181321 50%,#0f0f14 100%);
  color:#fff;
}
.motion-depth-sticky{
  position:sticky;
  top:0;
  height:100vh;
  min-height:720px;
  overflow:hidden;
  perspective:1700px;
  transform-style:preserve-3d;
}
.depth-grid{
  position:absolute;inset:-25%;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:56px 56px;
  transform:
    rotateX(72deg)
    translate3d(0,calc(220px - var(--depth-p,0) * 320px),-160px)
    scale(1.7);
  transform-origin:50% 78%;
  mask-image:linear-gradient(to bottom,transparent 5%,#000 38%,#000 80%,transparent 100%);
}
.depth-aura{
  position:absolute;border-radius:50%;filter:blur(55px);opacity:.45;
}
.depth-aura-a{width:420px;height:420px;background:#7765ff;left:-110px;top:10%}
.depth-aura-b{width:360px;height:360px;background:#ff668f;right:-80px;bottom:12%}
.depth-copy{
  position:absolute;left:6vw;top:11vh;z-index:7;width:min(620px,50vw)
}
.depth-copy small{font-size:9px;font-weight:850;letter-spacing:.18em;color:#9c98a7}
.depth-copy h2{margin:12px 0 14px;font-size:clamp(48px,6vw,90px);line-height:.91;letter-spacing:-.065em}
.depth-copy h2 em{font-style:normal;color:#a995ff}
.depth-copy p{max-width:560px;margin:0;color:#aaa6b3;font-size:13px;line-height:1.7}
.depth-stage{
  position:absolute;
  inset:0;
  transform-style:preserve-3d;
}
.depth-card{
  position:absolute;
  width:min(330px,28vw);
  min-height:180px;
  padding:20px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
  backdrop-filter:blur(22px);
  box-shadow:0 42px 100px rgba(0,0,0,.3);
  transform-style:preserve-3d;
}
.depth-card>span{
  display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.09);color:#cbc7d5;font-size:9px;font-weight:850
}
.depth-card small{display:block;margin-top:28px;color:#8f8a9a;font-size:8px;letter-spacing:.12em}
.depth-card b{display:block;margin-top:6px;font-size:18px;line-height:1.25}
.depth-card i{display:block;margin-top:7px;color:#aba7b2;font-size:9px;font-style:normal}
.depth-card-1{
  left:10%;top:58%;
  transform:
    translate3d(calc(var(--depth-p,0) * -90px),calc((var(--depth-p,0) - .15) * -180px),calc(-260px + var(--depth-p,0) * 480px))
    rotateY(12deg) rotateX(-4deg)
    scale(calc(.78 + var(--depth-p,0) * .12));
  opacity:clamp(.18,calc(1.25 - var(--depth-p,0) * 1.5),1);
}
.depth-card-2{
  left:50%;top:49%;
  transform:
    translate3d(-50%,calc((var(--depth-p,0) - .5) * -160px),calc(-300px + var(--depth-p,0) * 600px))
    rotateY(calc(-7deg + var(--depth-p,0) * 14deg))
    scale(calc(.74 + var(--depth-p,0) * .2));
}
.depth-card-3{
  right:9%;top:58%;
  transform:
    translate3d(calc(var(--depth-p,0) * 80px),calc((var(--depth-p,0) - .8) * -150px),calc(-390px + var(--depth-p,0) * 780px))
    rotateY(-12deg) rotateX(4deg)
    scale(calc(.7 + var(--depth-p,0) * .25));
  opacity:clamp(.2,calc(var(--depth-p,0) * 1.6),1);
}
.depth-core{
  position:absolute;left:50%;top:54%;
  display:grid;place-items:center;
  transform:
    translate3d(-50%,-50%,calc(-200px + var(--depth-p,0) * 300px))
    scale(calc(.65 + var(--depth-p,0) * .35));
  z-index:5
}
.depth-core-ring{
  position:absolute;width:220px;height:220px;border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 0 80px rgba(145,111,255,.22),inset 0 0 80px rgba(145,111,255,.12)
}
.depth-core-ring:before,.depth-core-ring:after{
  content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%
}
.depth-core-ring:before{inset:22px}.depth-core-ring:after{inset:48px}
.depth-core-mark{
  width:86px;height:86px;border-radius:28px;display:grid;place-items:center;
  background:#fff;color:#111;font-size:32px;font-weight:900;
  box-shadow:0 30px 90px rgba(0,0,0,.35)
}
.depth-core small{margin-top:18px;font-size:8px;letter-spacing:.16em;color:#9995a2}
.depth-progress{
  position:absolute;left:6vw;right:6vw;bottom:28px;height:2px;background:rgba(255,255,255,.08);z-index:8
}
.depth-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#8978ff,#ff718f,#ffb260)}
.depth-caption{
  position:absolute;left:6vw;right:6vw;bottom:44px;display:flex;align-items:center;gap:12px;color:#8d8996;font-size:8px;letter-spacing:.1em
}
.depth-caption b{color:#d8d4de;font-size:9px}.depth-caption em{margin-left:auto;font-style:normal}

/* TRUST PORTAL */
.trust-portal{
  min-height:130vh;
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  padding:12vh 6vw;
  background:
    radial-gradient(circle at 50% 50%,rgba(133,116,255,.13),transparent 28rem),
    #fff;
  perspective:1400px;
}
.portal-ring{
  position:absolute;left:50%;top:50%;border:1px solid rgba(17,17,20,.08);border-radius:50%;
  transform:translate(-50%,-50%) scale(calc(.82 + var(--portal-p,0) * .2)) rotate(calc(var(--portal-p,0) * 70deg));
}
.ring-one{width:min(86vw,1080px);aspect-ratio:1}
.ring-two{width:min(65vw,820px);aspect-ratio:1;transform:translate(-50%,-50%) scale(calc(.78 + var(--portal-p,0) * .28)) rotate(calc(var(--portal-p,0) * -95deg))}
.ring-three{width:min(43vw,550px);aspect-ratio:1}
.portal-center{
  position:relative;z-index:4;text-align:center;width:min(800px,90vw)
}
.portal-center>small{font-size:9px;font-weight:850;letter-spacing:.16em;color:#8f8c95}
.portal-mark{display:grid;place-items:center;width:74px;height:74px;margin:25px auto;border-radius:24px;background:#111;color:#fff;font-size:28px;font-weight:900;box-shadow:0 25px 70px rgba(0,0,0,.2)}
.portal-center h2{margin:0;font-size:clamp(48px,6vw,88px);line-height:.94;letter-spacing:-.06em}
.portal-center h2 em{font-style:normal;color:#7e6eff}
.portal-center p{max-width:590px;margin:18px auto 0;color:#75717a;font-size:13px;line-height:1.7}
.portal-button{display:inline-flex;gap:10px;align-items:center;margin-top:22px;padding:12px 16px;border-radius:999px;background:#111;color:#fff;text-decoration:none;font-size:10px;font-weight:850}
.portal-node{
  position:absolute;padding:10px 13px;border:1px solid rgba(17,17,20,.08);border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(34,28,51,.10);font-size:9px;font-weight:800
}
.portal-node span{margin-right:6px}
.pn1{left:10%;top:29%;transform:translate3d(calc(var(--portal-p,0) * 80px),calc(var(--portal-p,0) * 24px),120px)}
.pn2{right:11%;top:31%;transform:translate3d(calc(var(--portal-p,0) * -85px),calc(var(--portal-p,0) * 38px),100px)}
.pn3{left:13%;bottom:24%;transform:translate3d(calc(var(--portal-p,0) * 60px),calc(var(--portal-p,0) * -45px),90px)}
.pn4{right:14%;bottom:22%;transform:translate3d(calc(var(--portal-p,0) * -70px),calc(var(--portal-p,0) * -50px),130px)}

/* IMPACT / data wall */
.impact-scene{
  position:relative;
  min-height:110vh;
  padding:12vh 6vw 10vh;
  overflow:hidden;
  background:
    radial-gradient(circle at calc(20% + var(--impact-p,0) * 60%) 35%,rgba(126,112,255,.16),transparent 30rem),
    #111116;
  color:#fff;
}
.impact-top{max-width:930px}
.impact-kicker{font-size:9px;font-weight:850;letter-spacing:.17em;color:#8f8a99}
.impact-top h2{margin:18px 0 0;font-size:clamp(48px,7vw,108px);line-height:.9;letter-spacing:-.07em}
.impact-top h2 em{font-style:normal;color:#a891ff}
.impact-numbers{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:12vh;
  perspective:1200px
}
.impact-number{
  min-height:330px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  color:#fff;text-decoration:none;
  display:flex;flex-direction:column;justify-content:flex-end;
  backdrop-filter:blur(18px);box-shadow:0 32px 90px rgba(0,0,0,.2);
}
.impact-number:nth-child(1){transform:translateY(calc((1 - var(--impact-p,0)) * 70px)) rotateY(5deg)}
.impact-number:nth-child(2){transform:translateY(calc((1 - var(--impact-p,0)) * 110px))}
.impact-number:nth-child(3){transform:translateY(calc((1 - var(--impact-p,0)) * 150px)) rotateY(-5deg)}
.impact-number span{font-size:clamp(72px,9vw,145px);line-height:.8;font-weight:850;letter-spacing:-.08em}
.impact-number small{max-width:250px;margin-top:24px;color:#aca8b3;font-size:11px;line-height:1.5}
.impact-number i{margin-top:14px;font-style:normal;color:#7f78ff}
.impact-foot{margin-top:18px;color:#777381;font-size:8px}

/* lower sections: depth, tilt, camera */
.value-calculator,
.pricing-section,
.final-cta,
.contact-section{
  position:relative;
  transform-style:preserve-3d;
}
.value-calculator:before,
.pricing-section:before{
  content:"";
  position:absolute;
  width:420px;height:420px;border-radius:50%;
  filter:blur(70px);pointer-events:none;z-index:0;
}
.value-calculator:before{left:-180px;top:20%;background:rgba(148,122,255,.12)}
.pricing-section:before{right:-170px;top:18%;background:rgba(255,113,143,.11)}
.value-calculator>.container,
.pricing-section>.container{position:relative;z-index:1}
.calculator-shell{
  transform:
    perspective(1400px)
    translate3d(0,calc((1 - var(--section-p,0)) * 70px),0)
    rotateX(calc((1 - var(--section-p,0)) * 4deg));
}
.pricing-wrap{
  perspective:1400px;
}
.price-card:first-child{
  transform:
    translate3d(0,calc((1 - var(--section-p,0)) * 65px),0)
    rotateY(3deg);
}
.price-card.featured{
  transform:
    translate3d(0,calc((1 - var(--section-p,0)) * 95px),30px)
    rotateY(-3deg);
}
.motion-tilt{
  --tilt-x:0deg;
  --tilt-y:0deg;
  --shine-x:50%;
  --shine-y:50%;
  transition:transform .32s ease,box-shadow .32s ease!important;
  transform-style:preserve-3d;
}
.motion-tilt:hover{
  transform:
    perspective(1200px)
    rotateX(var(--tilt-x))
    rotateY(var(--tilt-y))
    translateZ(8px)!important;
  box-shadow:0 35px 90px rgba(38,28,58,.14)!important;
}
.motion-tilt:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(circle at var(--shine-x) var(--shine-y),rgba(255,255,255,.38),transparent 32%);
  opacity:0;
  transition:opacity .25s ease;
}
.motion-tilt:hover:after{opacity:1}

/* subtle moving edge on final CTA */
.final-cta-immersive .cta-shell{
  position:relative;
  overflow:hidden;
}
.final-cta-immersive .cta-shell:before{
  content:"";
  position:absolute;
  width:38%;height:180%;
  top:-40%;left:-55%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);
  transform:rotate(18deg);
  animation:respondoSweep 7s ease-in-out infinite;
  pointer-events:none;
}
@keyframes respondoSweep{
  0%,30%{left:-55%}
  70%,100%{left:120%}
}

/* Desktop nav stays above all full-screen scenes */
.nav{z-index:1200!important}
.product-subnav{z-index:1100!important}

/* MOBILE / LOW-MOTION: retain premium look without heavy sticky transforms */
@media(max-width:760px){
  .cinema-conversation,
  .story-horizontal,
  .product-world,
  .motion-depth{
    height:auto!important;
  }
  .cinema-stage,
  .story-sticky,
  .world-sticky,
  .motion-depth-sticky{
    position:relative!important;
    top:auto!important;
    height:auto!important;
    min-height:0!important;
    overflow:hidden;
  }
  .cinema-stage{padding:90px 18px 80px;display:block}
  .cinema-kicker{position:relative;top:auto;left:auto;transform:none;margin-bottom:28px;text-align:center}
  .cinema-word{font-size:27vw;top:44%;opacity:.6}
  .cinema-phone{width:min(100%,390px);min-width:0;margin:0 auto;transform:none}
  .cinema-float{display:none}
  .cinema-next{display:none}

  .story-sticky{padding:70px 0}
  .story-track{
    position:relative;inset:auto;width:auto!important;display:grid;transform:none!important
  }
  .story-panel{
    width:auto!important;height:auto!important;min-height:760px;display:grid;grid-template-columns:1fr;
    padding:60px 20px;gap:28px
  }
  .story-panel-copy h2{font-size:clamp(43px,12vw,68px)}
  .story-visual{min-height:420px;transform:none!important}
  .story-counter,.story-progress{display:none}

  .product-world{padding:80px 0}
  .world-sticky{padding:0 18px}
  .world-label,.world-title,.world-stage,.world-caption{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto}
  .world-title{margin:10px 0 38px;font-size:46px}
  .world-stage{height:660px;transform:none}
  .ww-main{width:86%;height:54%;left:7%;top:15%;transform:none}
  .ww-chat{right:0;top:5%;transform:rotate(3deg)}
  .ww-knowledge{left:0;bottom:2%;transform:rotate(-3deg)}
  .ww-alert{right:0;bottom:10%;transform:none}
  .world-caption{margin-top:30px}

  .motion-depth-sticky{padding:80px 18px 90px}
  .depth-copy{position:relative;left:auto;top:auto;width:auto}
  .depth-copy h2{font-size:clamp(48px,13vw,72px)}
  .depth-stage{position:relative;height:auto;margin-top:45px;display:grid;gap:12px}
  .depth-card{position:relative;left:auto!important;right:auto!important;top:auto!important;width:100%;min-height:145px;transform:none!important;opacity:1!important}
  .depth-core{position:relative;left:auto;top:auto;transform:none;margin:35px auto}
  .depth-grid{opacity:.25}
  .depth-progress,.depth-caption{display:none}

  .trust-portal{min-height:900px;padding:100px 18px}
  .portal-node{font-size:8px}
  .pn1{left:6%;top:18%}.pn2{right:5%;top:23%}.pn3{left:5%;bottom:18%}.pn4{right:5%;bottom:14%}
  .portal-center h2{font-size:clamp(43px,12vw,66px)}

  .impact-scene{min-height:0;padding:90px 18px}
  .impact-top h2{font-size:clamp(45px,12vw,72px)}
  .impact-numbers{grid-template-columns:1fr;margin-top:60px}
  .impact-number{min-height:240px;transform:none!important}
  .impact-number span{font-size:86px}

  .motion-tilt:hover{transform:none!important}
}

@media(prefers-reduced-motion:reduce){
  .motion-reveal{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  .cinema-phone,
  .cinema-float,
  .cinema-orbit,
  .cinema-word,
  .world-stage,
  .world-window,
  .depth-card,
  .depth-core,
  .portal-ring,
  .portal-node,
  .impact-number,
  .calculator-shell,
  .price-card{
    transform:none!important;
  }
  .cinema-typing i,
  .am-pulse,
  .final-cta-immersive .cta-shell:before{
    animation:none!important;
  }
}



/* ===== RESPONDO readability typography pass — 2026-09-19 ===== */
:root{
  --respondo-font:"Segoe UI Variable","Segoe UI",Arial,Helvetica,sans-serif;
  --respondo-text:#45484f;
  --respondo-muted:#666b74;
}

html{
  font-size:16px;
  -webkit-text-size-adjust:100%;
}

body,
button,
input,
textarea,
select{
  font-family:var(--respondo-font)!important;
}

body{
  font-size:16px;
  line-height:1.55;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,h5,h6,
.hero h1 em,
.split-head h2 em,
.control-copy h2 em,
.checkout-copy h1 em,
.login-copy h1 em{
  font-family:var(--respondo-font)!important;
}

p,li,label,input,textarea,select,button,a{
  -webkit-font-smoothing:antialiased;
}

small{
  font-size:12px!important;
  line-height:1.5!important;
}

.navlinks,
.navlinks a{
  font-size:14px!important;
  font-weight:650!important;
  letter-spacing:0!important;
}

.btn,
.navactions .btn,
.dashboard-action,
.integration-test-btn,
.portal-button,
.inline-import-btn{
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

.hero-label,
.section-kicker,
.flow-num,
.price-top,
.foot-col h4,
.form-head span,
.seller-card span,
.legal-seller span,
.panel-head small,
.billing-panel small,
.stat small,
.workspace-chip small,
.user-mini small,
.console-header small,
.rail-label,
.msg-meta,
.truth-top,
.truth-footer,
.proof-grid span,
.impact-kicker,
.depth-copy small,
.portal-center>small,
.world-label,
.cinema-kicker,
.story-panel-copy small{
  font-size:11px!important;
  line-height:1.45!important;
  letter-spacing:.07em!important;
}

.lead{
  line-height:1.65!important;
}

.trust-row,
.trust-row span{
  font-size:12px!important;
  line-height:1.45!important;
}

.flowstep p,
.control-copy>p,
.split-head p,
.cta-shell p,
.checkout-copy>p,
.login-copy>p,
.legalcopy p,
.foot-brand p{
  color:var(--respondo-muted)!important;
}

.flowstep p{
  font-size:15px!important;
}

.control-copy>p,
.split-head p,
.checkout-copy>p,
.login-copy>p,
.cta-shell p{
  font-size:17px!important;
}

.foot-col a,
.foot-col span,
.legalbar{
  font-size:13px!important;
  line-height:1.55!important;
}

.field label{
  font-size:12px!important;
  line-height:1.35!important;
  letter-spacing:.045em!important;
  color:#5f6570!important;
}

.field input,
.field textarea,
.field select{
  font-size:14px!important;
  line-height:1.45!important;
}

.checkrow,
.form-security,
.notice,
.login-signal,
.checkout-steps small,
.seller-card small,
.legal-note{
  font-size:12px!important;
  line-height:1.55!important;
}

.appshell{
  font-size:15px;
}

.workspace-chip small,
.user-mini small{
  color:#9aa6b6!important;
}

.workspace-chip b,
.user-mini b{
  font-size:13px!important;
}

.appnav a{
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.4!important;
}

.appnav a em,
.side-logout{
  font-size:11px!important;
}

.dashboard-head p{
  font-size:14px!important;
  color:#626a75!important;
}

.live-chip{
  font-size:11px!important;
}

.stat small{
  color:#747d89!important;
}

.stat span{
  font-size:12px!important;
  color:#66707b!important;
}

.panel-head h2,
.billing-panel h2{
  font-size:20px!important;
}

.panel-head>span,
.install-badge{
  font-size:11px!important;
}

.knowledge-item b{
  font-size:13px!important;
}

.knowledge-item small,
.knowledge-item p,
.empty-state p,
.install-panel>p,
.billing-panel p,
.business-profile-head p,
.profile-save-row small{
  font-size:12px!important;
  line-height:1.55!important;
  color:#626c78!important;
}

.profile-save-row b{
  font-size:13px!important;
}

.code-row code{
  font-size:12px!important;
}

.code-row button{
  font-size:12px!important;
}

.onboarding-step b,
.onboarding-step small,
.preview-device-top small,
.unanswered-empty p,
.gap-jump span,
.gap-jump b,
.conversation-log-meta span,
.conversation-log-meta small,
.lead-status,
.lead-main small,
.lead-contact a,
.meta-webhook-box small,
.meta-webhook-box code,
.channel-config-card>b,
.bot-customizer-head small,
.bot-customizer-head p,
.bot-avatar-option small,
.bot-avatar-upload b,
.bot-avatar-upload small,
.bot-avatar-processing{
  font-size:11px!important;
  line-height:1.45!important;
  letter-spacing:.025em!important;
}

.conversation-log-item h3,
.lead-item h3{
  font-size:14px!important;
}

.conversation-log-item p,
.lead-item p{
  font-size:13px!important;
  line-height:1.55!important;
}

.live-thread-head b{
  font-size:13px!important;
}

.live-thread-head small,
.live-message small{
  font-size:11px!important;
  line-height:1.4!important;
  letter-spacing:.025em!important;
}

.live-message p{
  font-size:13px!important;
  line-height:1.55!important;
}

.live-inbox textarea,
.live-inbox input,
.live-inbox button{
  font-size:13px!important;
}

.console-top,
.rail-item,
.rail-health,
.verified,
.answer-head,
.confidence,
.source-line,
.handoff-card b,
.handoff-card small,
.console-stats span,
.truth-top,
.truth-footer,
.knowledge-row small,
.proof-grid small{
  font-size:11px!important;
  line-height:1.45!important;
  letter-spacing:.035em!important;
}

.msg,
.answer-card p{
  font-size:13px!important;
  line-height:1.55!important;
}

.knowledge-row b{
  font-size:13px!important;
}

.price-card ul{
  font-size:14px!important;
  line-height:1.5!important;
}

.pricevalue small,
.annual-billing-note,
.assistant-annual-note,
.referral-copy>small,
.referral-box>span{
  font-size:12px!important;
}

.product-subnav nav a,
.subnav-title{
  font-size:12px!important;
}

.cinema-phone-top b,
.cinema-status,
.cinema-float small,
.cinema-float span,
.cinema-next,
.km-bar b,
.km-row i,
.km-row small,
.km-chip,
.msg-core small,
.am-answer small,
.story-counter b,
.ww-top,
.ww-top i,
.ww-stat small,
.ww-stat span,
.ww-chat small,
.ww-knowledge small,
.ww-bubble,
.ww-knowledge>div,
.ww-alert small,
.ww-alert b,
.world-caption,
.depth-card small,
.depth-card i,
.depth-core small,
.depth-caption,
.depth-caption b,
.portal-node,
.impact-foot{
  font-size:11px!important;
  line-height:1.4!important;
  letter-spacing:.035em!important;
}

.depth-copy p,
.portal-center p{
  font-size:15px!important;
  line-height:1.65!important;
}

@media(max-width:760px){
  body{font-size:16px}
  .navlinks,.navlinks a{font-size:14px!important}
  .field input,.field textarea,.field select{font-size:16px!important}
  .dashboard-head p{font-size:14px!important}
  .appnav a{font-size:14px!important}
  small{font-size:12px!important}
}


/* =========================================================
   MOBILE SAFARI HARD STABILITY MODE — 2026-09-22
   Removes fixed blur layers and scroll-composited effects on touch/mobile.
   Desktop keeps the full visual treatment.
   ========================================================= */
@media (max-width:900px), (hover:none) and (pointer:coarse) {
  .fx-ambient,
  .fx-progress,
  .section-rail-premium {
    display:none !important;
  }

  .nav,
  .product-subnav,
  .fx-assistant,
  .fx-modal-backdrop,
  .fx-modal,
  .owner-profile-form {
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  [data-reveal],
  [data-reveal].is-visible,
  .visual-frame,
  .visual-card.visual-visible .visual-frame,
  .visual-card-large.visual-visible .visual-frame,
  .hero-copy,
  .signal-console,
  .hero-glow {
    will-change:auto !important;
    filter:none !important;
    clip-path:none !important;
    transform:none !important;
    transition:none !important;
  }

  .signal-console::before,
  .signal-console::after,
  .hero-scroll-hint i::after {
    display:none !important;
  }

  .marquee-track,
  .cinema-typing i,
  .am-pulse {
    animation:none !important;
  }

  .fx-depth,
  .fx-depth > .container,
  .flowstep,
  .price-card,
  .truth-card,
  .control-list > div {
    perspective:none !important;
    transform-style:flat !important;
  }
}

/* RESPONDO MOBILE LANDING REPAIR — 2026-09-23 */
@media (max-width:900px){
  /* Story cards: keep the mobile version compact and readable. */
  .immersive-home .story-horizontal{
    padding:54px 0 !important;
    overflow:hidden !important;
  }
  .immersive-home .story-sticky{
    padding:0 !important;
    overflow:visible !important;
  }
  .immersive-home .story-track{
    gap:14px !important;
  }
  .immersive-home .story-panel{
    min-height:0 !important;
    padding:22px !important;
    overflow:hidden !important;
  }
  .immersive-home .story-panel-copy h2{
    font-size:clamp(42px,12.5vw,62px) !important;
    line-height:.94 !important;
    overflow-wrap:anywhere !important;
  }

  /* The second story panel used to inherit white text from the old dark theme
     while Simple UI changed the card itself to white. Give the demo its own
     dark stage and explicit contrast instead. */
  .immersive-home .story-panel-two{
    color:#17181b !important;
  }
  .immersive-home .story-panel-two .story-panel-copy small{
    color:#686d76 !important;
  }
  .immersive-home .story-panel-two .story-panel-copy h2{
    color:#17181b !important;
  }
  .immersive-home .story-panel-two .story-panel-copy h2 em{
    color:#aeb8ff !important;
  }
  .immersive-home .story-panel-two .message-space{
    position:relative !important;
    min-height:360px !important;
    height:360px !important;
    margin-top:24px !important;
    overflow:hidden !important;
    border-radius:18px !important;
    background:
      radial-gradient(circle at 50% 46%,rgba(108,90,255,.78),rgba(44,38,82,.94) 48%,#17181f 82%) !important;
    border:1px solid rgba(17,24,39,.08) !important;
    isolation:isolate !important;
  }
  .immersive-home .story-panel-two .msg-orb{
    width:min(78vw,330px) !important;
    height:auto !important;
    aspect-ratio:1 !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    background:
      radial-gradient(circle at 38% 30%,#ffffff 0 4%,#c5baff 17%,#7967ff 45%,#3a315f 72%,#17181f 100%) !important;
    box-shadow:0 26px 70px rgba(80,62,190,.28) !important;
  }
  .immersive-home .story-panel-two .msg-card{
    z-index:5 !important;
    max-width:72% !important;
    padding:11px 13px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.72) !important;
    background:rgba(255,255,255,.94) !important;
    color:#272932 !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    box-shadow:0 12px 34px rgba(10,12,20,.16) !important;
    font-size:11px !important;
    line-height:1.3 !important;
    font-weight:750 !important;
  }
  .immersive-home .story-panel-two .m1{left:5% !important;top:12% !important;transform:rotate(-4deg) !important}
  .immersive-home .story-panel-two .m2{right:4% !important;top:28% !important;transform:rotate(4deg) !important}
  .immersive-home .story-panel-two .m3{left:4% !important;bottom:17% !important;transform:rotate(3deg) !important}
  .immersive-home .story-panel-two .m4{right:5% !important;bottom:8% !important;transform:rotate(-3deg) !important}
  .immersive-home .story-panel-two .msg-core{
    z-index:6 !important;
    width:146px !important;
    height:146px !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.97) !important;
    color:#17181b !important;
    box-shadow:0 18px 55px rgba(10,12,20,.22) !important;
  }
  .immersive-home .story-panel-two .msg-core span{
    width:68px !important;
    height:68px !important;
    border-radius:22px !important;
    background:#17181b !important;
    color:#fff !important;
    font-size:27px !important;
    line-height:1 !important;
  }
  .immersive-home .story-panel-two .msg-core small{
    display:block !important;
    max-width:118px !important;
    margin:9px auto 0 !important;
    align-self:auto !important;
    color:#666b74 !important;
    text-shadow:none !important;
    font-size:10px !important;
    line-height:1.25 !important;
    letter-spacing:0 !important;
  }

  /* Final CTA: old circular CTA styles were still leaking into the new
     full-width mobile button, which pushed KOKEILE above the black button. */
  .immersive-home .final-cta-immersive{
    min-height:0 !important;
    padding:54px 0 !important;
    display:block !important;
  }
  .immersive-home .final-cta-immersive .cta-shell{
    display:block !important;
    grid-template-columns:1fr !important;
    min-height:0 !important;
    padding:28px !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }
  .immersive-home .final-cta-immersive .cta-shell h2{
    max-width:none !important;
    margin:16px 0 !important;
    font-size:clamp(43px,12.5vw,62px) !important;
    line-height:.95 !important;
    letter-spacing:-.055em !important;
    overflow-wrap:anywhere !important;
  }
  .immersive-home .final-cta-immersive .cta-shell p{
    margin:0 !important;
    font-size:16px !important;
    line-height:1.55 !important;
  }
  .immersive-home .final-cta-immersive .cta-circle{
    position:relative !important;
    inset:auto !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    max-width:100% !important;
    height:56px !important;
    min-height:56px !important;
    margin:24px 0 0 !important;
    padding:0 18px !important;
    gap:12px !important;
    border-radius:12px !important;
    transform:none !important;
    writing-mode:horizontal-tb !important;
    overflow:hidden !important;
  }
  .immersive-home .final-cta-immersive .cta-circle span{
    position:static !important;
    display:inline !important;
    margin:0 !important;
    transform:none !important;
    writing-mode:horizontal-tb !important;
    font-size:13px !important;
    line-height:1 !important;
    letter-spacing:.06em !important;
    color:#fff !important;
  }
  .immersive-home .final-cta-immersive .cta-circle b{
    position:static !important;
    display:inline !important;
    margin:0 !important;
    transform:none !important;
    font-size:25px !important;
    line-height:1 !important;
    color:#fff !important;
  }
}

@media (max-width:520px){
  .immersive-home .story-panel{padding:20px !important}
  .immersive-home .story-panel-two .message-space{
    min-height:340px !important;
    height:340px !important;
  }
  .immersive-home .story-panel-two .msg-card{
    max-width:76% !important;
    font-size:10.5px !important;
  }
  .immersive-home .story-panel-two .msg-core{
    width:136px !important;
    height:136px !important;
  }
  .immersive-home .final-cta-immersive .cta-shell{padding:24px !important}
  .immersive-home .final-cta-immersive .cta-shell h2{
    font-size:clamp(40px,12.2vw,54px) !important;
  }
}


/* 2026-10-01 desktop scene layout repair.
   The homepage now shows three ordinary cards instead of the old horizontally
   pinned film. Size text to the real card, not to viewport width, and prevent
   the legacy 3D positions from overlapping the following process scene. */
@media (min-width: 901px) {
  .immersive-home .story-horizontal {
    height:auto !important;
    min-height:0 !important;
    padding:88px 20px !important;
    overflow:hidden !important;
  }
  .immersive-home .story-sticky {
    position:relative !important;
    top:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 auto !important;
    overflow:visible !important;
    perspective:none !important;
  }
  .immersive-home .story-track {
    position:relative !important;
    inset:auto !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    align-items:stretch !important;
    gap:16px !important;
    width:min(100%,1120px) !important;
    max-width:1120px !important;
    height:auto !important;
    margin:0 auto !important;
    padding:0 !important;
    transform:none !important;
    will-change:auto !important;
  }
  .immersive-home .story-panel {
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    flex:initial !important;
    box-sizing:border-box !important;
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:600px !important;
    padding:26px !important;
    gap:20px !important;
    overflow:hidden !important;
    transform:none !important;
  }
  .immersive-home .story-panel-copy {
    position:relative !important;
    flex:0 0 auto !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  .immersive-home .story-panel-copy h2 {
    max-width:100% !important;
    margin:18px 0 0 !important;
    font-size:clamp(27px,2.35vw,39px) !important;
    line-height:1.08 !important;
    letter-spacing:-.052em !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
    hyphens:auto !important;
  }
  .immersive-home .story-panel-copy h2 em {
    display:block !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
  }
  .immersive-home .story-panel .story-visual {
    flex:1 0 285px !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:285px !important;
    margin-top:6px !important;
    transform:none !important;
  }
  /* Restore a centered, document-flow layout for the former 3D sequence. */
  .immersive-home .motion-depth {
    height:auto !important;
    min-height:0 !important;
    padding:92px 20px !important;
    overflow:hidden !important;
  }
  .immersive-home .motion-depth-sticky {
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    display:block !important;
    box-sizing:border-box !important;
    width:min(100%,1120px) !important;
    max-width:1120px !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:visible !important;
    perspective:none !important;
    transform:none !important;
    transform-style:flat !important;
  }
  .immersive-home .depth-copy {
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    width:min(100%,880px) !important;
    max-width:880px !important;
    margin:0 auto 40px !important;
    text-align:center !important;
    transform:none !important;
  }
  .immersive-home .depth-copy h2 {
    width:100% !important;
    max-width:100% !important;
    margin:12px auto 18px !important;
    font-size:clamp(38px,3.5vw,56px) !important;
    line-height:1.08 !important;
    letter-spacing:-.05em !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
  .immersive-home .depth-copy p {
    margin:0 auto !important;
    max-width:640px !important;
    text-align:center !important;
  }
  .immersive-home .depth-stage {
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    top:auto !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    align-items:stretch !important;
    gap:16px !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:1120px !important;
    height:auto !important;
    margin:0 auto !important;
    padding:0 !important;
    transform:none !important;
    transform-style:flat !important;
  }
  .immersive-home .depth-card {
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:186px !important;
    margin:0 !important;
    padding:24px !important;
    opacity:1 !important;
    transform:none !important;
    transform-style:flat !important;
    z-index:auto !important;
  }
  .immersive-home .depth-card b {
    max-width:100% !important;
    font-size:clamp(17px,1.35vw,21px) !important;
    line-height:1.3 !important;
    overflow-wrap:break-word !important;
  }
  .immersive-home .depth-core {
    position:relative !important;
    inset:auto !important;
    grid-column:1/-1 !important;
    justify-self:center !important;
    width:170px !important;
    height:170px !important;
    margin:12px auto 0 !important;
    padding:0 !important;
    transform:none !important;
  }
  .immersive-home .depth-core-ring {
    width:165px !important;
    height:165px !important;
  }
  .immersive-home .depth-progress,
  .immersive-home .depth-caption {
    display:none !important;
  }
}
@media (min-width:901px) and (max-width:1199px) {
  .immersive-home .story-track {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    max-width:900px !important;
  }
  .immersive-home .story-panel-three {
    grid-column:1/-1 !important;
    justify-self:center !important;
    max-width:calc((100% - 16px)/2) !important;
  }
  .immersive-home .depth-stage {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .immersive-home .depth-card-3 {
    grid-column:1/-1 !important;
    justify-self:center !important;
    max-width:calc((100% - 16px)/2) !important;
  }
}
@media (min-width:761px) and (max-width:900px) {
  .immersive-home .story-track {
    grid-template-columns:1fr !important;
    width:min(100%,680px) !important;
    padding:0 16px !important;
    margin-inline:auto !important;
    transform:none !important;
  }
  .immersive-home .story-panel {
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
  }
  .immersive-home .story-panel-copy h2 {
    max-width:100% !important;
    font-size:clamp(40px,6vw,52px) !important;
    overflow-wrap:anywhere !important;
  }
  .immersive-home .motion-depth-sticky {
    height:auto !important;
    min-height:0 !important;
    width:min(100% - 32px,720px) !important;
    margin-inline:auto !important;
    padding:0 !important;
    overflow:visible !important;
  }
  .immersive-home .depth-copy {
    width:100% !important;
    max-width:100% !important;
    margin:0 auto 32px !important;
    text-align:center !important;
  }
  .immersive-home .depth-copy h2 {
    font-size:clamp(38px,6vw,52px) !important;
    line-height:1.08 !important;
    overflow-wrap:anywhere !important;
  }
  .immersive-home .depth-copy p {
    margin-inline:auto !important;
  }
  .immersive-home .depth-stage {
    grid-template-columns:1fr !important;
    width:min(100%,560px) !important;
    margin:0 auto !important;
    padding:0 !important;
  }
  .immersive-home .depth-card {
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    transform:none !important;
  }
  .immersive-home .depth-core {
    grid-column:1/-1 !important;
    justify-self:center !important;
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    margin:14px auto 0 !important;
  }
  .immersive-home .depth-progress,
  .immersive-home .depth-caption {
    display:none !important;
  }
}
@media (max-width:760px) {
  .immersive-home .story-panel-copy,
  .immersive-home .depth-copy {
    min-width:0 !important;
    max-width:100% !important;
  }
  .immersive-home .story-panel-copy h2,
  .immersive-home .depth-copy h2 {
    max-width:100% !important;
    overflow-wrap:anywhere !important;
  }
}

.assistant-tier-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}
.assistant-tier-actions .assistant-order-btn{margin-top:0;min-width:0;padding:0 9px}
.assistant-order-tiers .assistant-order-card{min-width:0}
@media(max-width:1150px){
  .assistant-order-tiers{grid-template-columns:1fr!important}
}