/* ABC of Technology Cinematic V7 — actual founder photo + original ABC characters only */
.v7-cinematic-intro{position:fixed;inset:0;z-index:9999;overflow:hidden;background:radial-gradient(circle at 50% 45%,#102b70 0,#07183f 38%,#020817 72%,#00030a 100%);color:#fff;display:grid;place-items:center}
.v7-cinematic-intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s}
.v7-space{position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#45a7ff 1px,transparent 1px);background-size:74px 74px,112px 112px;background-position:0 0,30px 18px;opacity:.28;animation:v7Drift 16s linear infinite}
.v7-grid{position:absolute;left:-10%;right:-10%;bottom:-28%;height:70%;background:linear-gradient(rgba(48,138,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(48,138,255,.35) 1px,transparent 1px);background-size:54px 54px;transform:perspective(600px) rotateX(62deg);mask-image:linear-gradient(to top,#000,transparent);animation:v7Grid 5s linear infinite}
.v7-energy-ring{position:absolute;width:min(62vw,900px);aspect-ratio:1;border:3px solid rgba(58,156,255,.42);border-radius:50%;box-shadow:0 0 35px #1387ff, inset 0 0 45px rgba(0,117,255,.35);animation:v7Pulse 2.5s ease-in-out infinite}
.v7-intro-stage{position:relative;width:min(1500px,96vw);height:min(840px,92vh);display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:1vw;z-index:2}
.v7-founder-card{align-self:center;justify-self:center;position:relative;animation:v7FounderIn 1.15s .15s cubic-bezier(.16,.84,.34,1) both}
.v7-founder-photo-wrap{width:clamp(210px,19vw,350px);aspect-ratio:.82;border-radius:28px;overflow:hidden;border:2px solid rgba(111,190,255,.8);box-shadow:0 0 0 8px rgba(8,59,135,.24),0 24px 70px rgba(0,0,0,.45),0 0 45px rgba(46,144,255,.35)}
.v7-founder-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(1.05) contrast(1.04)}
.v7-founder-tag{position:absolute;left:50%;bottom:-26px;transform:translateX(-50%);min-width:78%;padding:12px 18px;border-radius:14px;text-align:center;background:linear-gradient(180deg,rgba(11,35,86,.96),rgba(3,13,34,.96));border:1px solid rgba(103,181,255,.7);box-shadow:0 10px 28px rgba(0,0,0,.35)}
.v7-founder-tag b{display:block;font-size:clamp(18px,1.8vw,28px);letter-spacing:.05em}.v7-founder-tag span{font-size:12px;opacity:.78;text-transform:uppercase;letter-spacing:.13em}
.v7-center-lockup{position:relative;text-align:center;z-index:4;animation:v7CenterIn .85s 1.05s both}
.v7-title-art{width:min(640px,44vw);filter:drop-shadow(0 0 26px rgba(34,145,255,.75));opacity:0;animation:v7TitleReveal .75s 1.45s forwards}
.v7-center-lockup>p{margin:10px 0 2px;font-weight:900;letter-spacing:.1em;color:#ffc522;font-size:clamp(11px,1.1vw,18px)}
.v7-center-lockup h1{margin:6px 0 22px;font-size:clamp(26px,3vw,52px);line-height:1;color:white;text-transform:uppercase;text-shadow:0 3px 12px #000}.v7-center-lockup h1 em{font-style:normal;color:#ffc21c}
.v7-intro-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.v7-enter{background:linear-gradient(180deg,#ffd83d,#ff9c00)!important;color:#071833!important;border:2px solid #ffe98d!important;box-shadow:0 0 35px rgba(255,177,0,.55);font-weight:1000}.v7-watch{background:#0b55c7!important;color:#fff!important;border:1px solid #65b8ff!important}.v7-center-lockup small{display:block;margin-top:13px;color:#b9cff5}
.v7-bus{position:absolute;right:-2vw;top:6%;width:clamp(330px,35vw,620px);filter:drop-shadow(0 28px 45px rgba(0,0,0,.5)) drop-shadow(0 0 24px rgba(40,145,255,.5));animation:v7BusIn 1.25s .45s cubic-bezier(.18,.85,.24,1) both,v7BusFloat 3s 1.7s ease-in-out infinite}
.v7-flash,.v7-floppy{position:absolute;width:clamp(120px,11vw,190px);z-index:5;filter:drop-shadow(0 16px 24px rgba(0,0,0,.35))}.v7-flash{left:24%;bottom:4%;animation:v7FlashIn .8s .7s both,v7Bob 2.8s 1.6s ease-in-out infinite}.v7-floppy{right:20%;bottom:4%;animation:v7FloppyIn .8s .86s both,v7Bob 3s 1.8s ease-in-out infinite reverse}
.v7-assembly{position:absolute;left:50%;top:33%;font-size:clamp(90px,12vw,190px);font-weight:1000;line-height:.7;text-shadow:0 0 30px currentColor;z-index:3;opacity:0}.assembly-a{color:#ff2d29;transform:translate(-260%,-60%) rotate(-42deg);animation:v7AssembleA .68s .4s forwards}.assembly-b{color:#ffd226;transform:translate(-50%,-260%) rotate(30deg);animation:v7AssembleB .68s .55s forwards}.assembly-c{color:#5bdb2d;transform:translate(200%,80%) rotate(50deg);animation:v7AssembleC .68s .7s forwards}
.v7-sparks i{position:absolute;width:7px;height:7px;border-radius:50%;background:#ffd52d;box-shadow:0 0 14px #ffcf25;animation:v7Spark 1.6s linear infinite}.v7-sparks i:nth-child(1){left:18%;top:22%}.v7-sparks i:nth-child(2){left:31%;top:72%;animation-delay:.3s}.v7-sparks i:nth-child(3){left:67%;top:25%;animation-delay:.6s}.v7-sparks i:nth-child(4){left:80%;top:63%;animation-delay:.9s}.v7-sparks i:nth-child(5){left:52%;top:12%;animation-delay:1.1s}.v7-sparks i:nth-child(6){left:47%;top:82%;animation-delay:.15s}
.v7-status{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:min(520px,70vw);z-index:7;text-align:center;color:#99caff;font-size:11px;letter-spacing:.18em;font-weight:800}.v7-status b{display:block;margin-top:8px;height:5px;border-radius:999px;background:rgba(255,255,255,.15);overflow:hidden}.v7-status b:after{content:"";display:block;height:100%;width:0;background:linear-gradient(90deg,#1688ff,#65d7ff,#ffd12b);animation:v7Load 2.25s .15s forwards}
.v7-cinematic-intro .skip-adventure{position:absolute;right:24px;top:22px;z-index:8;background:rgba(3,11,30,.72);border:1px solid rgba(255,255,255,.32);color:#fff;padding:10px 15px;border-radius:999px}
.v7-main-showcase{background:linear-gradient(180deg,#071634 0,#0d2d68 46%,#eef7ff 46%,#fff 100%);padding:80px 0 62px;overflow:hidden}.v7-main-grid{display:grid;grid-template-columns:.9fr 1.4fr;align-items:center;gap:40px}.v7-main-copy{color:#fff;padding-bottom:70px}.v7-main-copy h2{font-size:clamp(38px,4.8vw,78px);line-height:.96;margin:10px 0 20px}.v7-main-copy p{max-width:620px;font-size:18px;line-height:1.65;color:#cfdefa}.v7-main-stage{position:relative;min-height:560px}.v7-main-bus{position:absolute;width:75%;right:-4%;top:5%;filter:drop-shadow(0 30px 30px rgba(0,0,0,.35));animation:v7BusFloat 3.5s ease-in-out infinite}.v7-main-flash,.v7-main-floppy{position:absolute;width:23%;bottom:2%;filter:drop-shadow(0 18px 18px rgba(0,0,0,.28));animation:v7Bob 3s ease-in-out infinite}.v7-main-flash{left:24%}.v7-main-floppy{right:3%;animation-delay:.45s}.v7-founder-mini{position:absolute;left:0;top:2%;width:30%;z-index:5;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 24px 45px rgba(1,20,55,.28);border:5px solid #fff}.v7-founder-mini img{display:block;width:100%;aspect-ratio:.82;object-fit:cover;object-position:top}.v7-founder-mini span{display:block;padding:10px;text-align:center;font-weight:1000;color:#073275;letter-spacing:.08em}
@keyframes v7Drift{to{background-position:74px 74px,142px 130px}}@keyframes v7Grid{to{background-position:0 54px,54px 0}}@keyframes v7Pulse{50%{transform:scale(1.05);opacity:.72}}@keyframes v7FounderIn{from{opacity:0;transform:translateX(-130px) scale(.82) rotateY(25deg)}to{opacity:1;transform:none}}@keyframes v7CenterIn{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}@keyframes v7TitleReveal{to{opacity:1}}@keyframes v7BusIn{from{opacity:0;transform:translate(70vw,-15vh) rotate(-12deg) scale(.7)}to{opacity:1;transform:none}}@keyframes v7BusFloat{50%{transform:translateY(-10px) rotate(-1deg)}}@keyframes v7FlashIn{from{opacity:0;transform:translate(-120px,100px) rotate(-40deg)}to{opacity:1;transform:none}}@keyframes v7FloppyIn{from{opacity:0;transform:translate(120px,100px) rotate(40deg)}to{opacity:1;transform:none}}@keyframes v7Bob{50%{transform:translateY(-12px) rotate(2deg)}}@keyframes v7AssembleA{80%{opacity:1;transform:translate(-135%,-50%) rotate(3deg)}100%{opacity:0;transform:translate(-135%,-50%) scale(.85)}}@keyframes v7AssembleB{80%{opacity:1;transform:translate(-50%,-50%) rotate(-2deg)}100%{opacity:0;transform:translate(-50%,-50%) scale(.85)}}@keyframes v7AssembleC{80%{opacity:1;transform:translate(35%,-50%) rotate(2deg)}100%{opacity:0;transform:translate(35%,-50%) scale(.85)}}@keyframes v7Spark{0%{transform:scale(.2);opacity:0}30%{opacity:1}100%{transform:translate(35px,-70px) scale(1.7);opacity:0}}@keyframes v7Load{to{width:100%}}
@media(max-width:900px){.v7-intro-stage{grid-template-columns:1fr;height:92vh;padding:70px 18px 50px}.v7-founder-card{position:absolute;left:14px;top:88px}.v7-founder-photo-wrap{width:120px;border-radius:18px}.v7-founder-tag{display:none}.v7-center-lockup{margin-top:150px}.v7-title-art{width:min(82vw,540px)}.v7-bus{width:55vw;right:-8%;top:8%}.v7-flash{left:6%;bottom:6%;width:22vw}.v7-floppy{right:6%;bottom:6%;width:22vw}.v7-main-grid{grid-template-columns:1fr}.v7-main-copy{padding-bottom:0}.v7-main-stage{min-height:430px}.v7-main-showcase{background:linear-gradient(180deg,#071634 0,#0d2d68 52%,#eef7ff 52%,#fff 100%)}}
@media(prefers-reduced-motion:reduce){.v7-cinematic-intro *,.v7-main-showcase *{animation:none!important}.v7-title-art{opacity:1}.v7-assembly{display:none}}