/* Mineral / Signal. Original logo preserved; the palette complements, not copies, it. */
:root{--ivory:#edf1f0;--paper:#f7f9f8;--ink:#172d32;--cobalt:#245bff;--lavender:#c2ead8;--muted:#52666b;--line:#cad6d3;--display:Studio,'Segoe UI',sans-serif;--body:Studio,'Segoe UI',sans-serif;--mint:#baf0d4;--copper:#efc5a4;--forest:#14292e;--space:clamp(64px,7vw,104px);--max:1320px}
body:before{display:none}h1,h2,h3{font-family:var(--body);font-weight:600;letter-spacing:-.045em}h2{font-size:clamp(32px,3.6vw,52px);line-height:1.12}em{font-style:normal;font-weight:inherit}a,button{touch-action:manipulation}.eyebrow{font-size:10px;letter-spacing:.14em;color:#38615c;font-weight:600}.button{background:#213d42;border-color:#213d42;border-radius:6px;font-size:13px;font-weight:600;min-height:48px;gap:18px;padding:15px 21px}.button:hover{background:#315a60;border-color:#315a60}.button.secondary{background:transparent;color:var(--ink);border-color:#809e9f}.button.secondary:hover{background:#dce9e3}.text-link{font-weight:600;border-color:#9cb8b0}.site-header{background:var(--forest);color:#eaf2ef;border-bottom:1px solid #ffffff16}.header-inner{min-height:90px}.brand{width:177px;background:#f7faf9;padding:13px 14px;border-radius:5px}#main-nav{gap:30px}#main-nav>a:not(.button),.nav-group>a{font-size:13px}#main-nav>.button{background:var(--mint);color:#172d32;border-color:var(--mint);font-size:12px}#main-nav a[aria-current=page],#main-nav a:not(.button):hover{color:#baf0d4}.submenu-toggle{width:30px;min-height:44px}.submenu{color:#172d32;border-radius:5px;background:#f7faf9}.submenu a{min-height:44px}#main-nav .submenu a:hover,#main-nav .submenu a[aria-current=page]{color:#174f40;background:#e2eee8;border-radius:3px}.menu-toggle{color:#edf5f2;border-color:#647d7c}
.product-hero{background:var(--forest);color:#f0f5f2;position:relative;overflow:hidden}.product-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 50%,#477a692b,transparent 60%);pointer-events:none}.hero-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center;padding-block:60px 55px;position:relative}.product-copy .eyebrow{color:#b3cdc4;font-size:10px;letter-spacing:.16em;margin-bottom:28px}.product-copy h1{font-size:clamp(48px,5.2vw,76px);line-height:1.04;letter-spacing:-.052em;font-weight:600}.product-copy h1 span{color:var(--mint)}.product-copy>p:not(.eyebrow){color:#bbcfc9;max-width:38ch;font-size:16px;line-height:1.75;margin:28px 0 30px}.product-copy .button{background:var(--mint);border-color:var(--mint);color:#172d32}.product-copy .button:hover{background:#d1f8e4}.product-copy .button.secondary{background:transparent;border-color:#657e79;color:#eef6f2}.hero-footnote{font-size:10px;color:#aac1b8;display:flex;align-items:center;gap:9px;margin-top:30px}.signal-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;flex-shrink:0}.product-canvas{position:relative;height:545px;min-width:0}.canvas-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#a8c7bb;padding-bottom:20px;border-bottom:1px solid #ffffff1a}.hero-screen{display:block;position:absolute;border-radius:9px;overflow:hidden;background:#f6faf7;color:#172d32;box-shadow:0 24px 55px #061c2180;border:1px solid #c9ddd652;transition:transform .35s}.hero-screen:hover{transform:translateY(-6px)}.main-screen{width:91%;top:72px;right:0}.main-screen img{width:100%;height:265px;object-fit:cover;object-position:top}.screen-toolbar{height:32px;display:flex;align-items:center;justify-content:space-between;padding-inline:14px;font-size:9px;background:#e7eeeb;color:#44645d}.screen-dots{letter-spacing:3px;font-size:7px;color:#8ca89f}.screen-caption{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.screen-caption strong{font-size:13px}.screen-caption>span{font-size:9px;color:#5f736b}.second-screen{width:56%;left:-15px;bottom:0;z-index:2;border:7px solid #d8e7df}.second-screen img{width:100%;height:164px;object-fit:cover;object-position:top}.second-screen .screen-caption{padding:11px 9px}.second-screen .screen-caption>span{display:none}.canvas-note{position:absolute;right:0;bottom:6px;display:flex;gap:12px;align-items:center;color:#cce2d7}.canvas-note p{font-size:12px;line-height:1.5}.signal-mark{font-size:44px;font-weight:200;color:var(--copper)}.hero-bottom{display:flex;justify-content:space-between;position:relative;padding:23px 0;border-top:1px solid #ffffff20;font-size:10px;color:#c1d3cc}.hero-bottom a{display:flex;gap:30px;align-items:center;min-height:32px}.hero-bottom a span{font-size:20px}.hero-bottom p{letter-spacing:.08em;align-self:center}
.section-heading{gap:45px;align-items:end}.section-heading>div:last-child>p,.section-heading>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:40ch}.section-heading .text-link{margin-top:15px}.selected-grid{grid-template-columns:1fr 1fr;gap:45px 30px}.project-card{min-width:0}.project-image{height:360px;background:#d9e5df;border:1px solid #cbdad3;border-radius:9px;position:relative;overflow:hidden;padding:38px 18px 0}.project-image>img{width:100%;height:100%;object-fit:cover;object-position:top;transform:none!important;border-radius:3px 3px 0 0}.capture-bar{position:absolute;top:0;left:0;width:100%;height:37px;display:flex;justify-content:space-between;padding:10px 17px;font-size:8px;letter-spacing:.05em;color:#3e6255}.capture-bar>span:first-child{font-size:6px;letter-spacing:3px}.project-card:nth-child(4n+2) .project-image{background:#d9e1ef}.project-card:nth-child(4n+3) .project-image{background:#e9d9cb}.project-card:nth-child(4n+4) .project-image{background:#d8e6e9}.image-arrow{width:43px;height:43px;bottom:16px;right:16px;background:#f7faf9;color:#183b35}.project-meta{padding-top:21px}.project-meta .eyebrow{font-size:9px;margin-bottom:8px;color:#526c65}.project-meta h3{font-size:24px;font-weight:600}.project-index{font-size:11px;color:#637b72}.capture-credit{font-size:10px;color:#526b61;display:flex;justify-content:space-between;margin-top:12px;border-bottom:1px solid var(--line);padding-bottom:15px}.project-brief{min-height:290px;padding:30px;background:#e1e9e4;border:1px solid #c9d8ce;border-radius:9px;display:flex;flex-direction:column}.project-brief h3{font-size:28px;margin:25px 0 15px}.project-brief p{font-size:13px;color:#486459;max-width:36ch}.brief-label{font-size:9px;color:#3c6452;letter-spacing:.1em}.brief-link{font-size:11px;margin-top:auto;padding-top:24px;font-weight:600}.no-capture .project-meta{display:none}.no-capture .capture-credit{margin-top:15px}.portfolio-section .project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-section .project-image{height:290px}.portfolio-section .project-meta h3{font-size:21px}.filters button[aria-pressed=true]{background:#203d38;color:#f5faf7}.filters button{min-height:44px}.portfolio-toolbar{padding-block:20px}.case-media{background:#dce7e0;border-radius:9px;padding:24px}.case-media img{width:100%;height:auto;max-height:none;object-fit:contain}.media-credit{margin-top:14px;font-size:11px}.media-credit a{text-decoration:underline}.case-details{margin-top:50px}.missing-capture{padding:35px;background:#e0e9e2;border:1px solid var(--line);border-radius:7px}.missing-capture h2{font-size:30px;margin-bottom:15px}.missing-capture p{font-size:14px}
.capability-section{background:#213c3d;color:#edf6f0;padding:var(--space) 0}.capability-section .eyebrow{color:#bad7c5}.capability-section .section-heading>p{color:#b9cdc4}.capability-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.capability-panel{padding:32px 28px;border:1px solid #6c8f7e;background:#c2e2cd;color:#17372c;border-radius:8px;display:flex;flex-direction:column;min-height:300px;transition:transform .25s}.capability-panel:nth-child(2){background:#c8d5e6;color:#21354e}.capability-panel:nth-child(3){background:#e9c9ad;color:#463b30}.capability-panel:hover{transform:translateY(-5px)}.capability-number{display:flex;justify-content:space-between;font-size:12px;margin-bottom:40px}.capability-number>span{font-size:21px}.capability-panel h3{font-size:27px;line-height:1.15;max-width:12ch;margin-bottom:18px}.capability-panel p{font-size:13px;line-height:1.75;max-width:30ch}.capability-link{font-size:10px;font-weight:600;margin-top:auto;padding-top:24px}.capability-extra{grid-column:1/-1;display:flex;gap:35px;align-items:center;border-top:1px solid #587168;padding-top:28px;margin-top:13px;font-size:12px;color:#d3e7dc}.capability-extra>span{color:#9ebdb0}.capability-extra a{padding-block:8px}.delivery-note{display:flex;align-items:center;gap:24px;margin-top:38px;border-top:1px solid var(--line);padding-top:24px;font-size:9px;color:#4a6f61}.delivery-note b{font-size:20px;font-weight:400}.process-list h3{font-family:var(--body);font-size:23px;font-weight:600}.process-list li{padding:24px 0}.process-list p{font-size:14px}.process-list li>span{color:#3d705a}.studio-band{background:#dde8e1;border-block:1px solid #c2d5c8}.studio-grid{gap:70px;align-items:center}.expertise-board{padding:32px;border:1px solid #a9c5b4;border-radius:8px;background:#ecf3ed}.toolkit-row{display:grid;grid-template-columns:80px 1fr;gap:15px;padding:21px 0;border-bottom:1px solid #cbdcd1;font-size:12px}.toolkit-row>span{color:#5b7365}.toolkit-row strong{font-weight:500;line-height:1.7}.expertise-board .text-link{margin-top:20px}
.cta-band{background:#edceb5;border:0;border-radius:10px;padding:55px}.cta-band .eyebrow{color:#5b4e3f}.cta-layout{gap:60px;grid-template-columns:1.1fr 1fr}.cta-layout h2{font-size:clamp(37px,4.5vw,65px)}.cta-layout em{color:#415a4d}.cta-layout p{color:#4f554a}.cta-orbit{display:none}.site-footer{background:#14292e;color:#c3d5ce;padding-bottom:32px}.footer-grid h2{color:#a5c5b6}.footer-brand{background:#f5faf7;padding:12px;border-radius:5px;max-width:178px}.footer-brand img{width:150px;height:auto}.footer-bottom{padding-bottom:36px}.footer-grid a:not(.footer-brand){min-height:25px}.whatsapp-float{position:fixed;right:22px;bottom:22px;display:flex;gap:9px;align-items:center;justify-content:center;min-height:50px;padding:12px 17px;background:#185b42;color:#fff;border:1px solid #81b59d;border-radius:40px;box-shadow:0 6px 20px #09281d30;z-index:30;font-size:12px;font-weight:600}.whatsapp-float svg{width:25px;height:25px}.whatsapp-float:hover{background:#10422e}.page-intro{padding-top:32px;background:none}.page-intro h1{font-size:clamp(42px,5.5vw,76px);font-weight:600;max-width:18ch}.page-intro h1 em{color:#42715b}.intro-copy{font-size:17px}.services-overview .service-row{border-color:var(--line)}.services-overview .service-row h3{font-size:32px}.services-overview .service-row p{color:var(--muted)}.service-statement{background:#1e3d39;color:#eff5f1}.service-statement .button{background:#c1ead2;border-color:#c1ead2;color:#17392b}.service-scope{background:#e0eae4}.service-variant-1 .service-statement{background:#293e51}.industry-card,.technology-card{background:#e1eae4;border-color:#c3d7c9}.industry-card:nth-child(2n),.technology-card:nth-child(2n){background:#e1e7ed;color:var(--ink)}.industry-card h2,.technology-card h2{font-size:32px}.technology-card .tags span,.tags span{background:#d4e3d9;border-color:#aac9b6;color:#284b37}.principle-banner{background:#d8e8dc}.principle-banner em{color:#3c6e51}.about-art{background:#1e3935}.about-art>span{font-size:54px;font-family:var(--body);font-weight:600}.about-art img{opacity:.35;mix-blend-mode:luminosity}.contact-layout{padding-bottom:40px}.contact-note{background:#dce8df;border-color:#bed4c5}.field input,.field textarea,.field select{background:#f6faf7;border-color:#a5bdb0;border-radius:5px;font-size:16px}.contact-email{font-family:var(--body)}.motion-ready .reveal{opacity:1;transform:none}
@media(min-width:981px){.main-screen{animation:screen-enter .7s ease-out both}.second-screen{animation:screen-enter .8s .12s ease-out both}}
@keyframes screen-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.hero-layout{gap:30px}.product-canvas{height:490px}.main-screen img{height:220px}.second-screen{left:0;width:58%}.second-screen img{height:140px}.canvas-note{max-width:38%;gap:6px}.canvas-note p{font-size:10px}.portfolio-section .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-panel{padding:26px 22px}.capability-panel h3{font-size:24px}}
@media(max-width:980px){#main-nav{background:#14292e;gap:0;padding:20px;box-shadow:0 18px 25px #0b262830}.submenu{background:#24443f;color:#edf5ef;border-color:#48665a}#main-nav .submenu a:hover,#main-nav .submenu a[aria-current=page]{background:#375f50;color:#fff}.submenu-toggle{min-width:44px}.header-inner{min-height:78px}.brand{width:155px}.hero-layout{grid-template-columns:1fr 1fr;gap:22px}.product-copy h1{font-size:48px}.product-copy>p:not(.eyebrow){font-size:14px}.product-copy .button-row{gap:10px}.product-copy .button{font-size:11px;padding:13px}.hero-footnote{font-size:9px}.product-canvas{height:460px}.main-screen{width:100%;top:65px}.main-screen img{height:190px}.screen-caption{padding:12px}.screen-caption>span{display:none}.second-screen{width:70%;bottom:20px}.canvas-note{display:none}.selected-grid .project-image{height:290px}.studio-grid{gap:35px}.capability-panels{gap:12px}.capability-panel h3{font-size:22px}.capability-panel p{font-size:12px}.footer-grid{gap:30px}.cta-layout{gap:30px}}
@media(max-width:680px){:root{--gutter:22px;--space:62px}.hero-layout{grid-template-columns:1fr;padding-block:42px 30px;gap:38px}.product-copy h1{font-size:clamp(42px,11.8vw,65px);line-height:1.05}.product-copy h1 br:nth-child(3){display:none}.product-copy .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:22px}.product-copy>p:not(.eyebrow){font-size:15px;margin-block:22px 25px;max-width:34ch}.product-copy .button{font-size:11px;min-height:48px;padding:14px}.hero-footnote{font-size:9px;margin-top:22px}.product-canvas{height:420px}.canvas-heading{font-size:7px}.main-screen{width:92%;top:47px}.main-screen img{height:190px}.second-screen{width:60%;left:0;bottom:0;border-width:5px}.second-screen img{height:118px}.canvas-note{display:flex;right:0;bottom:4px;max-width:35%}.canvas-note p{font-size:9px}.signal-mark{font-size:28px}.hero-bottom{font-size:8px;gap:15px;padding-block:17px}.hero-bottom a{gap:13px}.hero-bottom p{letter-spacing:0}.section-heading{gap:20px;margin-bottom:28px}.section-heading>div:last-child>p,.section-heading>p{font-size:13px}.section-heading .text-link{margin-top:10px}.selected-grid,.portfolio-section .project-grid{grid-template-columns:1fr;gap:30px}.selected-grid .project-image,.portfolio-section .project-image{height:280px;padding:34px 12px 0}.project-meta h3{font-size:22px}.project-meta .eyebrow{font-size:8px}.capability-panels{grid-template-columns:1fr;gap:16px}.capability-panel{padding:25px;min-height:245px}.capability-number{margin-bottom:24px}.capability-panel h3{font-size:27px;max-width:none}.capability-panel p{font-size:14px;max-width:32ch}.capability-link{font-size:11px;padding-top:22px}.capability-extra{gap:12px 25px;flex-wrap:wrap;font-size:11px}.capability-extra>span{flex-basis:100%}.process-list h3{font-size:23px}.expertise-board{padding:24px}.toolkit-row{grid-template-columns:1fr;gap:6px;padding-block:16px}.studio-grid h2{font-size:36px}.cta-band{padding:30px 24px}.cta-layout h2{font-size:39px}.cta-layout{gap:24px}.page-intro h1{font-size:42px}.intro-copy{font-size:15px}.case-details h2{font-size:35px}.whatsapp-float{right:14px;bottom:14px;width:50px;height:50px;padding:10px}.whatsapp-float>span{display:none}.footer-bottom{padding-bottom:55px}.footer-grid h2{font-size:10px}.industry-card h2,.technology-card h2{font-size:30px}.about-art>span{font-size:44px}.service-statement h2{font-size:34px}.filters button{padding-inline:13px}.contact-email{font-size:22px}}
@media(max-width:360px){.product-copy .button-row{flex-direction:column;align-items:stretch}.product-canvas{height:380px}.main-screen img{height:165px}.second-screen img{height:100px}.screen-caption strong{font-size:11px}.canvas-note{display:none}.hero-bottom p{max-width:18ch}.project-image{height:240px}.filters button{padding-inline:10px}.contact-email{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:680px){.cta-layout{grid-template-columns:1fr}.cta-layout>div{min-width:0}.capture-credit{min-height:32px}.footer-grid a:not(.footer-brand){min-height:30px}}
.about-art img{opacity:.5;object-fit:cover;object-position:top;mix-blend-mode:normal}.about-art>span{font-size:clamp(34px,4vw,52px);background:linear-gradient(transparent,#14292ee8);text-shadow:0 2px 15px #0009}