:root{--bg:#030813;--bg2:#071426;--panel:#09182b;--panel2:#0d2038;--text:#f4f8ff;--muted:#9aacc6;--line:rgba(121,169,255,.17);--blue:#1377ff;--cyan:#20d7ff;--glow:rgba(19,119,255,.32);--max:1240px;--radius:24px;--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--text);font-family:var(--font);background:radial-gradient(circle at 85% 5%,rgba(19,119,255,.13),transparent 24%),var(--bg);line-height:1.65;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.skip{position:fixed;left:12px;top:-80px;z-index:1000;background:#fff;color:#020817;padding:10px 16px;border-radius:10px}.skip:focus{top:12px}.site-header{position:sticky;top:0;z-index:100;background:rgba(3,8,19,.74);backdrop-filter:blur(22px);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{border-color:var(--line);background:rgba(3,8,19,.92)}.header-inner{min-height:88px;display:flex;align-items:center;gap:28px;transition:.25s}.site-header.scrolled .header-inner{min-height:70px}.brand{display:flex;align-items:center;flex:0 0 auto;background:#fff;border-radius:13px;padding:7px 11px;box-shadow:0 0 32px rgba(32,215,255,.12)}.brand img{width:clamp(154px,15vw,205px);height:43px;object-fit:contain}.nav{display:flex;align-items:center;gap:clamp(16px,2vw,30px);margin-left:auto}.nav a{font-size:.8rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#c7d3e7;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:#fff}.header-actions{display:flex;align-items:center;gap:10px}.lang{position:relative}.lang-toggle,.menu-toggle{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:12px;padding:10px 12px;cursor:pointer}.lang-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:150px;padding:8px;background:#081426;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px #0008;display:none}.lang-menu.open{display:grid}.lang-menu button{background:none;border:0;text-align:left;padding:10px;border-radius:8px;cursor:pointer}.lang-menu button:hover{background:#ffffff0d}.menu-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:13px;border:1px solid transparent;font-size:.86rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#0a5fff,#169cff);box-shadow:0 12px 35px rgba(10,95,255,.26)}.btn-primary:hover{box-shadow:0 18px 42px rgba(10,95,255,.42)}.btn-outline{border-color:#1f67d8;background:rgba(9,35,80,.24)}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#88baff;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.eyebrow::before{content:"";width:8px;height:8px;background:var(--blue);border-radius:50%;box-shadow:0 0 18px var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,6.2vw,6rem);max-width:900px;margin:22px 0 26px}h2{font-size:clamp(2.15rem,4.5vw,4.4rem);margin:16px 0 22px}h3{font-size:clamp(1.25rem,2vw,1.7rem)}.accent{color:var(--cyan);text-shadow:0 0 30px rgba(32,215,255,.28)}.lead{color:#b8c7dc;font-size:clamp(1.02rem,1.7vw,1.25rem);max-width:720px}.hero{min-height:calc(100vh - 88px);display:grid;align-items:center;position:relative;padding:80px 0 68px;isolation:isolate}.hero::after{content:"";position:absolute;width:45vw;height:45vw;max-width:680px;max-height:680px;right:-9vw;top:4%;background:radial-gradient(circle,#0b70ff33,transparent 65%);filter:blur(12px);z-index:-1}.hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(380px,.97fr);gap:54px;align-items:center}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hero-art{position:relative;aspect-ratio:1;display:grid;place-items:center}.planet{width:78%;aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle at 35% 28%,#20d7ff 0 1%,#0a65df 4%,#06182f 35%,#020712 68%);box-shadow:inset -45px -32px 80px #000,0 0 70px rgba(16,104,255,.35);overflow:hidden}.planet::before{content:"";position:absolute;inset:10%;border:1px solid #48cfff77;border-radius:50%;transform:rotate(-24deg) scaleX(1.38);box-shadow:0 0 22px #168cff}.planet::after{content:"";position:absolute;inset:-10%;background:repeating-radial-gradient(ellipse at 48% 40%,transparent 0 24px,#25baff1e 25px 26px);transform:rotate(18deg)}.orbit{position:absolute;width:95%;height:46%;border:1px solid #318cff66;border-radius:50%;transform:rotate(-17deg);box-shadow:0 0 25px #087bff33}.orbit-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#66e5ff;box-shadow:0 0 22px #0af}.d1{top:22%;left:13%}.d2{right:6%;top:48%}.d3{left:21%;bottom:13%}.float-card{position:absolute;padding:12px 16px;border:1px solid #4c86dd55;border-radius:13px;background:#071426d9;backdrop-filter:blur(12px);font-size:.75rem;font-weight:800;letter-spacing:.08em}.fc1{left:0;top:27%}.fc2{right:1%;top:18%}.fc3{right:-2%;bottom:24%}.section{padding:clamp(80px,10vw,140px) 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:46px}.section-head p{max-width:550px;color:var(--muted)}.value{padding:90px 0;background:linear-gradient(90deg,#061327,#03101e 50%,#062551);overflow:hidden}.value h2{max-width:1050px}.grid{display:grid;gap:20px}.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{position:relative;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(13,32,56,.87),rgba(5,14,28,.78));overflow:hidden;min-width:0}.card::after{content:"";position:absolute;width:140px;height:140px;right:-70px;top:-70px;border-radius:50%;background:#1387ff1a;filter:blur(8px);transition:.3s}.card:hover{border-color:#3e8cff66;transform:translateY(-3px)}.card:hover::after{background:#13c7ff30}.card p{color:var(--muted)}.icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#0c6fff,#20d7ff);color:white;font-weight:900;margin-bottom:24px;box-shadow:0 10px 28px #087cff33}.link-arrow{color:#79c9ff;font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.service-list{display:grid;gap:9px;margin:20px 0 24px;padding:0;list-style:none}.service-list li{color:#c0cee1;padding-left:18px;position:relative}.service-list li::before{content:"";position:absolute;left:0;top:.68em;width:6px;height:6px;border-radius:50%;background:#188dff;box-shadow:0 0 10px #0bf}.cinema{height:360vh;position:relative;background:#02060e}.cinema-stage{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden}.cinema canvas{position:absolute;inset:0;width:100%;height:100%}.cinema-copy{position:relative;z-index:2;text-align:center;width:min(900px,calc(100% - 40px));pointer-events:none}.cinema-copy h2{font-size:clamp(2.5rem,7vw,6.7rem);opacity:var(--copy-opacity,.2);transform:translateY(var(--copy-y,20px))}.cinema-step{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);font-size:.73rem;letter-spacing:.18em;text-transform:uppercase;color:#7ebfff}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,90px);align-items:center}.ceo-photo{position:relative;max-height:720px;overflow:hidden;border-radius:32px;background:linear-gradient(#eaf3ff,#fff);border:1px solid #54a5ff55}.ceo-photo img{width:100%;height:100%;max-height:720px;object-fit:cover;object-position:center 18%}.ceo-photo::after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(transparent,#031022b8)}.quote{font-size:clamp(1.4rem,2.7vw,2.3rem);color:#dfeaff;line-height:1.35}.name{margin-top:26px;font-weight:850;font-size:1.2rem}.role{color:#58cfff}.process{counter-reset:steps}.process .card{padding-top:70px}.process .card::before{counter-increment:steps;content:"0" counter(steps);position:absolute;top:20px;right:24px;color:#237fe8;font-size:2rem;font-weight:900}.cta-band{padding:clamp(55px,8vw,90px);border:1px solid #2f81e866;border-radius:34px;background:radial-gradient(circle at 82% 35%,#147aff44,transparent 28%),linear-gradient(135deg,#071528,#061d3b);display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-band h2{font-size:clamp(2rem,4vw,3.8rem);max-width:760px;margin-bottom:0}.page-hero{padding:110px 0 80px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 70% 0,#0b63d629,transparent 35%)}.page-hero h1{font-size:clamp(2.8rem,6vw,5.5rem)}.subnav{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.subnav a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:#a9bdd8;font-size:.82rem}.feature-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:44px 0;border-top:1px solid var(--line)}.feature-row p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px}.contact-stack{display:grid;gap:14px}.contact-item{padding:22px;border:1px solid var(--line);border-radius:18px;background:#081426}.contact-item small{display:block;color:#6e8eb8;text-transform:uppercase;letter-spacing:.12em}.form{padding:30px;border:1px solid var(--line);border-radius:26px;background:#071426}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.8rem;color:#a9bad1}.field input,.field textarea,.field select{width:100%;border:1px solid #31517c;background:#040d1b;color:white;border-radius:12px;padding:14px 15px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#20a5ff;box-shadow:0 0 0 3px #138eff22}.field textarea{min-height:150px;resize:vertical}.notice{color:#8097b7;font-size:.82rem}.map-placeholder{min-height:330px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 45% 50%,#0c6cff33,transparent 15%),linear-gradient(30deg,transparent 48%,#1d5aa822 49% 51%,transparent 52%),linear-gradient(150deg,transparent 48%,#1d5aa822 49% 51%,transparent 52%),#061224;background-size:auto,65px 65px,65px 65px;display:grid;place-items:center;text-align:center;padding:30px}.site-footer{padding:70px 0 28px;border-top:1px solid var(--line);background:#02060d}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer-brand p{color:var(--muted);max-width:380px;margin-top:20px}.footer-title{font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;color:#6f8fb7;margin-bottom:16px}.footer-links{display:grid;gap:9px;color:#b3c2d6}.footer-links a:hover{color:#55d6ff}.footer-bottom{margin-top:55px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;color:#6f8099;font-size:.78rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.status{min-height:24px;color:#76dcff;margin-top:12px}.legal{max-width:850px}.legal h2{font-size:2rem;margin-top:45px}.legal p,.legal li{color:var(--muted)}
@media(max-width:1050px){.nav{display:none;position:fixed;inset:76px 16px auto;padding:22px;background:#061224;border:1px solid var(--line);border-radius:20px;flex-direction:column;align-items:stretch;box-shadow:0 28px 80px #000}.nav.open{display:flex}.menu-toggle{display:block}.header-cta{display:none}.hero-grid{grid-template-columns:1fr}.hero{padding-top:55px}.hero-art{width:min(620px,90%);margin:auto}.cards-4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.feature-row{grid-template-columns:1fr;gap:10px}}
@media(max-width:760px){.container{width:min(calc(100% - 28px),var(--max))}.header-inner{min-height:74px;gap:10px}.brand{padding:6px 8px}.brand img{width:142px;height:36px}.lang-toggle{padding:9px}.hero{min-height:auto;padding:64px 0 78px}.hero-grid{gap:25px}.hero-art{width:100%;margin-top:15px}.float-card{padding:9px 11px}.cards-3,.cards-4,.split,.contact-grid,.footer-grid{grid-template-columns:1fr}.section-head{display:block}.card{padding:24px}.section{padding:80px 0}.cinema{height:280vh}.ceo-photo{max-height:600px}.cta-band{padding:38px 24px;display:block}.cta-band .btn{margin-top:25px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:block}.page-hero{padding:80px 0 60px}.hide-mobile{display:none}}
@media(max-width:390px){h1{font-size:2.45rem}.btn{width:100%;padding-inline:14px}.header-actions{margin-left:auto}.lang-toggle span:last-child{display:none}.hero-actions{display:grid}.float-card{font-size:.63rem}.footer-bottom{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.cinema{height:auto}.cinema-stage{position:relative;height:78vh;min-height:560px}}

/* v2 — cinematic opening and richer visual system */
.hero-sequence{height:560vh;position:relative;background:#01050d}.sequence-stage{position:sticky;top:0;height:100vh;min-height:620px;overflow:hidden;isolation:isolate}.sequence-scenes,.sequence-scene,.sequence-shade,.sequence-grid{position:absolute;inset:0}.sequence-scene{background-image:var(--scene);background-size:cover;background-position:center;opacity:0;transform:scale(1.08) translate3d(1.5%,0,0);filter:saturate(.85) brightness(.66);transition:opacity .16s linear;will-change:opacity,transform}.sequence-scene.is-active{opacity:1}.sequence-shade{z-index:1;background:linear-gradient(90deg,rgba(1,6,15,.98) 0%,rgba(2,8,18,.9) 31%,rgba(2,8,18,.25) 66%,rgba(2,8,18,.15) 100%),linear-gradient(0deg,rgba(1,5,12,.75),transparent 40%)}.sequence-grid{z-index:2;opacity:.2;background-image:linear-gradient(rgba(46,135,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(46,135,255,.12) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 68%)}.sequence-content{height:100%;position:relative;z-index:3}.sequence-copy{position:absolute;left:0;top:50%;width:min(650px,57vw);opacity:0;transform:translate3d(0,42px,0);pointer-events:none;transition:opacity .18s linear,transform .18s linear}.sequence-copy.is-active{opacity:1;transform:translate3d(0,-50%,0);pointer-events:auto}.sequence-copy h1{font-size:clamp(3.2rem,6.4vw,6.8rem);margin:20px 0 24px}.sequence-copy h2{font-size:clamp(3rem,5.8vw,6rem);margin:14px 0 24px}.sequence-copy .lead{max-width:640px}.scene-index{display:inline-block;color:#57cfff;font-size:.74rem;letter-spacing:.2em;font-weight:900}.scene-link{display:inline-flex;margin-top:24px;padding-bottom:6px;border-bottom:1px solid #36bfff;color:#88ddff;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;font-weight:900}.sequence-rail{position:absolute;z-index:5;right:clamp(18px,3vw,52px);top:50%;transform:translateY(-50%);display:grid;gap:20px}.sequence-rail::before{content:"";position:absolute;right:9px;top:7px;bottom:7px;width:1px;background:#ffffff26}.sequence-rail b{position:relative;width:30px;color:#7290b4;font-size:.62rem;font-weight:700}.sequence-rail b::after{content:"";position:absolute;right:3px;top:6px;width:11px;height:11px;border:2px solid #52759f;background:#020916;border-radius:50%}.sequence-progress{position:absolute;right:8px;top:7px;width:3px;height:var(--sequence-progress,0%);background:linear-gradient(#20d7ff,#0876ff);box-shadow:0 0 14px #19baff;transition:height .08s linear}.scroll-cue{position:absolute;z-index:5;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:#8ba5c5;font-size:.67rem;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.scroll-cue i{width:28px;height:42px;border:1px solid #4f6e96;border-radius:20px;position:relative}.scroll-cue i::after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;background:#42d5ff;border-radius:4px;transform:translateX(-50%);animation:scrollDot 1.6s infinite}@keyframes scrollDot{0%{opacity:0;transform:translate(-50%,0)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,17px)}}.value-v2{position:relative}.value-v2::after{content:"";position:absolute;right:4%;top:50%;width:260px;height:260px;border-radius:50%;border:1px solid #229eff55;transform:translateY(-50%);box-shadow:0 0 100px #097aff22,inset 0 0 60px #097aff1c}.service-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:380px;gap:20px}.mosaic-card{position:relative;border:1px solid var(--line);border-radius:28px;overflow:hidden;isolation:isolate}.mosaic-wide{grid-column:1/-1}.mosaic-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s ease,filter .65s ease;filter:saturate(.8) brightness(.8)}.mosaic-card:hover img{transform:scale(1.045);filter:saturate(1.08) brightness(.92)}.mosaic-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,16,.98) 0%,rgba(2,7,16,.72) 40%,rgba(2,7,16,.12) 78%),linear-gradient(0deg,rgba(2,7,16,.85),transparent 60%)}.mosaic-card>div{position:absolute;z-index:2;left:clamp(22px,4vw,52px);bottom:clamp(22px,4vw,46px);width:min(440px,75%)}.mosaic-card small{color:#5dcfff;font-weight:900;letter-spacing:.16em}.mosaic-card h3{font-size:clamp(1.7rem,3vw,3rem);margin:8px 0 12px}.mosaic-card p{margin:0;color:#b7c8dc}.ceo-v2{padding-bottom:0;background:radial-gradient(circle at 24% 54%,rgba(14,108,255,.19),transparent 28%)}.ceo-stage{display:grid;grid-template-columns:minmax(380px,.92fr) minmax(0,1.08fr);gap:clamp(35px,7vw,100px);align-items:center}.ceo-visual{height:min(720px,78vw);min-height:560px;position:relative;display:flex;align-items:flex-end;justify-content:center;isolation:isolate}.ceo-visual::before{content:"";position:absolute;left:50%;bottom:2%;width:75%;height:10%;transform:translateX(-50%);background:#158dff;filter:blur(46px);opacity:.6;border-radius:50%;z-index:-1}.ceo-visual img{position:relative;z-index:2;width:auto;height:96%;max-width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 30px 55px #000)}.ceo-halo{position:absolute;width:82%;aspect-ratio:1;left:50%;top:46%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#168eff2e 0 25%,transparent 26% 39%,#1594ff1f 40% 40.5%,transparent 41% 58%,#28d8ff21 59% 59.5%,transparent 60%);box-shadow:0 0 90px #0a6fff22}.ceo-light{position:absolute;left:50%;top:-8%;width:44%;height:88%;transform:translateX(-50%) perspective(400px) rotateX(8deg);background:linear-gradient(180deg,#5ce6ff35,transparent 75%);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);filter:blur(16px);z-index:1}.ceo-content{padding-bottom:90px}.ceo-content .quote{margin-top:30px}.cta-actions{display:flex;flex-wrap:wrap;gap:12px}.contact-pill{display:inline-flex;align-items:center;gap:7px;color:#a8d7ff}
@media(max-width:900px){.hero-sequence{height:500vh}.sequence-shade{background:linear-gradient(90deg,rgba(1,6,15,.97),rgba(2,8,18,.52)),linear-gradient(0deg,#01050de6,transparent 65%)}.sequence-copy{width:min(680px,calc(100% - 55px));left:0}.sequence-copy h1{font-size:clamp(2.9rem,9vw,5.3rem)}.sequence-copy h2{font-size:clamp(2.7rem,8vw,4.8rem)}.sequence-rail{right:12px}.ceo-stage{grid-template-columns:1fr}.ceo-visual{height:620px}.ceo-content{padding-bottom:80px}.service-mosaic{grid-auto-rows:330px}}
@media(max-width:620px){.hero-sequence{height:450vh}.sequence-stage{min-height:560px}.sequence-copy{top:48%;width:calc(100% - 30px)}.sequence-copy h1{font-size:clamp(2.55rem,12vw,3.8rem);line-height:1}.sequence-copy h2{font-size:clamp(2.35rem,11vw,3.4rem)}.sequence-copy .lead{font-size:.98rem}.sequence-scene{background-position:64% center}.sequence-shade{background:linear-gradient(90deg,rgba(1,6,15,.94),rgba(2,8,18,.38)),linear-gradient(0deg,#01050df5 5%,transparent 68%)}.sequence-rail{display:none}.scroll-cue{bottom:16px}.service-mosaic{grid-template-columns:1fr;grid-auto-rows:330px}.mosaic-wide{grid-column:auto}.mosaic-card>div{width:82%}.ceo-visual{min-height:470px;height:520px}.ceo-content{padding-bottom:65px}.cta-actions{display:grid;width:100%}}
@media(prefers-reduced-motion:reduce){.hero-sequence{height:auto}.sequence-stage{position:relative;height:auto;min-height:100vh}.sequence-scenes{position:absolute}.sequence-scene{display:none}.sequence-scene:first-child{display:block;opacity:1;transform:none}.sequence-content{padding:170px 0 100px}.sequence-copy{display:none;position:relative;top:auto;left:auto;width:min(700px,90%)}.sequence-copy:first-child{display:block;opacity:1;transform:none}.sequence-rail,.scroll-cue{display:none}}
.page-hero{position:relative;isolation:isolate;overflow:hidden;background:#030a16}.page-hero::before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:70% center;opacity:.32;filter:saturate(.85)}.page-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030914 0%,rgba(3,9,20,.92) 44%,rgba(3,9,20,.35) 100%)}body[data-visual="web"] .page-hero::before{background-image:url('../images/scene-web.webp')}body[data-visual="marketing"] .page-hero::before{background-image:url('../images/scene-marketing.webp')}body[data-visual="ai"] .page-hero::before{background-image:url('../images/scene-ai.webp')}body[data-visual="global"] .page-hero::before{background-image:url('../images/scene-global.webp')}.contact-item{transition:transform .2s,border-color .2s}.contact-item:hover{transform:translateY(-3px);border-color:#2f8eff}.contact-item strong{overflow-wrap:anywhere}

/* v3 — connected world: whole → parts → whole */
.world-sequence{height:430vh;background:radial-gradient(circle at 75% 45%,#061b3d 0,transparent 34%),#01050c}.world-sequence .sequence-stage{background:linear-gradient(120deg,#020711,#020914 58%,#031129)}.world-layout{height:100%;display:grid;grid-template-columns:minmax(420px,.88fr) minmax(520px,1.12fr);gap:clamp(20px,3vw,54px);align-items:center;position:relative;z-index:3}.world-copy{align-self:center;max-width:640px}.world-copy h1{font-size:clamp(3rem,5.4vw,5.9rem);margin:20px 0 24px}.world-copy .lead{max-width:590px}.world-phase{display:flex;gap:14px;align-items:center;margin-top:28px;padding:13px 16px;width:min(420px,100%);border:1px solid #287ac155;border-radius:15px;background:#07162aac;backdrop-filter:blur(14px)}.phase-number{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:#087dff;color:#fff;font-weight:900}.world-phase div{display:grid}.world-phase strong{font-size:.9rem;color:#e9f4ff}.world-phase small{font-size:.76rem;color:#86a1c0}.world-visual{height:min(78vh,760px);min-height:570px;position:relative;isolation:isolate}.world-visual canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.world-glow{position:absolute;z-index:0;left:50%;top:50%;width:62%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#0a83ff2e,transparent 68%);box-shadow:0 0 100px #087eff1a}.orbit-service{position:absolute;z-index:10;display:flex;align-items:center;gap:9px;min-width:max-content;padding:9px 12px 9px 9px;border:1px solid rgba(78,165,255,.5);border-radius:13px;background:linear-gradient(145deg,rgba(10,31,59,.94),rgba(4,13,27,.93));box-shadow:0 12px 40px #0009,0 0 22px #0c83ff1c;color:#eaf5ff;font-size:.72rem;font-weight:850;letter-spacing:.025em;will-change:left,top,transform;transition:border-color .2s,background .2s}.orbit-service:hover{border-color:#58dcff;background:#0a2544}.orbit-service i{width:29px;height:29px;display:grid;place-items:center;flex:none;border-radius:9px;background:linear-gradient(145deg,#0c67ed,#21d6ff);font-style:normal;font-size:.68rem;box-shadow:0 0 18px #168fff66}.region-tag{position:absolute;z-index:4;padding:5px 8px;border:1px solid #3b89d766;border-radius:8px;background:#06152ad9;color:#8edcff;font-size:.56rem;font-weight:900;letter-spacing:.1em;opacity:calc(1 - var(--world-split,0));transition:opacity .1s}.region-tr{left:49%;top:39%}.region-eu{left:37%;top:31%}.region-me{left:60%;top:54%}.world-sequence .sequence-rail{right:clamp(12px,1.8vw,30px)}.world-sequence .sequence-rail b{width:66px;font-size:.57rem;letter-spacing:.07em;text-transform:uppercase}.world-sequence .sequence-rail b::after{right:0}.world-sequence .sequence-progress{right:5px}
.service-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-module{position:relative;min-height:390px;padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,rgba(10,29,52,.92),rgba(3,10,21,.96));overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s}.service-module:hover{transform:translateY(-7px);border-color:#319fff80;box-shadow:0 25px 65px #0008,0 0 35px #087aff17}.service-module::after{content:"";position:absolute;inset:auto -30% -45% 10%;height:70%;background:radial-gradient(circle,#087dff26,transparent 68%);pointer-events:none}.module-no{margin-top:26px;color:#54d5ff;font-size:.72rem;font-weight:900;letter-spacing:.14em}.service-module h3{margin:9px 0 12px;font-size:1.5rem}.service-module p{color:#91a7c2}.module-visual{height:172px;position:relative;display:grid;place-items:center;border:1px solid #3172bd3d;border-radius:19px;background:radial-gradient(circle at 50% 55%,#0d68da44,transparent 55%),linear-gradient(145deg,#07172b,#030b18);overflow:hidden}.module-visual::before{content:"";position:absolute;width:110px;height:110px;border:1px solid #2ecfff66;border-radius:50%;box-shadow:0 0 35px #0a82ff55,inset 0 0 35px #0a82ff2b}.module-visual::after{content:"";position:absolute;width:150px;height:50px;border:1px solid #248df066;border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 18px #0c8dff33}.module-visual span,.module-visual i,.module-visual b{position:absolute;z-index:2;display:block}.icon-browser span{width:112px;height:72px;border:2px solid #7adaff;border-radius:8px;box-shadow:0 0 25px #078cff77}.icon-browser span::before{content:"";position:absolute;left:0;right:0;top:13px;border-top:1px solid #55bfff}.icon-browser i{width:74px;height:5px;background:#1597ff;transform:translate(-8px,5px);box-shadow:0 14px #0f69bc,0 28px #0b457d}.icon-chart span{width:14px;height:42px;bottom:44px;left:42%;background:#0b69d6;box-shadow:24px -19px #138dff,48px -48px #45dfff}.icon-chart i{width:96px;height:52px;border-left:2px solid #58dfff;border-bottom:2px solid #58dfff;transform:translateY(8px) skewY(-24deg)}.icon-target span{width:86px;height:86px;border:2px solid #53dfff;border-radius:50%;box-shadow:inset 0 0 0 17px #07162b,inset 0 0 0 19px #1a86e7,0 0 25px #0a8cff}.icon-target i{width:44px;height:2px;background:#fff;transform:rotate(-34deg)}.icon-network span,.icon-network i,.icon-network b{width:22px;height:22px;border-radius:50%;background:#34d8ff;box-shadow:0 0 20px #0af}.icon-network span{transform:translate(-45px,-26px)}.icon-network i{transform:translate(42px,-20px)}.icon-network b{transform:translate(0,40px)}.icon-mobile span{width:58px;height:102px;border:2px solid #5ce4ff;border-radius:12px;box-shadow:0 0 28px #078cff}.icon-mobile span::after{content:"";position:absolute;left:50%;bottom:6px;width:16px;height:3px;border-radius:3px;background:#41cfff;transform:translateX(-50%)}.icon-ai span{font-size:2.2rem;color:#fff;font-weight:900;text-shadow:0 0 20px #16a1ff}.icon-ai i{width:72px;height:72px;border:1px dashed #48dfff;border-radius:50%;animation:spin 8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.world-layout{grid-template-columns:.9fr 1.1fr}.world-visual{min-height:500px}.service-modules{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.world-sequence{height:390vh}.world-layout{grid-template-columns:1fr;height:100%;align-content:center;gap:0}.world-copy{position:relative;z-index:8;align-self:end;padding-bottom:0;max-width:88%}.world-copy h1{font-size:clamp(2.65rem,9vw,4.6rem)}.world-copy .lead{font-size:.95rem}.world-phase{display:none}.world-visual{position:absolute;inset:9% 0 0;height:58%;min-height:430px;opacity:.94}.world-visual::after{content:"";position:absolute;inset:35% 0 0;z-index:30;background:linear-gradient(transparent,#020812 78%);pointer-events:none}.world-copy .hero-actions{margin-top:20px}.world-sequence .sequence-rail{display:none}}
@media(max-width:580px){.world-sequence{height:360vh}.world-copy{max-width:100%;align-self:end;padding-bottom:70px}.world-copy h1{font-size:clamp(2.35rem,11vw,3.5rem)}.world-copy .lead{display:none}.world-visual{inset:8% -10% auto;height:52%;min-height:390px}.orbit-service{font-size:.6rem;padding:6px 8px 6px 6px}.orbit-service i{width:24px;height:24px}.service-modules{grid-template-columns:1fr}.service-module{min-height:360px}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){.world-sequence{height:auto}.world-sequence .sequence-stage{position:relative;min-height:850px}.world-layout{padding:140px 0 80px}.world-visual{opacity:1}.orbit-service{transition:none}.icon-ai i{animation:none}}

/* v4: scroll narrative, stronger globe FX and collision-free responsive layout */
.world-sequence .sequence-stage::before{content:"";position:absolute;inset:-20%;z-index:0;pointer-events:none;background:conic-gradient(from 210deg at 72% 48%,transparent 0 20%,rgba(21,120,255,.12) 24%,transparent 29% 61%,rgba(35,220,255,.08) 66%,transparent 72%);filter:blur(22px);animation:worldAura 13s linear infinite}
.world-copy{position:relative;z-index:40}
.world-copy.copy-enter>*{animation:copyShift .58s cubic-bezier(.2,.75,.2,1) both}
.world-copy.copy-enter h1{animation-delay:.04s}.world-copy.copy-enter .lead{animation-delay:.09s}.world-copy.copy-enter .world-phase{animation-delay:.13s}
.world-visual{z-index:4;filter:saturate(1.18) contrast(1.06)}
.world-visual::before{content:"";position:absolute;z-index:2;inset:7%;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from calc(var(--world-progress,0) * 1turn),rgba(61,203,255,.11) 0 1deg,transparent 1deg 17deg);mask-image:radial-gradient(circle,transparent 0 58%,#000 59% 60%,transparent 61%);animation:techRing 18s linear infinite}
.world-glow{animation:glowBreath 3.2s ease-in-out infinite;transform:translate(-50%,-50%) scale(calc(1 + var(--world-split,0) * .14))}
.orbit-service{box-shadow:0 16px 44px #000b,0 0 26px rgba(18,145,255,.3),inset 0 0 18px rgba(46,191,255,.06);backdrop-filter:blur(16px);transform-origin:center;isolation:isolate}
.orbit-service::after{content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:-1;background:linear-gradient(110deg,transparent 15%,rgba(83,222,255,.22),transparent 65%);transform:translateX(-120%);animation:cardSweep 3.8s ease-in-out infinite}
.orbit-service:nth-of-type(2)::after{animation-delay:.35s}.orbit-service:nth-of-type(3)::after{animation-delay:.7s}.orbit-service:nth-of-type(4)::after{animation-delay:1.05s}.orbit-service:nth-of-type(5)::after{animation-delay:1.4s}.orbit-service:nth-of-type(6)::after{animation-delay:1.75s}.orbit-service:nth-of-type(7)::after{animation-delay:2.1s}
.region-tag{pointer-events:none}
@keyframes copyShift{from{opacity:0;transform:translate3d(-24px,18px,0);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@keyframes worldAura{to{transform:rotate(360deg)}}
@keyframes techRing{to{transform:rotate(360deg)}}
@keyframes glowBreath{50%{opacity:.72;filter:blur(8px)}}
@keyframes cardSweep{0%,46%{transform:translateX(-125%)}72%,100%{transform:translateX(125%)}}

@media(max-width:820px){
  .world-sequence{height:430vh}
  .world-sequence .sequence-stage{min-height:620px;padding-top:74px}
  .world-layout{height:calc(100vh - 74px);min-height:546px;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(285px,55%) minmax(235px,45%);align-content:stretch;gap:0;padding:0}
  .world-visual{position:relative;inset:auto;grid-row:1;height:100%;min-height:0;width:100%;opacity:1;overflow:visible;z-index:4}
  .world-visual::after{display:none}
  .world-copy{grid-row:2;align-self:center;max-width:none;width:100%;padding:18px 10px 24px;z-index:40;background:linear-gradient(180deg,rgba(1,6,14,0),rgba(1,6,14,.88) 16%,rgba(1,6,14,.98) 45%);text-align:left}
  .world-copy h1{font-size:clamp(2rem,7.6vw,3.25rem);line-height:1.03;margin:10px 0 12px;max-width:720px}
  .world-copy .lead{display:block;font-size:.9rem;line-height:1.45;max-width:640px;margin-bottom:0}
  .world-phase{display:none}
  .world-copy .hero-actions{display:none}
  .region-tag{display:none}
  .scroll-cue{display:flex;left:auto;right:14px;bottom:14px;transform:none;z-index:60}
  .scroll-cue span{display:none}
  .scroll-cue i{width:24px;height:36px}
  .orbit-service{font-size:.58rem;padding:5px 7px 5px 5px;border-radius:10px;max-width:132px}
  .orbit-service i{width:23px;height:23px;border-radius:7px;font-size:.56rem}
  .orbit-service span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:580px){
  .world-sequence{height:440vh}
  .world-sequence .sequence-stage{padding-top:70px;min-height:600px}
  .world-layout{height:calc(100vh - 70px);min-height:530px;grid-template-rows:minmax(300px,58%) minmax(215px,42%);width:100%}
  .world-visual{height:100%;min-height:0;inset:auto}
  .world-copy{padding:14px 18px 22px}
  .world-copy h1{font-size:clamp(1.9rem,8.9vw,2.75rem);margin:8px 0 10px}
  .world-copy .lead{font-size:.84rem;line-height:1.4}
  .world-copy .eyebrow{font-size:.64rem}
  .orbit-service{font-size:.54rem;max-width:116px}
}
@media(max-width:380px){
  .world-layout{grid-template-rows:minmax(285px,56%) minmax(225px,44%)}
  .world-copy h1{font-size:1.78rem}
  .world-copy .lead{font-size:.79rem}
  .orbit-service{font-size:.5rem;max-width:106px}
}
@media(prefers-reduced-motion:reduce){
  .world-sequence .sequence-stage::before,.world-visual::before,.world-glow,.orbit-service::after{animation:none!important}
  .world-copy.copy-enter>*{animation:none!important}
}

/* v5: sequential service storytelling — one service per scroll chapter */
.world-sequence{height:900vh}
.orbit-service{opacity:0;pointer-events:none;border-color:rgba(91,205,255,.72);min-width:190px;padding:11px 15px 11px 10px;font-size:.78rem;background:linear-gradient(145deg,rgba(9,35,67,.97),rgba(3,12,27,.97));box-shadow:0 22px 70px #000d,0 0 46px rgba(25,159,255,.34),inset 0 0 24px rgba(76,215,255,.08)}
.orbit-service.is-current{border-color:#6be7ff}
.orbit-service.is-current i{animation:serviceIconPulse 1.7s ease-in-out infinite}
.world-visual[data-active-service="web"]{--service-accent:#20d7ff}.world-visual[data-active-service="google"]{--service-accent:#4ea1ff}.world-visual[data-active-service="meta"]{--service-accent:#7b75ff}.world-visual[data-active-service="digital"]{--service-accent:#00e5c4}.world-visual[data-active-service="mobile"]{--service-accent:#3de4ff}.world-visual[data-active-service="social"]{--service-accent:#ff55c8}.world-visual[data-active-service="automation"]{--service-accent:#b477ff}
.world-visual[data-active-service]:not([data-active-service="core"]):not([data-active-service="system"]) .world-glow{background:radial-gradient(circle,color-mix(in srgb,var(--service-accent,#20d7ff) 28%,transparent),transparent 68%);box-shadow:0 0 130px color-mix(in srgb,var(--service-accent,#20d7ff) 22%,transparent)}
.hero-service-link{min-width:230px;transition:opacity .2s,transform .2s,box-shadow .2s}
@keyframes serviceIconPulse{50%{transform:scale(1.1);box-shadow:0 0 30px var(--service-accent,#20d7ff)}}

@media(max-width:820px){
  .world-sequence{height:900vh}
  .world-layout{grid-template-rows:minmax(285px,53%) minmax(260px,47%)}
  .world-copy{padding:14px 10px 20px}
  .world-copy .lead{display:block;font-size:1rem;line-height:1.45}
  .world-copy .hero-actions{display:flex;margin-top:16px}
  .world-copy .hero-actions .btn-outline{display:none}
  .world-copy .hero-service-link{display:inline-flex;width:auto;min-width:0;min-height:44px;padding:0 16px;font-size:.72rem}
  .orbit-service{min-width:164px;max-width:190px;padding:9px 12px 9px 8px;font-size:.68rem}
  .orbit-service i{width:28px;height:28px}
}
@media(max-width:580px){
  .world-sequence{height:930vh}
  .world-layout{grid-template-rows:minmax(275px,51%) minmax(275px,49%)}
  .world-copy{padding:12px 18px 18px}
  .world-copy h1{font-size:clamp(1.78rem,8.2vw,2.45rem);line-height:1.04}
  .world-copy .lead{font-size:.92rem;line-height:1.4}
  .orbit-service{min-width:148px;max-width:172px;font-size:.62rem}
}
@media(max-width:380px){
  .world-layout{grid-template-rows:minmax(255px,48%) minmax(292px,52%)}
  .world-copy h1{font-size:1.66rem}
  .world-copy .lead{font-size:.88rem}
  .world-copy .hero-service-link{min-height:42px;font-size:.66rem}
}

/* v6: connected cinematic journey — no globe, no orbit cards */
.journey-sequence{height:950vh;position:relative;background:#02030a}
.journey-sequence .sequence-stage{background:radial-gradient(circle at 72% 48%,rgba(79,53,180,.18),transparent 35%),linear-gradient(120deg,#02040b,#070816 60%,#02030a)}
.journey-noise{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,#000 0,transparent 72%)}
.journey-layout{height:100%;display:grid;grid-template-columns:minmax(410px,.88fr) minmax(540px,1.12fr);gap:clamp(28px,4vw,68px);align-items:center;position:relative;z-index:3}
.journey-copy{position:relative;z-index:20;max-width:620px}
.journey-copy h1{font-size:clamp(3rem,5.3vw,5.75rem);margin:18px 0 22px}
.journey-copy .lead{max-width:590px;color:#bec8db}
.journey-copy.copy-enter>*{animation:journeyCopy .62s cubic-bezier(.2,.75,.2,1) both}
.journey-copy.copy-enter h1{animation-delay:.04s}.journey-copy.copy-enter .lead{animation-delay:.08s}.journey-copy.copy-enter .journey-phase{animation-delay:.12s}.journey-copy.copy-enter .hero-actions{animation-delay:.15s}
.journey-phase{display:flex;align-items:center;gap:14px;width:min(450px,100%);margin-top:26px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--cyan) 35%,transparent);border-radius:16px;background:rgba(7,12,27,.72);backdrop-filter:blur(16px)}
.journey-phase .phase-number{background:linear-gradient(135deg,#4e5fff,#20d7ff)}
.journey-phase div{display:grid}.journey-phase strong{font-size:.9rem}.journey-phase small{font-size:.76rem;color:#8fa3bf}
.journey-visual{height:min(76vh,760px);min-height:560px;position:relative;border:1px solid rgba(133,171,255,.22);border-radius:34px;overflow:hidden;isolation:isolate;background:#03050c;box-shadow:0 42px 100px #000b,0 0 70px color-mix(in srgb,var(--c1,#28d8ff) 12%,transparent);transition:box-shadow .5s}
.journey-scene{position:absolute;inset:-4%;z-index:1;opacity:0;will-change:transform,opacity,clip-path;transform-origin:68% 52%}
.journey-scene img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.05) brightness(.82)}
.scene-studio img{object-position:center}.scene-mobile img{object-position:58% center}.scene-factory img{object-position:57% center}
.journey-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(1,3,10,.56),transparent 28%,transparent 72%,rgba(1,3,10,.25)),linear-gradient(0deg,rgba(1,3,10,.76),transparent 38%)}
.journey-flare{position:absolute;z-index:5;top:-20%;right:8%;width:18%;height:140%;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c1,#28d8ff) 38%,transparent),#fff9,color-mix(in srgb,var(--c2,#7d4dff) 34%,transparent),transparent);filter:blur(22px);opacity:calc(var(--transition,0) * .9);transform:skewX(-12deg) translateX(calc((1 - var(--transition,0)) * 240%));mix-blend-mode:screen}
.journey-visual canvas{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}
.journey-badge{position:absolute;z-index:8;left:24px;bottom:22px;display:flex;align-items:center;gap:12px;min-width:270px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--c1,#28d8ff) 58%,transparent);border-radius:16px;background:rgba(3,8,20,.76);backdrop-filter:blur(18px);box-shadow:0 16px 50px #000a,0 0 28px color-mix(in srgb,var(--c1,#28d8ff) 24%,transparent);transition:border-color .45s,box-shadow .45s,transform .25s}
.journey-badge:hover{transform:translateY(-4px)}.journey-badge .badge-index{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:linear-gradient(135deg,var(--c1,#28d8ff),var(--c2,#7d4dff));font-weight:900}.journey-badge div{display:grid}.journey-badge small{font-size:.59rem;letter-spacing:.13em;color:#9fb4cf}.journey-badge strong{font-size:.85rem}.journey-badge i{margin-left:auto;font-style:normal;color:var(--c1,#28d8ff)}
.journey-progress{position:absolute;z-index:12;right:22px;top:50%;width:22px;height:46%;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.journey-progress::before{content:"";position:absolute;top:0;bottom:0;width:1px;background:#ffffff21}.journey-progress span{position:absolute;top:0;width:3px;height:var(--sequence-progress,0%);background:linear-gradient(#28d8ff,#ff4fcf,#ffc241);box-shadow:0 0 15px currentColor}.journey-progress i{position:absolute;top:var(--sequence-progress,0%);width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 20px #44dcff;transform:translateY(-50%)}.journey-progress b{position:relative;left:-19px;color:#68809f;font-size:.58rem;letter-spacing:.08em}
@keyframes journeyCopy{from{opacity:0;transform:translate3d(-28px,18px,0);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}

@media(max-width:1100px){.journey-layout{grid-template-columns:.9fr 1.1fr;gap:24px}.journey-visual{min-height:510px}.journey-copy h1{font-size:clamp(2.7rem,5.5vw,4.7rem)}}
@media(max-width:820px){
  .journey-sequence{height:900vh}
  .journey-sequence .sequence-stage{padding-top:74px;min-height:620px}
  .journey-layout{height:calc(100vh - 74px);min-height:546px;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(290px,53%) minmax(256px,47%);gap:0;width:100%}
  .journey-visual{grid-row:1;width:calc(100% - 28px);height:calc(100% - 10px);min-height:0;margin:4px auto 6px;border-radius:24px}
  .journey-copy{grid-row:2;align-self:center;max-width:none;width:100%;padding:15px 24px 22px;background:linear-gradient(180deg,transparent,rgba(2,3,10,.93) 14%,#02030a 44%)}
  .journey-copy h1{font-size:clamp(1.95rem,7.7vw,3.2rem);line-height:1.03;margin:9px 0 11px}
  .journey-copy .lead{font-size:.95rem;line-height:1.42;margin-bottom:0}
  .journey-phase{display:none}.journey-copy .hero-actions{margin-top:14px}.journey-copy .hero-actions .btn-outline{display:none}.journey-copy .hero-service-link{min-height:43px;padding:0 15px;font-size:.7rem}
  .journey-badge{left:14px;bottom:13px;min-width:222px;padding:8px 10px;border-radius:13px}.journey-badge .badge-index{width:35px;height:35px}.journey-badge small{font-size:.52rem}.journey-badge strong{font-size:.73rem}
  .journey-progress{display:none}.journey-sequence .scroll-cue{right:16px;left:auto;bottom:12px;transform:none}.journey-sequence .scroll-cue span{display:none}
  .scene-studio img{object-position:62% center}.scene-mobile img{object-position:64% center}.scene-factory img{object-position:61% center}
}
@media(max-width:580px){
  .journey-sequence{height:930vh}.journey-sequence .sequence-stage{padding-top:70px;min-height:600px}
  .journey-layout{height:calc(100vh - 70px);grid-template-rows:minmax(270px,49%) minmax(280px,51%)}
  .journey-copy{padding:12px 18px 18px}.journey-copy h1{font-size:clamp(1.72rem,8vw,2.35rem)}.journey-copy .lead{font-size:.9rem;line-height:1.37}.journey-copy .eyebrow{font-size:.62rem}
  .journey-badge{min-width:205px;max-width:calc(100% - 28px)}.journey-badge i{display:none}
}
@media(max-width:380px){.journey-layout{grid-template-rows:minmax(250px,46%) minmax(295px,54%)}.journey-copy h1{font-size:1.6rem}.journey-copy .lead{font-size:.86rem}.journey-copy .hero-service-link{font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.journey-sequence{height:auto}.journey-sequence .sequence-stage{position:relative;min-height:780px}.journey-layout{padding:120px 0 70px}.journey-scene{transition:none!important}.journey-scene:not(.scene-studio){display:none}.journey-flare{display:none}.journey-copy.copy-enter>*{animation:none!important}}

/* v7: one-image infinite zoom — full-bleed and fused with the site background */
.infinite-sequence{height:720vh;position:relative;background:#050a15}
.infinite-sequence .sequence-stage{background:#050a15}
.infinite-grid{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(74,151,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(74,151,255,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 47%)}
.infinite-layout{height:100%;display:flex;align-items:center;position:relative;z-index:12;pointer-events:none}
.infinite-copy{width:min(610px,44vw);position:relative;z-index:12;pointer-events:auto;text-shadow:0 3px 30px #020611}
.infinite-copy h1{font-size:clamp(3rem,5.25vw,5.7rem);line-height:.96;margin:18px 0 24px}
.infinite-copy .lead{max-width:570px;color:#b8c7db}
.infinite-slogan{display:flex;align-items:center;gap:12px;margin-top:26px;color:#dcecff;font-size:.78rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.infinite-slogan span{width:44px;height:2px;background:linear-gradient(90deg,#31dfff,#7755ff);box-shadow:0 0 15px #25cfff}
.infinite-visual{--fx-color:#27beff;position:absolute;z-index:1;inset:0;overflow:hidden;isolation:isolate;background:#050a15;pointer-events:none}
.infinite-image-wrap{position:absolute;inset:-1%;z-index:1;overflow:hidden;background:#050a15}
.infinite-image{width:100%;height:100%;object-fit:cover;object-position:center;will-change:transform,filter;transform:translateZ(0);backface-visibility:hidden}
.infinite-visual canvas{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;mix-blend-mode:screen}
.infinite-vignette{position:absolute;inset:0;z-index:7;pointer-events:none;background:linear-gradient(90deg,#050a15 0%,rgba(5,10,21,.98) 17%,rgba(5,10,21,.82) 30%,rgba(5,10,21,.18) 49%,transparent 65%),linear-gradient(0deg,#050a15 0%,transparent 13%,transparent 87%,#050a15 100%),radial-gradient(circle at 70% 38%,transparent 0 31%,rgba(1,4,12,.18) 68%,rgba(1,4,12,.62) 100%)}
.infinite-bloom{position:absolute;z-index:6;left:69%;top:37%;width:26vw;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(calc(.55 + var(--portal,0) * 1.3));background:radial-gradient(circle,rgba(255,255,255,calc(var(--portal,0) * .8)) 0 2%,color-mix(in srgb,var(--fx-color) calc(var(--portal,0) * 75%),transparent) 8%,transparent 66%);filter:blur(calc(3px + var(--portal,0) * 13px));mix-blend-mode:screen;opacity:calc(.18 + var(--portal,0));pointer-events:none}
.infinite-hud{position:absolute;z-index:9;right:clamp(28px,4vw,70px);top:105px;display:flex;align-items:center;gap:9px;color:#9db6d1;font-size:.54rem;font-weight:900;letter-spacing:.12em;opacity:calc(.42 + var(--depth,0) * .28)}
.infinite-hud i{width:26px;height:1px;background:linear-gradient(90deg,#36698f,var(--fx-color));box-shadow:0 0 8px var(--fx-color)}
.infinite-mark{position:absolute;z-index:9;right:clamp(28px,4vw,70px);bottom:50px;display:flex;align-items:center;gap:13px;color:#b9cce0}.infinite-mark small{font-size:.56rem;letter-spacing:.18em;font-weight:900}.infinite-mark strong{font-size:2rem;color:var(--fx-color);text-shadow:0 0 20px var(--fx-color)}
.infinite-progress{position:absolute;z-index:20;right:20px;top:18%;height:64%;width:5px;border-radius:9px;background:#ffffff17;overflow:visible}.infinite-progress span{display:block;width:100%;height:var(--sequence-progress,0%);border-radius:inherit;background:linear-gradient(#27cfff,#b64cff,#ff9d36,#29e9c7);box-shadow:0 0 17px var(--fx-color)}.infinite-progress i{position:absolute;left:50%;top:var(--sequence-progress,0%);width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 20px var(--fx-color);transform:translate(-50%,-50%)}
.infinite-sequence .scroll-cue{z-index:20}

@media(max-width:1100px){.infinite-copy{width:min(520px,45vw)}.infinite-copy h1{font-size:clamp(2.7rem,5.2vw,4.6rem)}.infinite-vignette{background:linear-gradient(90deg,#050a15 0%,rgba(5,10,21,.97) 19%,rgba(5,10,21,.73) 36%,rgba(5,10,21,.12) 56%,transparent 70%),linear-gradient(0deg,#050a15,transparent 13%,transparent 88%,#050a15)}}
@media(max-width:820px){
  .infinite-sequence{height:680vh}
  .infinite-sequence .sequence-stage{min-height:620px;padding-top:70px}
  .infinite-layout{height:calc(100vh - 70px);align-items:flex-end;width:100%}
  .infinite-copy{width:100%;padding:18px 23px 30px;background:linear-gradient(180deg,transparent,#050a15 14%,#050a15 100%)}
  .infinite-copy h1{font-size:clamp(2rem,8vw,3.2rem);margin:9px 0 11px;max-width:720px}
  .infinite-copy .lead{font-size:.91rem;line-height:1.4;max-width:660px}
  .infinite-slogan{margin-top:13px;font-size:.64rem}.infinite-copy .hero-actions{margin-top:14px}.infinite-copy .hero-actions .btn{min-height:42px;padding:0 14px;font-size:.68rem}.infinite-copy .hero-actions .btn-outline{display:none}
  .infinite-visual{top:70px;bottom:auto;height:57%;background:#050a15}
  .infinite-image-wrap{inset:0 -12% -2% -12%}
  .infinite-image{object-position:62% center}
  .infinite-vignette{background:linear-gradient(0deg,#050a15 0%,rgba(5,10,21,.98) 8%,rgba(5,10,21,.2) 31%,transparent 52%,rgba(5,10,21,.18) 100%),linear-gradient(90deg,#050a15 0%,transparent 10%,transparent 90%,#050a15 100%)}
  .infinite-bloom{left:69%;top:43%;width:50vw}.infinite-hud,.infinite-mark,.infinite-progress{display:none}
  .infinite-grid{mask-image:linear-gradient(0deg,#000,transparent 58%)}
  .infinite-sequence .scroll-cue{left:auto;right:14px;bottom:14px;transform:none}.infinite-sequence .scroll-cue span{display:none}
}
@media(max-width:580px){
  .infinite-sequence{height:650vh}.infinite-sequence .sequence-stage{min-height:600px}
  .infinite-copy{padding:13px 18px 25px}.infinite-copy h1{font-size:clamp(1.75rem,8.2vw,2.5rem)}.infinite-copy .lead{font-size:.84rem}.infinite-copy .eyebrow{font-size:.61rem}.infinite-slogan{font-size:.58rem}.infinite-slogan span{width:29px}
  .infinite-visual{height:54%}.infinite-image-wrap{inset:0 -20% -2% -20%}.infinite-image{object-position:64% center}
}
@media(max-width:380px){.infinite-copy h1{font-size:1.66rem}.infinite-copy .lead{font-size:.79rem}.infinite-slogan{display:none}.infinite-visual{height:52%}}
@media(prefers-reduced-motion:reduce){.infinite-sequence{height:auto}.infinite-sequence .sequence-stage{position:relative;min-height:780px}.infinite-image{transform:none!important}.infinite-bloom{display:none}.infinite-progress,.infinite-sequence .scroll-cue{display:none}}

/* v8: real video-frame scrubbing with faster scroll response */
.infinite-sequence{height:430vh;background:var(--bg)}
.infinite-sequence .sequence-stage,.infinite-visual{background:var(--bg)}
.scroll-film{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(1.08) contrast(1.06) brightness(.9);transform:translateZ(0);will-change:contents}
.infinite-vignette{background:linear-gradient(90deg,var(--bg) 0%,rgba(3,8,19,.99) 14%,rgba(3,8,19,.88) 27%,rgba(3,8,19,.36) 43%,transparent 62%),linear-gradient(0deg,var(--bg) 0%,transparent 12%,transparent 90%,var(--bg) 100%),radial-gradient(circle at 70% 42%,transparent 0 30%,rgba(3,8,19,.14) 72%,rgba(3,8,19,.46) 100%)}
.portal-service-tag{position:absolute;z-index:9;right:clamp(30px,4vw,70px);top:105px;display:grid;justify-items:end;padding:10px 14px;border-right:2px solid var(--scene-color,#2ecfff);background:linear-gradient(90deg,transparent,rgba(3,8,19,.72));text-shadow:0 2px 15px #000}.portal-service-tag small{color:#8299b5;font-size:.58rem;letter-spacing:.17em}.portal-service-tag strong{color:#eaf5ff;font-size:.76rem;letter-spacing:.12em}
.infinite-bloom{background:radial-gradient(circle,rgba(255,255,255,calc(var(--portal,0) * .85)) 0 2%,color-mix(in srgb,var(--scene-color,#2ecfff) calc(var(--portal,0) * 80%),transparent) 9%,transparent 64%)}
.portal-copy-enter>*{animation:portalCopy .46s cubic-bezier(.2,.75,.2,1) both}.portal-copy-enter h1{animation-delay:.035s}.portal-copy-enter .lead{animation-delay:.07s}.portal-copy-enter .hero-actions{animation-delay:.1s}
@keyframes portalCopy{from{opacity:0;transform:translate3d(-26px,12px,0);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:820px){.infinite-sequence{height:400vh}.scroll-film{object-position:63% center}.infinite-vignette{background:linear-gradient(0deg,var(--bg) 0%,rgba(3,8,19,.98) 10%,rgba(3,8,19,.24) 33%,transparent 55%,rgba(3,8,19,.16) 100%),linear-gradient(90deg,var(--bg) 0%,transparent 9%,transparent 91%,var(--bg) 100%)}.portal-service-tag{display:none}}
@media(max-width:580px){.infinite-sequence{height:380vh}.scroll-film{object-position:65% center}}
@media(prefers-reduced-motion:reduce){.portal-copy-enter>*{animation:none!important}.scroll-film{filter:saturate(1.02) brightness(.86)}}

/* v9: Gemini film and copy colours synchronized to the scene palette */
.infinite-sequence{height:390vh}
.infinite-copy{--chapter-color:#2ed8ff}
.infinite-copy .accent{color:var(--chapter-color);text-shadow:0 0 32px color-mix(in srgb,var(--chapter-color) 42%,transparent);transition:color .5s,text-shadow .5s}
.infinite-copy .eyebrow{color:color-mix(in srgb,var(--chapter-color) 76%,white);transition:color .5s}
.infinite-copy .eyebrow::before{background:var(--chapter-color);box-shadow:0 0 20px var(--chapter-color);transition:background .5s,box-shadow .5s}
.infinite-copy .infinite-slogan span{background:linear-gradient(90deg,transparent,var(--chapter-color));box-shadow:0 0 18px var(--chapter-color);transition:background .5s,box-shadow .5s}
.infinite-copy .portal-service-link{background:linear-gradient(135deg,color-mix(in srgb,var(--chapter-color) 78%,#1747ff),var(--chapter-color));box-shadow:0 12px 38px color-mix(in srgb,var(--chapter-color) 34%,transparent);transition:background .5s,box-shadow .5s,transform .2s}
.portal-service-tag{border-color:var(--scene-color,#2ed8ff);transition:border-color .5s}.portal-service-tag strong{color:color-mix(in srgb,var(--scene-color,#2ed8ff) 70%,white);transition:color .5s}
.scroll-film{filter:saturate(1.12) contrast(1.07) brightness(.88)}
@media(max-width:820px){.infinite-sequence{height:365vh}.infinite-copy{background:linear-gradient(180deg,transparent,var(--bg) 13%,var(--bg) 100%)}}
@media(max-width:580px){.infinite-sequence{height:350vh}}

/* v10: low-end mobile performance and compact contact navigation */
.quick-action{display:none;width:42px;height:42px;flex:0 0 42px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.045);color:#dff6ff;transition:background .2s,border-color .2s,transform .2s}
.quick-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.quick-action:hover{transform:translateY(-2px);border-color:#39baff;background:rgba(28,149,255,.14)}
.quick-wa{color:#70f5b6}.quick-phone{color:#77dfff}
.menu-toggle{width:42px;height:42px;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.menu-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor}
.card-links{display:flex;flex-wrap:wrap;gap:12px 18px}
@media(max-width:1050px){.quick-action{display:inline-flex}.header-actions{margin-left:auto}.menu-toggle{display:inline-flex}.nav{right:14px;left:14px;align-items:flex-end;text-align:right}.nav a{width:100%;padding:8px 4px}.header-actions{gap:7px}}
@media(max-width:820px){
  .infinite-sequence{height:285vh}
  .scroll-film{will-change:auto;filter:saturate(1.06) contrast(1.03) brightness(.89)}
  .infinite-visual canvas{mix-blend-mode:normal;opacity:.58}
  .infinite-bloom{filter:blur(7px)}
  body::before{display:none}.site-header{backdrop-filter:none}.section{content-visibility:auto;contain-intrinsic-size:700px}
}
@media(max-width:580px){
  .infinite-sequence{height:260vh}
  .header-inner{gap:7px}.header-actions{gap:5px}.quick-action,.menu-toggle{width:39px;height:39px;flex-basis:39px}.lang-toggle{min-width:42px;height:39px;padding:7px}.brand img{width:126px}.brand{padding:5px 7px}
}
@media(max-width:370px){.brand img{width:108px}.quick-action,.menu-toggle{width:37px;height:37px;flex-basis:37px}.header-actions{gap:4px}.lang-toggle{min-width:37px;padding:6px}}
.lang-zh{font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif}.lang-zh h1,.lang-zh h2,.lang-zh h3{letter-spacing:-.02em}
.brand{background:transparent;padding:0;border-radius:0;box-shadow:none}.brand img{width:clamp(154px,15vw,205px);height:48px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(32,215,255,.18))}
.module-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38;filter:saturate(1.25) contrast(1.1) brightness(.62);transition:transform .55s,opacity .35s}.module-visual::after{z-index:1;background:linear-gradient(90deg,#07172bcc,#0a1a2f55),radial-gradient(ellipse at center,transparent 20%,#020b18aa 100%);border:0;width:auto;height:auto;inset:0;transform:none;border-radius:0;box-shadow:none}.service-module:hover .module-visual img{transform:scale(1.08);opacity:.56}.module-visual span,.module-visual i,.module-visual b{z-index:3}
.ceo-light{display:none!important}
.ceo-photo{background:radial-gradient(circle at 50% 28%,rgba(22,96,170,.28),transparent 54%),#030813;border-color:#2f7bd955}
.ceo-visual img{aspect-ratio:910/1728;object-fit:contain;object-position:center bottom}
.module-visual img{z-index:0;opacity:.84;filter:saturate(1.16) contrast(1.04) brightness(.82)}
.module-visual::before{z-index:1;opacity:.34}
.module-visual::after{z-index:2;background:linear-gradient(90deg,rgba(7,23,43,.42),rgba(10,26,47,.12)),radial-gradient(ellipse at center,transparent 18%,rgba(2,11,24,.28) 100%)}
.service-card-visual{height:148px;margin:-8px -8px 24px;border:1px solid #3172bd55;border-radius:18px;overflow:hidden;background:#07172b;position:relative}
.service-card-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,28,.25),transparent 55%,rgba(3,12,28,.12));pointer-events:none}
.service-card-visual img{width:100%;height:100%;object-fit:cover;opacity:.9;filter:saturate(1.15) contrast(1.04) brightness(.82);transition:transform .45s,filter .35s}
.card:hover .service-card-visual img{transform:scale(1.06);filter:saturate(1.25) contrast(1.05) brightness(.95)}
body[data-page="services"] .cards-3 .card::before{content:"";display:block;height:148px;margin:-8px -8px 24px;border:1px solid #3172bd55;border-radius:18px;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:inset 0 0 0 999px rgba(4,14,30,.12)}
body[data-page="services"] .cards-3 .card:nth-child(1)::before{background-image:url('../images/scene-web.webp')}
body[data-page="services"] .cards-3 .card:nth-child(2)::before{background-image:url('../images/scene-marketing.webp')}
body[data-page="services"] .cards-3 .card:nth-child(3)::before{background-image:url('../images/scene-global.webp')}
body[data-page="services"] .cards-3 .card:nth-child(4)::before{background-image:url('../images/scroll-studio-v6.webp')}
body[data-page="services"] .cards-3 .card:nth-child(5)::before{background-image:url('../images/scroll-mobile-v6.webp')}
body[data-page="services"] .cards-3 .card:nth-child(6)::before{background-image:url('../images/scene-ai.webp')}
body[data-page="services"] .cards-3 .card{padding-top:30px}
@media(prefers-reduced-motion:reduce){.infinite-sequence{height:auto}.infinite-sequence .sequence-stage{position:relative;min-height:760px}.infinite-visual canvas,.infinite-bloom,.infinite-progress,.infinite-sequence .scroll-cue{display:none}}
/* Final responsive correction: keep the film flush below the mobile header and one visual per service card. */
@media(max-width:820px){
  .site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000}
  #main{padding-top:74px}
  .infinite-visual{top:0;height:66%;}
  .infinite-vignette{background:linear-gradient(0deg,var(--bg) 0%,rgba(3,8,19,.94) 7%,rgba(3,8,19,.18) 28%,transparent 48%,rgba(3,8,19,.08) 100%),linear-gradient(90deg,var(--bg) 0%,transparent 9%,transparent 91%,var(--bg) 100%)}
}
@media(max-width:580px){.infinite-visual{top:0;height:64%}}