/* =========================================================
   EA TECH — CINEMATIC DIGITAL PRODUCT STUDIO
   Self-contained responsive design system
   ========================================================= */
:root{
  --ink:#020817;
  --ink-2:#06132e;
  --ink-3:#0a1c3e;
  --panel:rgba(9,24,55,.68);
  --panel-solid:#0a1833;
  --blue:#1754ff;
  --blue-2:#0b8cff;
  --cyan:#00d9d1;
  --cyan-2:#50f2ff;
  --white:#f7fbff;
  --muted:#9bb0d5;
  --line:rgba(126,166,235,.18);
  --line-2:rgba(103,189,255,.32);
  --success:#56f0bd;
  --warning:#ffca6a;
  --danger:#ff708f;
  --shadow:0 30px 100px rgba(0,0,0,.38);
  --radius:26px;
  --radius-sm:16px;
  --header-h:86px;
  --container:min(1240px,calc(100vw - 48px));
  --ease:cubic-bezier(.2,.75,.22,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink);color-scheme:dark}
body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
::selection{background:var(--blue);color:#fff}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{color:inherit}
img,svg{max-width:100%;display:block}
.container{width:var(--container);margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:10px;left:10px;z-index:9999;padding:12px 18px;border-radius:999px;background:#fff;color:#00143b;transform:translateY(-150%);transition:.25s}.skip-link:focus{transform:none}

/* ambient background */
.site-shell{position:relative;min-height:100vh;isolation:isolate}
.site-shell::before{content:"";position:fixed;inset:0;z-index:-4;background:
 radial-gradient(circle at 82% 4%,rgba(19,96,255,.22),transparent 32%),
 radial-gradient(circle at 8% 82%,rgba(0,217,209,.12),transparent 31%),
 linear-gradient(180deg,#020713 0%,#06132e 46%,#020817 100%)}
.site-shell::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(108,167,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(108,167,255,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
#particle-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none;opacity:.72}
.noise{position:fixed;inset:0;z-index:98;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.ambient-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:-1;opacity:.14}.orb-a{width:360px;height:360px;background:var(--blue);top:18%;right:-180px}.orb-b{width:300px;height:300px;background:var(--cyan);bottom:8%;left:-180px}

/* loader + transition */
.loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#020713;transition:opacity .7s var(--ease),visibility .7s var(--ease)}
.loader.is-hidden{opacity:0;visibility:hidden}
.loader-inner{text-align:center}
.loader-mark{width:104px;margin:auto;filter:drop-shadow(0 0 24px rgba(22,110,255,.42));animation:loaderFloat 2s ease-in-out infinite}
.loader-bar{width:220px;height:2px;background:rgba(255,255,255,.12);margin:28px auto 12px;overflow:hidden}.loader-bar span{display:block;height:100%;width:40%;background:linear-gradient(90deg,var(--blue),var(--cyan));animation:loaderBar 1.2s ease-in-out infinite}
.loader-copy{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.page-wipe{position:fixed;inset:0;z-index:900;pointer-events:none;transform:translateY(100%);background:linear-gradient(135deg,#05236f,#06132e 55%,#00a8b4)}
@keyframes loaderFloat{50%{transform:translateY(-7px) rotate(-1deg)}}
@keyframes loaderBar{0%{transform:translateX(-110%)}100%{transform:translateX(360%)}}

/* header */
.site-header{position:fixed;inset:0 0 auto;z-index:100;height:var(--header-h);display:flex;align-items:center;transition:background .35s,border-color .35s,transform .35s;backdrop-filter:blur(0)}
.site-header.is-scrolled{background:rgba(2,8,23,.76);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}
.header-inner{width:var(--container);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.brand img{width:150px;height:55px;object-fit:contain;object-position:left center}.brand-mark-only{width:46px!important;height:46px!important}
.nav{display:flex;align-items:center;gap:29px}.nav a{font-size:13px;color:#bdd0ef;position:relative;transition:.25s}.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:right .3s}.nav a:hover,.nav a.active{color:#fff}.nav a:hover::after,.nav a.active::after{right:0}
.header-actions{display:flex;align-items:center;gap:12px}.menu-btn{display:none;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:rgba(6,19,46,.55);place-items:center;cursor:pointer}.menu-btn span,.menu-btn::before,.menu-btn::after{content:"";display:block;width:18px;height:1.5px;background:#fff;transition:.3s}.menu-btn::before{transform:translateY(-5px)}.menu-btn::after{transform:translateY(5px)}
.mobile-menu{position:fixed;inset:0;z-index:99;background:rgba(2,8,23,.97);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.45s var(--ease)}.mobile-menu.is-open{opacity:1;visibility:visible}.mobile-menu nav{display:grid;text-align:center;gap:19px}.mobile-menu a{font-size:clamp(30px,8vw,58px);font-weight:750;letter-spacing:-.04em;transform:translateY(20px);opacity:0;transition:.4s var(--ease)}.mobile-menu.is-open a{transform:none;opacity:1}.mobile-menu.is-open a:nth-child(2){transition-delay:.05s}.mobile-menu.is-open a:nth-child(3){transition-delay:.1s}.mobile-menu.is-open a:nth-child(4){transition-delay:.15s}.mobile-menu.is-open a:nth-child(5){transition-delay:.2s}

/* common typography/buttons */
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--cyan-2);text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700}.eyebrow::before{content:"";width:24px;height:1px;background:currentColor;box-shadow:0 0 10px currentColor}
.display{font-size:clamp(54px,8.7vw,138px);line-height:.87;letter-spacing:-.065em;margin:0;font-weight:800}.display .gradient,.gradient-text{background:linear-gradient(110deg,#fff 15%,#76baff 56%,#25eef1);-webkit-background-clip:text;background-clip:text;color:transparent}
.title-xl{font-size:clamp(44px,6vw,84px);line-height:.95;letter-spacing:-.055em;margin:0;font-weight:790}.title-lg{font-size:clamp(36px,4.3vw,64px);line-height:1;letter-spacing:-.05em;margin:0;font-weight:780}.title-md{font-size:clamp(28px,3vw,45px);line-height:1.05;letter-spacing:-.04em;margin:0}.lead{font-size:clamp(18px,1.8vw,24px);color:#b8c9e8;max-width:780px}.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 24px;border-radius:999px;border:1px solid transparent;font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(110deg,var(--blue),var(--blue-2) 60%,var(--cyan));box-shadow:0 14px 40px rgba(11,113,255,.32)}.btn-primary:hover{box-shadow:0 18px 58px rgba(11,113,255,.46)}.btn-ghost{border-color:var(--line-2);background:rgba(6,19,46,.44)}.btn-ghost:hover{background:rgba(13,42,91,.66);border-color:rgba(80,202,255,.55)}.btn-small{min-height:44px;padding:0 18px}.icon-arrow{width:16px;height:16px;transition:transform .25s}.btn:hover .icon-arrow,.text-link:hover .icon-arrow{transform:translate(3px,-3px)}
.text-link{display:inline-flex;gap:9px;align-items:center;color:#ddecff;font-size:13px;font-weight:700}.text-link span{border-bottom:1px solid rgba(255,255,255,.28)}
.section{position:relative;padding:130px 0}.section-sm{padding:90px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:64px}.section-head .copy{max-width:650px}.section-head p{color:var(--muted);margin:22px 0 0;max-width:610px}
.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(6,19,46,.55);color:#cfe0fa;font-size:11px}.badge i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 12px var(--success)}

/* reveal */
[data-reveal]{opacity:0;transform:translateY(36px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
[data-reveal="left"]{transform:translateX(-42px)}[data-reveal="right"]{transform:translateX(42px)}[data-reveal="scale"]{transform:scale(.92)}
[data-reveal].is-visible{opacity:1;transform:none}

/* hero */
.hero{min-height:100svh;padding:calc(var(--header-h) + 60px) 0 55px;display:flex;align-items:center;position:relative;overflow:hidden}
.hero-grid{width:var(--container);margin:auto;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);align-items:center;gap:30px}
.hero-copy{position:relative;z-index:3}.hero-copy .eyebrow{margin-bottom:28px}.hero-copy .lead{max-width:660px;margin:30px 0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:22px;margin-top:36px;color:var(--muted);font-size:12px}.avatars{display:flex}.avatars span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1b4fbe,#00aab0);border:2px solid #06132e;margin-left:-8px;font-size:10px;font-weight:800}.avatars span:first-child{margin-left:0}.hero-proof strong{display:block;color:#fff;font-size:14px}
.hero-visual{min-height:650px;position:relative;display:grid;place-items:center;perspective:1200px}.orbit{position:absolute;border:1px solid rgba(74,163,255,.22);border-radius:50%;animation:spin 18s linear infinite}.orbit.one{width:560px;height:560px}.orbit.two{width:430px;height:430px;animation-direction:reverse;animation-duration:12s}.orbit::before{content:"";position:absolute;top:50%;left:-5px;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 24px var(--cyan)}
.hero-device{width:min(520px,92%);aspect-ratio:1/.75;border:1px solid rgba(109,193,255,.35);border-radius:28px;background:linear-gradient(145deg,rgba(9,29,65,.86),rgba(5,13,31,.92));box-shadow:0 60px 120px rgba(0,0,0,.48),0 0 80px rgba(23,84,255,.18);transform:rotateY(-9deg) rotateX(5deg) rotateZ(-2deg);position:relative;overflow:hidden;animation:deviceFloat 6s ease-in-out infinite}.hero-device::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.09),transparent 58%);transform:translateX(-110%);animation:shine 5s ease-in-out infinite}.device-top{height:44px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px;gap:7px}.device-top i{width:7px;height:7px;border-radius:50%;background:#2e4d7c}.device-top i:first-child{background:#ff7289}.device-top i:nth-child(2){background:#ffd66e}.device-top i:nth-child(3){background:#54e2af}.device-body{display:grid;grid-template-columns:78px 1fr;height:calc(100% - 44px)}.device-side{border-right:1px solid var(--line);padding:18px 13px}.device-side b{display:block;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--blue),var(--cyan));margin-bottom:24px}.device-side i{display:block;height:7px;border-radius:6px;background:rgba(159,194,244,.18);margin:14px 0}.device-main{padding:20px;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto 1fr;gap:14px}.device-kpis{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.device-kpis div,.device-chart,.device-feed{border:1px solid var(--line);background:rgba(13,38,82,.46);border-radius:14px;padding:12px}.device-kpis span{font-size:9px;color:var(--muted)}.device-kpis strong{display:block;font-size:21px;margin-top:6px}.device-chart{position:relative;overflow:hidden}.chart-bars{height:100%;display:flex;align-items:end;gap:8px;padding-top:30px}.chart-bars i{flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(var(--cyan),var(--blue));opacity:.75;animation:bars 2.8s ease-in-out infinite alternate}.chart-bars i:nth-child(2){height:75%;animation-delay:.2s}.chart-bars i:nth-child(3){height:45%;animation-delay:.4s}.chart-bars i:nth-child(4){height:90%;animation-delay:.6s}.chart-bars i:nth-child(5){height:68%;animation-delay:.8s}.device-feed span{display:block;height:32px;border:1px solid var(--line);border-radius:8px;margin-bottom:9px;background:linear-gradient(90deg,rgba(25,83,180,.24),transparent)}
.floating-chip{position:absolute;padding:12px 15px;border:1px solid rgba(119,193,255,.33);background:rgba(4,17,43,.72);backdrop-filter:blur(12px);border-radius:14px;box-shadow:var(--shadow);font-size:11px;color:#d9e9ff;animation:chipFloat 5s ease-in-out infinite}.floating-chip b{display:block;color:#fff;margin-top:4px;font-size:14px}.chip-one{left:0;top:20%}.chip-two{right:0;bottom:18%;animation-delay:-2s}.chip-three{left:8%;bottom:5%;animation-delay:-3.2s}
.scroll-cue{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#89a4cf}.scroll-cue i{width:30px;height:48px;border:1px solid var(--line-2);border-radius:18px;position:relative}.scroll-cue i::after{content:"";position:absolute;width:3px;height:8px;border-radius:4px;background:var(--cyan);left:50%;top:10px;transform:translateX(-50%);animation:scrollDot 1.7s infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes deviceFloat{50%{transform:rotateY(-4deg) rotateX(2deg) rotateZ(1deg) translateY(-12px)}}@keyframes shine{50%,100%{transform:translateX(140%)}}@keyframes chipFloat{50%{transform:translateY(-10px)}}@keyframes bars{from{height:24%}to{height:92%}}@keyframes scrollDot{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,18px)}}

/* marquee */
.marquee-wrap{border-block:1px solid var(--line);background:rgba(4,15,35,.55);overflow:hidden}.marquee{display:flex;width:max-content;animation:marquee 26s linear infinite;padding:18px 0}.marquee span{display:flex;align-items:center;gap:22px;padding:0 34px;color:#bed0ed;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.marquee span::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}@keyframes marquee{to{transform:translateX(-50%)}}

/* cinematic scroll story */
.scroll-story{height:540vh;position:relative}.story-stage{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden}.story-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(0,185,190,.16),transparent 30%),radial-gradient(circle at 16% 82%,rgba(19,88,255,.22),transparent 36%)}
.story-ring{position:absolute;width:72vw;aspect-ratio:1;border-radius:50%;border:1px solid rgba(63,177,255,.09);box-shadow:inset 0 0 100px rgba(13,106,255,.08);transform:rotateX(68deg) translateY(31vh)}
.story-frame{position:relative;width:min(78vw,1050px);height:min(63vh,660px);border-radius:34px;overflow:hidden;border:1px solid rgba(113,194,255,.34);background:#07152f;box-shadow:0 55px 160px rgba(0,0,0,.56),0 0 120px rgba(25,97,255,.16);will-change:transform,width,height,border-radius}
.story-frame::before{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 26%,transparent 72%,rgba(0,226,220,.05))}
.story-scene{position:absolute;inset:0;opacity:0;transform:scale(1.08);transition:opacity .12s linear;will-change:opacity,transform}.story-scene.active{opacity:1}.story-ui{position:absolute;inset:0;z-index:4;padding:clamp(24px,4vw,64px);display:flex;flex-direction:column;justify-content:center}.story-ui.right{align-items:flex-end;text-align:right}.story-ui.bottom{justify-content:flex-end}.story-ui h3{font-size:clamp(34px,5.5vw,82px);line-height:.92;letter-spacing:-.055em;margin:10px 0 18px;max-width:780px}.story-ui p{max-width:510px;color:#c2d3ee;margin:0 0 26px;font-size:clamp(14px,1.3vw,18px)}.story-index{position:absolute;top:24px;right:28px;z-index:10;color:#bcd3f5;font-size:10px;letter-spacing:.2em}.story-progress{position:absolute;left:22px;right:22px;bottom:15px;z-index:12;height:2px;background:rgba(255,255,255,.16)}.story-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 12px var(--cyan)}
.scene-bg{position:absolute;inset:0;overflow:hidden}.scene-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,22,.9),rgba(3,16,38,.35) 58%,rgba(2,8,23,.28)),linear-gradient(0deg,rgba(2,8,23,.75),transparent 46%)}
.digital-city{background:radial-gradient(circle at 62% 42%,rgba(16,131,255,.43),transparent 27%),linear-gradient(#05122c,#020713)}.city-grid{position:absolute;inset:28% 0 0;transform:perspective(500px) rotateX(62deg) scale(1.6);transform-origin:center bottom;background-image:linear-gradient(rgba(58,190,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(58,190,255,.22) 1px,transparent 1px);background-size:45px 45px;animation:gridMove 4s linear infinite}.city-blocks{position:absolute;inset:auto 4% 8%;height:58%;display:flex;align-items:end;gap:1.5%}.city-blocks i{flex:1;min-width:28px;height:var(--h);background:linear-gradient(90deg,rgba(6,28,70,.96),rgba(13,64,132,.7));border:1px solid rgba(63,181,255,.3);box-shadow:inset 0 0 30px rgba(24,122,255,.18),0 0 28px rgba(8,91,255,.12);position:relative}.city-blocks i::after{content:"";position:absolute;inset:9px;background:repeating-linear-gradient(0deg,transparent 0 10px,rgba(86,214,255,.45) 11px 12px),repeating-linear-gradient(90deg,transparent 0 13px,rgba(86,214,255,.18) 14px 15px)}
.scene-services{background:radial-gradient(circle at 74% 20%,rgba(0,217,209,.2),transparent 35%),#06142e}.service-stack{position:absolute;left:7%;top:50%;transform:translateY(-50%);width:min(360px,40%);z-index:5;display:grid;gap:10px}.service-stack div{padding:13px 17px;border-radius:12px;border:1px solid rgba(94,189,255,.28);background:rgba(5,20,48,.73);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;color:#c7daf5;font-size:12px;transform:translateX(-35px);opacity:.2}.service-stack div b{color:var(--cyan);font-size:10px}.service-sphere{position:absolute;width:450px;height:450px;border-radius:50%;right:3%;top:10%;background:radial-gradient(circle at 35% 30%,#29eaf0,#1474ff 38%,#07142f 70%);box-shadow:0 0 80px rgba(20,121,255,.35);opacity:.75}.service-sphere::after{content:"";position:absolute;inset:-35px;border-radius:50%;border:1px solid rgba(102,222,255,.35);transform:rotateX(65deg)}
.scene-system{background:#030b1c}.system-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(74,152,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(74,152,255,.08) 1px,transparent 1px);background-size:42px 42px}.system-panel{position:absolute;right:5%;top:10%;bottom:10%;width:58%;border:1px solid rgba(86,177,255,.3);border-radius:22px;background:rgba(8,27,61,.78);padding:18px;transform:perspective(1000px) rotateY(-8deg);box-shadow:0 35px 100px rgba(0,0,0,.4)}.sys-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sys-row div,.sys-chart,.sys-table{border:1px solid var(--line);border-radius:12px;background:rgba(10,40,84,.56)}.sys-row div{height:68px;padding:12px}.sys-chart{height:47%;margin-top:10px;padding:16px}.sys-line{height:100%;background:linear-gradient(145deg,transparent 46%,rgba(39,224,236,.8) 47% 49%,transparent 50%),linear-gradient(25deg,transparent 42%,rgba(30,106,255,.65) 43% 45%,transparent 46%);background-size:100% 100%}.sys-table{height:27%;margin-top:10px;background:repeating-linear-gradient(0deg,rgba(65,121,198,.08) 0 22px,transparent 23px 24px)}
.scene-mobile{background:radial-gradient(circle at 70% 36%,rgba(24,96,255,.46),transparent 31%),linear-gradient(135deg,#061532,#020817)}.phone{position:absolute;right:12%;top:7%;width:min(280px,32%);aspect-ratio:.52;border-radius:42px;border:7px solid #0a1830;background:linear-gradient(160deg,#1047ad,#04b2bd);box-shadow:0 44px 100px rgba(0,0,0,.55),0 0 65px rgba(19,113,255,.35);transform:rotate(8deg)}.phone::before{content:"";position:absolute;width:34%;height:18px;border-radius:0 0 14px 14px;background:#071124;left:50%;top:0;transform:translateX(-50%)}.phone-screen{position:absolute;inset:28px 12px 12px;border-radius:28px;background:linear-gradient(#07142f,#0d2d65);padding:22px 15px}.phone-screen i{display:block;height:62px;border-radius:15px;background:linear-gradient(135deg,rgba(25,92,218,.9),rgba(10,218,210,.7));margin:13px 0}.phone-screen i:nth-child(2){height:110px;background:rgba(255,255,255,.08)}.app-orbit{position:absolute;right:1%;top:0;width:50%;aspect-ratio:1;border:1px solid rgba(72,200,255,.22);border-radius:50%;animation:spin 14s linear infinite}.app-orbit i{position:absolute;width:48px;height:48px;border-radius:14px;background:rgba(9,35,78,.9);border:1px solid rgba(83,199,255,.35);display:grid;place-items:center;color:var(--cyan);font-style:normal}.app-orbit i:nth-child(1){left:12%;top:10%}.app-orbit i:nth-child(2){right:5%;top:38%}.app-orbit i:nth-child(3){left:12%;bottom:10%}
.scene-about{background:radial-gradient(circle at 78% 30%,rgba(0,210,206,.19),transparent 30%),linear-gradient(135deg,#0a2249,#020817)}.team-nodes{position:absolute;inset:0}.team-nodes i{position:absolute;width:clamp(60px,8vw,110px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#55e8ff,#126aff 48%,#04132d 72%);border:1px solid rgba(117,219,255,.4);box-shadow:0 0 44px rgba(17,116,255,.25)}.team-nodes i:nth-child(1){right:10%;top:13%}.team-nodes i:nth-child(2){right:28%;top:42%;transform:scale(.72)}.team-nodes i:nth-child(3){right:6%;bottom:10%;transform:scale(.55)}.team-nodes svg{position:absolute;inset:0;width:100%;height:100%}.team-nodes path{stroke:rgba(67,202,255,.35);stroke-width:1;fill:none;stroke-dasharray:8 8;animation:dash 9s linear infinite}
@keyframes gridMove{to{background-position:0 45px,45px 0}}@keyframes dash{to{stroke-dashoffset:-160}}
.story-side-label{position:absolute;left:24px;top:50%;transform:rotate(-90deg) translateX(-50%);transform-origin:left top;color:#7893be;font-size:9px;letter-spacing:.3em;text-transform:uppercase}

/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:rgba(8,25,56,.48);backdrop-filter:blur(10px)}.stat{padding:34px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{font-size:clamp(36px,4vw,58px);letter-spacing:-.05em;display:block;line-height:1;background:linear-gradient(100deg,#fff,#48e4f0);-webkit-background-clip:text;color:transparent}.stat span{display:block;color:var(--muted);font-size:12px;margin-top:12px}

/* services cards */
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-card{position:relative;min-height:390px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,rgba(10,31,68,.78),rgba(3,12,29,.82));padding:34px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .45s var(--ease),border-color .35s,box-shadow .35s;transform-style:preserve-3d}.service-card:hover{border-color:rgba(85,203,255,.45);box-shadow:0 38px 100px rgba(0,0,0,.35),0 0 60px rgba(14,105,255,.12)}.service-card::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:var(--accent,var(--blue));filter:blur(90px);opacity:.16;right:-70px;top:-70px}.service-number{color:#6f8fbe;font-size:11px;letter-spacing:.18em}.service-icon{width:64px;height:64px;border:1px solid rgba(102,197,255,.3);border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(27,91,201,.28),rgba(0,217,209,.1));color:var(--cyan)}.service-icon svg{width:28px}.service-card h3{font-size:clamp(28px,3vw,44px);line-height:1;letter-spacing:-.04em;margin:26px 0 15px}.service-card p{color:var(--muted);max-width:510px;margin:0}.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.service-tags span{font-size:10px;padding:7px 10px;border-radius:999px;border:1px solid var(--line);color:#acc1e1}.service-card.large{grid-column:1/-1;min-height:440px}.service-card.large .service-content{max-width:620px}.service-card-visual{position:absolute;right:3%;bottom:0;width:42%;height:90%;opacity:.85}.mini-browser{position:absolute;inset:15% 0 0;border:1px solid rgba(90,190,255,.28);border-radius:20px 20px 0 0;background:rgba(7,22,51,.88);transform:perspective(800px) rotateY(-13deg);padding:20px}.mini-browser::before{content:"";display:block;height:10px;width:70px;border-radius:10px;background:linear-gradient(90deg,#ff7289 0 15%,transparent 15% 25%,#ffd66e 25% 40%,transparent 40% 50%,#56e4b2 50% 65%)}.mini-browser i{display:block;border-radius:12px;background:linear-gradient(135deg,rgba(25,92,218,.7),rgba(0,217,209,.3));height:28%;margin:18px 0}.mini-browser i:nth-child(3){height:48%;background:rgba(255,255,255,.06)}

/* work */
.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.work-card{grid-column:span 6;position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:#07152f;min-height:520px;display:flex;flex-direction:column}.work-card.featured{grid-column:span 12;min-height:640px}.work-visual{flex:1;min-height:330px;position:relative;overflow:hidden;background:var(--work-bg,linear-gradient(135deg,#09225b,#0a6d99))}.work-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:35px 35px;transform:scale(1.15);transition:transform .7s var(--ease)}.work-card:hover .work-visual::before{transform:scale(1.3) rotate(2deg)}.work-browser{position:absolute;left:8%;right:8%;top:14%;bottom:-8%;border-radius:18px 18px 0 0;background:rgba(4,12,28,.86);border:1px solid rgba(255,255,255,.2);box-shadow:0 35px 80px rgba(0,0,0,.38);transform:perspective(900px) rotateX(3deg) rotateY(-6deg);transition:transform .65s var(--ease)}.work-card:hover .work-browser{transform:perspective(900px) rotateX(0) rotateY(-1deg) translateY(-9px)}.browser-bar{height:34px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 12px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#31527d}.browser-content{height:calc(100% - 34px);padding:16px;display:grid;grid-template-columns:28% 1fr;gap:12px}.browser-nav{border-radius:10px;background:rgba(255,255,255,.045);padding:12px}.browser-nav i{display:block;height:7px;border-radius:8px;background:rgba(255,255,255,.13);margin:13px 0}.browser-main{display:grid;grid-template-rows:38% 1fr;gap:12px}.browser-hero{border-radius:12px;background:linear-gradient(135deg,rgba(53,121,255,.72),rgba(15,226,218,.42))}.browser-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.browser-cards i{border-radius:10px;background:rgba(255,255,255,.07)}.work-phone{position:absolute;right:8%;bottom:-8%;width:27%;aspect-ratio:.52;border:6px solid #071124;border-radius:34px;background:linear-gradient(155deg,var(--blue),var(--cyan));box-shadow:0 30px 70px rgba(0,0,0,.45);transform:rotate(8deg);transition:transform .6s var(--ease)}.work-card:hover .work-phone{transform:rotate(3deg) translateY(-8px)}.work-info{padding:26px 28px 30px;display:flex;align-items:end;justify-content:space-between;gap:22px;background:linear-gradient(180deg,rgba(8,24,53,.95),#06132e)}.work-info h3{font-size:27px;letter-spacing:-.035em;margin:0 0 5px}.work-info p{font-size:12px;color:var(--muted);margin:0}.work-meta{display:flex;gap:8px;flex-wrap:wrap}.work-meta span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:#adc5e7}.work-card .round-link{width:52px;height:52px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;flex:0 0 auto;transition:.3s}.work-card:hover .round-link{background:var(--blue);border-color:transparent;transform:rotate(45deg)}

/* process */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:steps}.process-step{position:relative;padding:30px 24px 34px;border:1px solid var(--line);border-radius:22px;background:rgba(7,23,51,.55);min-height:300px;overflow:hidden;counter-increment:steps}.process-step::before{content:"0" counter(steps);display:block;color:#4d70a3;font-size:11px;letter-spacing:.18em}.process-step::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:var(--blue);filter:blur(70px);opacity:.13;right:-50px;bottom:-50px}.process-step h3{font-size:25px;line-height:1.05;letter-spacing:-.035em;margin:95px 0 16px}.process-step p{font-size:13px;color:var(--muted);margin:0}.process-line{position:absolute;top:63px;left:calc(25% - 2px);right:calc(25% - 2px);height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.3}

/* testimonials */
.testimonial-shell{border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(12,36,77,.68),rgba(2,10,25,.76));overflow:hidden;display:grid;grid-template-columns:38% 62%;min-height:480px}.testimonial-aside{padding:50px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.testimonial-aside strong{font-size:clamp(54px,7vw,96px);line-height:.85;letter-spacing:-.07em}.testimonial-aside p{color:var(--muted)}.testimonial-main{position:relative;padding:60px;display:flex;align-items:center}.quote{display:none}.quote.active{display:block;animation:quoteIn .6s var(--ease)}.quote blockquote{margin:0;font-size:clamp(23px,3vw,40px);line-height:1.25;letter-spacing:-.035em;max-width:760px}.quote footer{margin-top:34px;display:flex;align-items:center;gap:14px}.quote-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));font-size:12px;font-weight:800}.quote footer strong{display:block}.quote footer span{font-size:12px;color:var(--muted)}.quote-nav{position:absolute;right:34px;bottom:30px;display:flex;gap:8px}.quote-nav button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer}.quote-nav button:hover{background:rgba(255,255,255,.08)}@keyframes quoteIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}

/* CTA */
.cta{position:relative;border-radius:36px;border:1px solid rgba(78,179,255,.35);overflow:hidden;padding:clamp(46px,7vw,90px);background:linear-gradient(130deg,rgba(10,48,112,.9),rgba(4,15,35,.94) 52%,rgba(0,129,142,.55));box-shadow:0 50px 140px rgba(0,0,0,.35)}.cta::before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;border:1px solid rgba(100,224,255,.22);right:-160px;top:-220px;box-shadow:inset 0 0 90px rgba(37,123,255,.16)}.cta h2{font-size:clamp(45px,7vw,96px);line-height:.92;letter-spacing:-.06em;margin:0;max-width:850px}.cta p{color:#c2d5ef;max-width:650px;margin:27px 0 36px}.cta .btn{position:relative;z-index:2}

/* footer */
.site-footer{padding:80px 0 30px;border-top:1px solid var(--line);background:rgba(2,8,23,.76);position:relative}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:50px}.footer-brand img{width:190px;height:70px;object-fit:contain;object-position:left}.footer-brand p{color:var(--muted);max-width:390px;font-size:13px}.footer-col h4{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#dce9ff;margin:0 0 22px}.footer-col a,.footer-col span{display:block;color:#849cc2;font-size:13px;margin:11px 0;transition:.2s}.footer-col a:hover{color:#fff;transform:translateX(3px)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:70px;padding-top:25px;border-top:1px solid var(--line);color:#7189ad;font-size:11px}.socials{display:flex;gap:9px}.socials a{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.socials a:hover{background:var(--blue);border-color:transparent}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:80;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#16c77a,#36e3a4);display:grid;place-items:center;box-shadow:0 15px 45px rgba(14,210,124,.32);transition:.3s}.whatsapp-float:hover{transform:translateY(-5px) rotate(-4deg)}

/* inner pages */
.page-hero{min-height:72svh;padding:calc(var(--header-h) + 100px) 0 90px;display:flex;align-items:end;position:relative;overflow:hidden}.page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 20%,rgba(24,102,255,.3),transparent 33%),radial-gradient(circle at 15% 75%,rgba(0,217,209,.15),transparent 30%)}.page-hero .container{position:relative;z-index:2}.page-hero h1{font-size:clamp(60px,10vw,150px);line-height:.83;letter-spacing:-.07em;margin:20px 0 25px;max-width:1100px}.page-hero p{max-width:760px;font-size:clamp(17px,2vw,24px);color:#b5c8e6}.page-hero .hero-number{position:absolute;right:4%;bottom:-.08em;font-size:clamp(180px,30vw,480px);font-weight:850;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(106,179,255,.08);pointer-events:none}
.page-hero.compact{min-height:58svh}.page-hero.compact h1{font-size:clamp(55px,8vw,110px)}
.breadcrumbs{display:flex;gap:9px;color:#7894bd;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.breadcrumbs a:hover{color:#fff}.breadcrumbs i{font-style:normal;color:#3e5b86}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split.top{align-items:start}.rich-copy p{color:var(--muted);font-size:16px}.rich-copy p:first-of-type{font-size:21px;color:#d1def3}.rich-copy ul{padding:0;list-style:none;display:grid;gap:13px}.rich-copy li{display:flex;gap:12px;color:#b7c9e5}.rich-copy li::before{content:"";width:8px;height:8px;margin-top:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);flex:0 0 auto}
.glass-panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(11,34,74,.7),rgba(3,12,29,.72));backdrop-filter:blur(12px);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow)}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.value-card{padding:30px;border:1px solid var(--line);border-radius:22px;background:rgba(7,24,53,.58);min-height:260px}.value-card b{font-size:11px;color:var(--cyan);letter-spacing:.16em}.value-card h3{font-size:27px;margin:55px 0 16px;letter-spacing:-.04em}.value-card p{font-size:13px;color:var(--muted)}
.timeline{position:relative;display:grid;gap:18px}.timeline::before{content:"";position:absolute;left:27px;top:28px;bottom:28px;width:1px;background:linear-gradient(var(--blue),var(--cyan),transparent)}.timeline-item{display:grid;grid-template-columns:55px 1fr;gap:22px}.timeline-dot{width:55px;height:55px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;background:#06132e;position:relative;z-index:2;color:var(--cyan);font-size:11px}.timeline-copy{padding:18px 0 30px}.timeline-copy h3{margin:0 0 9px;font-size:23px}.timeline-copy p{color:var(--muted);margin:0}
.logo-cloud{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.logo-cloud div{height:140px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;place-items:center;color:#7e98c0;font-weight:760;letter-spacing:-.03em;background:rgba(7,22,49,.45);transition:.3s}.logo-cloud div:nth-child(5n){border-right:0}.logo-cloud div:hover{background:rgba(13,45,94,.65);color:#fff}

/* services page */
.service-list{display:grid;border-top:1px solid var(--line)}.service-row{position:relative;display:grid;grid-template-columns:90px 1fr auto;gap:30px;align-items:center;padding:38px 10px;border-bottom:1px solid var(--line);overflow:hidden;transition:.3s}.service-row::before{content:"";position:absolute;inset:0;transform:translateX(-101%);background:linear-gradient(90deg,rgba(20,89,210,.25),rgba(0,217,209,.06));transition:.55s var(--ease)}.service-row:hover::before{transform:none}.service-row>*{position:relative}.service-row .num{font-size:11px;color:#6380aa}.service-row h2{font-size:clamp(28px,4vw,55px);letter-spacing:-.05em;margin:0}.service-row p{color:var(--muted);max-width:650px;margin:8px 0 0;font-size:13px}.service-row .round-link{width:58px;height:58px;border:1px solid var(--line-2);border-radius:50%;display:grid;place-items:center}.service-row:hover .round-link{background:var(--blue);border-color:transparent;transform:rotate(45deg)}
.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.capability{padding:25px;border-radius:18px;border:1px solid var(--line);background:rgba(8,25,56,.55)}.capability svg{width:25px;color:var(--cyan)}.capability h3{font-size:18px;margin:28px 0 8px}.capability p{color:var(--muted);font-size:12px;margin:0}
.service-hero-visual{min-height:520px;position:relative;perspective:900px}.service-cube{position:absolute;width:310px;height:310px;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(62deg) rotateZ(45deg);border:1px solid rgba(98,201,255,.35);background:linear-gradient(135deg,rgba(18,82,195,.26),rgba(0,217,209,.13));box-shadow:0 0 90px rgba(22,103,255,.23)}.service-cube::before,.service-cube::after{content:"";position:absolute;inset:38px;border:1px solid rgba(93,213,255,.3)}.service-cube::after{inset:80px;box-shadow:0 0 50px rgba(0,217,209,.23)}.floating-label{position:absolute;padding:13px 17px;border:1px solid var(--line-2);border-radius:14px;background:rgba(4,16,38,.78);backdrop-filter:blur(12px);font-size:12px;box-shadow:var(--shadow)}.floating-label:nth-child(2){left:5%;top:25%}.floating-label:nth-child(3){right:1%;top:18%}.floating-label:nth-child(4){left:13%;bottom:16%}.floating-label:nth-child(5){right:6%;bottom:20%}
.tech-stack{display:flex;gap:10px;flex-wrap:wrap}.tech-stack span{padding:9px 13px;border-radius:999px;border:1px solid var(--line);font-size:11px;color:#a9c0e2}

/* portfolio */
.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:38px}.filter-btn{border:1px solid var(--line);background:rgba(7,23,51,.48);color:#92a9ca;padding:10px 16px;border-radius:999px;font-size:11px;cursor:pointer;transition:.25s}.filter-btn:hover,.filter-btn.active{background:var(--blue);color:#fff;border-color:transparent}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.portfolio-item.is-hidden{display:none}
.case-hero{min-height:100svh;padding:calc(var(--header-h) + 70px) 0 60px;display:grid;align-items:end}.case-title{font-size:clamp(58px,10vw,140px);line-height:.84;letter-spacing:-.07em;margin:18px 0}.case-meta{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:24px}.case-meta span{color:#7892b9;font-size:10px;text-transform:uppercase;letter-spacing:.13em}.case-meta strong{display:block;margin-top:8px;font-size:14px}.case-cover{height:min(78vw,780px);max-height:780px;border-radius:32px;border:1px solid var(--line);margin-top:55px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a2a72,#0695a0)}.case-cover .work-browser{left:10%;right:10%;top:12%;bottom:-12%}.case-results{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.result-card{padding:30px;border:1px solid var(--line);border-radius:20px;background:rgba(7,24,53,.58)}.result-card strong{font-size:48px;line-height:1;letter-spacing:-.055em}.result-card span{display:block;color:var(--muted);font-size:12px;margin-top:12px}

/* contact */
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}.contact-info,.contact-form{border:1px solid var(--line);border-radius:var(--radius);background:rgba(7,23,51,.62);padding:clamp(28px,4vw,50px)}.contact-info{display:flex;flex-direction:column;justify-content:space-between}.contact-info h2{font-size:clamp(36px,4vw,58px);letter-spacing:-.05em;margin:0}.contact-links{margin-top:60px}.contact-links a{display:block;font-size:clamp(18px,2vw,28px);margin:13px 0;color:#cfdef4}.contact-links small{display:block;color:#6684af;text-transform:uppercase;letter-spacing:.16em;font-size:9px;margin-top:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#7f98bd}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:13px;background:rgba(3,12,29,.62);color:#fff;padding:15px 16px;outline:none;transition:.25s}.field textarea{min-height:145px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(69,210,255,.62);box-shadow:0 0 0 4px rgba(23,84,255,.1)}.form-note{font-size:11px;color:#6f89af;margin:14px 0 0}.form-success{display:none;margin-top:16px;padding:13px;border-radius:12px;background:rgba(86,240,189,.1);border:1px solid rgba(86,240,189,.25);color:var(--success);font-size:12px}.form-success.show{display:block}

/* cursor */
.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:999;transform:translate(-50%,-50%);border-radius:50%;display:none}.cursor-dot{width:5px;height:5px;background:#fff}.cursor-ring{width:34px;height:34px;border:1px solid rgba(86,215,255,.58);transition:width .2s,height .2s,background .2s}.cursor-ring.hover{width:55px;height:55px;background:rgba(17,112,255,.12)}

/* responsive */
@media (pointer:fine) and (min-width:1000px){.cursor-dot,.cursor-ring{display:block}}
@media (max-width:1100px){
  :root{--container:min(100% - 36px,1000px)}
  .nav{display:none}.menu-btn{display:grid}.header-actions .btn{display:none}
  .hero-grid{grid-template-columns:1fr .92fr}.hero-visual{min-height:560px}.orbit.one{width:470px;height:470px}.orbit.two{width:350px;height:350px}.floating-chip{display:none}
  .process{grid-template-columns:repeat(2,1fr)}.process-line{display:none}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-col:last-child{grid-column:2/4}.logo-cloud{grid-template-columns:repeat(4,1fr)}.logo-cloud div:nth-child(5n){border-right:1px solid var(--line)}.logo-cloud div:nth-child(4n){border-right:0}
}
@media (max-width:820px){
  :root{--container:calc(100% - 28px);--header-h:74px;--radius:22px}
  .site-header{height:var(--header-h)}.brand img{width:133px;height:46px}.brand-mark-only{width:42px!important;height:42px!important}
  .section{padding:92px 0}.section-sm{padding:68px 0}.section-head{display:block;margin-bottom:40px}.section-head .text-link{margin-top:20px}
  .hero{padding-top:calc(var(--header-h) + 55px);min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center}.hero-copy .lead{margin:24px auto}.hero-actions,.hero-proof{justify-content:center}.hero-visual{min-height:520px;margin-top:10px}.hero-device{width:min(520px,92vw);transform:rotateY(-5deg) rotateX(3deg) rotateZ(-1deg)}.orbit.one{width:88vw;height:88vw}.orbit.two{width:68vw;height:68vw}.scroll-cue{display:none}.display{font-size:clamp(54px,16vw,88px)}
  .scroll-story{height:500vh}.story-frame{width:92vw;height:68svh;border-radius:24px}.story-ui{padding:24px}.story-ui h3{font-size:clamp(36px,11vw,62px)}.story-ui p{font-size:13px}.story-side-label{display:none}.service-stack{left:4%;width:50%}.service-stack div{font-size:10px;padding:10px 11px}.service-sphere{width:280px;height:280px;right:-80px;top:24%}.system-panel{right:-4%;width:72%;top:16%;bottom:15%}.phone{right:8%;width:40%;top:18%}.app-orbit{width:63%;right:-12%;top:8%}.team-nodes i:nth-child(2){right:9%;top:48%}
  .stats{grid-template-columns:repeat(2,1fr)}.stat{border-bottom:1px solid var(--line)}.stat:nth-child(2){border-right:0}.stat:nth-child(3),.stat:nth-child(4){border-bottom:0}
  .services-grid{grid-template-columns:1fr}.service-card.large{grid-column:auto}.service-card-visual{opacity:.28;width:65%}.work-grid{display:grid;grid-template-columns:1fr}.work-card,.work-card.featured{grid-column:auto;min-height:500px}.work-info{align-items:center}.work-meta{display:none}
  .process{grid-template-columns:1fr 1fr}.testimonial-shell{grid-template-columns:1fr}.testimonial-aside{border-right:0;border-bottom:1px solid var(--line);padding:35px}.testimonial-main{padding:38px 35px 80px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-col:last-child{grid-column:auto}.footer-bottom{align-items:flex-start}
  .split{grid-template-columns:1fr;gap:38px}.values-grid{grid-template-columns:1fr 1fr}.logo-cloud{grid-template-columns:repeat(3,1fr)}.logo-cloud div:nth-child(4n){border-right:1px solid var(--line)}.logo-cloud div:nth-child(3n){border-right:0}
  .capabilities{grid-template-columns:1fr 1fr}.service-hero-visual{min-height:400px}.portfolio-grid{grid-template-columns:1fr}.case-meta{grid-template-columns:1fr 1fr}.case-meta>div:first-child{grid-column:1/-1}.case-results{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
}
@media (max-width:560px){
  :root{--container:calc(100% - 22px)}
  .header-inner{gap:10px}.brand img{width:118px}.menu-btn{width:44px;height:44px}.display{font-size:clamp(50px,15vw,76px)}.hero-copy .lead{font-size:16px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-proof{font-size:10px;gap:12px}.hero-visual{min-height:420px}.hero-device{border-radius:21px}.device-main{padding:12px;gap:8px}.device-kpis strong{font-size:15px}.device-body{grid-template-columns:56px 1fr}.orbit.one{width:98vw;height:98vw}.orbit.two{width:76vw;height:76vw}
  .story-frame{width:94vw;height:71svh;border-radius:20px}.story-ui{justify-content:flex-end;padding:22px 18px 36px;background:linear-gradient(0deg,rgba(2,8,23,.86),transparent 70%)}.story-ui.right{align-items:flex-start;text-align:left}.story-ui h3{font-size:clamp(34px,12vw,52px)}.story-ui .eyebrow{font-size:9px}.story-ui .btn{min-height:45px;padding:0 18px}.scene-bg::after{background:linear-gradient(0deg,rgba(2,8,23,.85),rgba(3,16,38,.1) 70%)}.service-stack{top:18%;transform:none;width:75%}.service-stack div:nth-child(n+4){display:none}.service-sphere{width:250px;right:-100px;top:16%}.system-panel{width:90%;right:-20%;top:8%;bottom:34%}.phone{width:49%;right:8%;top:9%}.app-orbit{width:77%;right:-26%}.team-nodes i:nth-child(1){top:8%}.team-nodes i:nth-child(2){top:28%;right:35%}.team-nodes i:nth-child(3){bottom:42%}
  .section{padding:75px 0}.section-sm{padding:55px 0}.title-xl{font-size:42px}.title-lg{font-size:36px}.stats{grid-template-columns:1fr 1fr}.stat{padding:24px 18px}.stat strong{font-size:38px}.service-card{min-height:360px;padding:25px}.service-card.large{min-height:410px}.service-card h3{font-size:31px}.work-card,.work-card.featured{min-height:440px}.work-visual{min-height:290px}.work-info{padding:21px}.work-info h3{font-size:22px}.process{grid-template-columns:1fr}.process-step{min-height:240px}.process-step h3{margin-top:55px}.testimonial-aside{padding:28px}.testimonial-main{padding:30px 25px 75px}.quote blockquote{font-size:23px}.cta{padding:43px 24px}.cta h2{font-size:45px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-brand{grid-column:auto}.footer-col:last-child{grid-column:auto}.footer-bottom{display:block}.socials{margin-top:18px}
  .page-hero{min-height:66svh;padding-bottom:55px}.page-hero h1{font-size:clamp(54px,18vw,86px)}.page-hero p{font-size:16px}.page-hero .hero-number{font-size:220px}.values-grid,.capabilities{grid-template-columns:1fr}.logo-cloud{grid-template-columns:repeat(2,1fr)}.logo-cloud div:nth-child(3n){border-right:1px solid var(--line)}.logo-cloud div:nth-child(2n){border-right:0}.service-row{grid-template-columns:45px 1fr auto;gap:12px;padding:28px 4px}.service-row p{display:none}.service-row .round-link{width:46px;height:46px}.service-hero-visual{min-height:330px}.service-cube{width:210px;height:210px}.floating-label{font-size:9px;padding:9px 11px}.case-meta{grid-template-columns:1fr}.case-meta>div:first-child{grid-column:auto}.case-results{grid-template-columns:1fr}.case-cover{height:115vw;border-radius:22px}.contact-info,.contact-form{padding:27px 21px}.contact-links a{font-size:18px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scroll-story{height:auto}.story-stage{position:relative;height:auto;padding:90px 0}.story-frame{height:70svh}.story-scene{display:none}.story-scene:first-child{display:block;opacity:1;transform:none}}
/* Horizontal brand lockup built from the supplied EA symbol */
.brand{gap:10px}.brand .brand-mark-only{width:46px!important;height:46px!important;object-fit:contain}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-size:20px;letter-spacing:-.045em}.brand-copy small{font-size:8px;color:#8ea6cb;letter-spacing:.045em;margin-top:5px;white-space:nowrap}
.footer-lockup{display:flex;align-items:center;gap:14px;margin-bottom:18px}.footer-lockup img{width:68px!important;height:68px!important;object-fit:contain}.footer-lockup span{display:grid;line-height:1}.footer-lockup strong{font-size:32px;letter-spacing:-.05em}.footer-lockup small{font-size:10px;color:#8ea6cb;margin-top:8px;letter-spacing:.04em}
@media(max-width:560px){.brand-copy strong{font-size:18px}.brand-copy small{display:none}.brand .brand-mark-only{width:41px!important;height:41px!important}.footer-lockup strong{font-size:27px}.footer-lockup small{font-size:9px}}

/* =========================================================
   EA TECH GLOBAL EDITION — wider, brighter, faster
   ========================================================= */
:root{
  --container:min(1480px,calc(100vw - 72px));
  --ease-fast:cubic-bezier(.22,.75,.2,1);
}
body{font-family:"Segoe UI Variable","Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}
.site-shell{overflow:clip}
.section,.markets-section{content-visibility:auto;contain-intrinsic-size:900px}
[data-reveal]{transform:translateY(24px);transition:opacity .52s var(--ease-fast),transform .52s var(--ease-fast)}
[data-reveal="left"]{transform:translateX(-28px)}[data-reveal="right"]{transform:translateX(28px)}[data-reveal="scale"]{transform:scale(.965)}
.scroll-story{height:390vh}
.story-scene{transition:opacity .08s linear}

/* Real supplied brand lockup */
.brand{width:195px;height:62px}.brand-logo{position:absolute;left:0;width:190px!important;height:60px!important;object-fit:contain;object-position:left center}.brand-logo-color{display:none}
.site-header.is-scrolled{background:rgba(2,8,23,.88);backdrop-filter:blur(14px)}
.footer-brand>img{width:255px!important;height:88px!important;object-fit:contain;object-position:left center}

/* Wider cinematic hero with real photography */
.hero{padding-top:calc(var(--header-h) + 46px)}
.hero-grid{grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:58px}
.display{font-size:clamp(58px,7.7vw,132px)}
.hero-copy .lead{max-width:720px}
.hero-visual{min-height:680px}
.hero-photo-card{position:relative;width:min(720px,100%);aspect-ratio:1.28;border-radius:34px;overflow:hidden;border:1px solid rgba(106,193,255,.4);box-shadow:0 48px 130px rgba(0,0,0,.5),0 0 80px rgba(23,84,255,.18);transform:rotateY(-4deg) rotateX(2deg);transition:transform .45s var(--ease-fast);z-index:2;background:#07152f}
.hero-photo-card:hover{transform:rotateY(0) rotateX(0) translateY(-7px)}
.hero-photo-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(2,8,23,.82));pointer-events:none}
.hero-photo-card img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.03);transition:transform .8s var(--ease-fast)}
.hero-photo-card:hover img{transform:scale(1.025)}
.hero-photo-overlay{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;display:flex;flex-wrap:wrap;gap:8px}.hero-photo-overlay span{padding:8px 12px;border:1px solid rgba(255,255,255,.24);background:rgba(2,8,23,.42);backdrop-filter:blur(10px);border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.hero-visual .orbit.one{width:650px;height:650px}.hero-visual .orbit.two{width:510px;height:510px}

/* Bright sections: the site alternates light and dark intentionally */
.theme-light{background:#f4f8ff;color:#07142f;position:relative;isolation:isolate}
.theme-light::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 10%,rgba(23,84,255,.09),transparent 31%),linear-gradient(135deg,rgba(255,255,255,.84),rgba(237,245,255,.78))}
.theme-light .eyebrow{color:#1454d8}.theme-light .eyebrow::before{background:#0b8cff;box-shadow:0 0 15px rgba(11,140,255,.45)}
.theme-light .gradient-text{background:linear-gradient(110deg,#07142f 10%,#1754ff 57%,#008f9d);-webkit-background-clip:text;background-clip:text;color:transparent}
.theme-light .section-head p,.theme-light .lead,.theme-light .rich-copy p,.theme-light .rich-copy p:first-of-type{color:#52647d}
.theme-light .text-link{color:#12356e}.theme-light .text-link::after{background:rgba(12,55,121,.18)}
.theme-light .process-step{background:#fff;border-color:#dbe6f5;box-shadow:0 18px 50px rgba(25,58,110,.08)}.theme-light .process-step p{color:#64748b}.theme-light .process-step::before{color:rgba(23,84,255,.06)}
.theme-light .glass-panel{background:#fff;border-color:#dce7f6;color:#07142f;box-shadow:0 28px 80px rgba(25,58,110,.1)}
.theme-light .filter-btn{background:#fff;color:#526783;border-color:#d4e0f1}.theme-light .filter-btn:hover,.theme-light .filter-btn.active{background:#1754ff;color:#fff;border-color:#1754ff}
.theme-light .result-card{background:#fff;border-color:#d8e4f4}.theme-light .result-card span{color:#65758c}

/* Global market row near the top */
.markets-section{padding:88px 0 98px}
.markets-section .container{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.markets-intro h2{font-size:clamp(42px,5.2vw,78px);line-height:.98;letter-spacing:-.055em;margin:15px 0 20px}.markets-intro p{color:#5b6c84;max-width:570px}
.market-orbit{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.market-orbit span{aspect-ratio:1;border-radius:50%;border:1px solid #d7e4f5;background:rgba(255,255,255,.86);display:grid;place-items:center;align-content:center;gap:8px;text-align:center;font-size:12px;font-weight:700;box-shadow:0 18px 50px rgba(24,66,130,.08);transition:transform .3s var(--ease-fast),box-shadow .3s}
.market-orbit span:nth-child(even){transform:translateY(22px)}.market-orbit span:hover{transform:translateY(-7px) scale(1.035);box-shadow:0 28px 60px rgba(23,84,255,.16)}.market-orbit span:nth-child(even):hover{transform:translateY(15px) scale(1.035)}.market-orbit b{font-size:30px;line-height:1}

/* Photographic service cards */
.service-card-photo{padding:0;min-height:500px;justify-content:flex-end;background:#07152f;transform:none!important}
.service-card-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s var(--ease-fast),filter .65s;filter:saturate(.82) contrast(1.02)}
.service-card-photo:hover>img{transform:scale(1.035);filter:saturate(1)}
.service-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,23,.08) 20%,rgba(2,8,23,.92) 82%),linear-gradient(90deg,rgba(2,8,23,.82),transparent 65%)}
.service-photo-content{position:relative;z-index:2;padding:34px;max-width:720px;color:#fff}.service-card-photo h3{margin:20px 0 12px;text-shadow:0 4px 20px rgba(0,0,0,.3)}.service-card-photo p{color:#c4d3e9}.service-card-photo .service-number{color:#a9c7ed}.service-card-photo .service-tags span{color:#e3efff;border-color:rgba(255,255,255,.2);background:rgba(2,8,23,.24)}
.theme-light .service-card:not(.service-card-photo){background:#fff;border-color:#d9e4f3;color:#0a1833}.theme-light .service-card:not(.service-card-photo) p{color:#61728a}.theme-light .service-card:not(.service-card-photo) .service-tags span{color:#546982;border-color:#d8e3f2}

/* Real portfolio imagery */
.work-visual.real-work{background:#07152f;min-height:340px}
.real-work::before{display:none}.real-work>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .65s var(--ease-fast),filter .65s;filter:saturate(.92)}.work-card:hover .real-work>img{transform:scale(1.035);filter:saturate(1.04)}
.real-work::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(2,8,23,.55))}
.work-card.has-full-preview,.work-card.featured.has-full-preview{min-height:0}
.work-visual.full-project-preview{flex:0 0 auto;min-height:0;aspect-ratio:var(--project-ratio);background:#fff}
.full-project-preview>img{position:static;display:block;width:100%;height:100%;object-fit:cover;object-position:center top;filter:none}
.full-project-preview::after{display:none}
.work-card:hover .full-project-preview>img{transform:none;filter:none}
.work-badges{position:absolute;left:18px;right:18px;bottom:17px;z-index:2;display:flex;gap:7px;flex-wrap:wrap}.work-badges span{padding:7px 10px;border-radius:999px;background:rgba(2,8,23,.65);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(9px);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#fff}
.portfolio-toolbar{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.portfolio-toolbar h2{font-size:clamp(34px,4vw,58px);margin:10px 0 0;letter-spacing:-.045em}.portfolio-toolbar .filter-bar{margin:0;justify-content:flex-end}
.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portfolio-grid .work-card{grid-column:auto;min-height:465px}.portfolio-grid .work-info{padding:22px}.portfolio-grid .work-info h3{font-size:23px}.portfolio-grid .work-info p{max-width:320px}.portfolio-grid .real-work{min-height:280px}
.theme-light .portfolio-grid .work-card{background:#fff;border-color:#d7e3f2;box-shadow:0 20px 55px rgba(17,53,107,.09)}.theme-light .portfolio-grid .work-info{background:#fff}.theme-light .portfolio-grid .work-info h3{color:#08162f}.theme-light .portfolio-grid .work-info p{color:#607189}.theme-light .portfolio-grid .round-link{color:#1754ff;border-color:#b9ccea}.theme-light .portfolio-grid .work-card:hover .round-link{color:#fff}

/* Individual client logo cards */
.clients-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.client-logo-card{margin:0;border:1px solid #dce6f3;border-radius:20px;background:#fff;padding:12px;box-shadow:0 15px 42px rgba(24,54,102,.065);transition:transform .32s var(--ease-fast),box-shadow .32s,border-color .32s;overflow:hidden}.client-logo-card:hover{transform:translateY(-8px);border-color:#9bbcf0;box-shadow:0 27px 60px rgba(23,84,255,.14)}
.client-logo-frame{aspect-ratio:1;border-radius:14px;background:linear-gradient(145deg,#fff,#f7faff);display:grid;place-items:center;overflow:hidden}.client-logo-frame img{width:100%;height:100%;object-fit:contain;transition:transform .4s var(--ease-fast)}.client-logo-card:hover img{transform:scale(1.055)}.client-logo-card h3{font-size:11px;text-align:center;margin:10px 4px 3px;color:#243552;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Case study system */
.case-hero{padding-top:calc(var(--header-h) + 95px);min-height:auto}.case-title{max-width:1300px}.case-intro{max-width:860px;font-size:clamp(17px,2vw,25px);color:#b9cae4;margin:22px 0 42px}.real-case-cover{height:min(64vw,760px);max-height:760px;background:#07152f}.real-case-cover>img{width:100%;height:100%;object-fit:cover;object-position:center top}.real-case-cover::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 -120px 120px rgba(2,8,23,.22)}
.real-case-cover.full-project-cover{height:auto;max-height:none}
.real-case-cover.full-project-cover>img{display:block;object-fit:cover}
.real-case-cover.full-project-cover::after{display:none}
.case-narrative{display:grid;grid-template-columns:1fr 1fr;gap:70px}.case-narrative article{padding-right:45px}.case-narrative article+article{border-left:1px solid #d7e2f1;padding-left:70px}.case-narrative h2{font-size:clamp(35px,4vw,58px);letter-spacing:-.05em;margin:12px 0 18px}.case-narrative p{font-size:18px;line-height:1.75;color:#566982}
.case-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:start}.case-list{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.case-list li{padding:15px 17px;border:1px solid var(--line);border-radius:14px;background:rgba(8,28,62,.58);color:#c9daf1;font-size:13px}.case-list.compact{grid-template-columns:1fr}.case-list.dark-list li{background:#fff;border-color:#d9e5f4;color:#344963}
.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:80px}.case-gallery-item{margin:0;min-height:460px;border-radius:26px;overflow:hidden;border:1px solid var(--line);background:#07152f}.case-gallery-item.wide{grid-column:1/-1;min-height:680px}.case-gallery-item img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .7s var(--ease-fast)}.case-gallery-item:hover img{transform:scale(1.025)}
.case-next{border:1px solid var(--line-2);border-radius:32px;padding:50px;background:linear-gradient(135deg,rgba(13,54,128,.78),rgba(3,15,36,.88));display:flex;justify-content:space-between;align-items:end;gap:40px}.case-next h2{font-size:clamp(32px,4vw,60px);max-width:850px;line-height:1;letter-spacing:-.05em;margin:14px 0 0}.case-next-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

/* Service page photography */
.service-hero-photo{position:absolute;inset:0;border-radius:30px;overflow:hidden;border:1px solid rgba(93,190,255,.35);box-shadow:0 35px 90px rgba(0,0,0,.28)}.service-hero-photo img{width:100%;height:100%;object-fit:cover}.service-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(2,8,23,.58))}.service-hero-visual .floating-label{z-index:2}

/* Better WhatsApp control */
.whatsapp-float{width:auto;height:auto;right:24px;bottom:24px;background:none;display:flex;align-items:center;gap:9px;box-shadow:none}.whatsapp-icon{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#12b96b,#39dd91);display:grid;place-items:center;box-shadow:0 16px 45px rgba(14,198,112,.34);position:relative}.whatsapp-icon::before{content:"";position:absolute;inset:-7px;border:1px solid rgba(52,222,145,.38);border-radius:50%;animation:waPulse 2.2s ease-out infinite}.whatsapp-label{padding:10px 14px;border-radius:999px;background:rgba(2,8,23,.86);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;opacity:0;transform:translateX(8px);transition:.25s}.whatsapp-float:hover{transform:translateY(-4px)}.whatsapp-float:hover .whatsapp-label{opacity:1;transform:none}@keyframes waPulse{70%,100%{transform:scale(1.25);opacity:0}}

@media(max-width:1240px){
  :root{--container:min(100% - 44px,1120px)}
  .hero-grid{grid-template-columns:1fr 1fr;gap:34px}.hero-visual{min-height:590px}.hero-visual .orbit.one{width:540px;height:540px}.hero-visual .orbit.two{width:420px;height:420px}
  .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clients-grid{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:900px){
  :root{--container:calc(100% - 30px)}
  .hero-grid,.markets-section .container{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-actions,.hero-proof{justify-content:center}.hero-copy .lead{margin-inline:auto}.hero-visual{min-height:520px}.hero-photo-card{width:min(720px,94vw);transform:none}.hero-visual .orbit.one{width:88vw;height:88vw}.hero-visual .orbit.two{width:67vw;height:67vw}
  .markets-intro{text-align:center}.markets-intro .eyebrow{justify-content:center}.markets-intro p{margin-inline:auto}.market-orbit{max-width:720px;margin:auto}
  .clients-grid{grid-template-columns:repeat(4,1fr)}.portfolio-toolbar{display:block}.portfolio-toolbar .filter-bar{justify-content:flex-start;margin-top:25px}
  .case-narrative,.case-detail-grid{grid-template-columns:1fr;gap:40px}.case-narrative article{padding:0}.case-narrative article+article{border-left:0;border-top:1px solid #d7e2f1;padding:38px 0 0}.case-gallery-item.wide{min-height:520px}.case-next{display:block}.case-next-actions{justify-content:flex-start;margin-top:30px}
}
@media(max-width:640px){
  :root{--container:calc(100% - 22px)}
  .brand{width:150px}.brand-logo{width:148px!important;height:52px!important}.header-actions{gap:6px}.hero{padding-top:calc(var(--header-h) + 38px)}.hero-visual{min-height:390px}.hero-photo-card{border-radius:23px}.hero-photo-overlay{left:12px;right:12px;bottom:12px}.hero-photo-overlay span{font-size:8px;padding:6px 8px}.floating-chip{display:none!important}
  .markets-section{padding:68px 0}.market-orbit{grid-template-columns:repeat(2,1fr);gap:10px}.market-orbit span:nth-child(even){transform:none}.market-orbit span:hover,.market-orbit span:nth-child(even):hover{transform:translateY(-4px)}
  .service-card-photo,.service-card-photo.large{min-height:430px}.service-photo-content{padding:24px}.service-card-photo h3{font-size:30px}.service-card-photo p{font-size:12px}
  .portfolio-grid{grid-template-columns:1fr}.portfolio-grid .work-card{min-height:450px}.clients-grid{grid-template-columns:repeat(2,1fr);gap:9px}.client-logo-card{border-radius:15px;padding:8px}.client-logo-card h3{font-size:9px}.client-logo-frame{border-radius:11px}
  .case-title{font-size:clamp(52px,17vw,80px)}.case-intro{font-size:16px}.real-case-cover{height:88vw}.case-list{grid-template-columns:1fr}.case-gallery{grid-template-columns:1fr;margin-top:55px}.case-gallery-item,.case-gallery-item.wide{grid-column:auto;min-height:78vw;border-radius:19px}.case-next{padding:34px 22px}.case-next-actions{display:grid}.case-next-actions .btn{width:100%}
  .whatsapp-label{display:none}.whatsapp-icon{width:56px;height:56px}.whatsapp-float{right:16px;bottom:16px}
}

/* EA Tech interactive command center */
.hero-command{width:min(690px,96%);aspect-ratio:1.28;overflow:visible;transform:rotateY(-7deg) rotateX(4deg) rotateZ(-1deg);transition:transform .18s ease-out;will-change:transform}
.hero-command .device-top{border-radius:28px 28px 0 0;background:rgba(5,18,43,.94)}.hero-command .device-top span{margin-left:8px;color:#8da8cf;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.hero-command .device-top b{margin-left:auto;color:#4bf0b0;font-size:9px;text-transform:uppercase}.hero-command .device-top b::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:#34e99c;box-shadow:0 0 12px #34e99c}
.hero-command .device-body{grid-template-columns:72px 1fr}.hero-command .device-side{background:rgba(4,15,36,.72);border-radius:0 0 0 28px}.hero-command .device-side img{display:block;width:40px;height:40px;object-fit:cover;border-radius:11px;margin:0 auto 25px;box-shadow:0 0 22px rgba(23,84,255,.4)}
.hero-command .device-main{grid-template-columns:1.28fr .72fr;grid-template-rows:auto auto 1fr;padding:18px 20px 22px}.device-heading{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between}.device-heading span{display:block;color:#7491ba;font-size:8px;text-transform:uppercase;letter-spacing:.13em}.device-heading strong{display:block;font-size:17px;margin-top:4px}.device-heading em{font-size:9px;font-style:normal;color:#6784ae;border:1px solid var(--line);padding:7px 9px;border-radius:999px}.hero-command .device-kpis{grid-template-columns:repeat(4,1fr)}.hero-command .device-kpis div{padding:10px}.hero-command .device-kpis strong{font-size:19px}.hero-command .device-kpis small{display:block;color:#587399;font-size:7px;margin-top:3px}.chart-label{position:absolute;left:13px;right:13px;top:12px;display:flex;justify-content:space-between;z-index:2}.chart-label span{font-size:8px;color:#7f9bc2}.chart-label b{font-size:10px;color:#41e5d9}.hero-command .chart-bars{gap:7px;padding-top:38px}.hero-command .device-feed span{height:auto;min-height:37px;padding:8px;margin-bottom:7px;display:flex;align-items:center;justify-content:space-between}.hero-command .device-feed b{font-size:8px}.hero-command .device-feed i{font-size:7px;font-style:normal;color:#42e0b2}
.responsive-phone{position:absolute;right:-7%;bottom:-13%;width:25%;aspect-ratio:.52;border:5px solid #071126;border-radius:28px;background:radial-gradient(circle at 50% 15%,rgba(0,217,209,.28),transparent 37%),linear-gradient(155deg,#123c9c,#050c20 66%);box-shadow:0 28px 75px rgba(0,0,0,.58),0 0 40px rgba(0,173,255,.22);padding:25px 12px 14px;text-align:center;overflow:hidden;animation:phoneFloat 4.2s ease-in-out infinite;transform:translateZ(70px)}.responsive-phone::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.12),transparent 56%);transform:translateX(-130%);animation:shine 4s ease-in-out infinite}.phone-notch{position:absolute;top:6px;left:34%;right:34%;height:5px;border-radius:10px;background:#020712}.responsive-phone img{width:58%;height:48px;object-fit:contain;margin:8px auto 15px}.responsive-phone strong{display:block;font-size:10px;line-height:1.25}.phone-ui{margin-top:16px;display:grid;gap:7px}.phone-ui i{display:block;height:23px;border-radius:8px;background:linear-gradient(90deg,rgba(43,115,255,.45),rgba(0,217,209,.2));border:1px solid rgba(115,195,255,.18)}.phone-ui i:nth-child(2){height:38px}.chip-three{left:7%;bottom:3%}@keyframes phoneFloat{50%{transform:translate3d(0,-10px,70px) rotate(2deg)}}

/* Pointer depth across every scroll story scene */
.story-frame{--mx:0px;--my:0px}.story-scene .scene-bg>div{transition:transform .25s ease-out;will-change:transform}.story-scene.active .scene-bg>div{transform:translate3d(var(--mx),var(--my),0)}.story-scene.active .story-ui{transform:translate3d(calc(var(--mx) * -.22),calc(var(--my) * -.22),0)}

/* Founder / personal showreel */
.founder-section{background:radial-gradient(circle at 16% 40%,rgba(23,84,255,.22),transparent 34%),#020817}.founder-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.founder-visual{position:relative;display:block;width:100%;aspect-ratio:1.12;border:1px solid rgba(112,190,255,.28);border-radius:34px;overflow:hidden;padding:0;background:#07152f;cursor:none;box-shadow:0 45px 110px rgba(0,0,0,.42);transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .35s}.founder-visual:hover{box-shadow:0 60px 130px rgba(0,0,0,.5),0 0 65px rgba(23,84,255,.18)}.founder-visual>img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08);transition:transform .75s var(--ease-fast),filter .5s}.founder-visual:hover>img{transform:scale(1.035);filter:saturate(.95) contrast(1.05)}.founder-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,23,.08),rgba(2,8,23,.82)),linear-gradient(90deg,rgba(2,8,23,.5),transparent 60%)}.founder-brand{position:absolute;left:28px;top:27px;z-index:2;display:grid;text-align:left}.founder-brand img{width:190px;height:60px;object-fit:contain;object-position:left}.founder-brand small{color:#b7c9e5;font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin-top:6px}.play-orbit{position:absolute;inset:80% auto auto 50%;z-index:3;transform:translate(-50%,-50%);width:145px;aspect-ratio:1;border:1px solid rgba(255,255,255,.38);border-radius:50%;display:grid;place-items:center;align-content:center;gap:10px;background:rgba(3,16,38,.36);backdrop-filter:blur(8px);transition:transform .35s var(--ease-fast),background .35s}.play-orbit::before,.play-orbit::after{content:"";position:absolute;inset:-17px;border:1px solid rgba(70,194,255,.25);border-radius:50%;animation:spin 10s linear infinite}.play-orbit::after{inset:-35px;border-style:dashed;animation-direction:reverse;animation-duration:15s}.founder-visual:hover .play-orbit{transform:translate(-50%,-50%) scale(1.08);background:rgba(23,84,255,.55)}.play-orbit i{font-style:normal;font-size:22px}.play-orbit b{font-size:9px;text-transform:uppercase;letter-spacing:.12em}.founder-cursor{position:absolute;z-index:4;left:0;top:0;opacity:0;pointer-events:none;padding:8px 11px;border-radius:999px;background:#fff;color:#07142f;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;transform:translate(-50%,-50%);transition:opacity .2s}.founder-visual:hover .founder-cursor{opacity:1}.founder-copy h2{margin:20px 0 24px}.founder-lead{font-size:18px;line-height:1.75;color:#a8bad6;max-width:690px}.founder-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0}.founder-points span{padding:18px 14px;border:1px solid var(--line);border-radius:15px;color:#8299bb;font-size:10px}.founder-points b{display:block;color:#fff;font-size:12px;margin-bottom:7px}.founder-actions{display:flex;gap:10px;flex-wrap:wrap}
.showreel-modal{position:fixed;inset:0;z-index:1000;background:rgba(1,5,15,.92);backdrop-filter:blur(20px);display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:.3s}.showreel-modal.is-open{opacity:1;visibility:visible}.showreel-shell{width:min(1100px,94vw);aspect-ratio:16/9;border-radius:28px;overflow:hidden;border:1px solid rgba(104,192,255,.3);background:#031027;box-shadow:0 50px 150px #000}.showreel-shell video{width:100%;height:100%;object-fit:cover}.showreel-placeholder{height:100%;display:grid;place-items:center;align-content:center;text-align:center;padding:40px;background:radial-gradient(circle at 50% 50%,rgba(23,84,255,.28),transparent 45%),linear-gradient(135deg,#071b41,#020817)}.showreel-placeholder img{width:min(340px,55%);height:100px;object-fit:contain}.showreel-placeholder span{margin-top:24px;color:#4be8e2;font-size:10px;text-transform:uppercase;letter-spacing:.2em}.showreel-placeholder h2{font-size:clamp(36px,6vw,78px);line-height:.92;letter-spacing:-.055em;margin:16px 0}.showreel-placeholder p{color:#93aacb;max-width:560px}.showreel-close{position:fixed;right:28px;top:22px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:28px;z-index:2;cursor:pointer}

@media(max-width:900px){.hero-command{width:min(650px,91vw)}.responsive-phone{right:-2%;width:22%}.founder-grid{grid-template-columns:1fr;gap:45px}.founder-copy{text-align:center}.founder-copy .eyebrow,.founder-actions{justify-content:center}.founder-lead{margin-inline:auto}}
@media(max-width:640px){.hero-command{aspect-ratio:1.05;transform:none}.hero-command .device-body{grid-template-columns:48px 1fr}.hero-command .device-main{padding:12px;grid-template-columns:1fr}.hero-command .device-kpis{grid-template-columns:1fr 1fr}.hero-command .device-kpis div:nth-child(n+3){display:none}.hero-command .device-feed{display:none}.hero-command .device-chart{grid-column:1/-1}.responsive-phone{width:29%;right:-2%;bottom:-15%;padding-inline:7px}.responsive-phone img{height:33px}.responsive-phone strong{font-size:7px}.chip-three{display:none!important}.founder-visual{aspect-ratio:.88;border-radius:24px;cursor:pointer}.founder-brand{left:18px;top:18px}.founder-brand img{width:145px;height:50px}.play-orbit{width:112px}.founder-cursor{display:none}.founder-points{grid-template-columns:1fr}.founder-actions{display:grid}.showreel-shell{aspect-ratio:9/15}.showreel-placeholder{padding:22px}.showreel-close{right:16px;top:14px}}



.whatsapp-icon {
     width: 55px;
    height: 55px;
    border-radius: 50%;
    background: linear-gradient(135deg, #12b96b, #39dd91);
    display: grid;
    place-items: center;
    box-shadow: 0 16px 45px rgba(14, 198, 112, .34);
    position: relative;
}

.whatsapp-icon img {
  width: 50%;
  height: 50%;
  display: block;
  object-fit: contain;
}





/* ==================================================
   EA Tech Process Cards
   ================================================== */

.ea-process-cards {
  --ea-dark-blue: #04183f;
  --ea-main-blue: #023dd9;
  --ea-light-blue: #086aeb;
  --ea-cyan: #05c0e8;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  position: relative;
}

/* نخفي خط التصميم القديم داخل السكشن ده فقط */
.ea-process-cards .process-line {
  display: none;
}

/* الكارت */
.ea-process-cards .process-step {
  position: relative;
  height: 100%;
  padding: 30px 24px;
  overflow: hidden;

  background: #ffffff;
  border: 1px solid rgba(2, 61, 217, 0.12);
  border-radius: 22px;

  box-shadow:
    0 12px 35px rgba(4, 24, 63, 0.07),
    0 2px 8px rgba(4, 24, 63, 0.03);

  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

/* لمسة لونية أعلى الكارت */
.ea-process-cards .process-step::before {
  content: "";
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  height: 3px;
  border-radius: 0 0 10px 10px;

  background: linear-gradient(
    90deg,
    var(--ea-dark-blue) 0%,
    var(--ea-main-blue) 42%,
    var(--ea-light-blue) 70%,
    var(--ea-cyan) 100%
  );

  transform: scaleX(0.35);
  transform-origin: left;
  transition: transform 0.35s ease;
}

/* خلفية بسيطة تظهر عند الـHover */
.ea-process-cards .process-step::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  top: -85px;
  right: -85px;
  border-radius: 50%;

  background: radial-gradient(
    circle,
    rgba(5, 192, 232, 0.12),
    transparent 68%
  );

  pointer-events: none;
  transition: transform 0.4s ease;
}

/* أيقونة الكارت */
.ea-process-cards .process-step-icon {
  width: 62px;
  height: 62px;
  margin-bottom: 24px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 18px;
  background: linear-gradient(
    145deg,
    rgba(2, 61, 217, 0.08),
    rgba(5, 192, 232, 0.12)
  );

  border: 1px solid rgba(8, 106, 235, 0.14);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 10px 25px rgba(2, 61, 217, 0.08);

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

/* ألوان الأيقونة من ألوان اللوجو */
.ea-process-cards .process-step-icon i {
  display: block;
  font-size: 27px;
  line-height: 1;

  background: linear-gradient(
    135deg,
    var(--ea-dark-blue) 0%,
    var(--ea-main-blue) 40%,
    var(--ea-light-blue) 68%,
    var(--ea-cyan) 100%
  );

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  color: var(--ea-main-blue);
}

/* العنوان */
.ea-process-cards .process-step h3 {
  position: relative;
  z-index: 1;

  margin: 0 0 12px;
  color: var(--ea-dark-blue);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

/* الوصف */
.ea-process-cards .process-step p {
  position: relative;
  z-index: 1;

  margin: 0;
  color: #536078;
  font-size: 15px;
  line-height: 1.75;
}

/* حركة الكارت */
.ea-process-cards .process-step:hover {
  transform: translateY(-8px);
  border-color: rgba(8, 106, 235, 0.28);

  box-shadow:
    0 22px 50px rgba(4, 24, 63, 0.12),
    0 6px 16px rgba(2, 61, 217, 0.07);
}

.ea-process-cards .process-step:hover::before {
  transform: scaleX(1);
}

.ea-process-cards .process-step:hover::after {
  transform: scale(1.2);
}

.ea-process-cards .process-step:hover .process-step-icon {
  transform: translateY(-3px) scale(1.04);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 30px rgba(2, 61, 217, 0.13);
}

/* التابلت */
@media (max-width: 991px) {
  .ea-process-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* الموبايل */
@media (max-width: 575px) {
  .ea-process-cards {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .ea-process-cards .process-step {
    padding: 26px 22px;
    border-radius: 18px;
  }

  .ea-process-cards .process-step-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 20px;
    border-radius: 16px;
  }

  .ea-process-cards .process-step-icon i {
    font-size: 25px;
  }
}

/* =========================================
   EA Tech Footer Social Icons
   ========================================= */

.socials {
  display: flex;
  align-items: center;
  gap: 12px;
}

.socials a {
  width: 44px;
  height: 44px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  position: relative;
  overflow: hidden;

  color: #ffffff;
  text-decoration: none;

  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;

  background: linear-gradient(
    135deg,
    #05245f 0%,
    #0754e8 48%,
    #08bfe8 100%
  );

  box-shadow:
    0 8px 22px rgba(5, 84, 232, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

.socials a::before {
  content: "";
  position: absolute;
  inset: 0;

  background: linear-gradient(
    135deg,
    #08c6e8 0%,
    #0874ef 48%,
    #071f65 100%
  );

  opacity: 0;
  transition: opacity 0.3s ease;
}

.socials a i {
  position: relative;
  z-index: 1;

  font-size: 18px;
  line-height: 1;
  color: #ffffff;

  transition: transform 0.3s ease;
}

.socials a:hover {
  transform: translateY(-5px);
  border-color: rgba(8, 198, 232, 0.65);

  box-shadow:
    0 14px 30px rgba(5, 84, 232, 0.32),
    0 0 18px rgba(8, 198, 232, 0.18);
}

.socials a:hover::before {
  opacity: 1;
}

.socials a:hover i {
  transform: scale(1.14);
}

.socials a:focus-visible {
  outline: 3px solid rgba(8, 198, 232, 0.35);
  outline-offset: 4px;
}

/* ضبط الحجم على الموبايل */
@media (max-width: 575px) {
  .socials {
    gap: 10px;
  }

  .socials a {
    width: 41px;
    height: 41px;
  }

  .socials a i {
    font-size: 17px;
  }
}


/* ==================================================
   EA Tech Showreel Modal
   ================================================== */

.showreel-modal[data-showreel] {
  position: fixed;
  inset: 0;
  z-index: 999999;

  width: 100%;
  height: 100vh;
  height: 100dvh;

  display: grid;
  place-items: center;

  padding: 24px;

  visibility: hidden;
  opacity: 0;
  pointer-events: none;

  overflow: hidden;
  overscroll-behavior: contain;

  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}

/* فتح المودال */
.showreel-modal[data-showreel].is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

/* الخلفية الغامقة */
.showreel-modal .showreel-backdrop {
  position: absolute;
  inset: 0;
  z-index: 1;

  background:
    radial-gradient(
      circle at center,
      rgba(6, 47, 130, 0.22),
      transparent 55%
    ),
    rgba(1, 8, 22, 0.94);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  cursor: pointer;
}

/* حاوية فيديو الريل */
.showreel-modal .showreel-shell {
  position: relative;
  z-index: 2;

  /*
   * العرض يُحسب من ارتفاع الشاشة بنسبة 9:16.
   * كده الفيديو يظهر كبير على اللابتوب ويحافظ على شكل الريل.
   */
  width: min(92vw, calc(88dvh * 9 / 16));
  max-width: 520px;

  aspect-ratio: 9 / 16;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  background: #000000;

  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 24px;

  box-shadow:
    0 35px 100px rgba(0, 0, 0, 0.65),
    0 0 45px rgba(9, 112, 239, 0.13);

  transform: translateY(25px) scale(0.93);

  transition:
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.3s ease;
}

/* حركة الفتح */
.showreel-modal.is-open .showreel-shell {
  transform: translateY(0) scale(1);
}

/* الفيديو */
.showreel-modal .showreel-video {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: contain;
  object-position: center;

  background: #000000;

  border: 0;
  border-radius: inherit;
}

/* زر الإغلاق */
.showreel-modal .showreel-close {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 10;

  width: 48px;
  height: 48px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin: 0;
  padding: 0;

  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;

  background: linear-gradient(
    135deg,
    #062b87 0%,
    #0969ea 55%,
    #08bde8 100%
  );

  color: #ffffff;

  font-family: Arial, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1;

  cursor: pointer;

  box-shadow:
    0 10px 30px rgba(0, 0, 0, 0.4),
    0 0 20px rgba(8, 189, 232, 0.22);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}

.showreel-modal .showreel-close:hover {
  transform: rotate(90deg) scale(1.06);

  box-shadow:
    0 14px 35px rgba(0, 0, 0, 0.45),
    0 0 24px rgba(8, 189, 232, 0.32);
}

.showreel-modal .showreel-close:focus-visible {
  outline: 3px solid rgba(8, 189, 232, 0.5);
  outline-offset: 4px;
}

/* منع تحريك خلفية الصفحة أثناء تشغيل الفيديو */
html.showreel-is-open,
body.showreel-is-open {
  overflow: hidden;
  overscroll-behavior: none;
}

/* شاشات اللابتوب القصيرة */
@media (min-width: 768px) and (max-height: 750px) {
  .showreel-modal .showreel-shell {
    width: min(92vw, calc(84dvh * 9 / 16));
  }
}

/* الموبايل */
@media (max-width: 575px) {
  .showreel-modal[data-showreel] {
    padding: 12px;
  }

  .showreel-modal .showreel-shell {
    width: min(94vw, calc(90dvh * 9 / 16));
    max-width: none;

    border-radius: 20px;
  }

  .showreel-modal .showreel-close {
    top: 10px;
    right: 10px;

    width: 43px;
    height: 43px;

    font-size: 29px;
  }
}

/* تقليل الحركات حسب إعداد الجهاز */
@media (prefers-reduced-motion: reduce) {
  .showreel-modal,
  .showreel-modal .showreel-shell,
  .showreel-modal .showreel-close {
    transition: none;
  }
}