:root{
  --ink:#071c17;
  --ink-2:#0d2e25;
  --emerald:#07845f;
  --emerald-bright:#1fd49a;
  --acid:#bfffdc;
  --cream:#f3f2ec;
  --paper:#fbfcf9;
  --soft:#eef3ef;
  --muted:#64726c;
  --line:rgba(7,28,23,.13);
  --white:#fff;
  --shadow:0 28px 80px rgba(3,22,17,.14);
  --shadow-soft:0 15px 45px rgba(3,22,17,.08);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.container{width:min(1240px,calc(100% - 48px));margin:auto}
.notice-bar{background:var(--ink);color:#cce2d9;font-size:11px;letter-spacing:.02em}
.notice-inner{height:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.notice-inner>span{display:flex;align-items:center;gap:9px}
.notice-inner i{width:7px;height:7px;border-radius:50%;background:var(--emerald-bright);box-shadow:0 0 0 5px rgba(31,212,154,.1)}
.notice-links{display:flex;align-items:center;gap:24px}
.notice-links a:hover{color:#fff}
.site-header{position:sticky;top:0;z-index:100;padding:12px 0;background:rgba(251,252,249,.82);backdrop-filter:blur(18px);transition:.3s}
.site-header.scrolled{padding:8px 0;background:rgba(251,252,249,.94);box-shadow:0 12px 40px rgba(7,28,23,.08)}
.nav-shell{height:66px;border:1px solid rgba(7,28,23,.1);background:rgba(255,255,255,.84);border-radius:18px;display:flex;align-items:center;gap:32px;padding:0 10px 0 20px;box-shadow:0 8px 30px rgba(7,28,23,.04)}
.brand{display:flex;align-items:center;margin-right:auto}
.brand img{width:218px;height:auto}
.main-nav{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:700;color:#33463f}
.main-nav a{position:relative;padding:24px 0}
.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:15px;height:2px;background:var(--emerald);transition:.25s}
.main-nav a:hover,.main-nav a.active{color:var(--ink)}
.main-nav a:hover:after,.main-nav a.active:after{right:0}
.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:14px;font-family:"Manrope",sans-serif;font-size:13px;font-weight:800;transition:.3s}
.nav-cta{background:var(--ink);color:#fff;padding:13px 16px 13px 18px;white-space:nowrap}
.nav-cta b{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--emerald-bright);color:var(--ink);font-size:15px}
.nav-cta:hover{transform:translateY(-2px);background:var(--ink-2)}
.menu-toggle{display:none;width:42px;height:42px;border:0;border-radius:12px;background:var(--ink);padding:11px;cursor:pointer}
.menu-toggle span{display:block;height:2px;background:#fff;margin:5px 0;transition:.25s}
.menu-toggle.active span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle.active span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.kicker,.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800;color:var(--emerald)}
.kicker:before,.eyebrow:before{content:"";width:28px;height:1px;background:currentColor}
.kicker-light,.eyebrow-light{color:#8cf5c8}
.button{padding:15px 21px;border:1px solid transparent}
.button span{font-size:16px;transition:.25s}
.button:hover span{transform:translate(2px,-2px)}
.button-primary{background:var(--emerald-bright);color:var(--ink);box-shadow:0 15px 35px rgba(31,212,154,.2)}
.button-primary:hover{transform:translateY(-3px);background:#38e4aa}
.button-dark,.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:var(--ink);color:#fff;border:0;border-radius:14px;padding:15px 21px;font-family:"Manrope",sans-serif;font-weight:800;font-size:13px;box-shadow:none;transition:.3s;cursor:pointer}
.button-dark:hover,.btn:hover{transform:translateY(-2px);background:var(--ink-2)}
.button-light,.btn-light{background:#fff;color:var(--ink)}
.button-outline-light,.btn-ghost-light{border-color:rgba(255,255,255,.28);color:#fff;background:transparent}
.btn-outline{background:transparent;color:var(--ink);border:1px solid var(--line)}
.text-button,.text-link,.card-link{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-size:13px;font-weight:800}
.text-button span,.text-link span,.card-link span,.card-link b{transition:.25s}
.text-button:hover span,.text-link:hover span,.card-link:hover span,.card-link:hover b{transform:translateX(5px)}

/* Home hero */
.hero-modern{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:68px 0 88px;min-height:760px}
.hero-modern:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 40%);pointer-events:none}
.hero-modern-grid{position:relative;z-index:2;display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}
.hero-modern-copy{padding:30px 0}
.hero-modern-copy h1{font-family:"Manrope",sans-serif;font-size:clamp(55px,6.3vw,88px);line-height:.98;letter-spacing:-.065em;margin:20px 0 26px;max-width:720px}
.hero-modern-copy h1 em{font-style:normal;color:var(--emerald-bright)}
.hero-modern-copy>p{max-width:650px;color:#b9cec6;font-size:17px;margin:0 0 30px}
.hero-modern-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.hero-modern .text-button{color:#fff}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:55px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;max-width:650px}
.hero-proof div{padding:20px 21px;background:rgba(255,255,255,.04)}
.hero-proof b{display:block;font-family:"Manrope";font-size:22px;color:#fff}
.hero-proof span{display:block;color:#8fa89f;font-size:11px;margin-top:3px}
.hero-stage{position:relative;min-height:610px}
.hero-stage-main{position:absolute;inset:0 24px 55px 0;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 90px rgba(0,0,0,.32)}
.hero-stage-main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,21,17,.58))}
.hero-stage-main img{width:100%;height:100%;object-fit:cover}
.hero-stage-small{position:absolute;border:7px solid var(--ink);border-radius:24px;overflow:hidden;box-shadow:0 25px 55px rgba(0,0,0,.32)}
.hero-stage-small img{width:100%;height:100%;object-fit:cover}
.hero-stage-small-a{width:210px;height:160px;right:0;top:55px}
.hero-stage-small-b{width:250px;height:180px;left:-35px;bottom:0}
.hero-stage-label{position:absolute;right:38px;bottom:75px;background:rgba(7,28,23,.78);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);padding:14px;border-radius:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hero-stage-label span{border-radius:9px;background:rgba(255,255,255,.08);padding:8px 11px;font-size:10px;color:#d9e9e3}
.hero-glow{position:absolute;border-radius:50%;filter:blur(10px);opacity:.45}
.hero-glow-a{width:450px;height:450px;background:radial-gradient(circle,var(--emerald),transparent 68%);right:-130px;top:-120px}
.hero-glow-b{width:350px;height:350px;background:radial-gradient(circle,#175840,transparent 68%);left:35%;bottom:-160px}
.service-marquee{overflow:hidden;background:var(--emerald-bright);border-bottom:1px solid rgba(7,28,23,.14)}
.marquee-track{width:max-content;display:flex;align-items:center;gap:24px;padding:15px 0;font-family:"Manrope";font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;animation:marquee 32s linear infinite}
.marquee-track i{font-style:normal;font-size:11px}
@keyframes marquee{to{transform:translateX(-50%)}}

/* Editorial sections */
.section-modern,.section{padding:105px 0}
.intro-modern{background:var(--paper)}
.editorial-intro{display:grid;grid-template-columns:.55fr 1.35fr .9fr;gap:55px;align-items:start}
.editorial-index{font-family:"Manrope";font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--emerald);text-transform:uppercase;padding-top:12px}
.editorial-heading h2{font-family:"Manrope";font-size:clamp(42px,4.6vw,66px);line-height:1.05;letter-spacing:-.055em;margin:0}
.editorial-heading h2 span{color:#9aa49f}
.editorial-copy p{font-size:16px;color:var(--muted);margin:8px 0 25px}
.modern-section-head,.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:43px}
.modern-section-head>div,.section-heading>div{max-width:770px}
.modern-section-head h2,.section-heading h2,.content-block h2,.dark-content h2{font-family:"Manrope";font-size:clamp(38px,4vw,58px);line-height:1.07;letter-spacing:-.052em;margin:13px 0 0}
.modern-section-head>p,.section-heading>p{max-width:480px;color:var(--muted);margin:0}
.solutions-modern{background:var(--cream)}
.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:110px;gap:16px}
.bento-card{--mx:50%;--my:50%;position:relative;overflow:hidden;border-radius:28px;color:#fff;isolation:isolate;box-shadow:var(--shadow-soft)}
.bento-card:after{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.19),transparent 34%);opacity:0;transition:.35s;pointer-events:none}
.bento-card:hover:after{opacity:1}
.bento-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.65s}
.bento-card:hover img{transform:scale(1.045)}
.bento-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,18,14,.06) 20%,rgba(3,18,14,.88));z-index:1}
.bento-content{position:absolute;z-index:3;left:26px;right:26px;bottom:24px}
.bento-content>span{font-size:10px;color:#8bf5c7;font-weight:800;letter-spacing:.15em}
.bento-content h3{font-family:"Manrope";font-size:23px;line-height:1.15;margin:7px 0}
.bento-content p{font-size:12px;color:#c7d8d1;margin:0 0 12px;max-width:440px}
.bento-content a{display:inline-flex;gap:9px;align-items:center;font-size:11px;font-weight:800;color:#fff}
.bento-1{grid-column:span 7;grid-row:span 4}.bento-2{grid-column:span 5;grid-row:span 3}.bento-3{grid-column:span 5;grid-row:span 3}.bento-4{grid-column:span 4;grid-row:span 3}.bento-5{grid-column:span 4;grid-row:span 3}.bento-6{grid-column:span 4;grid-row:span 3}
.product-modern{background:#fff}
.product-modern-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}
.product-modern-intro{position:sticky;top:125px}
.product-modern-intro h2{font-family:"Manrope";font-size:clamp(42px,4vw,60px);line-height:1.07;letter-spacing:-.055em;margin:17px 0 20px}
.product-modern-intro p{color:var(--muted);font-size:16px;margin:0 0 27px}
.product-modern-list{border-top:1px solid var(--line)}
.product-row{display:grid;grid-template-columns:52px 150px 1fr 44px;gap:22px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);transition:.3s}
.product-row:hover{padding-left:12px}
.product-row-number{font-family:"Manrope";font-size:11px;color:var(--emerald);font-weight:800}
.product-row-image{height:104px;border-radius:18px;overflow:hidden;background:var(--soft)}
.product-row-image img{width:100%;height:100%;object-fit:cover;transition:.4s}
.product-row:hover img{transform:scale(1.05)}
.product-row-copy h3{font-family:"Manrope";font-size:22px;margin:0 0 5px}
.product-row-copy p{font-size:12px;color:var(--muted);margin:0}
.product-row>a{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.25s}
.product-row:hover>a{background:var(--emerald-bright);border-color:var(--emerald-bright);transform:rotate(8deg)}
.manifesto-section{background:var(--ink);color:#fff;padding:110px 0;position:relative;overflow:hidden}
.manifesto-section:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(31,212,154,.22),transparent 67%);right:-180px;bottom:-180px}
.manifesto-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:75px;align-items:center}
.manifesto-media{position:relative;border-radius:34px;overflow:hidden;min-height:610px}
.manifesto-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.manifesto-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,18,14,.72))}
.manifesto-badge{position:absolute;z-index:2;left:25px;bottom:25px;padding:17px 20px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(7,28,23,.72);backdrop-filter:blur(12px)}
.manifesto-badge b,.manifesto-badge span{display:block}.manifesto-badge b{font-family:"Manrope";font-size:18px}.manifesto-badge span{font-size:11px;color:#9eb5ad}
.manifesto-copy h2{font-family:"Manrope";font-size:clamp(48px,5.2vw,76px);line-height:1;letter-spacing:-.06em;margin:20px 0 24px}
.manifesto-copy>p{font-size:17px;color:#adc3ba;max-width:600px}
.manifesto-points{margin-top:36px;border-top:1px solid rgba(255,255,255,.13)}
.manifesto-points div{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.manifesto-points span{font-size:10px;color:#6de9b7}.manifesto-points b{font-size:14px}
.industries-modern{background:var(--paper)}
.industry-modern-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:55px;align-items:stretch}
.industry-modern-image{position:relative;border-radius:30px;overflow:hidden;min-height:590px}
.industry-modern-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.industry-modern-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(3,18,14,.72))}
.industry-modern-image span{position:absolute;z-index:2;left:25px;bottom:22px;color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.13em}
.industry-modern-content{border-top:1px solid var(--line)}
.industry-modern-content a{display:grid;grid-template-columns:55px 1fr 36px;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);transition:.3s}
.industry-modern-content a:hover{padding-left:12px;color:var(--emerald)}
.industry-modern-content span{font-size:10px;color:var(--emerald)}
.industry-modern-content b{font-family:"Manrope";font-size:22px}
.industry-modern-content i{font-style:normal;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center}
.process-modern{background:var(--cream)}
.timeline-modern{border-top:1px solid var(--line)}
.timeline-step{display:grid;grid-template-columns:95px 1fr;gap:30px;padding:34px 0;border-bottom:1px solid var(--line)}
.timeline-step>span{font-family:"Manrope";font-size:40px;color:#afbab4;letter-spacing:-.04em}
.timeline-step h3{font-family:"Manrope";font-size:28px;margin:0 0 5px}.timeline-step p{color:var(--muted);margin:0;max-width:650px}
.faq-modern{background:#fff}
.faq-modern-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:85px;align-items:start}
.faq-modern-intro{position:sticky;top:125px}
.faq-modern-intro h2{font-family:"Manrope";font-size:clamp(42px,4vw,60px);line-height:1.07;letter-spacing:-.055em;margin:17px 0 20px}.faq-modern-intro p{color:var(--muted);margin-bottom:25px}
.faq-list-modern{border-top:1px solid var(--line)}
.faq-list-modern details{border-bottom:1px solid var(--line)}
.faq-list-modern summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:48px 1fr 30px;gap:18px;align-items:center;padding:23px 0;font-family:"Manrope";font-size:17px;font-weight:700}
.faq-list-modern summary::-webkit-details-marker{display:none}
.faq-list-modern summary span{font-size:10px;color:var(--emerald)}
.faq-list-modern summary b{font-size:23px;color:var(--emerald);transition:.25s}.faq-list-modern details[open] summary b{transform:rotate(45deg)}
.faq-list-modern p{margin:0;padding:0 0 24px 66px;color:var(--muted);font-size:14px}

