/* ==========================================================================
   KHEMET.AI  v2 "Pharaonic Obsidian / Cinematic Glass"
   Rules below lifted VERBATIM from client/src/styles/cinematic.css
   in m0amensaid89/khemet-ai-main, the live khemet.ai source.
   ========================================================================== */
.kx{
  --bg:#08080F;--bg2:#0C0B16;--ink:#fff;--body:#A9A6C0;--dim:#6f6c86;
  --gold:#D4AF37;--gold2:#FBBF24;--goldhi:#FFF1B8;--golddeep:#B8860B;
  --blue:#B8860B;--cyan:#8B6914;--violet:#D4AF37;--glass:rgba(255,255,255,.045);--line:rgba(255,255,255,.09);
  background:#08080F;color:var(--body);font-family:'Inter',sans-serif;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative;
}
.kx ::selection{background:rgba(212,175,55,.3);color:#fff;}
.kx a{text-decoration:none;color:inherit;}
.kx .wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,64px);}
.kx section{position:relative;}
.kx h1,.kx h2,.kx h3,.kx h4{font-family:'Space Grotesk',sans-serif;color:#fff;letter-spacing:-.02em;font-weight:700;line-height:1.06;}
.kx .rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);}
.kx .rv.in{opacity:1;transform:none;}
.kx .rv-s>*{opacity:0;transform:translateY(22px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);}
.kx .rv-s.in>*{opacity:1;transform:none;}
.kx .rv-s.in>*:nth-child(2){transition-delay:.07s}
@media(prefers-reduced-motion:reduce){.kx .rv,.kx .rv-s>*{opacity:1!important;transform:none!important;}}
.kx .kicker{display:inline-flex;align-items:center;gap:9px;font-family:'Space Grotesk';font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold2);}
.kx .kicker.center{justify-content:center;}
.kx .grad{background:linear-gradient(100deg,#FBBF24,#D4AF37 55%,#8B6914);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
@keyframes aepfoil{0%{background-position:-150% 0}100%{background-position:250% 0}}
.kx .foil{background-image:linear-gradient(100deg,#B8860B,#D4AF37 20%,#FBBF24 35%,#FFF1B8 45%,#FBBF24 55%,#D4AF37 70%,#B8860B);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:aepfoil 6s linear infinite;}
.kx .hl{display:inline-block;padding:0 .16em;color:#2A2200;border-radius:9px;background:linear-gradient(135deg,var(--goldhi),var(--gold2) 55%,var(--gold));}
.kx .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:'Space Grotesk';font-weight:600;font-size:14px;letter-spacing:.02em;border-radius:999px;cursor:pointer;border:none;transition:transform .2s,filter .2s,box-shadow .2s;}
.kx .btn-gold{color:#2A2200;background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 10px 28px -10px rgba(212,175,55,.65);padding:14px 28px;}
.kx .btn-gold:hover{transform:translateY(-1px);filter:brightness(1.06);}
.kx .btn-gold.sm{padding:11px 22px;font-size:13px;}
.kx .btn-gold.full{width:100%;padding:18px;font-size:14px;letter-spacing:.04em;}
.kx .btn-gold.big{padding:16px 40px;font-size:15px;}
.kx .btn-gold:disabled{opacity:.6;cursor:not-allowed;}
.kx .ib{display:inline-flex;align-items:center;gap:8px;}
.kx .glass{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--line);backdrop-filter:blur(20px) saturate(150%);border-radius:18px;box-shadow:0 30px 70px -34px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.1);}
.kx .card{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:16px;transition:.25s;}
.kx .card:hover{border-color:rgba(212,175,55,.4);transform:translateY(-4px);box-shadow:0 28px 56px -30px rgba(212,175,55,.4),0 0 40px -20px rgba(212,175,55,.4);}
.kx .hdiv{height:16px;opacity:.5;background-image:radial-gradient(circle at 10px 8px,rgba(212,175,55,.7) 1.6px,transparent 2.2px),radial-gradient(circle at 30px 8px,rgba(212,175,55,.45) 1.2px,transparent 1.8px),linear-gradient(90deg,transparent,rgba(212,175,55,.4),transparent);background-size:40px 16px,40px 16px,100% 1px;background-position:0 0,0 0,0 50%;background-repeat:repeat-x,repeat-x,no-repeat;}
.kx .glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(55vw 45vh at 16% 0%,rgba(212,175,55,.22),transparent 60%),radial-gradient(50vw 45vh at 90% 8%,rgba(212,175,55,.18),transparent 62%),radial-gradient(45vw 40vh at 70% 100%,rgba(212,175,55,.12),transparent 60%);}
.kx .glow.soft{opacity:.5;}
.kx .z{position:relative;z-index:2;}
.kx .float{position:absolute;z-index:1;pointer-events:none;animation:aepfl 10s ease-in-out infinite;}
@keyframes aepfl{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(7deg)}}
.kx .float.f1{top:15%;left:-30px;opacity:.5;}
.kx .float.f2{top:60%;right:5%;opacity:.45;animation-delay:-4s;}
.kx .nav{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(14px);background:rgba(8,8,15,.7);border-bottom:1px solid var(--line);}
.kx .nav-in{height:68px;display:flex;align-items:center;justify-content:space-between;}
.kx .logo{font-family:'Space Grotesk';font-weight:700;font-size:19px;color:#fff;display:flex;align-items:center;gap:10px;}
.kx .logo .mk{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--gold2),var(--gold));display:flex;align-items:center;justify-content:center;}
.kx .logo .mk-img{width:36px;height:36px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 16px -4px rgba(212,175,55,.55);}
.kx .nav-links{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:500;}
.kx .nav-links a:hover{color:#fff;}
.kx .hero{padding:120px 0 80px;}
.kx .wordmark{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);z-index:1;font-family:'Space Grotesk';font-weight:800;font-size:min(28vw,400px);line-height:.8;letter-spacing:-.04em;white-space:nowrap;color:transparent;-webkit-text-stroke:2px rgba(212,175,55,.6);text-shadow:0 0 30px rgba(212,175,55,.45),0 0 70px rgba(212,175,55,.25);opacity:.5;animation:aepglow 4.5s ease-in-out infinite;pointer-events:none;user-select:none;}
@keyframes aepglow{0%,100%{opacity:.4;-webkit-text-stroke-color:rgba(212,175,55,.5);}50%{opacity:.62;-webkit-text-stroke-color:rgba(251,191,36,.75);}}
.kx .badge{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:999px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(8px);font-family:'Space Grotesk';font-size:12px;font-weight:500;letter-spacing:.04em;color:#C9C6E0;}
.kx .badge .dot{width:7px;height:7px;border-radius:50%;background:var(--gold2);box-shadow:0 0 10px var(--gold2);}
.kx .hero h1{font-size:clamp(38px,5vw,60px);margin:22px 0 0;}
.kx .hero .sub{font-size:17px;line-height:1.6;margin-top:22px;max-width:46ch;}
.kx .sub b{color:#fff;}
.kx .sub.dim{color:var(--body);}
.kx .center-x{margin-left:auto;margin-right:auto;}
.kx .chip{font-family:'Space Grotesk';font-size:10px;letter-spacing:.1em;color:var(--gold2);border:1px solid rgba(212,175,55,.4);background:rgba(212,175,55,.08);padding:5px 10px;border-radius:999px;}
.kx .seal{width:64px;height:64px;border-radius:50%;border:1px solid rgba(212,175,55,.5);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,rgba(212,175,55,.18),rgba(8,8,15,.6));box-shadow:0 0 26px -6px rgba(212,175,55,.5),inset 0 0 18px -8px rgba(212,175,55,.6);flex-shrink:0;}
.kx .seal.sm{width:46px;height:46px;}
.kx .sec{padding:90px 0;}
.kx .sec-h{max-width:680px;margin-bottom:48px;}
.kx .sec-h.center{text-align:center;margin-left:auto;margin-right:auto;}
.kx .sec-h h2{font-size:clamp(28px,4.4vw,48px);margin:14px 0 0;}
.kx .sec-h p{font-size:16px;margin-top:16px;max-width:54ch;}
.kx .stat-c .num{font-family:'Space Grotesk';font-weight:700;font-size:clamp(40px,6vw,62px);line-height:1;background:linear-gradient(135deg,var(--goldhi),var(--gold2) 50%,var(--golddeep));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.kx .stat-c .lab{font-family:'Space Grotesk';font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--body);margin-top:10px;}

/* --- ambient aurora drift on the background glow layer ---
   Lifted verbatim from the live khemet.ai build (assets/index-CUEkg-Zt.css).
   This is the motion that was missing: the .glow layer breathes and drifts. */
.kx .glow{animation:kxaurora 16s ease-in-out infinite;will-change:transform}
@keyframes kxaurora{0%,to{transform:scale(1) translateZ(0)}50%{transform:scale(1.06) translate3d(1.2%,-1.4%,0)}}
@media(prefers-reduced-motion:reduce){.kx .glow{animation:none}}