/* MrUsman Experience — Cinematic homepage layer (isolated to .cinematic-home) */
.cinematic-home .home-hero{position:relative;min-height:min(880px,calc(100vh - 72px));display:flex;align-items:center;overflow:hidden;padding:clamp(72px,8vw,118px) 0 clamp(58px,7vw,92px);isolation:isolate}
.cinematic-home .home-hero::before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 18% 20%,rgba(34,211,238,.12),transparent 28%),radial-gradient(circle at 82% 24%,rgba(99,102,241,.12),transparent 30%),radial-gradient(circle at 58% 88%,rgba(16,185,129,.08),transparent 28%);filter:blur(12px);z-index:-2;animation:ambientShift 14s ease-in-out infinite alternate}
.cinematic-home .home-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,13,.08),rgba(5,7,13,.72));z-index:-1;pointer-events:none}
@keyframes ambientShift{to{transform:translate3d(2%,-1.5%,0) scale(1.04)}}
.cinematic-home .hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(460px,.98fr);gap:clamp(52px,6vw,92px);align-items:center}
.cinematic-home .hero-copy{position:relative;z-index:2}
.cinematic-home .hero-copy h1{font-size:clamp(3.3rem,6.4vw,6.9rem);line-height:.91;letter-spacing:-.065em;max-width:900px;margin:20px 0 24px}
.cinematic-home .hero-copy h1 span{display:block;opacity:0;transform:translateY(34px);animation:wordRise .75s cubic-bezier(.22,1,.36,1) forwards}
.cinematic-home .hero-copy h1 span:nth-child(2){animation-delay:.12s}.cinematic-home .hero-copy h1 span:nth-child(3){animation-delay:.24s}
@keyframes wordRise{to{opacity:1;transform:none}}
.cinematic-home .hero-copy .lead{max-width:720px;font-size:clamp(1.06rem,1.35vw,1.24rem);line-height:1.75}
.cinematic-home .availability{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(34,211,238,.24);border-radius:999px;background:rgba(10,15,25,.66);backdrop-filter:blur(14px)}
.cinematic-home .availability::before{content:"";width:8px;height:8px;border-radius:50%;background:#22d3ee;box-shadow:0 0 0 6px rgba(34,211,238,.1),0 0 18px #22d3ee;animation:pulseDot 2.2s ease-in-out infinite}
@keyframes pulseDot{50%{box-shadow:0 0 0 10px rgba(34,211,238,0),0 0 24px #22d3ee}}
.cinematic-home .hero-actions .btn{position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.cinematic-home .hero-actions .btn:hover{transform:translateY(-3px)}
.cinematic-home .hero-actions .btn.primary:hover{box-shadow:0 18px 50px rgba(37,99,235,.26)}
.cinematic-home .hero-proof-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:720px;margin-top:28px}
.cinematic-home .hero-proof-row>div{padding:15px 16px;border:1px solid rgba(148,163,184,.13);border-radius:18px;background:linear-gradient(180deg,rgba(17,24,39,.72),rgba(8,12,20,.62));backdrop-filter:blur(16px)}
.cinematic-home .hero-proof-row strong{font-size:1.3rem}
.cinematic-home .hero-visual{position:relative;min-height:590px;display:block;perspective:1400px;isolation:isolate}
.cinematic-home .hero-visual::before{content:"";position:absolute;inset:12% 5% 8%;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.18),rgba(59,130,246,.05) 45%,transparent 72%);filter:blur(18px);z-index:-1}
.cinematic-home .orbit-ring{position:absolute;inset:54px 14px 44px;border:1px solid rgba(34,211,238,.17);border-radius:50%;transform:rotate(-9deg);animation:orbitDrift 18s linear infinite}
.cinematic-home .orbit-ring.r2{inset:94px 48px 82px;border-color:rgba(139,92,246,.17);transform:rotate(18deg);animation-direction:reverse;animation-duration:23s}
@keyframes orbitDrift{to{transform:rotate(351deg)}}
.cinematic-home .system-canvas{position:absolute;inset:56px 18px 52px;border:1px solid rgba(148,163,184,.15);border-radius:30px;background:linear-gradient(155deg,rgba(15,23,42,.9),rgba(3,7,18,.78));box-shadow:0 32px 100px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(20px);overflow:hidden;transform:rotateY(-4deg) rotateX(2deg);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.cinematic-home .system-canvas:hover{transform:rotateY(0) rotateX(0) translateY(-4px)}
.cinematic-home .system-topbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(148,163,184,.12)}
.cinematic-home .system-dots{display:flex;gap:7px}.cinematic-home .system-dots i{width:8px;height:8px;border-radius:50%;background:#334155}.cinematic-home .system-dots i:nth-child(1){background:#fb7185}.cinematic-home .system-dots i:nth-child(2){background:#facc15}.cinematic-home .system-dots i:nth-child(3){background:#34d399}
.cinematic-home .system-status{display:flex;align-items:center;gap:8px;color:#a7f3d0;font-size:.78rem;font-weight:700}.cinematic-home .system-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 14px #34d399}
.cinematic-home .system-body{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;padding:16px}
.cinematic-home .system-panel{border:1px solid rgba(148,163,184,.13);border-radius:20px;background:rgba(8,12,20,.72);padding:16px;min-height:145px}
.cinematic-home .system-panel h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;color:#94a3b8;margin:0 0 14px}
.cinematic-home .mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cinematic-home .mini-metrics div{padding:12px;border-radius:14px;background:rgba(15,23,42,.88);border:1px solid rgba(148,163,184,.1)}.cinematic-home .mini-metrics strong{display:block;font-size:1.2rem;color:#f8fafc}.cinematic-home .mini-metrics span{font-size:.72rem;color:#94a3b8}
.cinematic-home .flow-panel{grid-column:1/-1;min-height:190px}
.cinematic-home .flow-row{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:10px;position:relative}.cinematic-home .flow-row::before{content:"";position:absolute;left:9%;right:9%;top:28px;height:2px;background:linear-gradient(90deg,#22d3ee,#3b82f6,#8b5cf6,#10b981);opacity:.45}
.cinematic-home .flow-step{position:relative;z-index:1;text-align:center}.cinematic-home .flow-icon{width:56px;height:56px;margin:0 auto 9px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(14,116,144,.36),rgba(30,41,59,.94));border:1px solid rgba(34,211,238,.3);box-shadow:0 10px 28px rgba(0,0,0,.25)}.cinematic-home .flow-step:nth-child(2) .flow-icon{border-color:rgba(59,130,246,.35)}.cinematic-home .flow-step:nth-child(3) .flow-icon{border-color:rgba(139,92,246,.35)}.cinematic-home .flow-step:nth-child(4) .flow-icon{border-color:rgba(16,185,129,.35)}.cinematic-home .flow-step:nth-child(5) .flow-icon{border-color:rgba(245,158,11,.35)}.cinematic-home .flow-icon svg{width:24px;height:24px;stroke:#e2e8f0}.cinematic-home .flow-step strong{display:block;font-size:.78rem}.cinematic-home .flow-step span{display:block;font-size:.68rem;color:#64748b;margin-top:3px}
.cinematic-home .activity-list{display:grid;gap:9px}.cinematic-home .activity-item{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:8px;border-radius:12px;background:rgba(15,23,42,.72)}.cinematic-home .activity-item i{width:8px;height:8px;border-radius:50%;background:#22d3ee}.cinematic-home .activity-item span{font-size:.74rem;color:#cbd5e1}.cinematic-home .activity-item b{font-size:.68rem;color:#64748b}
.cinematic-home .operator-float{position:absolute;right:-8px;bottom:6px;width:min(330px,66%);display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:13px;border-radius:19px;background:rgba(7,12,22,.9);border:1px solid rgba(34,211,238,.2);box-shadow:0 22px 55px rgba(0,0,0,.38);backdrop-filter:blur(18px);animation:floatCard 5s ease-in-out infinite}
@keyframes floatCard{50%{transform:translateY(-9px)}}
.cinematic-home .operator-float img{width:64px;height:64px;object-fit:cover;border-radius:16px;border:1px solid rgba(34,211,238,.3)}
.cinematic-home .operator-float strong{display:block}.cinematic-home .operator-float span{display:block;color:#94a3b8;font-size:.78rem;line-height:1.5}
.cinematic-home .floating-chip{position:absolute;padding:9px 12px;border-radius:999px;background:rgba(9,15,26,.88);border:1px solid rgba(148,163,184,.16);font-size:.72rem;font-weight:800;color:#dbeafe;box-shadow:0 16px 42px rgba(0,0,0,.32);backdrop-filter:blur(14px)}
.cinematic-home .floating-chip.c1{left:-4px;top:88px;animation:floatCard 5.6s ease-in-out infinite}.cinematic-home .floating-chip.c2{right:12px;top:34px;animation:floatCard 6.4s ease-in-out infinite reverse}.cinematic-home .floating-chip.c3{left:22px;bottom:42px;animation:floatCard 6s ease-in-out infinite .8s}
.cinematic-home .scroll-cue{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#64748b;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em}.cinematic-home .scroll-cue::before{content:"";width:22px;height:34px;border:1px solid rgba(148,163,184,.32);border-radius:999px}.cinematic-home .scroll-cue::after{content:"";position:absolute;left:10px;top:7px;width:3px;height:7px;border-radius:4px;background:#22d3ee;animation:scrollDot 1.7s ease-in-out infinite}@keyframes scrollDot{70%{transform:translateY(12px);opacity:.15}}
.cinematic-home .home-capabilities,.cinematic-home .home-worlds,.cinematic-home .home-services,.cinematic-home .home-projects,.cinematic-home .home-tools,.cinematic-home .home-knowledge{position:relative}
.cinematic-home .reveal-section{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.cinematic-home .reveal-section.is-visible{opacity:1;transform:none}
@media(max-width:1050px){.cinematic-home .hero-grid{grid-template-columns:1fr;gap:38px}.cinematic-home .hero-copy h1{max-width:800px}.cinematic-home .hero-visual{min-height:540px;max-width:760px;width:100%;margin:0 auto}.cinematic-home .home-hero{padding-top:72px}}
@media(max-width:720px){.cinematic-home .home-hero{min-height:auto;padding:48px 0 74px}.cinematic-home .hero-copy h1{font-size:clamp(2.75rem,13vw,4.4rem);line-height:.94}.cinematic-home .hero-proof-row{grid-template-columns:1fr}.cinematic-home .hero-visual{min-height:530px}.cinematic-home .system-canvas{inset:30px 0 52px;transform:none;border-radius:24px}.cinematic-home .system-body{grid-template-columns:1fr}.cinematic-home .system-panel.activity-panel{display:none}.cinematic-home .flow-row{grid-template-columns:repeat(3,1fr);row-gap:18px}.cinematic-home .flow-row::before{display:none}.cinematic-home .flow-step:nth-child(4),.cinematic-home .flow-step:nth-child(5){display:none}.cinematic-home .operator-float{right:8px;bottom:2px;width:calc(100% - 16px)}.cinematic-home .floating-chip.c1,.cinematic-home .floating-chip.c2,.cinematic-home .floating-chip.c3{display:none}.cinematic-home .scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){.cinematic-home *{animation:none!important;transition-duration:.01ms!important}.cinematic-home .hero-copy h1 span,.cinematic-home .reveal-section{opacity:1;transform:none}}