/* Generic inner pages */
.page-hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:72px 0 86px}
.page-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:65px;align-items:center}
.page-hero-copy h1{font-family:"Manrope";font-size:clamp(50px,5.8vw,78px);line-height:1;letter-spacing:-.06em;margin:18px 0 22px}
.page-hero-copy>p{color:#b2c8bf;font-size:17px;max-width:690px;margin:0 0 27px}
.breadcrumbs{font-size:10px;color:#76e8ba;text-transform:uppercase;letter-spacing:.16em;margin-bottom:14px}
.page-hero-image{position:relative;border-radius:32px;overflow:hidden;min-height:500px;border:1px solid rgba(255,255,255,.14)}
.page-hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(3,18,14,.45))}
.section-soft{background:var(--cream)}
.section-dark{background:var(--ink);color:#fff}
.centered{text-align:center;display:block}.centered>div{margin:auto}.centered>p{margin:15px auto 0}
.split-layout,.dark-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.content-block>p,.dark-content>p{color:var(--muted);font-size:16px}.dark-content>p{color:#aec2ba}
.single-image,.dark-image{border-radius:30px;overflow:hidden;min-height:500px;box-shadow:var(--shadow-soft)}
.single-image img,.dark-image img{width:100%;height:100%;min-height:500px;object-fit:cover}
.editorial-collage{display:grid;grid-template-columns:1.15fr .75fr;gap:16px;align-items:end}.editorial-collage img{width:100%;object-fit:cover;border-radius:25px}.collage-main{aspect-ratio:4/5}.collage-small{aspect-ratio:1/1.18}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.value-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px}.value-card span{font-size:10px;color:var(--emerald);font-weight:800}.value-card h3{font-family:"Manrope";font-size:21px;margin:30px 0 8px}.value-card p{font-size:13px;color:var(--muted);margin:0}
.principle-list{margin-top:28px;border-top:1px solid var(--line)}.principle-list>div{padding:17px 0;border-bottom:1px solid var(--line)}.principle-list b{display:block;font-family:"Manrope"}.principle-list span{display:block;font-size:13px;color:var(--muted);margin-top:3px}
.service-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-detail-card{background:#fff;border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.service-detail-card>img{width:100%;aspect-ratio:16/10;object-fit:cover}.service-detail-body{padding:27px}.card-number{font-size:10px;color:var(--emerald);font-weight:800}.service-detail-body h3{font-family:"Manrope";font-size:27px;line-height:1.15;margin:10px 0}.service-detail-body>p{color:var(--muted);font-size:14px}.service-detail-body ul{columns:2;list-style:none;padding:0;margin:19px 0}.service-detail-body li{font-size:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.dark-checks{margin:30px 0}.dark-checks>div{padding:16px 0;border-top:1px solid rgba(255,255,255,.13)}.dark-checks b{display:block}.dark-checks span{font-size:12px;color:#9fb6ad}
.product-catalogue{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalogue-card{--mx:50%;--my:50%;position:relative;background:#fff;border:1px solid var(--line);border-radius:25px;overflow:hidden;box-shadow:var(--shadow-soft);transition:.35s}.catalogue-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(31,212,154,.15),transparent 34%);opacity:0;transition:.3s;pointer-events:none}.catalogue-card:hover{transform:translateY(-7px)}.catalogue-card:hover:after{opacity:1}.catalogue-card>img{width:100%;aspect-ratio:4/3;object-fit:cover}.catalogue-body{padding:23px}.catalogue-body>span{font-size:10px;color:var(--emerald);font-weight:800}.catalogue-body h3{font-family:"Manrope";font-size:22px;margin:9px 0 7px}.catalogue-body p{font-size:13px;color:var(--muted);min-height:62px}.catalogue-body a{font-size:11px;font-weight:800;color:var(--emerald)}
.industry-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.industry-detail-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;transition:.3s}.industry-detail-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-soft)}.industry-detail-card>span{font-size:10px;color:var(--emerald);font-weight:800}.industry-detail-card h3{font-family:"Manrope";font-size:20px;line-height:1.2;margin:28px 0 9px}.industry-detail-card p{font-size:13px;color:var(--muted);min-height:105px}.industry-detail-card a{font-size:11px;font-weight:800;color:var(--emerald)}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{--mx:50%;--my:50%;background:#fff;border:1px solid var(--line);border-radius:27px;overflow:hidden;box-shadow:var(--shadow-soft);transition:.35s}.project-card:hover{transform:translateY(-7px)}.project-image{position:relative;overflow:hidden}.project-image img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:.5s}.project-card:hover img{transform:scale(1.04)}.project-label{position:absolute;left:17px;bottom:17px;padding:9px 12px;background:rgba(7,28,23,.83);backdrop-filter:blur(10px);border-radius:10px;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.project-body{padding:26px}.project-body h2{font-family:"Manrope";font-size:27px;line-height:1.2;margin:0 0 8px}.project-body>b{font-size:10px;color:var(--emerald)}.project-body p,.project-body li{color:var(--muted);font-size:13px}
.four-image-grid,.three-image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.three-image-grid{grid-template-columns:repeat(3,1fr)}.media-tile{overflow:hidden;border-radius:23px;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.media-tile img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:.5s}.media-tile:hover img{transform:scale(1.04)}
.contact-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px;align-items:start}.contact-card{position:sticky;top:125px;background:var(--ink);color:#fff;border-radius:28px;padding:30px;overflow:hidden}.contact-card h2{font-family:"Manrope";font-size:38px;line-height:1.08}.contact-card>p{color:#aec3bb}.contact-details{margin:24px 0}.contact-details>div{padding:15px 0;border-top:1px solid rgba(255,255,255,.13)}.contact-details b{display:block;font-size:11px}.contact-details a,.contact-details span{display:block;color:#d6e9e2;font-size:13px;margin-top:3px}.contact-card>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px}
.form-card{border:1px solid var(--line);border-radius:28px;padding:34px;background:#fff;box-shadow:var(--shadow-soft)}.form-card h2{font-family:"Manrope";font-size:38px;letter-spacing:-.04em;margin:10px 0 5px}.form-card>p{color:var(--muted);margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:25px}.field.full{grid-column:1/-1}.field label{display:block;font-size:11px;font-weight:800;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafbf9;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--emerald);box-shadow:0 0 0 4px rgba(7,132,95,.08);background:#fff}.field textarea{min-height:155px;resize:vertical}.alert{padding:14px 17px;border-radius:13px;margin-bottom:17px}.alert.success{background:#e5f8ef;color:#07573f}.alert.error{background:#fff0f0;color:#8d2424}

/* Footer */
.prefooter{position:relative;overflow:hidden;background:linear-gradient(135deg,#087455,#062b22);color:#fff;padding:78px 0}.prefooter-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end}.prefooter-copy h2{font-family:"Manrope";font-size:clamp(44px,5vw,72px);line-height:1;letter-spacing:-.06em;margin:18px 0 0}.prefooter-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.prefooter-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:360px;height:360px;background:radial-gradient(circle,rgba(31,212,154,.35),transparent 66%);right:-80px;top:-150px}.orb-two{width:260px;height:260px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 67%);left:30%;bottom:-170px}
.footer{background:#e9efeb;padding:65px 0 22px}.footer-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:52px}.footer-intro img{width:255px}.footer-intro p{font-family:"Manrope";font-size:18px;font-weight:800;margin:23px 0 6px}.footer-intro span{display:block;color:var(--muted);font-size:12px;max-width:380px}.footer-column h4{font-family:"Manrope";font-size:13px;margin:0 0 15px}.footer-column a,.footer-column p{display:block;color:var(--muted);font-size:12px;margin:9px 0}.footer-column a:hover{color:var(--emerald)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:48px;padding-top:19px;color:var(--muted);font-size:11px}.footer-bottom div{display:flex;gap:18px}
.whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:19px;background:#25d366;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900;box-shadow:0 18px 40px rgba(0,0,0,.18);z-index:90;transition:.25s}.whatsapp:hover{transform:translateY(-4px) rotate(-3deg)}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .72s cubic-bezier(.2,.75,.2,1),transform .72s cubic-bezier(.2,.75,.2,1)}.js .reveal.in-view{opacity:1;transform:none}

@media(max-width:1120px){
  .notice-bar{display:none}.site-header{top:0}.menu-toggle{display:block;margin-left:auto}.nav-cta{display:none}.main-nav{position:fixed;top:92px;left:24px;right:24px;display:none;flex-direction:column;align-items:stretch;gap:1px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:11px 10px}.main-nav a:after{display:none}
  .hero-modern-grid,.page-hero-grid,.manifesto-grid,.product-modern-grid,.industry-modern-grid,.faq-modern-grid,.split-layout,.dark-split,.contact-layout{grid-template-columns:1fr}.hero-stage{min-height:590px}.hero-modern-copy{padding-top:0}.editorial-intro{grid-template-columns:.45fr 1.3fr}.editorial-copy{grid-column:2}.bento-grid{grid-auto-rows:100px}.bento-1{grid-column:span 7}.bento-2,.bento-3{grid-column:span 5}.bento-4,.bento-5,.bento-6{grid-column:span 4}.product-modern-intro,.faq-modern-intro,.contact-card{position:static}.manifesto-media{min-height:520px}.industry-modern-image{min-height:500px}.value-grid,.industry-detail-grid{grid-template-columns:repeat(2,1fr)}.product-catalogue{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:repeat(2,1fr)}.prefooter-grid{grid-template-columns:1fr}.prefooter-actions{justify-content:flex-start}
}
@media(max-width:760px){
  .container{width:min(100% - 26px,1240px)}.site-header{padding:8px 0}.nav-shell{height:61px;padding:0 9px 0 14px;border-radius:15px}.brand img{width:190px}.main-nav{top:78px;left:13px;right:13px}.hero-modern{padding:45px 0 65px;min-height:0}.hero-modern-grid{gap:30px}.hero-modern-copy h1{font-size:48px;letter-spacing:-.055em}.hero-modern-copy>p{font-size:15px}.hero-modern-actions{display:grid;gap:14px}.hero-modern-actions .button{width:100%}.hero-proof{grid-template-columns:1fr;margin-top:32px}.hero-stage{min-height:430px}.hero-stage-main{inset:0 0 45px 0;border-radius:22px}.hero-stage-small{border-width:5px;border-radius:17px}.hero-stage-small-a{width:135px;height:105px;right:-5px;top:25px}.hero-stage-small-b{width:155px;height:112px;left:-5px}.hero-stage-label{display:none}.service-marquee{font-size:10px}.section-modern,.section{padding:72px 0}.editorial-intro{grid-template-columns:1fr;gap:20px}.editorial-copy{grid-column:auto}.editorial-heading h2{font-size:40px}.modern-section-head,.section-heading{display:block;margin-bottom:30px}.modern-section-head h2,.section-heading h2,.content-block h2,.dark-content h2{font-size:38px}.modern-section-head>p,.section-heading>p{margin-top:14px}.bento-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:auto}.bento-card,.bento-1,.bento-2,.bento-3,.bento-4,.bento-5,.bento-6{grid-column:auto;grid-row:auto;min-height:380px}.bento-content h3{font-size:21px}.product-modern-grid{gap:35px}.product-row{grid-template-columns:42px 98px 1fr;gap:13px}.product-row>a{display:none}.product-row-image{height:80px}.product-row-copy h3{font-size:17px}.product-row-copy p{display:none}.manifesto-section{padding:72px 0}.manifesto-media{min-height:400px;border-radius:23px}.manifesto-copy h2{font-size:48px}.industry-modern-image{min-height:390px}.industry-modern-content a{grid-template-columns:42px 1fr 30px;padding:17px 0}.industry-modern-content b{font-size:17px}.timeline-step{grid-template-columns:60px 1fr;gap:16px}.timeline-step>span{font-size:30px}.timeline-step h3{font-size:22px}.faq-modern-grid{gap:40px}.faq-list-modern summary{grid-template-columns:34px 1fr 24px;font-size:15px}.faq-list-modern p{padding-left:52px}.page-hero{padding:55px 0 65px}.page-hero-grid{gap:32px}.page-hero-copy h1{font-size:46px}.page-hero-copy>p{font-size:15px}.page-hero-image{min-height:340px;border-radius:22px}.editorial-collage{grid-template-columns:1fr}.collage-main,.collage-small{aspect-ratio:16/11}.service-detail-grid,.product-catalogue,.project-grid,.value-grid,.industry-detail-grid,.four-image-grid,.three-image-grid,.form-grid,.footer-top{grid-template-columns:1fr}.service-detail-body ul{columns:1}.single-image,.dark-image,.single-image img,.dark-image img{min-height:350px}.industry-detail-card p{min-height:0}.field.full{grid-column:auto}.prefooter{padding:65px 0}.prefooter-copy h2{font-size:44px}.prefooter-actions{display:grid}.footer{padding-top:52px}.footer-bottom{display:block}.footer-bottom div{margin-top:9px}.whatsapp{right:14px;bottom:14px;width:54px;height:54px;border-radius:17px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Premium inner-page refinements */
.service-detail-grid{grid-template-columns:1fr;gap:22px}
.service-detail-card{display:grid;grid-template-columns:1fr 1fr;min-height:390px}
.service-detail-card>img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.service-detail-card:nth-child(even)>img{order:2}
.service-detail-card:nth-child(even) .service-detail-body{order:1}
.service-detail-body{display:flex;flex-direction:column;justify-content:center;padding:42px}
.service-detail-body h3{font-size:34px}
.service-detail-body .card-link{margin-top:auto;padding-top:15px}
.media-tile{position:relative;isolation:isolate}
.media-tile:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(3,18,14,.78));z-index:1;pointer-events:none}
.media-tile span{position:absolute;z-index:2;left:16px;bottom:14px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em}
@media(max-width:760px){
  .service-detail-card{grid-template-columns:1fr;min-height:0}
  .service-detail-card:nth-child(even)>img,.service-detail-card:nth-child(even) .service-detail-body{order:initial}
  .service-detail-card>img{aspect-ratio:16/10;height:auto}
  .service-detail-body{padding:25px}
  .service-detail-body h3{font-size:26px}
}