/* GoRightBiz — "thrill" layer: dark 3D hero, motion, tilt cards, AI CRM page, agent scene.
   Loads after the page's own styles. Everything respects prefers-reduced-motion. */

/* ---------- dark hero ---------- */
.xhero{position:relative;overflow:hidden;background:#050d09;color:rgba(255,255,255,.78);padding:72px 0 150px;isolation:isolate;}
.xhero h1,.xhero h2,.xhero h3{color:#fff;}
.xh-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;}
.xh-bg .xh-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 30%,transparent 80%);}
.xh-bg .xh-glow{position:absolute;border-radius:50%;filter:blur(20px);}
.xh-bg .g1{width:760px;height:760px;left:-220px;top:-300px;background:radial-gradient(closest-side,rgba(27,182,98,.42),transparent 70%);animation:xh-drift 14s ease-in-out infinite alternate;}
.xh-bg .g2{width:700px;height:700px;right:-200px;top:40px;background:radial-gradient(closest-side,rgba(34,211,238,.20),transparent 70%);animation:xh-drift 18s ease-in-out infinite alternate-reverse;}
.xh-bg .g3{width:900px;height:420px;left:20%;bottom:-260px;background:radial-gradient(closest-side,rgba(124,107,217,.22),transparent 70%);}
.xh-floor{position:absolute;left:0;right:0;bottom:0;height:42%;perspective:300px;perspective-origin:50% 0%;overflow:hidden;mask-image:linear-gradient(0deg,#000 15%,transparent 95%);-webkit-mask-image:linear-gradient(0deg,#000 15%,transparent 95%);}
.xh-floor i{position:absolute;left:-100%;right:-100%;top:0;height:300%;transform-origin:50% 0;transform:rotateX(64deg);background-image:linear-gradient(rgba(74,222,128,.32) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(74,222,128,.24) 1.5px,transparent 1.5px);background-size:48px 48px;animation:xh-floor 3s linear infinite;}
.xh-spot{position:absolute;inset:0;background:radial-gradient(520px circle at var(--mx,70%) var(--my,30%),rgba(143,239,180,.10),transparent 60%);transition:background .2s;}
.xh-in{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center;position:relative;}
.xh-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 8px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:.8rem;font-weight:600;color:#B9F5D0;backdrop-filter:blur(8px);}
.xh-pill b{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:99px;background:linear-gradient(135deg,#1BB662,#0E7A44);color:#fff;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;}
.xh-pill b i{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:xh-ping 2s infinite;}
.xh-title{font-size:clamp(2.4rem,4.4vw,3.9rem);line-height:1.02;letter-spacing:-.04em;margin-top:22px;}
.xh-title .xh-grad{background:linear-gradient(100deg,#8FEFB4 0%,#3ECB7C 40%,#22d3ee 70%,#8FEFB4 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:xh-shimmer 6s linear infinite;}
.xh-title .xh-type{display:inline-block;min-width:1ch;border-right:3px solid #3ECB7C;padding-right:4px;animation:xh-caret 1s steps(1) infinite;}
.xh-lead{margin-top:20px;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.65;color:rgba(255,255,255,.68);max-width:600px;}
.xhero .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;justify-content:flex-start;}
.xhero .btn-ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.18);}
.xhero .btn-ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);}
.xhero .btn-primary{position:relative;overflow:hidden;}
.btn-primary.shine::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-120%);animation:xh-btnshine 4.5s ease-in-out infinite 1.2s;}
.xhero .lead-form.lf-inline{margin:26px 0 0;max-width:620px;padding:10px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);}
.xhero .lf-inline .lf-field span{color:rgba(255,255,255,.6);}
.xhero .lf-inline input{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important;}
.xhero .lf-inline input::placeholder{color:rgba(255,255,255,.4);}
.xhero .lf-done{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff;}
.xhero .lf-done h4{color:#fff;}
.xhero .lf-done p{color:rgba(255,255,255,.7);}
.xhero .lf-status{color:rgba(255,255,255,.75);}
.xh-proof{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px;font-size:.88rem;font-weight:600;color:rgba(255,255,255,.62);}
.xh-proof span{display:inline-flex;align-items:center;gap:7px;}
.xh-proof svg{width:16px;height:16px;color:#3ECB7C;}

/* robot hologram */
.xrobot{position:relative;width:100%;max-width:520px;aspect-ratio:1/1.02;margin:0 auto;perspective:1200px;}
.xrobot .xr-stage{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1);}
.xrobot .xr-aura{position:absolute;left:50%;top:40%;width:78%;height:78%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(37,211,102,.45),rgba(34,211,238,.14) 45%,transparent 70%);filter:blur(30px);animation:xr-glow 6s ease-in-out infinite;}
.xrobot .xr-platform{position:absolute;left:50%;bottom:2%;width:74%;aspect-ratio:1;transform:translateX(-50%) rotateX(78deg);transform-style:preserve-3d;}
.xr-platform .disc{position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(37,211,102,.55),rgba(16,185,129,.18) 45%,transparent 70%),repeating-radial-gradient(circle,rgba(167,243,208,.35) 0 1px,transparent 1px 12px);box-shadow:0 0 60px rgba(37,211,102,.5);}
.xr-platform .ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(74,222,128,.6);box-shadow:0 0 22px rgba(37,211,102,.4),inset 0 0 22px rgba(37,211,102,.3);}
.xr-platform .r1{animation:xr-spin 32s linear infinite;border-style:dashed;border-width:2px;border-color:rgba(134,239,172,.6);}
.xr-platform .r2{inset:10%;border-color:rgba(34,211,238,.6);border-top-color:transparent;border-bottom-color:transparent;animation:xr-spin 14s linear infinite reverse;}
.xr-platform .r3{inset:26%;border-color:rgba(167,243,208,.75);}
.xr-platform .pulse{position:absolute;inset:26%;border-radius:50%;border:2px solid rgba(74,222,128,.75);animation:xr-pulse 5s ease-out infinite;}
.xr-platform .p2{animation-delay:2.5s;}
.xrobot .xr-bot{position:absolute;left:50%;top:6%;width:46%;transform:translateX(-50%) translateZ(40px);}
.xrobot .xr-float{position:relative;animation:xr-float 7s ease-in-out infinite;}
.xrobot .xr-float img{width:100%;filter:drop-shadow(0 26px 30px rgba(0,0,0,.5)) drop-shadow(0 0 30px rgba(37,211,102,.4));user-select:none;}
.xrobot .xr-scan{position:absolute;inset:0;pointer-events:none;-webkit-mask:url('/assets/logo.png') center/100% 100% no-repeat;mask:url('/assets/logo.png') center/100% 100% no-repeat;background:linear-gradient(180deg,transparent 0%,rgba(34,211,238,0) 40%,rgba(34,211,238,.55) 49%,rgba(167,243,208,.9) 50%,rgba(34,211,238,0) 58%,transparent 100%);background-size:100% 300%;mix-blend-mode:screen;animation:xr-scan 5.5s ease-in-out infinite;}
.xrobot .xr-orbit{position:absolute;left:50%;top:48%;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-14deg) rotateZ(-6deg);}
.xrobot .xr-orbit-line{position:absolute;border-radius:50%;transform:rotateX(90deg);border:1px solid rgba(167,243,208,.22);box-shadow:0 0 14px rgba(34,211,238,.15);}
.xrobot .xr-spin{position:absolute;transform-style:preserve-3d;animation:xr-orbit 30s linear infinite;}
.xrobot .xr-face{transform-style:preserve-3d;animation:xr-orbit 30s linear infinite reverse;}
.xrobot .xr-chip{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:6px 12px 6px 6px;border-radius:13px;font-size:12.5px;font-weight:700;color:#fff;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 12px 30px -12px rgba(0,0,0,.7),0 0 22px -6px var(--cc);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.xrobot .xr-chip i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:color-mix(in oklab,var(--cc) 26%,transparent);color:var(--cc);}
.xrobot .xr-chip svg{width:15px;height:15px;}
.xrobot .xr-voice{position:absolute;left:50%;bottom:11%;transform:translateX(-50%) translateZ(60px);display:flex;align-items:flex-end;gap:3px;}
.xrobot .xr-voice i{display:block;width:3px;height:16px;border-radius:3px;background:linear-gradient(180deg,#a7f3d0,#22d3ee);box-shadow:0 0 8px rgba(34,211,238,.8);transform-origin:bottom;animation:xr-voice 1.1s ease-in-out infinite;}
.xrobot .xr-particle{position:absolute;bottom:8%;width:4px;height:4px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c);opacity:0;animation:xr-rise var(--d,9s) linear infinite;animation-delay:var(--dl,0s);}

/* live cards around the robot */
.xlive{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;padding:11px 14px 11px 11px;border-radius:16px;background:rgba(10,24,17,.72);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 50px -20px rgba(0,0,0,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;min-width:210px;animation:xl-in .9s cubic-bezier(.2,.8,.2,1) both,xl-bob 6s ease-in-out infinite;}
.xlive .xl-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;flex:none;}
.xlive .xl-ic svg{width:19px;height:19px;}
.xlive b{display:block;font-family:var(--ff-display);font-size:.86rem;line-height:1.2;}
.xlive small{display:block;font-size:.74rem;color:rgba(255,255,255,.6);margin-top:2px;}
.xlive .xl-dot{position:absolute;top:10px;right:10px;width:7px;height:7px;border-radius:50%;background:#3ECB7C;box-shadow:0 0 0 0 rgba(62,203,124,.7);animation:xh-ping 2s infinite;}
.xlive.l1{left:-6%;top:12%;animation-delay:.4s,0s;}
.xlive.l2{right:-4%;top:34%;animation-delay:.8s,1.2s;}
.xlive.l3{left:0;bottom:16%;animation-delay:1.2s,2.4s;}
.xlive .xl-swap{display:block;transition:opacity .4s,transform .4s;}
.xlive .xl-swap.out{opacity:0;transform:translateY(6px);}

/* ticker under the hero copy */
.xh-ticker{margin-top:64px;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);}
.xh-ticker .tk-row{display:flex;gap:14px;width:max-content;animation:xh-marquee 36s linear infinite;}
.xh-ticker:hover .tk-row{animation-play-state:paused;}
.xh-ticker .tk{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.85);font-family:var(--ff-display);font-weight:700;font-size:.92rem;white-space:nowrap;}
.xh-ticker .tk i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(62,203,124,.14);color:#8FEFB4;}
.xh-ticker .tk svg{width:16px;height:16px;}
.xh-ticker .tk em{font-style:normal;font-weight:600;color:rgba(255,255,255,.5);font-size:.8rem;}

/* mockups floating over the dark→light edge */
.xh-mock{position:relative;z-index:2;margin-top:-110px;padding-bottom:30px;}
.xh-mock .hero-grid{filter:drop-shadow(0 40px 60px rgba(5,13,9,.35));}

/* stats band */
.xstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px;}
.xstat{position:relative;padding:22px 22px 20px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-sm);overflow:hidden;}
.xstat b{display:block;font-family:var(--ff-display);font-size:clamp(1.8rem,3vw,2.4rem);line-height:1;letter-spacing:-.03em;color:var(--ink-900);}
.xstat span{display:block;margin-top:8px;font-size:.9rem;color:var(--ink-500);}
.xstat::after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(closest-side,rgba(27,182,98,.16),transparent 70%);}
.xstats-note{margin-top:12px;font-size:.78rem;color:var(--ink-400);text-align:center;}
@media (max-width:860px){.xstats{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* ---------- tilt + glow cards (any light section) ---------- */
.tilt{transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;will-change:transform;position:relative;}
.tilt .tilt-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(400px circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.55),transparent 45%);opacity:0;transition:opacity .3s;mix-blend-mode:soft-light;}
.tilt:hover .tilt-glare{opacity:1;}
.glow-edge{position:relative;}
.glow-edge::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ang,0deg),transparent 0 70%,#3ECB7C 80%,#22d3ee 88%,transparent 95%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;animation:edge-spin 4s linear infinite;pointer-events:none;}
.glow-edge:hover::before{opacity:1;}
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg;}

