/* PROVE / 009 — signal, form, motion. One art direction across the whole page. */
:root{--night:#080d1b;--night-2:#11192c;--paper:#f3f5f8;--ice:#a9efff;--electric:#6d83ff;--signal:#d9ff7a;--line-soft:rgba(13,26,52,.14)}
html{scroll-behavior:smooth}
body{background:var(--night);color:var(--night)}
::selection{background:#b7f5ff;color:#071223}
.scroll-progress{height:2px;background:linear-gradient(90deg,#b4f7ff,#85a5ff,#e2ff8b)}
.site-header{top:14px;left:clamp(15px,2vw,30px);width:calc(100% - 2 * clamp(15px,2vw,30px));padding:12px 22px;border:1px solid rgba(199,227,255,.18);border-radius:12px;background:rgba(7,12,27,.76);box-shadow:0 12px 45px rgba(0,3,15,.25);backdrop-filter:blur(24px)}
.wordmark{font-size:35px;letter-spacing:-.09em}
.wordmark-dot,.footer-wordmark span{color:var(--ice)}
.desktop-nav a{color:#dce8f5;font-weight:600}
.desktop-nav a:last-child{padding:9px 16px;border:1px solid rgba(188,243,255,.48);border-radius:6px;background:rgba(180,237,255,.1);color:#e8fbff}
.language-switcher{border-color:rgba(204,228,255,.2);background:rgba(255,255,255,.05)}
.language-switcher button.is-active{background:#dff7ff;color:#0b1731}

/* An original signal emblem anchors the opening. */
.hero{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;min-height:830px;padding:126px clamp(28px,5.2vw,84px) 25px;background:#080d1b;color:#f4f7ff}
.hero:before{inset:0;background:radial-gradient(circle at 79% 44%,rgba(49,79,181,.36),transparent 35%),radial-gradient(circle at 25% 85%,rgba(32,91,158,.18),transparent 38%),linear-gradient(112deg,#070b16 3%,#0c1325 55%,#0a1228 100%);animation:none}
.hero:after{inset:0;height:auto;background-image:linear-gradient(rgba(173,207,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(173,207,255,.055) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(90deg,transparent 0,#000 46%);opacity:1}
.hero-atmosphere{opacity:.75}
.hero-ring{top:-23vw;right:-18vw;width:66vw;border-color:rgba(158,218,255,.16);box-shadow:0 0 0 10vw rgba(83,110,226,.025),0 0 0 19vw rgba(106,155,255,.02);animation:none}
.hero-beam{left:58%;background:linear-gradient(90deg,transparent,rgba(119,170,255,.12),transparent);animation:none}
.hero-backword{bottom:-.19em;color:transparent;-webkit-text-stroke:1px rgba(184,212,255,.07);animation:none}
.hero-content{max-width:760px;padding:0 0 28px;animation:none}
.hero-eyebrow{margin-bottom:34px;color:var(--ice);font-size:11px;letter-spacing:.22em}
.hero-eyebrow:before{width:39px;background:var(--ice)}
.hero h1{max-width:780px;color:#f2f6ff;font-size:clamp(65px,6.7vw,113px);font-weight:700;line-height:.9;letter-spacing:-.082em}
.hero h1 span,.hero h1 em{width:max-content;max-width:100%}
.hero h1 em{color:var(--ice);font-family:var(--serif);font-size:1.03em;font-style:italic;font-weight:400;letter-spacing:-.045em}
.hero-subtitle{max-width:630px;margin-top:35px;color:#b5c0d4;font-size:clamp(17px,1.48vw,20px);font-weight:400;line-height:1.58}
.hero-actions{margin:34px 0 57px}
.button-white{border:1px solid #d5f6ff;border-radius:6px;background:#d6f8ff;color:#091325;box-shadow:0 13px 34px rgba(73,183,224,.14)}
.button-white:hover{box-shadow:0 19px 42px rgba(73,183,224,.23)}
.text-link{color:#e7f2ff;text-decoration:none;border-bottom:1px solid rgba(204,234,255,.58);padding-bottom:7px}
.hero-ecosystem{max-width:610px;padding-top:20px;border-top:1px solid rgba(217,238,255,.24)}
.ecosystem-label{color:#7f99b7}
.ecosystem-brand{color:#eff7ff}
.ecosystem-brand strong{font-weight:700;letter-spacing:-.055em}
.ecosystem-brand small{color:#8fa4c0}
.ecosystem-brand+.ecosystem-brand:before{color:#42617b}
.hero-signal{height:clamp(620px,54vw,760px);margin-left:-2%;overflow:visible}
.hero-signal:before{display:none}
.hero-signal-halo{position:absolute;inset:13% 6%;border-radius:50%;background:radial-gradient(circle,rgba(25,111,220,.19),transparent 67%);filter:blur(23px)}
.hero-signal>img{position:relative;z-index:1;width:112%;height:108%;min-height:0;max-width:none;object-fit:contain;filter:drop-shadow(0 35px 60px rgba(4,12,44,.52));animation:none}
.signal-index{position:absolute;z-index:2;top:14%;right:1%;display:grid;gap:8px;color:#a4c5d9;font-size:9px;font-weight:700;letter-spacing:.19em;text-align:right}
.signal-index span{display:block;padding:6px 0;border-bottom:1px solid rgba(170,220,255,.22)}
.signal-caption{position:absolute;z-index:2;left:7%;bottom:8%;display:flex;align-items:center;gap:11px;max-width:290px;padding:13px 17px;border:1px solid rgba(171,222,255,.38);border-radius:5px;background:rgba(9,21,46,.64);color:#cce7f4;font-size:12px;font-weight:600;line-height:1.35;backdrop-filter:blur(15px)}
.signal-caption-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--signal);box-shadow:0 0 16px var(--signal)}
.hero-bottom{border-top-color:rgba(204,233,255,.21);color:#8099b5}

/* A continuous agency index, with the same signal line used below. */
.capability-rail{border-color:#273853;background:#101a30;color:#eef6ff}
.capability-rail a{min-height:94px;border-right:1px solid rgba(188,226,255,.18)}
.capability-rail a:before{background:#1d3150}
.capability-rail a>span:first-child{color:var(--ice)}
.capability-rail strong{font-weight:600}
.capability-rail a>span:last-child{color:var(--ice)}

/* Service scenes: cinema, mobile interaction, and software. */
.services{padding:138px 0 145px;background:#f1f4f8}
.services:before{top:0;right:0;width:58%;height:580px;background:radial-gradient(circle at 78% 15%,rgba(116,181,255,.12),transparent 44%),linear-gradient(90deg,transparent 98%,rgba(25,57,100,.06) 99%);background-size:auto,86px 86px}
.services .section-heading{max-width:1080px;margin:0 0 75px;text-align:left}
.services .section-heading:after{display:none}
.services .section-heading .section-kicker{justify-content:flex-start;color:#34628e}
.services .section-heading .display-title{max-width:1000px;color:#0b1423;font-size:clamp(63px,8vw,122px);line-height:.9;font-weight:700}
.services .section-heading .display-title em{color:#4c66cc}
.services .section-heading>p{max-width:650px;margin:26px 0 0;color:#5c6877}
.service-stack{border-top:1px solid #bdc9d8}
.service-panel{min-height:580px;border-bottom:1px solid #bdc9d8;background:#f9fbfd;box-shadow:none}
.service-panel:before{display:none}
.service-panel-copy{position:relative;padding:47px clamp(32px,4vw,67px) 42px}
.service-panel .service-panel-copy:after{display:none}
.service-panel-top{color:#8491a3}
.service-panel-top span:first-child,.service-io span,.service-panel-link{color:#3567aa!important}
.service-panel h3{max-width:570px;margin-top:58px;color:#111a2b;font-size:clamp(43px,4.35vw,67px);font-weight:700;line-height:.98}
.service-panel-description{color:#536170}
.service-io{border-color:#d3dce5}
.service-io strong{color:#243145;font-weight:600}
.service-panel-link{border-bottom:1px solid #5786bb;padding-bottom:6px}
.service-panel:nth-child(2) .service-panel-copy{background:#f9fbfd}
.service-panel:nth-child(3) .service-panel-copy{background:#f9fbfd}
.service-panel-media{min-height:580px;overflow:hidden}
.service-panel-media:before{display:none!important}
.stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(223,245,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(223,245,255,.12) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(180deg,#000,transparent 80%);pointer-events:none}
.stage-coordinate{position:absolute;right:27px;bottom:23px;z-index:5;color:rgba(235,248,255,.72);font-size:9px;font-weight:800;letter-spacing:.18em}
.film-stage{display:block;background:radial-gradient(circle at 25% 20%,#334677,#0d1428 58%,#090e1d)}
.film-frame{position:absolute;top:7%;right:8%;bottom:10%;left:22%;overflow:hidden;border:1px solid rgba(246,247,255,.42);border-radius:2px;background:#272333;box-shadow:0 34px 68px rgba(0,0,0,.42)}
.film-frame:before{content:"";position:absolute;z-index:2;inset:13px;border:1px solid rgba(255,255,255,.56);pointer-events:none}
.film-frame:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(3,8,20,.42),transparent 25%,transparent 60%,rgba(3,8,20,.66));pointer-events:none}
.film-frame video{width:100%;height:100%;object-fit:cover;object-position:center}
.film-frame-top,.film-frame-bottom{position:absolute;z-index:3;right:29px;left:29px;display:flex;justify-content:space-between;color:#f5f8ff;font-size:9px;font-weight:700;letter-spacing:.14em}
.film-frame-top{top:30px}.film-frame-top b{color:#ff978e}.film-frame-bottom{bottom:30px}
.film-stage-label{position:absolute;z-index:4;top:37%;left:4%;color:#fff;font-size:clamp(40px,4.6vw,76px);font-weight:800;line-height:.83;letter-spacing:-.085em;text-shadow:0 12px 24px rgba(0,0,0,.31)}
.film-stage-label em{color:#b2eafa;font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
.mobile-stage{display:block;background:radial-gradient(circle at 75% 30%,#5160c0,#18275d 48%,#0c1534 100%)}
.mobile-orbit{position:absolute;top:50%;left:51%;width:670px;height:670px;border:1px solid rgba(192,219,255,.21);border-radius:50%;box-shadow:0 0 0 73px rgba(191,216,255,.035),0 0 0 155px rgba(191,216,255,.025);transform:translate(-50%,-50%)}
.mobile-device{position:absolute;z-index:2;top:7%;left:27%;width:47%;height:85%;max-width:330px;padding:8px;border:2px solid #b6c7ef;border-radius:40px;background:#0b1334;box-shadow:17px 25px 0 rgba(9,16,47,.3),0 45px 70px rgba(0,0,0,.45);transform:rotate(-8deg)}
.mobile-device:after{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.25);border-radius:32px;pointer-events:none}
.mobile-notch{position:absolute;z-index:5;top:15px;left:50%;width:32%;height:15px;border-radius:0 0 13px 13px;background:#0a1330;transform:translateX(-50%)}
.mobile-ui{position:relative;height:100%;overflow:hidden;border-radius:31px;background:radial-gradient(circle at 70% 46%,#7f8bef,#3b4ac7 39%,#141e6b 95%);color:#fff}
.mobile-ui:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(224,231,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(224,231,255,.12) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(180deg,#000,transparent 68%)}
.mobile-ui-top,.mobile-ui-kicker,.mobile-ui-title,.mobile-ui-stats,.mobile-ui-bars,.mobile-ui-footer{position:relative;z-index:2}
.mobile-ui-top{display:flex;justify-content:space-between;padding:43px 27px 0;font-size:24px;font-weight:800;letter-spacing:-.08em}.mobile-ui-top span:last-child{font-size:16px}
.mobile-ui-kicker{margin:65px 28px 0;color:#bfd2ff;font-size:9px;font-weight:800;letter-spacing:.2em}
.mobile-ui-title{margin:12px 27px;color:#fff;font-size:clamp(37px,3.8vw,58px);font-weight:800;line-height:.9;letter-spacing:-.09em}.mobile-ui-title em{font-family:var(--serif);font-weight:400;letter-spacing:-.04em}
.mobile-ui-orb{position:absolute;z-index:1;top:33%;left:28%;width:80%;aspect-ratio:1;border:1px solid rgba(236,255,255,.6);border-radius:50%;background:radial-gradient(circle at 25% 23%,rgba(204,251,255,.99),rgba(113,204,255,.85) 21%,rgba(110,85,229,.86) 57%,rgba(33,30,103,.88) 75%);box-shadow:inset -19px -25px 43px rgba(11,20,83,.65),0 0 58px rgba(150,203,255,.42)}
.mobile-ui-orb:after{content:"";position:absolute;inset:-10%;border:1px solid rgba(204,241,255,.45);border-radius:50%;transform:rotateX(62deg) rotate(-20deg)}
.mobile-ui-stats{display:flex;justify-content:space-between;align-items:end;margin:20% 26px 0;color:#e5eaff}.mobile-ui-stats>span{font-size:9px;font-weight:700;letter-spacing:.14em}.mobile-ui-stats strong{font-size:42px;line-height:.8}.mobile-ui-stats strong span{font-size:18px}
.mobile-ui-bars{display:flex;align-items:end;gap:6px;height:40px;margin:15px 27px}.mobile-ui-bars i{flex:1;height:33%;border-radius:3px 3px 0 0;background:#bdefff}.mobile-ui-bars i:nth-child(2),.mobile-ui-bars i:nth-child(6){height:62%}.mobile-ui-bars i:nth-child(3){height:48%}.mobile-ui-bars i:nth-child(4){height:85%}.mobile-ui-bars i:nth-child(5){height:75%}.mobile-ui-bars i:nth-child(7){height:100%}
.mobile-ui-footer{display:flex;justify-content:space-between;margin:23px 27px 0;padding-top:13px;border-top:1px solid rgba(255,255,255,.3);color:#e5edff;font-size:9px}
.mobile-floating-card{position:absolute;z-index:3;right:6%;bottom:17%;display:flex;flex-direction:column;width:38%;min-height:165px;padding:18px;border:1px solid rgba(219,244,255,.58);border-radius:4px;background:rgba(220,244,255,.92);box-shadow:0 19px 45px rgba(3,9,33,.25);color:#132448;transform:rotate(7deg)}
.mobile-floating-card span{font-size:9px;font-weight:800;letter-spacing:.13em}.mobile-floating-card strong{margin:auto 0;font-size:clamp(21px,2vw,33px);line-height:1;letter-spacing:-.065em}.mobile-floating-card i{align-self:flex-end;font-size:21px;font-style:normal}
.platform-stage{display:block;background:radial-gradient(circle at 80% 15%,#49b6c4,#115c7b 40%,#0a263b 85%)}
.platform-halo{position:absolute;top:20%;left:20%;width:65%;height:70%;border:1px solid rgba(205,251,249,.29);border-radius:50%;box-shadow:0 0 0 75px rgba(198,249,255,.055),0 0 0 150px rgba(198,249,255,.035)}
.platform-window{position:absolute;z-index:2;top:12%;left:7%;width:88%;height:74%;overflow:hidden;border:1px solid #a9dcdf;border-radius:11px;background:#f2f7f9;box-shadow:17px 22px 0 rgba(4,22,42,.24),0 38px 70px rgba(1,18,33,.33);transform:perspective(1100px) rotateY(-8deg) rotateX(3deg) rotate(-2deg)}
.platform-topbar{display:flex;justify-content:space-between;align-items:center;height:49px;padding:0 19px;border-bottom:1px solid #d5e2e8;background:#fff;color:#5e707e;font-size:11px}.platform-brand{color:#0d2b3b;font-size:18px;font-weight:800;letter-spacing:-.08em}.platform-brand span{margin:0 4px;color:#2facae;font-size:19px}
.platform-main{display:grid;grid-template-columns:22% 78%;height:calc(100% - 49px)}
.platform-side{display:flex;flex-direction:column;gap:14px;padding:27px 12px;border-right:1px solid #d9e5e9;background:#e9f0f2;color:#5f7282;font-size:10px;font-weight:700}.platform-side span:first-child{color:#1e7587}
.platform-content{padding:25px 5%}.platform-content>small,.platform-metrics small{color:#68909b;font-size:8px;font-weight:800;letter-spacing:.16em}.platform-content>strong{display:block;margin:12px 0 17px;color:#163949;font-size:clamp(25px,2.8vw,43px);line-height:.97;letter-spacing:-.07em}.platform-content>strong span{color:#34afb0}
.platform-metrics{display:grid;grid-template-columns:1fr 1fr;gap:11px}.platform-metrics>div{display:grid;gap:3px;padding:12px;border:1px solid #d2e3e7;border-radius:6px;background:#fff}.platform-metrics b{color:#184a59;font-size:clamp(22px,2.5vw,37px);letter-spacing:-.07em}.platform-metrics i{color:#3cae8e;font-size:9px;font-style:normal;font-weight:700}
.platform-chart{display:flex;align-items:end;gap:5px;height:95px;margin-top:15px;padding:10px 10px 0;border:1px solid #d8e8ea;border-radius:6px;background:#fff}.platform-chart span{flex:1;height:45%;border-radius:3px 3px 0 0;background:linear-gradient(#8fdbce,#36a8af)}.platform-chart span:nth-child(3n){height:75%}.platform-chart span:nth-child(4n){height:92%}.platform-chart span:nth-child(5n){height:63%}
.platform-badge{position:absolute;z-index:3;right:5%;bottom:11%;padding:12px 15px;border:1px solid rgba(219,255,255,.65);border-radius:4px;background:#d9ffeb;color:#143a41;font-size:9px;font-weight:800;letter-spacing:.14em;line-height:1.45;box-shadow:0 15px 30px rgba(5,33,41,.22);transform:rotate(5deg)}.platform-badge strong{font-size:14px;letter-spacing:-.03em}

/* Work: actual examples remain clearly labelled, treated as editorial cases. */
.work-section{padding-top:136px;padding-bottom:150px;background:radial-gradient(circle at 82% 3%,rgba(65,101,176,.22),transparent 28%),#0a1120;color:#eef6ff}
.work-section:before{background-size:80px 80px;opacity:.7}
.work-top{margin-bottom:73px}
.work-top .section-kicker{color:#a6dcea}
.work-top .display-title{font-size:clamp(62px,7.2vw,112px);font-weight:700}
.work-top .display-title em{color:#a9efff}
.work-top>p{max-width:390px;color:#9fadc2}
.work-feature,.work-feature:last-child{min-height:545px;margin-bottom:26px;border:1px solid rgba(161,202,227,.25);border-radius:5px;background:#111c31}
.work-feature .feature-visual{min-height:545px;box-shadow:none!important;transition:none}
.work-feature .feature-content:after{display:none}
.feature-content{padding:clamp(41px,5vw,82px)}
.feature-index{color:#95dbea}
.feature-content h3{color:#f2f9ff;font-weight:700}
.feature-content>p:not(.feature-index){color:#abb9ca}
.feature-meta{color:#91b7c5}
.concept-pill{border-color:rgba(168,221,235,.32);color:#c1e8f0}
.ai-film-visual{background:#101923}
.mobile-app-visual{background:radial-gradient(circle at 50% 50%,#537bd1,#0e1c4b 70%)}
.mobile-app-visual:after{color:rgba(238,249,255,.09)}
.work-feature .browser-frame,.work-feature:hover .browser-frame{border:1px solid rgba(210,235,255,.56);border-radius:7px;box-shadow:0 35px 65px rgba(0,5,25,.5);transform:rotate(-1deg)}
.work-feature-digital .digital-visual{background:radial-gradient(circle at 65% 30%,#a4aee9,#27365d 65%,#13223d)}
.work-feature-web .digital-visual{background:radial-gradient(circle at 65% 30%,#cfaaaa,#55416b 65%,#261e36)}

/* The process line and capabilities use the same connected brand language. */
.approach{padding:137px 0 150px;background:#dce8ef;color:#0e2031}
.approach:before{background-image:linear-gradient(rgba(19,71,103,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(19,71,103,.07) 1px,transparent 1px);background-size:75px 75px}
.approach:after{content:"P";color:transparent;-webkit-text-stroke:1px rgba(37,108,139,.11)}
.approach .section-kicker{color:#397c96}
.approach-heading .display-title{color:#0d2838;font-size:clamp(61px,7vw,107px);font-weight:700}
.approach-heading .display-title em{color:#3873a4}
.approach-heading>p{color:#526d7d}
.method-grid{position:relative;gap:27px;margin-top:85px}
.method-grid:before{content:"";position:absolute;top:0;left:0;width:var(--method-progress,0%);height:2px;background:#2e829d;box-shadow:0 0 13px rgba(33,153,183,.6);z-index:2}
.method-card{position:relative;min-height:300px;border-top:1px solid #aac3d0;color:#0e2736}
.method-card:after{content:"01";position:absolute;top:34px;right:0;color:transparent;font-size:clamp(76px,8vw,123px);font-weight:800;line-height:1;letter-spacing:-.12em;-webkit-text-stroke:1px rgba(43,112,142,.25);pointer-events:none}
.method-card:nth-child(2):after{content:"02"}.method-card:nth-child(3):after{content:"03"}.method-card:nth-child(4):after{content:"04"}
.method-card:hover{border-color:#2e829d}
.method-copy>span,.method-card:nth-child(even) .method-copy>span{color:#24718c}
.method-copy h3{color:#102b3b;font-size:clamp(27px,2.4vw,38px)}
.method-copy p{color:#536d7c;font-size:15px}
.expertise-network{padding:142px 0 152px;background:#0b1525;color:#f3f9ff}
.expertise-network:before{top:-320px;right:-160px;border-color:rgba(122,211,235,.15);box-shadow:0 0 0 90px rgba(125,223,240,.02),0 0 0 180px rgba(125,223,240,.02)}
.expertise-heading .section-kicker{color:#8ccfdf}
.expertise-heading .display-title{color:#f2f8ff;font-weight:700}
.expertise-heading .display-title em{color:#a9efff}
.expertise-heading>p{color:#a4b6c6}
.expertise-map{min-height:475px;border:1px solid rgba(154,218,234,.34);background:#111e32;box-shadow:none}
.expertise-map:before{background-image:radial-gradient(rgba(158,216,230,.22) .8px,transparent .8px);opacity:.34}
.expertise-hub{border-right:1px solid rgba(158,214,234,.35);background:linear-gradient(145deg,#213958,#0d203b);color:#effaff}
.expertise-hub:before{border:1px solid #a8edfa;background:#c1ffdb;box-shadow:0 0 18px rgba(146,250,248,.6)}
.expertise-hub>strong{color:#9defff;font-size:150px}
.expertise-role-grid{gap:0;padding:0 0 55px}
.expertise-role,.expertise-role:nth-child(2),.expertise-role:nth-child(3),.expertise-role:nth-child(4),.expertise-role:nth-child(5),.expertise-role:nth-child(6),.expertise-role:nth-child(7){position:relative;min-height:103px;padding:23px 27px;border:0;border-right:1px solid rgba(165,217,235,.15);border-bottom:1px solid rgba(165,217,235,.15);background:transparent;box-shadow:none;color:#d7e9f0;font-size:18px;font-weight:600;transition:background .3s,color .3s}
.expertise-role:hover{transform:none;box-shadow:none;background:#1b3349;color:#fff}
.expertise-role:before{content:"↗";margin-right:3px;color:#8de6ec;font-size:19px;font-weight:400}
.role-glyph{display:none}
.expertise-footnote{right:25px;bottom:18px;color:#7f9cad}
.collaborations{padding-top:145px;padding-bottom:145px;background:#ecf3f5}
.collaborations:before{border-color:rgba(57,133,158,.16);box-shadow:0 0 0 6vw rgba(56,142,171,.03)}
.collab-copy .display-title{color:#112b3a;font-weight:700}
.collab-copy .display-title em{color:#4387a5}
.collab-copy>p{color:#526976}
.partner-card-vimeri,.partner-card-kadran{border:1px solid #a9c3cd;box-shadow:none}
.partner-card-vimeri{background:#fff}
.partner-card-kadran{border-color:#203a5a;background:#173456}
.partner-card-name{font-weight:700}
.closing{background:#080d1b}
.closing:before{background:radial-gradient(circle at 78% 21%,rgba(44,100,158,.33),transparent 36%),linear-gradient(125deg,#080d1b,#101e35)}
.closing-glow{background:#5ebcda;opacity:.15}
.closing h2 em{color:#a9efff}
.closing-service-line span{border-color:rgba(170,220,238,.32);color:#c4dfeb}
.brief-card{border:1px solid rgba(196,227,239,.7);border-radius:7px;background:#f5fafb;color:#122b3d;box-shadow:0 30px 70px rgba(1,8,22,.35)}
.brief-copy{border-radius:5px;background:#173e62;box-shadow:none}
.brief-copy:hover{box-shadow:0 13px 25px rgba(17,62,96,.22)}
.brief-options button.is-selected{border-color:#1d5d79;background:#1d5d79}
.site-footer{background:#070b14}

/* GSAP owns movement; the base observer remains a no-JS fallback. */
.ready-motion .reveal,.ready-motion .reveal.is-visible{opacity:1;transform:none;transition:none}
.hero h1 span,.hero h1 em,.hero-signal>img{animation:none!important}
@media(max-width:1100px){
  .hero{gap:0 24px;min-height:780px;padding-left:30px;padding-right:30px}
  .hero h1{font-size:clamp(59px,6.3vw,84px)}
  .hero-signal{height:630px}
  .signal-index{right:0}
  .service-panel h3{margin-top:38px}
  .mobile-device{left:23%;width:51%}
}
@media(max-width:900px){
  .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:132px 28px 27px}
  .hero-content{width:100%;max-width:750px}
  .hero h1{font-size:clamp(66px,9.5vw,91px)}
  .hero-signal{width:100%;height:590px;max-width:730px;margin:-5px auto 0}
  .hero-signal>img{width:100%;height:100%}
  .hero-bottom{width:100%;margin-top:0}
  .service-panel-copy{padding:39px}
  .service-panel-media{min-height:540px}
  .mobile-device{left:33%;width:36%}
  .expertise-map{grid-template-columns:190px minmax(0,1fr)}
  .expertise-role{padding:17px!important}
}
@media(max-width:680px){
  .site-header{top:8px;left:8px;width:calc(100% - 16px);padding:9px 11px;border-radius:8px}
  .wordmark{font-size:30px}
  .mobile-nav{top:66px}
  .hero{padding:112px 19px 19px}
  .hero:after{background-size:47px 47px;opacity:.58}
  .hero-content{padding-bottom:0}
  .hero-eyebrow{margin-bottom:23px;font-size:9px}
  .hero h1{font-size:clamp(48px,12.4vw,77px)}
  .hero-subtitle{margin-top:25px;font-size:16px}
  .hero-actions{flex-wrap:wrap;gap:21px;margin:26px 0 36px}
  .hero-ecosystem{gap:5px;padding-top:16px}
  .ecosystem-brand strong{font-size:15px}
  .ecosystem-brand small{font-size:7px}
  .hero-signal{height:410px;margin:0 auto}
  .hero-signal>img{width:110%;height:110%;margin-left:-5%}
  .signal-index{top:4%;right:0;font-size:7px}
  .signal-caption{left:0;bottom:0;max-width:230px;padding:8px 10px;font-size:9px}
  .hero-bottom{font-size:7px}
  .capability-rail{grid-template-columns:1fr}
  .capability-rail a{min-height:70px;border-right:0;border-bottom:1px solid rgba(191,233,255,.14)}
  .services,.work-section{padding-top:92px;padding-bottom:105px}
  .services .section-heading{margin-bottom:42px}
  .services .section-heading .display-title{font-size:clamp(51px,11.7vw,75px)}
  .services .section-heading>p{font-size:16px}
  .service-panel-copy{padding:30px 24px 29px}
  .service-panel h3{margin:34px 0 16px;font-size:clamp(41px,10vw,57px)}
  .service-panel-description{font-size:16px}
  .service-io{gap:12px}
  .service-panel-media{min-height:430px}
  .film-frame{top:8%;left:18%;right:5%;bottom:8%}
  .film-stage-label{top:42%;left:3%;font-size:clamp(37px,9vw,58px)}
  .film-frame-top,.film-frame-bottom{right:20px;left:20px;font-size:7px}
  .mobile-device{top:7%;left:28%;width:48%;height:85%;border-radius:30px}
  .mobile-ui{border-radius:24px}.mobile-notch{top:13px}
  .mobile-ui-top{padding:36px 20px 0;font-size:19px}
  .mobile-ui-kicker{margin:47px 20px 0;font-size:7px}
  .mobile-ui-title{margin:10px 20px;font-size:38px}
  .mobile-ui-stats{margin:28% 17px 0}.mobile-ui-stats>span{font-size:7px}.mobile-ui-stats strong{font-size:29px}
  .mobile-ui-bars{margin:9px 17px}.mobile-ui-footer{margin:5px 17px 0;font-size:7px}
  .mobile-floating-card{right:4%;bottom:15%;width:35%;min-height:120px;padding:11px}.mobile-floating-card span{font-size:6px}.mobile-floating-card strong{font-size:18px}
  .platform-window{top:12%;left:4%;width:93%;height:70%}
  .platform-side{font-size:6px;padding:18px 7px;gap:9px}
  .platform-content{padding:18px 4%}.platform-content>small,.platform-metrics small{font-size:6px}.platform-content>strong{font-size:27px}
  .platform-metrics b{font-size:23px}.platform-chart{height:60px}
  .platform-badge{bottom:13%;right:2%;font-size:7px}.platform-badge strong{font-size:10px}
  .work-top .display-title{font-size:clamp(51px,11.6vw,74px)}
  .work-feature .feature-visual{min-height:365px}
  .work-feature{min-height:0}
  .feature-content{padding:35px 25px 40px}
  .approach,.expertise-network{padding:95px 0 105px}
  .approach-heading .display-title,.expertise-heading .display-title{font-size:clamp(50px,11.2vw,72px)}
  .method-grid{margin-top:51px}
  .method-grid:before{display:none}
  .method-card{min-height:0;padding-bottom:27px}
  .expertise-map{display:block;min-height:0}
  .expertise-hub{min-height:130px;border-right:0;border-bottom:1px solid rgba(170,230,240,.29)}
  .expertise-role-grid{grid-template-columns:1fr 1fr;padding:0 0 59px}
  .expertise-role,.expertise-role:nth-child(n){min-height:82px;padding:12px!important;font-size:12px}
  .expertise-role:before{font-size:15px}
  .expertise-footnote{right:13px;bottom:12px;font-size:9px}
  .collaborations{padding-top:95px;padding-bottom:100px}
  .closing-layout{padding-top:95px;padding-bottom:99px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero:before,.hero-ring,.hero-beam,.hero-backword{animation:none!important}
  .hero-signal>img,.film-frame,.mobile-device,.platform-window,.work-feature .feature-visual{transition:none!important}
}