/* KASBOKAR V122 — immersive interaction layer */
:root{--space:#07070b;--space2:#0d0a15;--electric:#bb89ff;--cyan:#67e8f9;--pink:#ff8bc2;--glass:rgba(255,255,255,.055)}
.site-v122{background:radial-gradient(1200px 800px at 80% -10%,#40246924,transparent 60%),radial-gradient(900px 600px at 0 40%,#093f5422,transparent 65%),var(--space);overflow-x:clip}
.site-v122:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:90px 90px;opacity:.012;mask-image:linear-gradient(to bottom,#000,transparent 70%)}
.site-v122 main,.site-v122 .site-header,.site-v122 .site-footer{position:relative;z-index:1}
.site-v122 .site-header{position:sticky;top:0;height:78px;background:linear-gradient(to bottom,rgba(7,7,11,.92),rgba(7,7,11,.58));backdrop-filter:blur(24px) saturate(135%);border-bottom:1px solid #ffffff12;box-shadow:0 18px 50px #0000;transition:height .35s,box-shadow .35s,background .35s}
.site-v122 .site-header.is-scrolled{height:68px;background:rgba(8,8,13,.9);box-shadow:0 18px 50px #0008}
.site-v122 .main-nav{padding:5px 8px;border:1px solid #ffffff10;border-radius:999px;background:#ffffff04;backdrop-filter:blur(15px)}
.site-v122 .main-nav a{padding:10px 13px;border-radius:999px;transition:.25s}
.site-v122 .main-nav a:hover,.site-v122 .main-nav a[aria-current]{background:#ffffff0d;color:#fff}
.site-v122 .main-nav [aria-current]:after{display:none}
.site-v122 .header-cta{border-radius:999px;background:linear-gradient(110deg,#ffffff14,#ffffff05);box-shadow:inset 0 1px #ffffff28}
.home-hero{min-height:calc(100svh - 78px);background:radial-gradient(ellipse at 75% 25%,#6f34a526,transparent 42%),radial-gradient(ellipse at 22% 55%,#0a7c8620,transparent 44%),#07070b;display:flex;flex-direction:column;justify-content:center}
.home-hero:before{content:"";position:absolute;inset:auto -15% -28% 35%;height:65%;background:radial-gradient(ellipse,#af6dff21,transparent 68%);filter:blur(35px);pointer-events:none}
.hero-grid{min-height:720px;grid-template-columns:.93fr 1.07fr;gap:0}
.hero-copy{padding-inline-start:2vw}
.hero-eyebrow{width:max-content;padding:7px 12px;border:1px solid #ffffff15;background:#ffffff05;border-radius:999px;backdrop-filter:blur(12px)}
.hero-copy h1{font-size:clamp(58px,6.4vw,104px);line-height:1.26;letter-spacing:-5px;margin:28px 0 22px;max-width:760px}
.title-accent{background:linear-gradient(100deg,#fff 0%,#e4c5ff 35%,#9ff7ff 68%,#ffbbdc 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px #b38cff22)}
.hero-copy h2{font-size:17px;color:#ece6f3}.hero-copy>p{font-size:14px;max-width:520px;color:#b4afc0}
.hero-actions .button{border-radius:999px;min-height:58px;padding-inline:27px}.hero-actions .button-primary{background:linear-gradient(115deg,#ffffff,#d9c0ff 46%,#96eff5);color:#17101f;box-shadow:0 18px 70px #b08cff28}
.hero-art{min-height:720px;perspective:1200px;transform-style:preserve-3d}
.hero-art:after{content:"";position:absolute;width:74%;height:70%;left:10%;top:14%;border-radius:50%;border:1px solid #ffffff12;box-shadow:0 0 100px #b177ff18,inset 0 0 80px #6deaff0a;transform:rotate(-12deg)}
.connection-art{opacity:.2;filter:saturate(1.2) contrast(1.05);mix-blend-mode:screen}
.hero-astronaut-wrap{position:absolute;inset:2% 2% 2% 4%;z-index:4;transform:translate3d(var(--mx),var(--my),80px) rotate(var(--art-rotate));transition:transform .12s ease-out;pointer-events:none;filter:drop-shadow(0 45px 75px #000b)}
.hero-astronaut{position:absolute;height:95%;width:auto;max-width:none;left:50%;top:48%;transform:translate(-50%,-50%);object-fit:contain;mask-image:radial-gradient(ellipse 65% 68% at 50% 48%,#000 54%,rgba(0,0,0,.94) 66%,transparent 80%)}
.hero-nebula{position:absolute;width:118px;height:118px;right:4%;top:12%;border-radius:50%;box-shadow:0 0 55px #ca75ff66;animation:floatNebula 5s ease-in-out infinite alternate}
.astronaut-orbit{position:absolute;left:50%;top:50%;border:1px solid #d6bcff2c;border-radius:50%;transform:translate(-50%,-50%) rotate(-16deg)}.orbit-a{width:78%;height:55%}.orbit-b{width:98%;height:77%;border-color:#7de8ff1f;transform:translate(-50%,-50%) rotate(23deg)}
@keyframes floatNebula{to{transform:translate3d(-22px,16px,0) scale(1.06)}}
.floating-note{z-index:8!important;background:rgba(10,10,18,.66)!important;backdrop-filter:blur(18px) saturate(135%);border:1px solid #ffffff24!important;box-shadow:0 24px 70px #0009!important}
.note-web{transform:translate3d(calc(var(--mx) * -.25),calc(var(--my) * -.25),140px)}.note-brands{transform:translate3d(calc(var(--mx) * .22),calc(var(--my) * .22),120px)}
.world-launch{border:1px solid #ffffff12!important;background:linear-gradient(135deg,#ffffff06,#ffffff02)!important;backdrop-filter:blur(22px);box-shadow:0 40px 120px #0007;border-radius:36px!important;overflow:hidden}
.world-launch .launch-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#a167ff11,transparent);transform:translateX(-120%);animation:scanline 7s ease-in-out infinite}@keyframes scanline{50%,100%{transform:translateX(120%)}}
.experience-lab{position:relative;padding:150px 0 120px;background:radial-gradient(ellipse at 50% 50%,#44256b28,transparent 55%)}
.experience-lab:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,#ffffff03 45%,transparent);pointer-events:none}
.experience-lab-inner{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:center}.lab-head{position:sticky;top:150px;align-self:start}.lab-head h2{font-size:clamp(42px,4vw,68px);line-height:1.55;margin:18px 0 24px;letter-spacing:-2.8px}.lab-head p{font-size:14px;line-height:2.4;max-width:480px}.lab-stage{position:relative;height:760px;border:1px solid #ffffff12;border-radius:48px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#7547ac18,transparent 36%),linear-gradient(145deg,#ffffff07,#ffffff015);box-shadow:inset 0 1px #ffffff20,0 60px 120px #0008;perspective:1200px;transform-style:preserve-3d}.lab-stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff33 .8px,transparent .8px);background-size:28px 28px;mask-image:radial-gradient(circle,#000,transparent 70%);opacity:.32}.lab-orbit{position:absolute;border:1px solid #ffffff18;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.lab-orbit.orbit-one{width:72%;height:72%;box-shadow:0 0 100px #be8cff14}.lab-orbit.orbit-two{width:46%;height:46%;border-style:dashed;animation:spin 25s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.lab-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 30%,#fff4,#b68cff22 38%,#090a0f 70%);border:1px solid #ffffff30;box-shadow:0 0 60px #ad7fff2e,inset 0 0 35px #fff1}.lab-core img{width:52px}.lab-core span{font:7px/1.6 Arial;letter-spacing:.2em;color:#d8c9e9}.lab-card{position:absolute;width:220px;padding:22px;border-radius:24px;border:1px solid #ffffff1b;background:rgba(14,13,22,.72);backdrop-filter:blur(20px);box-shadow:0 30px 65px #0008;transition:transform .15s ease-out,border-color .25s,background .25s}.lab-card:hover{border-color:#c99dff66;background:rgba(28,22,40,.86)}.lab-card small{font:7px Arial;letter-spacing:.18em;color:#ae92d0}.lab-card h3{font-size:20px;margin:8px 0}.lab-card p{font-size:10px;line-height:2.2}.lab-card a{display:inline-flex;margin-top:10px;font-size:9px;color:#d7b8ff}.lab-card-a{right:7%;top:10%}.lab-card-b{left:6%;top:42%}.lab-card-c{right:9%;bottom:8%}.lab-signal{position:absolute;left:28px;bottom:26px;display:flex;align-items:center;gap:9px;font:7px Arial;letter-spacing:.18em;color:#a9a1b7}.lab-signal i{width:7px;height:7px;border-radius:50%;background:#81f8cc;box-shadow:0 0 18px #81f8cc}
.brand-ribbon{background:linear-gradient(90deg,#d5b8ff,#90eff8 48%,#ffb9d8)!important;color:#15101b!important;transform:rotate(-1.1deg) scale(1.03);box-shadow:0 12px 45px #af7dff22}
.section{position:relative}.section:nth-of-type(even):before{content:"";position:absolute;width:480px;height:480px;left:-260px;top:15%;border-radius:50%;background:#7045ab14;filter:blur(30px);pointer-events:none}.section-heading h2{font-size:clamp(40px,4.2vw,64px);letter-spacing:-2.5px}.section-top{align-items:flex-start}.section-ornament{opacity:.38;filter:drop-shadow(0 0 35px #c390ff77)}
.radar-network{border-radius:48px!important;background:radial-gradient(circle,#b78bff0c,transparent 55%),#ffffff02!important;border:1px solid #ffffff12!important;box-shadow:inset 0 1px #ffffff16,0 45px 100px #0007}.radar-rings i{border-color:#d7c4ff20!important}.radar-node{transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s,opacity .28s!important}.radar-node:hover,.radar-node.selected{transform:translate(-50%,-50%) scale(1.16)!important;z-index:5;filter:drop-shadow(0 0 24px var(--brand))}.brand-detail{border-radius:32px!important;background:linear-gradient(150deg,#ffffff08,#ffffff03)!important;backdrop-filter:blur(18px);border:1px solid #ffffff14!important}
.service-choice,.service-stage,.work-visual,.editorial-card,.detail-panel,.request-form,.request-side{border-color:#ffffff14!important;background:linear-gradient(145deg,#ffffff07,#ffffff025)!important;box-shadow:inset 0 1px #ffffff12}.service-stage,.work-visual,.editorial-card{border-radius:30px!important}.work-card .work-visual{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}.work-card:hover .work-visual{transform:translateY(-10px) rotateX(2deg);box-shadow:0 35px 90px #0008}
.start-panel{background:radial-gradient(circle at 80% 20%,#82ecf51e,transparent 30%),radial-gradient(circle at 20% 80%,#c28bff29,transparent 35%),linear-gradient(145deg,#17131f,#0a0a0f)!important;border:1px solid #ffffff16!important;border-radius:40px!important;box-shadow:0 60px 120px #0008,inset 0 1px #ffffff1d}.start-arrow{background:linear-gradient(135deg,#d7bcff,#91eef7)!important;color:#17111d!important;box-shadow:0 15px 50px #a67cff44}.site-footer{border-top:1px solid #ffffff11;background:radial-gradient(circle at 50% 0,#7045ac14,transparent 45%),#07070b}
.reveal-on-scroll,.site-v122 main>.section,.experience-lab .lab-stage{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.is-revealed,.site-v122 main>.section.is-revealed,.experience-lab .lab-stage.is-revealed{opacity:1;transform:none}
.scroll-progress{position:fixed;z-index:150;top:0;left:0;height:2px;width:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#ff9bc9,#b68cff,#70e9f4);box-shadow:0 0 16px #b995ff;pointer-events:none}
.cursor-orbit{position:fixed;left:0;top:0;width:38px;height:38px;border:1px solid #cdb1ff66;border-radius:50%;z-index:160;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s,border-color .2s,background .2s;mix-blend-mode:screen}.cursor-orbit i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #fff}.cursor-orbit b{position:absolute;inset:-7px;border:1px dashed #8cecff55;border-radius:50%;animation:spin 8s linear infinite}.cursor-orbit.active{width:58px;height:58px;background:#af83ff0e;border-color:#8cecff99}
.page-hero{position:relative;overflow:hidden;padding-top:88px!important;padding-bottom:95px!important}.page-hero:after{content:"";position:absolute;left:-5%;top:12%;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#b88cff20,transparent 65%);filter:blur(15px);pointer-events:none}.page-hero h1{font-size:clamp(52px,5vw,82px)!important;line-height:1.45!important;letter-spacing:-3px!important}.page-hero-art{transform:perspective(900px) rotateY(-8deg);filter:drop-shadow(0 30px 50px #0007)}
@media(max-width:980px){.cursor-orbit{display:none}.hero-grid{min-height:0;grid-template-columns:1fr}.hero-copy{padding-top:70px}.hero-art{min-height:580px}.experience-lab-inner{grid-template-columns:1fr}.lab-head{position:static}.lab-stage{height:650px}.site-v122 .main-nav{border-radius:20px}.hero-copy h1{font-size:clamp(52px,11vw,78px);letter-spacing:-3px}.hero-astronaut-wrap{inset:0}}
@media(max-width:600px){.home-hero{min-height:auto}.hero-grid{min-height:auto}.hero-copy{padding-top:40px}.hero-copy h1{font-size:47px;line-height:1.45;letter-spacing:-2.5px}.hero-copy h2{font-size:14px}.hero-art{min-height:430px}.hero-astronaut{height:90%}.hero-nebula{width:72px;height:72px;right:0}.floating-note.note-brands{top:46px}.world-launch{border-radius:24px!important}.experience-lab{padding:90px 0 70px}.lab-head h2{font-size:38px;letter-spacing:-1.8px}.lab-stage{height:670px;border-radius:30px}.lab-core{width:128px;height:128px}.lab-card{width:185px;padding:18px}.lab-card-a{right:4%;top:8%}.lab-card-b{left:4%;top:44%}.lab-card-c{right:5%;bottom:7%}.brand-ribbon{transform:rotate(-1.5deg) scale(1.05)}.radar-network{border-radius:28px!important}.start-panel{border-radius:28px!important}.site-v122 .site-header{height:68px}}
@media(pointer:coarse){.cursor-orbit{display:none}}@media(prefers-reduced-motion:reduce){.hero-nebula,.lab-orbit.orbit-two,.cursor-orbit b{animation:none!important}.reveal-on-scroll,.site-v122 main>.section,.experience-lab .lab-stage{opacity:1;transform:none}}