/* ---------- AI CRM pricing card with seat calculator ---------- */
.crm-price{display:grid;grid-template-columns:1.1fr .9fr;gap:0;max-width:980px;margin:0 auto;border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-lg);background:#fff;}
.crm-price .cp-l{padding:40px;}
.crm-price .cp-r{padding:40px;background:#050d09;color:rgba(255,255,255,.72);position:relative;overflow:hidden;}
.crm-price .cp-r::before{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(closest-side,rgba(37,211,102,.35),transparent 70%);}
.crm-price .amt{display:flex;align-items:baseline;gap:8px;margin-top:6px;}
.crm-price .amt b{font-family:var(--ff-display);font-size:3.4rem;line-height:1;color:#fff;letter-spacing:-.03em;}
.crm-price .amt span{color:rgba(255,255,255,.6);font-weight:600;}
.crm-price ul{display:grid;gap:11px;margin-top:18px;}
.crm-price .cp-l li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-600);}
.crm-price .cp-l li svg{width:18px;height:18px;flex:none;margin-top:3px;color:var(--g-600);}
.crm-price .calc{margin-top:22px;padding:16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);position:relative;}
.crm-price .calc label{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;color:rgba(255,255,255,.75);}
.crm-price .calc input[type=range]{width:100%;margin-top:10px;accent-color:#3ECB7C;}
.crm-price .calc .tot{margin-top:10px;font-size:.9rem;color:rgba(255,255,255,.7);}
.crm-price .calc .tot b{font-family:var(--ff-display);font-size:1.2rem;color:#fff;}
.crm-price .cp-r .btn{margin-top:22px;width:100%;position:relative;}
.crm-price .cp-r small{display:block;margin-top:12px;font-size:.78rem;color:rgba(255,255,255,.5);position:relative;}
@media (max-width:860px){.crm-price{grid-template-columns:1fr;}.crm-price .cp-l,.crm-price .cp-r{padding:28px 22px;}}

/* ---------- keyframes ---------- */
@keyframes xh-drift{to{transform:translate(60px,40px) scale(1.08);}}
@keyframes xh-floor{to{background-position:0 48px;}}
@keyframes xh-ping{0%{box-shadow:0 0 0 0 rgba(62,203,124,.7);}80%,100%{box-shadow:0 0 0 10px rgba(62,203,124,0);}}
@keyframes xh-shimmer{to{background-position:-200% 0;}}
@keyframes xh-caret{50%{border-color:transparent;opacity:.2;}}
@keyframes xh-btnshine{0%,60%{transform:translateX(-120%);}85%,100%{transform:translateX(120%);}}
@keyframes xh-marquee{to{transform:translateX(-50%);}}
@keyframes xr-glow{0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(1);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1);}}
@keyframes xr-spin{to{transform:rotate(360deg);}}
@keyframes xr-pulse{0%{transform:scale(1);opacity:.85;}100%{transform:scale(3.2);opacity:0;}}
@keyframes xr-float{0%,100%{transform:translateY(0) rotateZ(-1.5deg);}50%{transform:translateY(-18px) rotateZ(1.5deg);}}
@keyframes xr-scan{0%{background-position:0 100%;opacity:0;}10%{opacity:1;}60%{background-position:0 0;opacity:1;}70%,100%{background-position:0 0;opacity:0;}}
@keyframes xr-orbit{to{transform:rotateY(360deg);}}
@keyframes xr-voice{0%,100%{transform:scaleY(.25);}50%{transform:scaleY(1);}}
@keyframes xr-rise{0%{opacity:0;transform:translateY(0);}15%{opacity:.9;}100%{opacity:0;transform:translateY(-320px) translateX(var(--dx,10px));}}
@keyframes xl-in{from{opacity:0;transform:translateY(16px) scale(.96);filter:blur(4px);}to{opacity:1;transform:none;filter:none;}}
@keyframes xl-bob{0%,100%{translate:0 0;}50%{translate:0 -8px;}}
@keyframes edge-spin{to{--ang:360deg;}}

