:root{--ink:#07182d;--ink2:#0e2b4b;--blue:#185cff;--blue2:#0e49d8;--cyan:#29c8f5;--paper:#fff;--pearl:#f5f8fc;--pearl2:#edf4fb;--muted:#435b75;--soft:#6f8399;--line:#c8d5e4;--line2:#aebfd2;--green:#1dbb6c;--shadow:0 24px 70px rgba(8,32,61,.12);--shell:min(1540px,calc(100vw - 88px));font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.58;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}.container{width:var(--shell);margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--blue);font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:900}.eyebrow:before{content:"";width:26px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.section-title{font-size:clamp(38px,4.6vw,72px);line-height:.96;letter-spacing:-.055em;margin:15px 0 20px;max-width:1050px}.lead{font-size:clamp(17px,1.22vw,21px);line-height:1.62;color:var(--muted);max-width:820px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:15px 22px;font-size:14px;font-weight:820;border:1px solid transparent;transition:.2s}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 30px rgba(24,92,255,.22)}.btn-primary:hover{background:var(--blue2);transform:translateY(-2px)}.btn-ghost{background:#fff;border-color:var(--line2);color:var(--ink)}.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(252,253,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid #d8e2ed}.nav-shell{width:var(--shell);min-height:84px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:16px;min-width:max-content}.brand img{width:190px;height:50px;object-fit:contain}.brand span{font-size:9px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:#5e738a;border-left:1px solid #c8d4df;padding-left:16px}.nav-links{justify-self:center;display:flex;align-items:center;gap:29px;height:100%}.nav-links>a,.services-nav-main>a{position:relative;color:#213c58;font-size:13px;font-weight:820;padding:31px 0 28px}.nav-links>a:hover,.services-nav-main>a:hover,.nav-links>a.active,.services-nav-main>a.active{color:var(--blue)}.nav-links>a.active:after,.services-nav-main>a.active:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:var(--blue)}.services-nav{height:100%;display:flex;align-items:center;position:relative}.services-nav-main{display:flex;align-items:center;gap:2px}.mega-toggle{border:0;background:transparent;color:#49627c;font-size:16px;font-weight:900;padding:12px 4px;cursor:pointer;transition:.2s}.services-nav.open .mega-toggle{transform:rotate(180deg);color:var(--blue)}.mega-menu{position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%) translateY(10px);width:min(920px,86vw);background:#fff;border:1px solid #cdd9e6;border-radius:20px;box-shadow:0 30px 80px rgba(7,30,57,.18);padding:22px;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.services-nav:hover .mega-menu,.services-nav:focus-within .mega-menu,.services-nav.open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.mega-top{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:4px 4px 18px;border-bottom:1px solid #dbe4ee}.mega-top small{display:block;color:var(--blue);font-size:9px;font-weight:950;letter-spacing:.16em}.mega-top strong{display:block;font-size:21px;line-height:1.15;margin-top:8px}.mega-top>a{font-size:12px;font-weight:850;color:var(--blue);white-space:nowrap}.mega-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:14px}.mega-group{padding:12px;border-radius:14px;background:#f7fafe;border:1px solid #e0e8f1}.mega-group>span{display:block;font-size:8px;font-weight:950;letter-spacing:.14em;color:#60758d;margin-bottom:7px}.mega-group a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 7px;border-radius:9px;font-size:11px;font-weight:820;color:#102a46}.mega-group a:hover{background:#eaf2ff;color:var(--blue)}.mega-group i{font-style:normal;color:#6d8298}.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 17px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:850}.nav-cta span{color:var(--cyan)}.mobile-menu-btn{display:none;border:0;background:transparent;width:42px;height:42px;padding:9px}.mobile-menu-btn i{display:block;height:2px;background:var(--ink);margin:5px 0}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f6faff 52%,#edf5ff 100%);border-bottom:1px solid #d8e3ee;padding:98px 0 88px}.hero:after{content:"";position:absolute;width:850px;height:850px;border-radius:50%;right:-320px;top:-370px;border:1px solid rgba(24,92,255,.12);box-shadow:0 0 0 110px rgba(24,92,255,.025),0 0 0 220px rgba(41,200,245,.018)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.hero-copy h1{font-size:clamp(58px,6.6vw,108px);line-height:.88;letter-spacing:-.07em;margin:18px 0 27px;max-width:950px}.hero-copy h1 span{color:var(--blue)}.hero-copy p{font-size:clamp(18px,1.38vw,23px);line-height:1.58;color:#3c5874;max-width:780px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-proofline{display:grid;grid-template-columns:repeat(3,max-content);gap:26px;margin-top:42px;padding-top:22px;border-top:1px solid #cbd8e5}.hero-proofline b{display:block;font-size:13px;color:var(--ink)}.hero-proofline span{font-size:10px;color:#587089}.growth-canvas{min-height:570px;position:relative}.growth-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:220px;height:220px;border-radius:50%;background:linear-gradient(145deg,#07182d,#124276);color:#fff;display:grid;place-items:center;text-align:center;z-index:4;box-shadow:0 30px 80px rgba(9,48,89,.25)}.growth-core strong{font-size:25px;line-height:1.03}.growth-core small{display:block;margin-top:8px;color:#5ae0ff;font-size:9px;letter-spacing:.14em}.growth-ring{position:absolute;inset:45px;border:1px solid rgba(24,92,255,.18);border-radius:50%}.growth-ring:after{content:"";position:absolute;inset:58px;border:1px dashed rgba(24,92,255,.22);border-radius:50%}.stage-node{position:absolute;width:180px;padding:18px;background:#fff;border:1px solid #c9d7e5;border-radius:18px;box-shadow:0 16px 45px rgba(27,62,100,.1);z-index:5}.stage-node i{font-style:normal;color:var(--blue);font-size:8px;font-weight:950;letter-spacing:.14em}.stage-node b{display:block;font-size:13px;margin:6px 0 3px}.stage-node small{display:block;color:#526a83;font-size:10px}.n1{left:2%;top:8%}.n2{right:-1%;top:13%}.n3{left:-2%;top:44%}.n4{right:-5%;top:46%}.n5{left:10%;bottom:3%}.n6{right:8%;bottom:1%}
.service-ribbon{background:#07182d;color:#fff;border-bottom:1px solid #18324e}.service-ribbon .container{display:grid;grid-template-columns:repeat(8,1fr)}.ribbon-item{padding:20px 14px;border-left:1px solid rgba(255,255,255,.1);min-height:92px;display:flex;flex-direction:column;justify-content:center}.ribbon-item:last-child{border-right:1px solid rgba(255,255,255,.1)}.ribbon-item b{font-size:10px}.ribbon-item span{font-size:8px;color:#9cb0c4;margin-top:4px}.ribbon-item:hover{background:#102d4d}
.editorial-section{padding:112px 0;background:#fff}.editorial-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:88px;align-items:start}.editorial-sticky{position:sticky;top:128px}.editorial-sticky p{color:var(--muted);max-width:450px}.discipline-stack{border-top:1px solid var(--line2)}.discipline{display:grid;grid-template-columns:72px .9fr 1.3fr auto;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);transition:.22s}.discipline:hover{background:#f4f8ff;padding-left:13px;padding-right:12px}.discipline .num{color:var(--blue);font-size:11px;font-weight:950}.discipline h3{margin:0;font-size:23px;letter-spacing:-.025em}.discipline p{margin:0;color:#4d657e;font-size:13px}.discipline a{color:var(--blue);font-size:19px}.flow-section{padding:116px 0;background:#f6f9fd}.flow-head{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:42px}.flow-head p{color:#3f5873}.flow-list{display:grid;gap:14px}.flow-step{display:grid;grid-template-columns:72px 260px 1fr auto;align-items:center;gap:28px;padding:25px 28px;background:#fff;border:1px solid #bfd0e1;border-radius:18px;box-shadow:0 10px 26px rgba(23,51,83,.045)}.flow-step:nth-child(even){background:#edf5ff;border-color:#b7cdf0}.flow-step .num{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#e7efff;color:var(--blue);font-size:11px;font-weight:950}.flow-step h3{font-size:25px;margin:0}.flow-step p{margin:0;color:#344f69;font-size:13px;max-width:720px}.flow-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.flow-chips span{padding:7px 9px;border-radius:999px;background:#0c2b4b;color:#fff;font-size:8px;font-weight:850;letter-spacing:.04em}.work-section{padding:110px 0;background:#081a2d;color:#fff}.work-head{display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:end}.work-head p{color:#aec0d1}.system-grid{margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.system-card{min-height:290px;padding:27px;border-radius:20px;background:#0d2947;border:1px solid #234666;position:relative;overflow:hidden}.system-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-45px;bottom:-45px;border:1px solid rgba(83,218,255,.22);box-shadow:0 0 0 24px rgba(83,218,255,.035)}.system-card span{font-size:8px;color:#62ddff;font-weight:950;letter-spacing:.14em}.system-card h3{font-size:25px;line-height:1.04;margin:18px 0 11px}.system-card p{font-size:12px;color:#a8bdd0}.system-card b{position:absolute;left:27px;bottom:26px;font-size:9px;color:#dfeaf4;letter-spacing:.09em}.team-teaser{padding:100px 0;background:#fff}.teaser-shell{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.teaser-words{display:grid;grid-template-columns:1fr 1fr;gap:10px}.teaser-words span{min-height:120px;border:1px solid #c8d6e4;border-radius:18px;display:grid;place-items:center;font-weight:950;font-size:16px;letter-spacing:.12em;color:#173653;background:#f8fbff}.faq{padding:110px 0;background:#f4f8fc}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq-list details{background:#fff;border:1px solid #c8d6e4;border-radius:15px;margin-bottom:10px;padding:19px 22px}.faq-list summary{cursor:pointer;font-weight:850;font-size:15px}.faq-list p{color:#435c76;font-size:13px}.enquiry-band{padding:110px 0;background:#081a2d;color:#fff}.enquiry-shell{display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:start}.enquiry-copy h2{font-size:clamp(40px,4.5vw,66px);line-height:.98;letter-spacing:-.055em;margin:15px 0}.enquiry-copy p{color:#adc0d1}.enquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:27px;background:#fff;border-radius:21px;border:1px solid #d7e2ec;color:var(--ink);box-shadow:0 25px 60px rgba(0,0,0,.14)}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:9px;font-weight:900;letter-spacing:.05em;color:#435a72}.field input,.field select,.field textarea{width:100%;border:1px solid #c5d3e2;border-radius:11px;background:#fbfdff;color:#0c223a;padding:13px 14px;font-size:12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(24,92,255,.1)}.field textarea{min-height:105px;resize:vertical}.form-submit{grid-column:1/-1;border:0;border-radius:12px;padding:14px 18px;background:var(--blue);color:#fff;font-weight:850;cursor:pointer}.form-submit:hover{background:var(--blue2)}
.page-hero{padding:94px 0 72px;background:linear-gradient(135deg,#fff,#f0f6fc);border-bottom:1px solid #d5e1ec}.page-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:72px;align-items:end}.page-hero h1{font-size:clamp(54px,6vw,96px);line-height:.91;letter-spacing:-.065em;margin:18px 0 22px}.page-hero p{font-size:19px;color:#3f5872;max-width:780px}.page-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.page-meta div{padding:20px;border:1px solid #c7d5e3;background:#fff;border-radius:14px}.page-meta small{display:block;color:#5d7187;font-size:8px;font-weight:900;letter-spacing:.13em}.page-meta b{display:block;font-size:13px;margin-top:7px}.services-page{padding:100px 0}.service-groups{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-overview-card{padding:30px;border:1px solid #c4d3e1;border-radius:20px;background:#fff;min-height:280px;display:flex;flex-direction:column}.service-overview-card:nth-child(4n+2),.service-overview-card:nth-child(4n+3){background:#f0f6ff}.service-overview-card span{font-size:9px;font-weight:950;letter-spacing:.15em;color:var(--blue)}.service-overview-card h2{font-size:30px;margin:17px 0 10px;line-height:1.03}.service-overview-card p{font-size:13px;color:#405a74;max-width:590px}.service-overview-card a{margin-top:auto;color:var(--blue);font-size:12px;font-weight:850}.service-hero{padding:90px 0 72px;background:linear-gradient(135deg,#fff,#eef5ff);border-bottom:1px solid #d4e0eb}.service-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}.service-hero h1{font-size:clamp(52px,6vw,94px);line-height:.91;letter-spacing:-.063em;margin:18px 0 22px}.service-hero p{font-size:19px;color:#3d5872;max-width:780px}.service-signal{padding:27px;border:1px solid #b9cbe0;border-radius:20px;background:#fff}.service-signal span{display:block;font-size:9px;color:var(--blue);font-weight:950;letter-spacing:.14em}.service-signal b{display:block;font-size:25px;line-height:1.07;margin:12px 0}.service-signal p{font-size:12px;color:#4f667f;margin:0}.service-intro{padding:92px 0;background:#fff}.service-intro-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:85px}.service-intro h2{font-size:48px;line-height:1;letter-spacing:-.045em;margin:14px 0}.service-intro p{color:#415b74;font-size:16px}.capability-section{padding:100px 0;background:#f3f7fc}.cap-head{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end;margin-bottom:35px}.cap-head p{color:#3f5872}.cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.cap-card{display:grid;grid-template-columns:60px 1fr;gap:18px;padding:24px;background:#fff;border:1px solid #bdcfe1;border-radius:18px;min-height:205px;box-shadow:0 8px 22px rgba(30,62,96,.04)}.cap-card:hover{border-color:#8cb0dc;box-shadow:0 16px 34px rgba(29,69,115,.08)}.cap-num{width:50px;height:50px;border-radius:14px;background:#e6efff;color:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:950}.cap-copy h3{margin:1px 0 7px;font-size:18px}.cap-copy>p{margin:0;color:#405b75;font-size:12px}.why{margin-top:18px;padding-top:14px;border-top:1px solid #dbe5ee;color:#536b84;font-size:11px}.why b{color:#d86014}.usecases{padding:100px 0;background:#fff}.usecase-grid{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.usecase{padding:28px;border:1px solid #c5d4e2;border-radius:18px;background:#fbfdff;min-height:190px}.usecase span{font-size:9px;color:var(--blue);font-weight:950;letter-spacing:.13em}.usecase h3{font-size:23px;margin:18px 0 9px}.usecase p{font-size:13px;color:#405b74}.service-close{padding:100px 0;background:#081a2d;color:#fff}.service-close-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.service-close h2{font-size:clamp(42px,5vw,74px);line-height:.95;letter-spacing:-.055em;margin:0}.service-close p{color:#adc0d1;font-size:16px}.service-close .btn{margin-top:20px}.about-story{padding:100px 0;background:#fff}.about-story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.about-story h2{font-size:49px;line-height:1;letter-spacing:-.045em}.about-story p{color:#405a74}.beliefs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.belief{padding:25px;border:1px solid #c7d5e3;border-radius:18px;background:#f9fbfe}.belief b{display:block;font-size:16px}.belief span{display:block;margin-top:8px;color:#4a627a;font-size:12px}.pillars{padding:110px 0;background:#07182d;color:#fff}.pillars-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:end}.pillars-head h2{font-size:clamp(44px,5vw,76px);line-height:.95;letter-spacing:-.055em;margin:15px 0}.pillars-head p{color:#afc2d4;font-size:14px;max-width:760px}.pillar-grid{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}.pillar-card{border:1px solid #24435f;background:#0c2b49;border-radius:22px;overflow:hidden;min-width:0}.pillar-card:nth-child(2){margin-top:28px}.pillar-card:nth-child(3){margin-top:56px}.pillar-card:nth-child(4){margin-top:28px}.pillar-photo{aspect-ratio:4/5;background:linear-gradient(145deg,#143a62,#091f38);overflow:hidden;position:relative}.pillar-photo img{width:100%;height:100%;object-fit:cover}.pillar-card:nth-child(1) .pillar-photo img{object-position:center top}.pillar-card:nth-child(2) .pillar-photo img{object-position:center 18%}.pillar-card:nth-child(4) .pillar-photo img{object-position:center top}.pillar-photo.placeholder:before{content:"M";position:absolute;inset:0;display:grid;place-items:center;font-size:96px;font-weight:950;color:rgba(91,217,255,.2)}.pillar-photo.placeholder:after{content:"PORTRAIT RESERVED";position:absolute;left:20px;bottom:20px;font-size:8px;letter-spacing:.16em;color:#69dcff;font-weight:900}.pillar-copy{padding:22px}.pillar-label{font-size:8px;color:#5be1ff;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.pillar-copy h3{font-size:20px;margin:13px 0 3px}.experience{font-size:10px;color:#91a9be}.pillar-copy blockquote{margin:22px 0;font-size:14px;font-weight:850;line-height:1.35}.pillar-copy p{font-size:10px;color:#a8bed1}.collective-thought{margin-top:34px;border-top:1px solid #24455f;padding-top:28px;display:grid;grid-template-columns:200px 1fr;gap:40px}.collective-thought span{font-size:9px;color:#56dcff;font-weight:950;letter-spacing:.16em}.collective-thought p{font-size:18px;line-height:1.6;color:#c3d2df;margin:0}.collective-thought strong{color:#fff}.contact-page{padding:100px 0;background:#f5f8fc}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.contact-copy h1{font-size:clamp(50px,5.5vw,86px);line-height:.92;letter-spacing:-.06em;margin:18px 0}.contact-copy>p{font-size:18px;color:#405a74}.contact-points{display:grid;gap:10px;margin-top:32px}.contact-points a{display:block;padding:19px;border-left:3px solid var(--blue);background:#fff}.contact-points small{display:block;font-size:8px;color:#5c7187;letter-spacing:.13em}.contact-points b{display:block;margin-top:5px}.contact-form-wrap{padding:30px;border:1px solid #c4d3e1;background:#fff;border-radius:22px}.contact-form-wrap .enquiry-form{padding:0;box-shadow:none;border:0}.support-hero{padding:100px 0;background:#f4f8fc}.support-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.support-grid h1{font-size:clamp(50px,5.6vw,86px);line-height:.92;letter-spacing:-.06em;margin:18px 0}.support-grid p{color:#405b75}.support-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px}.support-action{padding:24px;background:#fff;border:1px solid #c3d2e0;border-radius:16px}.support-action b,.support-action span{display:block}.support-action b{font-size:15px}.support-action span{font-size:11px;color:#4c647c;margin-top:6px}.support-content{padding:95px 0}.support-content-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.support-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.support-list div{padding:25px;border:1px solid #c9d6e3;border-radius:17px;background:#f9fbfe}.support-list b,.support-list span{display:block}.support-list span{font-size:12px;color:#486079;margin-top:7px}.privacy{padding:100px 0}.privacy article{max-width:900px}.privacy h1{font-size:56px;letter-spacing:-.05em}.privacy h2{margin-top:40px}.privacy p,.privacy li{color:#435c75}.site-footer{background:#061522;color:#fff;padding:68px 0 0}.footer-shell{width:var(--shell);margin:auto;display:grid;grid-template-columns:1.5fr .7fr .8fr 1fr;gap:50px}.footer-logo{display:inline-block;background:#fff;border-radius:12px;padding:8px 12px}.footer-logo img{width:185px}.footer-brand p{color:#9bb0c2;max-width:470px;font-size:12px}.footer-brand>strong{font-size:9px;color:#5ce1ff;letter-spacing:.16em}.footer-col span{display:block;color:#7d94a9;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.15em;margin-bottom:13px}.footer-col a{display:block;color:#e3ebf2;font-size:11px;padding:6px 0}.footer-col a:hover{color:#5de1ff}.footer-bottom{width:var(--shell);margin:48px auto 0;border-top:1px solid rgba(255,255,255,.1);padding:20px 0;display:flex;justify-content:space-between;gap:20px;color:#8298aa;font-size:9px}.whatsapp-float{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;box-shadow:0 16px 38px rgba(20,114,70,.28);z-index:990;transition:.2s}.whatsapp-float svg{width:28px;height:28px;fill:currentColor}.whatsapp-float.bot-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px)}.whatsapp-helper{position:fixed;right:24px;bottom:94px;width:min(360px,calc(100vw - 30px));z-index:989;opacity:0;visibility:hidden;transform:translateY(13px) scale(.98);transition:.22s}.whatsapp-helper.show{opacity:1;visibility:visible;transform:none}.helper-card{background:#fff;border:1px solid #c7d5e3;border-radius:19px;box-shadow:0 24px 70px rgba(4,24,48,.2);overflow:hidden}.helper-head{padding:15px 16px;background:#07182d;color:#fff;display:flex;align-items:center;gap:11px;position:relative}.helper-bot{width:37px;height:37px;border-radius:11px;background:linear-gradient(145deg,var(--blue),var(--cyan));display:grid;place-items:center;font-size:9px;font-weight:950}.helper-copy b,.helper-copy small{display:block}.helper-copy b{font-size:12px}.helper-copy small{font-size:9px;color:#a6bacb}.helper-close{position:absolute;right:9px;top:9px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.helper-body{padding:14px}.helper-input{display:flex;gap:8px}.helper-input input{min-width:0;flex:1;border:1px solid #c8d5e3;border-radius:11px;padding:12px;font-size:11px}.helper-send{border:0;border-radius:11px;background:var(--blue);color:#fff;padding:0 15px;font-weight:850;cursor:pointer}
.reveal{opacity:0;transform:translateY(18px);transition:.6s}.reveal.in{opacity:1;transform:none}
@media(min-width:2000px){:root{--shell:min(1780px,calc(100vw - 150px))}.nav-shell{min-height:92px}.brand img{width:215px}.nav-links>a,.services-nav-main>a{font-size:14px}.hero{padding:120px 0 104px}.hero-grid{gap:110px}.growth-canvas{min-height:650px}.stage-node{width:200px}.editorial-section,.flow-section,.work-section,.team-teaser,.faq,.enquiry-band,.services-page,.about-story,.pillars,.service-intro,.capability-section,.usecases,.service-close{padding-top:130px;padding-bottom:130px}.pillar-copy{padding:25px}.cap-card{min-height:220px}}
@media(max-width:1180px){:root{--shell:min(1120px,calc(100vw - 44px))}.nav-shell{grid-template-columns:auto auto}.nav-cta{display:none}.mobile-menu-btn{display:block;justify-self:end}.nav-links{display:none;position:absolute;left:22px;right:22px;top:76px;background:#fff;border:1px solid #cbd8e5;border-radius:18px;box-shadow:var(--shadow);padding:14px;flex-direction:column;align-items:stretch;height:auto;gap:0}.nav-links.open{display:flex}.nav-links>a,.services-nav-main>a{padding:13px 10px}.nav-links>a.active:after,.services-nav-main>a.active:after{display:none}.services-nav{display:block}.services-nav-main{justify-content:space-between}.mega-menu{position:static;transform:none!important;width:100%;box-shadow:none;margin-top:5px;display:none;opacity:1;visibility:visible;pointer-events:auto}.services-nav.open .mega-menu{display:block}.mega-groups{grid-template-columns:1fr 1fr}.hero-grid,.page-hero-grid,.service-hero-grid,.service-intro-grid,.about-story-grid,.contact-grid,.support-grid,.support-content-grid,.enquiry-shell,.pillars-head,.flow-head,.work-head{grid-template-columns:1fr}.growth-canvas{min-height:520px}.editorial-grid,.faq-grid{grid-template-columns:1fr}.editorial-sticky{position:static}.system-grid{grid-template-columns:1fr 1fr}.pillar-grid{grid-template-columns:1fr 1fr}.pillar-card:nth-child(n){margin-top:0}.flow-step{grid-template-columns:60px 220px 1fr}.flow-chips{grid-column:2/-1;justify-content:flex-start}.service-ribbon .container{grid-template-columns:repeat(4,1fr)}.footer-shell{grid-template-columns:1.4fr 1fr 1fr}.footer-col:last-child{grid-column:2/4}.teaser-shell{grid-template-columns:1fr}.cap-head{grid-template-columns:1fr}}
@media(max-width:760px){:root{--shell:calc(100vw - 30px)}.brand img{width:156px;height:44px}.brand span{display:none}.site-header{position:sticky}.hero{padding:70px 0}.hero-copy h1{font-size:52px}.hero-grid{gap:35px}.hero-proofline{grid-template-columns:1fr;gap:12px}.growth-canvas{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:0}.growth-core,.growth-ring{display:none}.stage-node{position:static;width:auto}.service-ribbon .container{grid-template-columns:1fr 1fr}.editorial-section,.flow-section,.work-section,.team-teaser,.faq,.enquiry-band,.services-page,.about-story,.pillars,.service-intro,.capability-section,.usecases,.service-close,.contact-page,.support-hero,.support-content{padding:72px 0}.discipline{grid-template-columns:45px 1fr auto;gap:12px}.discipline p{grid-column:2/4}.flow-step{grid-template-columns:48px 1fr;gap:14px;padding:20px}.flow-step h3{font-size:21px}.flow-step p,.flow-chips{grid-column:2}.flow-chips{justify-content:flex-start}.system-grid,.service-groups,.cap-grid,.usecase-grid,.beliefs,.support-actions,.support-list,.pillar-grid,.page-meta{grid-template-columns:1fr}.pillar-card:nth-child(n){margin-top:0}.pillar-photo{aspect-ratio:4/5}.collective-thought{grid-template-columns:1fr;gap:12px}.enquiry-form{grid-template-columns:1fr;padding:20px}.field.full,.form-submit{grid-column:1}.footer-shell{grid-template-columns:1fr}.footer-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.mega-groups{grid-template-columns:1fr}.mega-top{align-items:start;flex-direction:column}.whatsapp-float{right:16px;bottom:16px}.whatsapp-helper{right:15px;bottom:86px}.service-close-grid{grid-template-columns:1fr}.service-hero h1,.page-hero h1{font-size:50px}.service-intro h2,.about-story h2{font-size:38px}.cap-card{grid-template-columns:48px 1fr;padding:20px}.cap-num{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* =========================
   SD Techo V4 refinements
   ========================= */
html{font-kerning:normal;text-rendering:optimizeLegibility}
body{word-spacing:.012em}
h1,h2,h3,h4,.section-title,.hero-copy h1,.page-hero h1,.service-hero h1,.service-intro h2,.about-story h2,.pillars-head h2,.contact-copy h1,.support-grid h1,.privacy h1,.enquiry-copy h2,.service-close h2{font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1;word-spacing:.015em;text-wrap:balance}
.hero-copy h1{letter-spacing:-.026em;line-height:.93}
.section-title{letter-spacing:-.026em;line-height:1.01}
.page-hero h1,.service-hero h1{letter-spacing:-.028em;line-height:.96}
.service-intro h2,.about-story h2,.pillars-head h2,.enquiry-copy h2,.service-close h2,.contact-copy h1,.support-grid h1,.privacy h1{letter-spacing:-.024em;line-height:1.02}
.discipline h3,.flow-step h3,.system-card h3,.cap-copy h3,.usecase h3,.pillar-copy h3,.about-lane h3,.about-process-grid h3{letter-spacing:-.012em;word-spacing:.01em}
p,.lead,.cap-copy p,.why,.pillar-copy p,.about-lane p,.about-process-grid p{letter-spacing:0;word-spacing:.018em}
.eyebrow,.brand span,.mega-top small,.mega-group>span,.pillar-label,.collective-thought span,.footer-brand>strong,.footer-col span{word-spacing:.06em}

/* Higher-contrast body copy on light backgrounds */
.lead,.hero-copy p,.flow-head p,.discipline p,.page-hero p,.service-hero p,.service-intro p,.about-story p,.contact-copy>p,.support-grid p,.privacy p,.privacy li{color:#314c68}

/* Premium dark capability sections */
.capability-section{background:linear-gradient(155deg,#061728 0%,#0a2138 58%,#0b2b49 100%);color:#fff;position:relative;overflow:hidden}
.capability-section:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-170px;top:-210px;border:1px solid rgba(89,221,255,.13);box-shadow:0 0 0 90px rgba(58,135,255,.028),0 0 0 180px rgba(82,222,255,.018)}
.capability-section .container{position:relative;z-index:1}
.capability-section .eyebrow{color:#63e1ff}
.capability-section .eyebrow:before{background:linear-gradient(90deg,#4c78ff,#5ce6ff)}
.capability-section .section-title{color:#fff}
.capability-section .cap-head .lead{color:#b9ccdc;max-width:660px}
.cap-grid{gap:16px}
.cap-card{background:linear-gradient(155deg,#0d2a48 0%,#0b223a 100%);border-color:#244b6d;box-shadow:0 18px 42px rgba(0,0,0,.13);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease}
.cap-card:hover{transform:translateY(-6px);border-color:#4a7fb0;box-shadow:0 24px 55px rgba(0,0,0,.22);background:linear-gradient(155deg,#12365b 0%,#0c2945 100%)}
.cap-num{background:linear-gradient(145deg,#1c5cff,#25bfe9);color:#fff;box-shadow:0 10px 24px rgba(24,92,255,.2)}
.cap-copy h3{color:#fff}
.cap-copy p{color:#c8d6e2}
.cap-copy .why{color:#a9bfd1;border-top-color:#315472}
.cap-copy .why b{color:#60e0ff}

/* Global hover lift / interactive surfaces */
.btn,.nav-cta,.service-overview-card,.discipline,.system-card,.flow-step,.usecase,.belief,.pillar-card,.support-action,.contact-points a,.mega-group,.ribbon-item,.about-lane,.about-process-grid article,.service-group a{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background-color .24s ease,color .24s ease}
@media(hover:hover) and (pointer:fine){
  .btn:hover,.nav-cta:hover,.service-overview-card:hover,.discipline:hover,.system-card:hover,.flow-step:hover,.usecase:hover,.belief:hover,.pillar-card:hover,.support-action:hover,.contact-points a:hover,.about-lane:hover,.about-process-grid article:hover{transform:translateY(-5px)}
  .service-overview-card:hover,.flow-step:hover,.belief:hover,.support-action:hover,.about-lane:hover,.about-process-grid article:hover{box-shadow:0 20px 46px rgba(11,44,78,.1)}
  .discipline:hover{padding-left:0;padding-right:0;background:#f2f7ff}
}

/* About V4: more depth, better rhythm */
.about-hero{background:linear-gradient(135deg,#fff 0%,#f4f8fd 60%,#edf5ff 100%)}
.about-meta{grid-template-columns:repeat(3,1fr)}
.about-connect{padding:112px 0;background:#f4f8fc;border-top:1px solid #d9e3ee;border-bottom:1px solid #d9e3ee}
.about-connect-head{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;margin-bottom:42px}
.about-connect-head h2{font-size:clamp(40px,4.6vw,72px);letter-spacing:-.025em;line-height:1.01;margin:14px 0 0;max-width:900px}
.about-connect-head>p{margin:0;color:#36516d;font-size:16px;line-height:1.7;max-width:650px}
.about-lanes{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.about-lane{padding:30px;border:1px solid #bfd0e2;border-radius:20px;background:#fff;min-height:210px;position:relative;overflow:hidden}
.about-lane:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-55px;bottom:-55px;border:1px solid rgba(24,92,255,.16);box-shadow:0 0 0 24px rgba(24,92,255,.025)}
.about-lane>span{display:block;color:#185cff;font-size:9px;font-weight:950;letter-spacing:.14em;margin-bottom:20px}
.about-lane h3{font-size:24px;line-height:1.15;margin:0 0 14px;max-width:520px}
.about-lane p{margin:0;color:#405a74;font-size:13px;max-width:620px}
.about-process{padding:112px 0;background:#07182d;color:#fff}
.about-process-head{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;margin-bottom:42px}
.about-process-head h2{font-size:clamp(42px,4.5vw,70px);line-height:1;letter-spacing:-.025em;margin:14px 0 0}
.about-process-head p{margin:0;color:#aac0d2;font-size:16px;line-height:1.7;max-width:600px}
.about-process .eyebrow{color:#5de2ff}.about-process .eyebrow:before{background:linear-gradient(90deg,#3467ff,#5de2ff)}
.about-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.about-process-grid article{padding:28px;border:1px solid #244763;border-radius:18px;background:#0d2947;min-height:230px}
.about-process-grid article>b{display:inline-flex;width:42px;height:42px;border-radius:12px;align-items:center;justify-content:center;background:#14385e;color:#60e2ff;font-size:10px}
.about-process-grid h3{font-size:22px;margin:24px 0 12px;color:#fff}
.about-process-grid p{margin:0;color:#a9bfd0;font-size:12px}

/* Pillars: exactly three, intentional portrait framing */
.pillar-grid-three{grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.pillar-grid-three .pillar-card:nth-child(n){margin-top:0}
.pillar-grid-three .pillar-photo{aspect-ratio:4/5;height:auto}
.pillar-grid-three .pillar-card:nth-child(1) .pillar-photo img{object-position:center 22%}
.pillar-grid-three .pillar-card:nth-child(2) .pillar-photo img{object-position:center 28%}
.pillar-grid-three .pillar-card:nth-child(3) .pillar-photo img{object-position:center 24%}
.pillar-grid-three .pillar-copy{min-height:300px}

/* Contact/FAQ/service copy should never read like internal documentation */
.cap-head{align-items:end}
.cap-head .lead{font-size:16px;line-height:1.7}

/* Improved focus states */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(24,92,255,.28);outline-offset:3px}

/* 2K/QHD refinements */
@media(min-width:2000px){
  .hero-copy h1{letter-spacing:-.022em}
  .section-title,.page-hero h1,.service-hero h1{letter-spacing:-.022em}
  .pillar-grid-three{gap:26px}
  .pillar-grid-three .pillar-copy{padding:28px;min-height:330px}
  .about-lane{padding:34px;min-height:230px}
}

@media(max-width:1180px){
  .about-connect-head,.about-process-head{grid-template-columns:1fr}
  .about-lanes{grid-template-columns:1fr 1fr}
  .about-process-grid{grid-template-columns:1fr 1fr}
  .pillar-grid-three{grid-template-columns:1fr 1fr}
  .pillar-grid-three .pillar-card:last-child{grid-column:1/-1;max-width:620px;margin-inline:auto;width:100%}
}

@media(max-width:760px){
  body{word-spacing:normal}
  .hero-copy h1{font-size:50px;line-height:.98;letter-spacing:-.018em}
  .section-title,.page-hero h1,.service-hero h1{letter-spacing:-.018em;line-height:1.04}
  .about-lanes,.about-process-grid,.pillar-grid-three,.about-meta{grid-template-columns:1fr}
  .pillar-grid-three .pillar-card:last-child{grid-column:auto;max-width:none}
  .about-connect,.about-process{padding:78px 0}
  .about-lane{min-height:0;padding:24px}
  .about-process-grid article{min-height:0}
  
  .capability-section:before{display:none}
  .cap-head .lead{font-size:14px}
}


/* V4 mega-menu reliability */
.services-nav.open>.mega-menu,.services-nav.open .mega-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(-50%) translateY(0)!important}
@media(max-width:1180px){.services-nav.open>.mega-menu,.services-nav.open .mega-menu{transform:none!important;display:block!important}}


/* V5 final typography + readable scale */
body{font-size:16px;letter-spacing:0;word-spacing:normal}
.nav-links>a,.services-nav-main>a{font-size:14px}
.brand span{font-size:10px}
.eyebrow{font-size:12px;letter-spacing:.13em}
.hero-copy h1,.page-hero h1,.service-hero h1,.section-title,.service-close h2,.contact-copy h1,.support-grid h1{letter-spacing:-.022em}
.page-hero p,.service-hero p,.lead{font-size:clamp(17px,1.15vw,21px)}
.service-overview-card p,.discipline p,.system-card p,.flow-step p,.usecase p,.belief span,.about-lane p,.about-process-grid p,.support-action span,.support-list span,.service-signal p,.cap-copy>p,.why,.footer-col a{font-size:13px;line-height:1.65}
.cap-copy h3{font-size:19px}.mega-group a{font-size:12px}.footer-brand p{font-size:13px}.footer-hours{display:block;color:#93a9ba;font-size:11px;line-height:1.5;margin-top:12px}.footer-legal a{color:#9fb3c4}.footer-legal a:hover{color:#5de1ff}

/* Seven-service mega menu */
.mega-groups-seven{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Industry fit: show broad applicability without pretending every workflow is identical */
.industry-head{display:grid;grid-template-columns:1fr .78fr;gap:70px;align-items:end}
.industry-grid{margin-top:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.industry-card{padding:24px;border:1px solid #c5d5e4;border-radius:18px;background:#f8fbff;min-height:160px;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.industry-card>span{display:block;color:#185cff;font-size:10px;font-weight:900;letter-spacing:.12em}.industry-card h3{font-size:20px;line-height:1.15;margin:18px 0 8px}.industry-card p{margin:0;color:#435d77;font-size:13px;line-height:1.6}
.industry-note{margin:20px 0 0;color:#36516c;font-size:15px}.workflow-examples{margin-top:70px;padding-top:52px;border-top:1px solid #d4dfeb}.workflow-title{font-size:clamp(34px,3.4vw,54px);letter-spacing:-.02em;line-height:1;margin:14px 0 26px}
@media(hover:hover) and (pointer:fine){.industry-card:hover{transform:translateY(-5px);border-color:#8fb2dd;box-shadow:0 18px 42px rgba(11,44,78,.09)}}

/* Lead forms */
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.form-status{grid-column:1/-1;min-height:22px;margin:0;color:#3e5872;font-size:12px}.form-submit:disabled{opacity:.7;cursor:wait}

/* Support + legal */
.support-hours-card{margin-top:28px;padding:24px;border:1px solid #c5d5e4;border-radius:18px;background:#fff}.support-hours-card>span{display:block;color:#185cff;font-size:10px;font-weight:950;letter-spacing:.13em}.support-hours-card h2{font-size:26px;margin:12px 0 4px}.support-hours-card strong{display:block;font-size:20px}.support-hours-card p{font-size:13px;margin:10px 0 0;color:#48617a}
.legal-page article{max-width:960px}.legal-page h1{letter-spacing:-.025em}.legal-page h2{font-size:27px;letter-spacing:-.01em}.legal-page p,.legal-page li{font-size:15px;line-height:1.75}.legal-updated{font-size:12px!important;color:#698096!important;text-transform:uppercase;letter-spacing:.08em}

@media(max-width:1180px){.industry-grid{grid-template-columns:repeat(2,1fr)}.industry-head{grid-template-columns:1fr}.mega-groups-seven{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.nav-links>a,.services-nav-main>a{font-size:15px}.eyebrow{font-size:11px}.industry-grid{grid-template-columns:1fr}.industry-card{min-height:0}.service-overview-card p,.discipline p,.system-card p,.flow-step p,.usecase p,.belief span,.about-lane p,.about-process-grid p,.support-action span,.support-list span,.service-signal p,.cap-copy>p,.why{font-size:13px}.mega-groups-seven{grid-template-columns:1fr}}

.form-status.is-success{color:#137a42;font-weight:850}.form-status.is-error{color:#c83232;font-weight:850}


/* =========================================================
   SD Techo mobile navigation + selected logo — final patch
   ========================================================= */

/* The selected logo is a square source image with a centered horizontal mark.
   object-fit: cover crops the unused white canvas without modifying the asset. */
.brand img{width:205px;height:54px;object-fit:cover;object-position:center 48%;background:#fff}
.footer-logo img{width:215px;height:60px;object-fit:cover;object-position:center 48%;background:#fff}

.mobile-nav-backdrop{display:none}

@media(max-width:1180px){
  :root{--mobile-header-h:76px}
  html.nav-open,body.nav-open{overflow:hidden!important;overscroll-behavior:none!important}
  body.nav-open{touch-action:auto}
  .site-header{z-index:1200}
  .nav-shell{min-height:var(--mobile-header-h)}
  .mobile-menu-btn{position:relative;z-index:1204;border-radius:12px;transition:background .2s ease}
  .mobile-menu-btn[aria-expanded="true"]{background:#edf4fb}
  .mobile-menu-btn i{transition:transform .22s ease,opacity .18s ease;margin:5px 0;transform-origin:center}
  .mobile-menu-btn[aria-expanded="true"] i:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mobile-menu-btn[aria-expanded="true"] i:nth-child(2){opacity:0}
  .mobile-menu-btn[aria-expanded="true"] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .mobile-nav-backdrop{
    display:block;position:fixed;left:0;right:0;top:var(--mobile-header-h);bottom:0;
    z-index:1195;background:rgba(5,20,38,.36);backdrop-filter:blur(2px);
    opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease
  }
  .mobile-nav-backdrop.show{opacity:1;visibility:visible;pointer-events:auto}

  .nav-links{
    display:flex!important;position:fixed!important;left:auto!important;right:12px!important;
    top:calc(var(--mobile-header-h) + 10px)!important;bottom:max(12px,env(safe-area-inset-bottom))!important;
    width:min(400px,calc(100vw - 24px))!important;height:auto!important;max-height:none!important;
    margin:0!important;padding:12px 12px 18px!important;border:1px solid #cbd8e5!important;
    border-radius:22px!important;background:#fff!important;box-shadow:0 30px 80px rgba(7,30,57,.24)!important;
    flex-direction:column!important;align-items:stretch!important;justify-self:auto!important;gap:0!important;
    overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;scrollbar-gutter:stable;z-index:1202!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translateX(calc(100% + 28px))!important;
    transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .2s ease,visibility .2s ease!important
  }
  .nav-links.open{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(0)!important
  }
  .nav-links>a,.services-nav-main>a{padding:15px 12px!important;font-size:15px!important;line-height:1.25}
  .nav-links>a{border-bottom:1px solid #edf2f7}
  .nav-links>a:last-child{border-bottom:0}
  .services-nav{display:block!important;height:auto!important;border-bottom:1px solid #edf2f7}
  .services-nav-main{min-height:52px;padding-right:2px}
  .services-nav-main>a{flex:1;border:0}
  .mega-toggle{width:42px;height:42px;border-radius:11px;background:#f4f8fc;padding:0;display:grid;place-items:center}

  /* Submenu stays inside the drawer and participates in the drawer's own scroll. */
  .mega-menu{
    position:static!important;left:auto!important;top:auto!important;width:100%!important;margin:2px 0 10px!important;
    padding:18px!important;border-radius:18px!important;box-shadow:none!important;background:#f8fbff!important;
    overflow:visible!important;max-height:none!important;opacity:1!important;visibility:visible!important;
    pointer-events:auto!important;transform:none!important;transition:none!important
  }
  .services-nav:not(.open)>.mega-menu,.services-nav:not(.open) .mega-menu{display:none!important}
  .services-nav.open>.mega-menu,.services-nav.open .mega-menu{display:block!important;transform:none!important}
  .mega-top{padding:2px 4px 16px!important;gap:14px}
  .mega-groups{gap:10px!important}
  .mega-group{background:#fff;border:1px solid #d8e3ed;border-radius:14px}
  .mega-group a{padding:10px 5px!important}

  body.nav-open .whatsapp-float,body.nav-open .whatsapp-helper{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}

@media(max-width:760px){
  :root{--mobile-header-h:72px}
  .nav-shell{min-height:var(--mobile-header-h)}
  .brand img{width:162px;height:44px;object-fit:cover;object-position:center 48%}
  .nav-links{right:10px!important;top:calc(var(--mobile-header-h) + 8px)!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:calc(100vw - 20px)!important;border-radius:20px!important}
  .mega-top{align-items:flex-start!important;flex-direction:column!important}
  .mega-groups,.mega-groups-seven{grid-template-columns:1fr!important}
  .footer-logo img{width:205px;height:58px}
}

@media(prefers-reduced-motion:reduce){
  .nav-links,.mobile-nav-backdrop,.mobile-menu-btn i{transition:none!important}
}