:root{--ink:#02051d;--ink2:#080d37;--ink3:#111955;--white:#f7f8ff;--muted:#aeb5d6;--line:rgba(255,255,255,.13);--cyan:#00e5ff;--blue:#1268ff;--violet:#6f21ff;--magenta:#d129ff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}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}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.11;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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:soft-light;z-index:99}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.header{height:92px;position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(2,5,29,.78);backdrop-filter:blur(18px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px}.brand svg{width:57px;height:38px;overflow:visible}.wordmark{font-size:24px;font-weight:850;letter-spacing:.18em}.navlinks{display:flex;align-items:center;gap:31px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.navlinks>a,.nav-drop>a{color:#dce0f7;transition:.25s}.navlinks a:hover{color:var(--cyan)}.nav-cta{padding:13px 19px!important;border:1px solid rgba(255,255,255,.35);border-radius:999px}.nav-drop{position:relative}.drop-menu{display:none;position:absolute;top:26px;left:-22px;width:190px;padding:16px;background:#080c31;border:1px solid var(--line);box-shadow:0 22px 60px rgba(0,0,0,.35)}.drop-menu a{display:block;padding:10px 8px}.nav-drop:hover .drop-menu{display:block}.menu{display:none;border:0;background:none;color:white;font-size:24px}.hero,.page-hero{position:relative;isolation:isolate}.hero{min-height:100vh;display:grid;align-items:center;padding:150px 0 82px}.hero:before,.page-hero:before{content:"";position:absolute;inset:-10% -5%;z-index:-2;background:radial-gradient(circle at 75% 42%,rgba(24,109,255,.35),transparent 29%),radial-gradient(circle at 61% 54%,rgba(129,29,255,.28),transparent 31%),radial-gradient(circle at 20% 18%,rgba(0,225,255,.08),transparent 22%)}.orbit{position:absolute;width:620px;height:620px;right:-90px;top:17%;border:1px solid rgba(91,123,255,.24);border-radius:50%;z-index:-1;animation:spin 18s linear infinite}.orbit:before,.orbit:after{content:"";position:absolute;border-radius:50%}.orbit:before{width:16px;height:16px;background:var(--cyan);box-shadow:0 0 32px var(--cyan);top:70px;left:72px}.orbit:after{inset:72px;border:1px solid rgba(183,46,255,.23)}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow,.kicker,.service-no{font-size:12px;font-weight:750;letter-spacing:.2em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px;color:#d2d7ef}.eyebrow:before{content:"";width:48px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet))}.kicker,.service-no{color:var(--cyan)}h1,h2,h3,p{position:relative}.hero h1,.page-hero h1{font-size:clamp(58px,9vw,126px);line-height:.89;letter-spacing:-.067em;margin:29px 0 32px;max-width:1100px}.hero h1 span,.page-hero h1 span,.cta h2 span{display:block;color:transparent;background:linear-gradient(100deg,var(--cyan) 2%,var(--blue) 38%,var(--violet) 68%,var(--magenta));background-clip:text;-webkit-background-clip:text}.hero-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:end}.lead,.page-hero>div>p{font-size:clamp(18px,2vw,24px);line-height:1.58;color:#c6cbe5;max-width:760px}.hero-actions{display:flex;gap:16px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 23px;border-radius:999px;font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:.09em;transition:.3s;border:0}.button.primary{background:linear-gradient(110deg,var(--cyan),var(--blue) 52%,var(--violet));color:white;box-shadow:0 18px 50px rgba(22,104,255,.28)}.button.ghost{border:1px solid var(--line)}.button:hover{transform:translateY(-3px)}.signal{justify-self:end}.signal strong{display:block;font-size:42px;letter-spacing:-.06em}.signal span{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.page-hero{padding:190px 0 105px;min-height:690px;display:flex;align-items:end;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(58px,8.5vw,110px)}.service-hero{min-height:780px}.service-hero .service-no{margin-bottom:35px}.service-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.band-grid{display:grid;grid-template-columns:repeat(4,1fr)}.band-grid a{min-height:175px;padding:30px 25px;display:flex;flex-direction:column;border-right:1px solid var(--line);transition:.3s}.band-grid a:last-child{border:0}.band-grid a:hover{background:rgba(47,67,171,.18)}.band-grid span{font-size:11px;color:var(--cyan)}.band-grid b{font-size:24px;margin:auto 0 7px}.band-grid small{color:var(--muted)}.section{padding:120px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:70px;margin-bottom:62px}.section h2,.cta h2{font-size:clamp(40px,5.2vw,73px);line-height:1.02;letter-spacing:-.055em;margin:0}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px}.big-copy{font-size:clamp(23px,2.6vw,35px);line-height:1.5;letter-spacing:-.025em;margin:0}.body-copy{font-size:18px;line-height:1.8;color:var(--muted);margin:0}.dark-shift{background:linear-gradient(135deg,#05082a,#0b1042)}.triple{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.triple article{min-height:300px;padding:38px;border-right:1px solid var(--line)}.triple article:last-child{border:0}.triple span{font-size:12px;color:var(--cyan);letter-spacing:.14em}.triple h3{font-size:28px;margin:55px 0 15px}.triple p{color:var(--muted);line-height:1.7}.work-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.work-card{min-height:250px;position:relative;overflow:hidden;border:1px solid var(--line);padding:34px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#0b0f3e,#06082a)}.work-card.tall{min-height:525px}.work-stack{display:grid;gap:22px}.work-card>span{position:relative;z-index:2;font-size:11px;letter-spacing:.15em;text-transform:uppercase}.work-card>div:last-child{position:relative;z-index:2}.work-card h3{font-size:clamp(28px,3.2vw,47px);margin:0 0 10px;letter-spacing:-.05em}.work-card p{margin:0;color:var(--muted)}.art{position:absolute;inset:0}.rings:before{content:"";position:absolute;width:460px;height:460px;border:75px solid rgba(65,68,255,.45);border-radius:48% 52% 65% 35%;right:-110px;top:60px;transform:rotate(32deg)}.flare{background:radial-gradient(circle at 72% 47%,rgba(0,229,255,.33),transparent 42%)}.grid-art{background:radial-gradient(circle at 72% 47%,rgba(206,44,255,.4),transparent 42%)}.pale{background:#f3f5ff;color:#070922}.pale .kicker{color:#4037ed}.pale .body-copy{color:#555a72}.split{display:grid;grid-template-columns:1fr 1fr;gap:95px}.sector-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cfd2e3}.sector-list span{padding:22px 4px;border-bottom:1px solid #cfd2e3;font-weight:650}.sector-list span:nth-child(odd){margin-right:28px}.cta{text-align:center;padding:145px 0;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;width:700px;height:350px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(102,38,255,.36),transparent 68%);filter:blur(20px);z-index:-1}.cta h2{margin:22px auto 35px;max-width:1050px}.cta p{color:var(--muted);font-size:18px}.editorial{display:grid;grid-template-columns:.45fr 1.55fr;gap:70px}.principles{display:grid;grid-template-columns:1fr 1fr}.principles article{padding:38px;border:1px solid var(--line);margin:-1px 0 0 -1px}.principles b{color:var(--cyan);font-size:12px}.principles h3{font-size:27px;margin:45px 0 14px}.principles p{color:var(--muted);line-height:1.7}.service-index>a{display:grid;grid-template-columns:90px 1fr 120px;gap:50px;align-items:center;padding:50px 0;border-top:1px solid var(--line)}.service-index>a:last-child{border-bottom:1px solid var(--line)}.service-index>a>span{font-size:13px;color:var(--cyan)}.service-index h2{font-size:clamp(35px,4.4vw,58px);margin:8px 0 10px}.service-index p{color:var(--muted);margin:0}.service-index>a>b{text-align:right}.cap-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.cap-grid article{padding:44px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.cap-grid article:nth-child(even){border-right:0}.cap-grid h3{font-size:31px;margin:0 0 15px}.cap-grid p{color:var(--muted);line-height:1.7}.cap-grid ul{list-style:none;padding:0;margin:25px 0 0}.cap-grid li{padding:11px 0;border-top:1px solid var(--line);color:#d2d7ed}.cap-grid li:before{content:"↗";color:var(--cyan);margin-right:12px}.process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process div{padding:32px;border-right:1px solid var(--line)}.process div:last-child{border:0}.process span{color:var(--cyan);font-size:11px}.process b{display:block;font-size:22px;margin:42px 0 12px}.process p{color:var(--muted);line-height:1.6}.engagements{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.engagements article{border:1px solid var(--line);padding:38px;min-height:390px}.engagements span{color:var(--cyan);font-size:12px}.engagements h3{font-size:31px;margin:55px 0 15px}.engagements p{color:var(--muted);line-height:1.7;min-height:115px}.engagements b,.engagements small{display:block}.engagements b{margin-top:25px}.engagements small{color:var(--muted);margin-top:7px;line-height:1.5}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.contact-notes{margin-top:55px}.contact-notes p{padding:22px 0;border-top:1px solid var(--line)}.contact-notes b,.contact-notes span{display:block}.contact-notes span{color:var(--muted);line-height:1.6;margin-top:8px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:36px;border:1px solid var(--line);background:rgba(10,15,57,.65)}.contact-form label{display:grid;gap:9px;font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#d6d9ec}.contact-form .full{grid-column:1/-1}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid var(--line);background:#070b2d;color:white;padding:15px;outline:0}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--cyan)}.contact-form .button{width:max-content}.form-note{grid-column:1/-1;color:var(--muted);font-size:12px;line-height:1.6}.footer{border-top:1px solid var(--line);padding:70px 0 32px}.footer-top{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:55px;padding-bottom:60px}.footer-top>div{display:flex;flex-direction:column;gap:13px}.footer-top p{color:var(--muted);line-height:1.7;max-width:330px}.footer-top b{font-size:12px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:9px}.footer-top a,.footer-top span{color:var(--muted);font-size:14px}.footer-top a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}
@media(max-width:950px){.navlinks{position:absolute;top:92px;left:0;right:0;background:#050826;padding:30px;display:none;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.nav-drop{width:100%}.drop-menu{display:block;position:static;width:auto;padding:10px 0 0 18px;background:none;border:0;box-shadow:none}.menu{display:block}.hero-bottom,.section-head,.intro-grid,.split,.editorial,.contact-grid{grid-template-columns:1fr;gap:34px}.signal{justify-self:start}.band-grid{grid-template-columns:1fr 1fr}.band-grid a:nth-child(2){border-right:0}.band-grid a:nth-child(-n+2){border-bottom:1px solid var(--line)}.triple,.engagements{grid-template-columns:1fr}.triple article{border-right:0;border-bottom:1px solid var(--line)}.work-grid{grid-template-columns:1fr}.principles,.cap-grid{grid-template-columns:1fr}.cap-grid article{border-right:0}.process{grid-template-columns:1fr 1fr}.process div:nth-child(2){border-right:0}.service-index>a{grid-template-columns:55px 1fr}.service-index>a>b{display:none}.footer-top{grid-template-columns:1.5fr 1fr}.orbit{width:420px;height:420px;right:-210px}.section{padding:90px 0}.page-hero{min-height:620px;padding-top:160px}}
@media(max-width:580px){.wrap{width:min(100% - 28px,var(--max))}.header{height:76px}.navlinks{top:76px}.wordmark{font-size:20px}.brand svg{width:48px}.hero{padding-top:122px}.hero h1,.page-hero h1{font-size:54px}.page-hero{min-height:590px;padding-bottom:78px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.band-grid,.sector-list,.process{grid-template-columns:1fr}.band-grid a{border-right:0;border-bottom:1px solid var(--line)!important}.triple article,.cap-grid article,.principles article,.engagements article{padding:28px}.service-index>a{grid-template-columns:38px 1fr;gap:10px}.contact-form{grid-template-columns:1fr;padding:22px}.contact-form label{grid-column:1}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:10px}.work-card.tall{min-height:430px}}

:root{--ink:#030630;--white:#f6f8ff;--cyan:#00dff2;--blue:#1268ff;--violet:#8a18ff;--magenta:#8a18ff}body{font-family:"Space Grotesk",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#030630}.header{background:rgba(3,6,48,.78)}.brand{line-height:0;gap:0}.brand svg,.wordmark{display:none}.brand-lockup{display:block;width:198px;height:auto;max-height:52px;object-fit:contain}.footer .brand-lockup{width:230px;max-height:62px}.home-hero{overflow:hidden}.hero-visual{position:absolute;inset:92px 0 0 29%;z-index:-3;overflow:hidden;pointer-events:none}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030630 0%,rgba(3,6,48,.92) 15%,rgba(3,6,48,.35) 48%,rgba(3,6,48,.06) 78%),linear-gradient(0deg,#030630 0%,transparent 35%)}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center right;filter:saturate(1.06) contrast(1.04);animation:heroDrift 18s ease-in-out infinite alternate}.home-hero:before{background:radial-gradient(circle at 70% 42%,rgba(18,104,255,.22),transparent 30%),radial-gradient(circle at 66% 55%,rgba(138,24,255,.19),transparent 32%)}.home-hero .wrap{position:relative;z-index:2}.home-hero h1{max-width:980px}.home-hero .lead{max-width:690px}.signal strong{font-size:34px;letter-spacing:-.04em}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:1;opacity:.2;filter:blur(18px);background:radial-gradient(circle,rgba(0,223,242,.18),rgba(138,24,255,.09) 42%,transparent 70%);transform:translate3d(-50%,-50%,0);transition:opacity .3s}.visual-card{isolation:isolate;transform-style:preserve-3d;transition:transform .25s ease,border-color .25s ease}.visual-card:hover{border-color:rgba(0,223,242,.55)}.card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .4s}.visual-card:hover .card-image{transform:scale(1.055);filter:saturate(1.12)}.card-shade{position:absolute!important;inset:0;z-index:-1!important;background:linear-gradient(180deg,rgba(3,6,48,.12),rgba(3,6,48,.28) 38%,rgba(3,6,48,.96) 100%)}.media-card .card-shade{background:linear-gradient(110deg,rgba(3,6,48,.3),rgba(3,6,48,.06) 40%,rgba(3,6,48,.94) 100%)}.software-page .service-hero,.consultancy-page .service-hero,.media-page .service-hero,.marketing-page .service-hero{overflow:hidden}.software-page .service-hero:after,.consultancy-page .service-hero:after,.media-page .service-hero:after,.marketing-page .service-hero:after{content:"";position:absolute;inset:92px 0 0 37%;z-index:-3;background-size:cover;background-position:center;opacity:.62;filter:saturate(1.08)}.software-page .service-hero:after,.consultancy-page .service-hero:after{background-image:linear-gradient(90deg,#030630 0%,rgba(3,6,48,.7) 42%,rgba(3,6,48,.12)),url("matgix-systems.webp?v=20260828m1")}.media-page .service-hero:after,.marketing-page .service-hero:after{background-image:linear-gradient(90deg,#030630 0%,rgba(3,6,48,.72) 42%,rgba(3,6,48,.1)),url("matgix-media.webp?v=20260828m1")}.service-hero .wrap{position:relative;z-index:2}.button.primary{background:linear-gradient(110deg,#00dff2,#1268ff 52%,#8a18ff)}.dark-shift{background:linear-gradient(135deg,#030630,#0b1042 55%,#180a46)}.pale{background:#f6f8ff}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes heroDrift{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.08) translate3d(-1.5%,1%,0)}}
@media(max-width:950px){.brand-lockup{width:176px}.hero-visual{inset:92px -25% 0 10%;opacity:.72}.hero-visual:after{background:linear-gradient(90deg,#030630 0%,rgba(3,6,48,.75) 42%,rgba(3,6,48,.14)),linear-gradient(0deg,#030630 0%,transparent 45%)}.software-page .service-hero:after,.consultancy-page .service-hero:after,.media-page .service-hero:after,.marketing-page .service-hero:after{inset:92px -20% 0 18%;opacity:.42}.cursor-glow{display:none}}
@media(max-width:580px){.brand-lockup{width:150px;max-height:44px}.footer .brand-lockup{width:190px}.hero-visual{inset:76px -75% 0 -10%;opacity:.54}.home-hero h1{font-size:52px}.signal strong{font-size:28px}.software-page .service-hero:after,.consultancy-page .service-hero:after,.media-page .service-hero:after,.marketing-page .service-hero:after{inset:76px -70% 0 0;opacity:.3}}
/* Responsive refinement: tablet and mobile */
html,body{max-width:100%;overflow-x:clip}img{max-width:100%}.menu{width:48px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent}.navlinks a,.button{-webkit-tap-highlight-color:transparent}body.nav-open{overflow:hidden}
@media(max-width:950px){
  .wrap{width:min(var(--max),calc(100% - 40px))}
  .header{height:80px}
  .navlinks{position:fixed;inset:80px 0 0;height:calc(100dvh - 80px);max-height:none;overflow-y:auto;padding:22px 20px calc(38px + env(safe-area-inset-bottom));gap:0;align-items:stretch;background:rgba(3,6,48,.98);border-top:1px solid var(--line);backdrop-filter:blur(22px)}
  .navlinks.open{display:flex}
  .navlinks>a,.nav-drop>a{display:flex;align-items:center;min-height:56px;padding:15px 4px;border-bottom:1px solid var(--line);font-size:15px;letter-spacing:.1em}
  .nav-drop{width:100%}
  .drop-menu{display:grid;grid-template-columns:1fr 1fr;gap:0;position:static;width:100%;padding:5px 0 14px;background:none;border:0;box-shadow:none}
  .drop-menu a{min-height:48px;display:flex;align-items:center;padding:11px 4px;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.07);font-size:13px}
  .nav-cta{width:100%;justify-content:center;margin-top:18px;padding:16px 18px!important;border-color:rgba(0,223,242,.4)!important}
  .menu{display:grid;font-size:23px}
  .brand-lockup{width:168px;max-height:46px}
  .hero{min-height:auto;padding:142px 0 78px}
  .page-hero{min-height:auto;padding:148px 0 78px}
  .service-hero{min-height:680px}
  .hero h1,.page-hero h1{font-size:clamp(50px,9.6vw,76px);line-height:.93;letter-spacing:-.058em}
  .hero-bottom,.section-head,.intro-grid,.split,.editorial,.contact-grid{gap:30px}
  .lead,.page-hero>div>p{font-size:19px;line-height:1.55}
  .signal{width:100%;justify-self:stretch;padding-top:22px;border-top:1px solid var(--line)}
  .section{padding:84px 0}
  .section-head{margin-bottom:44px}
  .triple article,.engagements article{min-height:auto}
  .engagements p{min-height:auto}
  .footer{padding-top:60px}
  .footer-top{gap:38px}
}
@media(max-width:768px){
  .wrap{width:min(var(--max),calc(100% - 32px))}
  .hero{padding:126px 0 68px}
  .home-hero{min-height:760px}
  .hero-visual{inset:80px -45% 0 -8%;opacity:.5}
  .hero-visual:after{background:linear-gradient(90deg,#030630 0%,rgba(3,6,48,.86) 46%,rgba(3,6,48,.32)),linear-gradient(0deg,#030630 0%,transparent 45%)}
  .orbit{width:340px;height:340px;right:-190px;top:14%}
  .hero h1,.page-hero h1{font-size:clamp(44px,11vw,64px)}
  .page-hero{padding:132px 0 70px}
  .service-hero{min-height:640px}
  .software-page .service-hero:after,.consultancy-page .service-hero:after,.media-page .service-hero:after,.marketing-page .service-hero:after{inset:80px -42% 0 0;opacity:.32}
  .section h2,.cta h2{font-size:clamp(36px,8.4vw,52px);line-height:1.05}
  .big-copy{font-size:clamp(22px,5.2vw,29px);line-height:1.46}
  .body-copy{font-size:17px;line-height:1.72}
  .band-grid a{min-height:142px;padding:25px 20px}
  .triple article,.cap-grid article,.principles article,.engagements article{padding:30px}
  .triple h3,.principles h3,.engagements h3{margin-top:34px}
  .work-card{padding:28px}
  .work-card.tall{min-height:460px}
  .work-stack .work-card{min-height:290px}
  .service-index>a{padding:40px 0;gap:20px}
  .service-index h2{font-size:clamp(32px,7vw,45px)}
  .process div{padding:26px}
  .process b{margin-top:28px}
  .cta{padding:100px 0}
  .footer-top{grid-template-columns:1fr 1fr}
}
@media(max-width:580px){
  .wrap{width:min(var(--max),calc(100% - 28px))}
  .header{height:72px}
  .navlinks{inset:72px 0 0;height:calc(100dvh - 72px);padding-inline:14px}
  .brand-lockup{width:144px;max-height:42px}
  .footer .brand-lockup{width:184px}
  .menu{width:44px;height:44px;font-size:21px}
  .hero{padding:112px 0 58px}
  .home-hero{min-height:700px}
  .hero-visual{inset:72px -72% 0 -20%;opacity:.44}
  .hero h1,.page-hero h1,.home-hero h1{font-size:clamp(40px,12.4vw,52px);line-height:.96;letter-spacing:-.052em;margin:22px 0 25px}
  .eyebrow,.kicker,.service-no{font-size:10px;letter-spacing:.16em}
  .eyebrow{gap:9px}
  .eyebrow:before{width:30px}
  .lead,.page-hero>div>p{font-size:17px;line-height:1.55}
  .hero-actions{gap:10px;margin-top:26px}
  .button{width:100%;min-height:52px;padding:14px 18px;font-size:11.5px;line-height:1.25}
  .signal strong{font-size:26px}
  .signal span{display:block;margin-top:5px;line-height:1.5}
  .page-hero{min-height:auto;padding:120px 0 62px}
  .service-hero{min-height:590px;padding-bottom:58px}
  .service-hero .service-no{margin-bottom:24px}
  .software-page .service-hero:after,.consultancy-page .service-hero:after,.media-page .service-hero:after,.marketing-page .service-hero:after{inset:72px -70% 0 -5%;opacity:.28}
  .section{padding:66px 0}
  .section-head{gap:16px;margin-bottom:32px}
  .section h2,.cta h2{font-size:clamp(34px,9.8vw,43px);letter-spacing:-.045em}
  .big-copy{font-size:21px;line-height:1.48}
  .body-copy{font-size:16px;line-height:1.72}
  .band-grid a{min-height:auto;padding:20px 4px}
  .band-grid b{margin:24px 0 6px;font-size:22px}
  .triple article,.cap-grid article,.principles article,.engagements article{padding:24px 0}
  .triple h3,.principles h3,.engagements h3{font-size:25px;margin:28px 0 12px}
  .principles article{border-left:0;border-right:0}
  .cap-grid article{padding-inline:0}
  .cap-grid h3{font-size:27px}
  .cap-grid li{padding:12px 0;line-height:1.45}
  .work-grid,.work-stack{gap:14px}
  .work-card{padding:24px;min-height:270px}
  .work-card.tall{min-height:390px}
  .work-card h3{font-size:32px}
  .service-index>a{grid-template-columns:30px 1fr;gap:10px;padding:32px 0}
  .service-index h2{font-size:31px;line-height:1.08}
  .service-index p{line-height:1.55}
  .sector-list span{padding:18px 2px;line-height:1.4}
  .sector-list span:nth-child(odd){margin-right:0}
  .process{grid-template-columns:1fr}
  .process div{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}
  .process b{margin:20px 0 9px}
  .engagements{gap:12px}
  .engagements article{min-height:auto}
  .contact-grid{gap:42px}
  .contact-notes{margin-top:35px}
  .contact-form{gap:17px;padding:20px 16px}
  .contact-form input,.contact-form textarea,.contact-form select{min-height:50px;padding:14px;font-size:16px}
  .contact-form textarea{min-height:130px}
  .contact-form .button{width:100%}
  .cta{padding:82px 0}
  .cta p{font-size:16px;line-height:1.6}
  .footer{padding:54px 0 26px}
  .footer-top{grid-template-columns:1fr;gap:30px;padding-bottom:40px}
  .footer-top>div{gap:11px}
  .footer-bottom{gap:8px;line-height:1.5}
}
@media(max-width:380px){
  .wrap{width:min(var(--max),calc(100% - 24px))}
  .brand-lockup{width:132px}
  .hero h1,.page-hero h1,.home-hero h1{font-size:38px}
  .work-card.tall{min-height:360px}
  .service-index h2{font-size:28px}
}
@media(max-width:950px) and (max-height:560px) and (orientation:landscape){
  .hero,.page-hero{min-height:auto;padding-top:112px}
  .home-hero{min-height:600px}
  .service-hero{min-height:560px}
  .navlinks{padding-top:12px}
}
@media(hover:none),(pointer:coarse){
  .visual-card,.tilt,.button{transform:none!important}
  .visual-card:hover .card-image{transform:none;filter:none}
  .button:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){.hero-visual img{animation:none}.reveal{opacity:1;transform:none}.visual-card{transform:none!important}}

/* MATGIX 1.1: continuous dropdown hit area and richer brand sections */
.nav-drop{display:flex;align-items:center;gap:5px}.submenu-toggle{background:transparent;border:0;color:var(--cyan);padding:10px;cursor:pointer;font-size:18px}.nav-drop:focus-within .drop-menu,.nav-drop.submenu-open .drop-menu{display:block}.nav-drop .drop-menu{top:100%;margin-top:0;z-index:100}.nav-drop .drop-menu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.navlinks a:focus-visible,.submenu-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.rich-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.rich-story-grid>img{width:100%;height:auto;border-radius:20px;border:1px solid var(--line)}.rich-story h2{font-size:clamp(32px,4vw,56px);margin:20px 0}.rich-story p,.footer-invite p{color:var(--muted);line-height:1.8;max-width:650px}.footer-invite{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:60px;margin-bottom:55px;border-bottom:1px solid var(--line)}.footer-invite h2{font-size:clamp(32px,4vw,56px);line-height:1.1;letter-spacing:-.04em;margin:22px 0}.rich-footer{background:radial-gradient(ellipse at 15% 0,rgba(138,24,255,.18),transparent 55%),#030630}.rich-footer a{overflow-wrap:anywhere}.footer-invite .button{flex-shrink:0}.rich-footer .footer-top{gap:32px}
@media(min-width:951px){.nav-drop{align-self:stretch}.navlinks{height:100%}.nav-drop>a{padding-block:22px}.nav-drop .drop-menu{min-width:220px;border-radius:0 0 14px 14px}}
@media(max-width:950px){.nav-drop{display:block}.submenu-toggle{display:none}.rich-story-grid{grid-template-columns:1fr;gap:30px}.footer-invite{align-items:flex-start;flex-direction:column}.rich-story-grid>img{max-height:450px;object-fit:cover}}

/* Expanded company content */
.editorial-content{margin-top:38px;line-height:1.8;color:var(--muted)}.editorial-content>p{max-width:900px;font-size:18px}.editorial-content ul{padding-left:22px}.editorial-content li{margin:10px 0}.new-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.new-card{display:block;padding:30px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#0b1042,#090824);color:var(--white);min-width:0}.new-card h3{font-size:27px;line-height:1.2;letter-spacing:-.03em;margin:20px 0}.new-card p{color:var(--muted);line-height:1.75}.new-card>span:last-child{color:var(--cyan)}a.new-card:hover{border-color:var(--cyan)}.faq{padding:24px 0;border-bottom:1px solid var(--line)}.faq summary{font-size:20px;color:var(--white);cursor:pointer}.faq p{max-width:850px}.logo-showcase{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;margin-top:35px}.logo-slot{min-height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:1px dashed rgba(255,255,255,.3);border-radius:12px;padding:18px;text-align:center}.logo-slot img{max-height:80px;width:auto;object-fit:contain}.sample-symbol{font-size:35px;color:#a8b7e8}.logo-slot strong{letter-spacing:.15em}.logo-slot small{color:var(--muted);font-size:11px}.concept-image{width:100%;height:auto;max-height:620px;object-fit:cover;border-radius:20px}.navlinks{gap:23px}.nav-drop .drop-menu{min-width:225px}html{scroll-padding-top:130px}
@media(max-width:1100px){.navlinks{gap:15px}.brand-lockup{width:175px}.logo-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){.new-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navlinks{gap:0}}
@media(max-width:580px){.new-card-grid{grid-template-columns:1fr}.new-card{padding:24px}.logo-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-slot{min-height:140px}.editorial-content>p{font-size:17px}}