/* ---------- responsive hero ---------- */
@media (max-width:1020px){
  .xh-in{grid-template-columns:1fr;gap:10px;}
  .xh-copy{text-align:center;}
  .xh-copy .xh-lead{margin-left:auto;margin-right:auto;}
  .xhero .hero-cta,.xh-proof{justify-content:center;}
  .xhero .lead-form.lf-inline{margin-left:auto;margin-right:auto;}
  .xrobot{max-width:380px;margin-top:34px;}
  .xlive.l1{top:-2%;}
  .xlive{min-width:0;padding:8px 11px 8px 8px;}
  .xlive .xl-ic{width:30px;height:30px;}
  .xlive.l1{left:-2%;}.xlive.l2{right:-2%;top:46%;}
}
@media (max-width:560px){
  .xhero{padding:44px 0 120px;}
  .xlive.l3{display:none;}
  .xlive small{display:none;}
  .xrobot .xr-chip{font-size:11px;padding:4px 9px 4px 4px;}
  .xrobot .xr-chip i{width:20px;height:20px;}
}

@media (prefers-reduced-motion:reduce){
  .xhero *,.xrobot *,.xh-ticker .tk-row,.glow-edge::before{animation:none!important;}
  .xlive{opacity:1;}
}

/* course hero: give the 3D agent stage room */
#page-course .phero .hero-grid{grid-template-columns:.86fr 1.14fr;gap:40px;}
#page-course .a3d .a3d-text{font-size:clamp(.95rem,1.5vw,1.3rem);}
@media (max-width:1020px){#page-course .phero .hero-grid{grid-template-columns:1fr;}}