:root {
  --ink: #102c2a;
  --ink-soft: #385653;
  --green: #0c6b5f;
  --green-dark: #06483f;
  --mint: #55d7b5;
  --mint-light: #ddf7ef;
  --cream: #f7f5ee;
  --white: #fff;
  --line: #dce8e4;
  --orange: #f09a70;
  --shadow: 0 24px 60px rgba(16, 64, 57, 0.12);
  --radius: 20px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #fff; font-family: "DM Sans", sans-serif; line-height: 1.6; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.container { width: min(1120px, calc(100% - 40px)); margin-inline: auto; }
.section { padding: 110px 0; position: relative; }
h1, h2, h3 { font-family: "Manrope", sans-serif; margin: 0; line-height: 1.12; letter-spacing: -0.045em; }
h1 { font-size: clamp(3.1rem, 6vw, 5.4rem); }
h2 { font-size: clamp(2.3rem, 4vw, 3.8rem); }
h3 { font-size: 1.25rem; letter-spacing: -0.025em; }
em { color: var(--green); font-style: normal; }
p { color: var(--ink-soft); margin: 0; }
.eyebrow { display: flex; align-items: center; gap: 9px; color: var(--green); font-size: .73rem; font-weight: 700; text-transform: uppercase; letter-spacing: .13em; margin-bottom: 20px; }
.eyebrow span { width: 22px; height: 2px; background: var(--mint); }
.eyebrow.light { color: #a9ead7; }
.btn { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; padding: 0 24px; border: 1px solid transparent; border-radius: 8px; font-weight: 700; transition: .25s ease; cursor: pointer; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { color: white; background: var(--green); box-shadow: 0 10px 25px rgba(12, 107, 95, .2); }
.btn-primary:hover { background: var(--green-dark); }
.btn-secondary { color: var(--ink); background: transparent; border-color: #b9cfca; }
.btn-secondary:hover { background: white; border-color: var(--green); }
.btn-dark { color: white; background: var(--ink); }
.btn-small { min-height: 40px; padding: 0 17px; font-size: .82rem; }
.btn-white { color: var(--green-dark); background: white; }

.site-header { height: 78px; display: flex; align-items: center; position: fixed; inset: 0 0 auto; z-index: 20; background: rgba(255,255,255,.88); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(220,232,228,.65); }
.nav-wrap, .main-nav { display: flex; align-items: center; }
.nav-wrap { justify-content: space-between; }
.logo { display: flex; align-items: center; gap: 9px; font: 800 1.25rem "Manrope"; letter-spacing: -.05em; }
.logo > span:last-child > span { color: var(--green); }
.logo-mark, .mini-logo, .core-logo { display: flex; align-items: flex-end; gap: 2px; transform: rotate(-8deg); }
.logo-mark span, .mini-logo span, .core-logo i { display: block; width: 5px; border-radius: 5px; background: var(--green); }
.logo-mark span:nth-child(1), .mini-logo span:nth-child(1), .core-logo i:nth-child(1) { height: 12px; }
.logo-mark span:nth-child(2), .mini-logo span:nth-child(2), .core-logo i:nth-child(2) { height: 19px; }
.logo-mark span:nth-child(3), .mini-logo span:nth-child(3), .core-logo i:nth-child(3) { height: 15px; background: var(--mint); }
.main-nav { gap: 28px; font-size: .85rem; font-weight: 600; }
.main-nav > a:not(.btn):hover { color: var(--green); }
.nav-toggle { display: none; border: 0; background: none; padding: 8px; }
.nav-toggle span { width: 24px; height: 2px; display: block; background: var(--ink); margin: 5px; }

.hero { min-height: 860px; padding-top: 175px; padding-bottom: 50px; overflow: hidden; background: linear-gradient(145deg, #fbfaf6 0%, #fff 53%, #eaf8f3 100%); }
.hero-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 60px; align-items: center; }
.hero-copy { position: relative; z-index: 2; }
.hero-copy h1 { margin-bottom: 26px; }
.hero-copy > p { max-width: 600px; font-size: 1.08rem; }
.hero-actions { display: flex; gap: 12px; margin: 34px 0; }
.hero-trust { display: flex; align-items: center; gap: 15px; }
.hero-trust p { font-size: .73rem; line-height: 1.45; }
.hero-trust strong { color: var(--ink); }
.avatars { display: flex; }
.avatars span { width: 31px; height: 31px; display: grid; place-items: center; margin-left: -7px; border: 2px solid white; border-radius: 50%; color: white; background: var(--green); font-size: .55rem; font-weight: 700; }
.avatars span:first-child { margin: 0; background: var(--orange); }.avatars span:last-child { background: #7297d8; }
.hero-orb { position: absolute; border-radius: 50%; filter: blur(2px); }
.orb-one { width: 380px; height: 380px; right: -190px; top: 120px; border: 1px solid #c4e7dc; }
.orb-two { width: 150px; height: 150px; left: 45%; bottom: 90px; background: #dff6ee; opacity: .7; }
.product-visual { position: relative; min-height: 500px; display: grid; place-items: center; }
.dashboard { width: 100%; display: flex; overflow: hidden; background: white; border: 8px solid rgba(255,255,255,.7); border-radius: 19px; box-shadow: 0 35px 80px rgba(15, 73, 65, .2); transform: perspective(1000px) rotateY(-4deg) rotateX(1deg); }
.dash-sidebar { width: 54px; display: flex; flex-direction: column; align-items: center; gap: 22px; padding: 21px 0; background: var(--green-dark); }
.mini-logo { margin-bottom: 16px; }.mini-logo span { width: 3px; background: white; }.mini-logo span:nth-child(3) { background: var(--mint); }
.dash-sidebar i { width: 16px; height: 16px; opacity: .45; border: 2px solid white; border-radius: 4px; }.dash-sidebar i.active { opacity: 1; background: var(--mint); border-color: var(--mint); }
.dash-main { flex: 1; min-width: 0; padding: 26px; background: #f6faf8; }
.dash-head, .card-title { display: flex; justify-content: space-between; align-items: center; }
.dash-head div { display: flex; flex-direction: column; }.dash-head small, .card-title small { color: #7a9590; font-size: .58rem; }.dash-head strong { font-family: "Manrope"; font-size: 1rem; }
.notification { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--orange); font-size: .55rem; }
.dash-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 25px 0 14px; }
.dash-stats div { padding: 15px; border-radius: 8px; background: white; box-shadow: 0 4px 15px rgba(18,60,54,.04); }
.dash-stats small, .dash-stats span { display: block; color: #7a9590; font-size: .53rem; }.dash-stats strong { display: block; margin: 4px 0; font-size: 1.25rem; }.dash-stats span.up { color: var(--green); }.dash-stats span.warn { color: #d47b52; }
.dash-body { display: grid; grid-template-columns: 1.3fr .9fr; gap: 12px; }
.chart-card, .tasks-card { min-width: 0; padding: 16px; border-radius: 9px; background: white; }
.card-title strong, .tasks-card > strong { font-size: .64rem; }
.bars { height: 115px; display: flex; align-items: flex-end; gap: 9px; padding-top: 18px; border-bottom: 1px solid var(--line); }
.bars span { flex: 1; border-radius: 3px 3px 0 0; background: linear-gradient(to top, var(--green), var(--mint)); opacity: .82; }
.tasks-card div { display: flex; gap: 8px; align-items: center; padding: 12px 0; border-bottom: 1px solid #edf2f0; }
.tasks-card i { width: 12px; height: 12px; flex: none; border: 1px solid #a8c0bb; border-radius: 50%; }.tasks-card i.check { background: var(--mint); border-color: var(--mint); }
.tasks-card span { display: flex; flex-direction: column; color: var(--ink); font-size: .53rem; font-weight: 600; }.tasks-card small { color: #8ca09c; font-size: .46rem; }
.floating-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; padding: 11px 14px; border: 1px solid rgba(220,232,228,.8); border-radius: 10px; background: rgba(255,255,255,.95); box-shadow: var(--shadow); }
.floating-card div { display: flex; flex-direction: column; }.floating-card strong { font-size: .63rem; }.floating-card small { color: #78918c; font-size: .52rem; }
.float-top { right: -30px; top: 45px; }.float-bottom { left: -20px; bottom: 45px; }
.status-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 5px var(--mint-light); }
.ai-icon { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 7px; color: white; background: var(--green); }
.trust-strip { display: flex; justify-content: center; align-items: center; gap: 24px; margin-top: 95px; color: #6f8984; font-size: .72rem; }.trust-strip strong { color: var(--ink); }.trust-strip i { width: 3px; height: 3px; border-radius: 50%; background: var(--mint); }

.problem-section { background: var(--cream); }
.section-heading { margin-bottom: 55px; }.section-heading.centered { text-align: center; }.section-heading.centered .eyebrow { justify-content: center; }.section-heading h2 { margin-bottom: 18px; }.section-heading p { max-width: 520px; margin: auto; }
.problem-grid, .modules-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.problem-card { position: relative; padding: 32px; border: 1px solid #e3e7df; border-radius: var(--radius); background: rgba(255,255,255,.66); transition: .3s; }.problem-card:hover { transform: translateY(-5px); background: white; box-shadow: var(--shadow); }
.problem-card .number { position: absolute; right: 25px; top: 22px; color: #bdc9c6; font: 700 .65rem "Manrope"; }
.icon-box { width: 44px; height: 44px; display: grid; place-items: center; margin-bottom: 28px; border-radius: 10px; font-weight: 700; }.coral { color: #ce704c; background: #fce8df; }.amber { color: #ad7c1e; background: #faefd1; }.blue { color: #446fa0; background: #e2edf9; }
.problem-card p, .module-card p { margin-top: 12px; font-size: .86rem; }

.solution-section { overflow: hidden; color: white; background: var(--green-dark); }
.solution-section em { color: var(--mint); }.solution-section p { color: #bcd2cd; }
.solution-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.solution-art { min-height: 470px; position: relative; display: grid; place-items: center; }
.rings { position: absolute; width: 410px; height: 410px; border: 1px solid rgba(130,220,196,.18); border-radius: 50%; }.rings:before,.rings:after { content:""; position: absolute; inset: 55px; border: 1px dashed rgba(130,220,196,.22); border-radius: 50%; }.rings:after { inset: 120px; border-style: solid; }
.solution-core { width: 142px; height: 142px; position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: linear-gradient(145deg,#167e70,#075248); box-shadow: 0 0 80px rgba(72,213,177,.16); }.solution-core strong { font: 700 .9rem "Manrope"; }.solution-core small { color: #a8d5ca; font-size: .52rem; }.core-logo { margin-bottom: 8px; }.core-logo i { background: white; }.core-logo i:nth-child(3){background:var(--mint);}
.orbit-item { position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 9px; background: rgba(13,92,81,.9); box-shadow: 0 15px 30px rgba(0,0,0,.15); }.orbit-item b { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 6px; color: var(--green-dark); background: var(--mint); }.orbit-item span { color: #b7d0ca; font-size: .48rem; line-height: 1.4; }.orbit-item strong { color: white; font-size: .58rem; }.oi-one { top: 35px; left: 40px; }.oi-two { top: 115px; right: 15px; }.oi-three { bottom: 40px; left: 50px; }
.solution-copy .lead { margin: 23px 0 28px; font-size: .98rem; }.feature-list { list-style: none; padding: 0; margin: 0; }.feature-list li { display: flex; gap: 13px; padding: 17px 0; border-top: 1px solid rgba(255,255,255,.1); }.feature-list li > span { width: 22px; height: 22px; flex: none; display: grid; place-items: center; border-radius: 50%; color: var(--green-dark); background: var(--mint); font-size: .65rem; }.feature-list strong { font-size: .85rem; }.feature-list p { font-size: .72rem; }.text-link { display: inline-flex; gap: 22px; margin-top: 24px; color: var(--mint); font-size: .8rem; font-weight: 700; }

.modules-section { background: #fbfcfa; }.section-heading.split { display: flex; justify-content: space-between; align-items: flex-end; }.section-heading.split p { max-width: 380px; margin: 0; font-size: .86rem; }
.module-card { min-height: 245px; position: relative; padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: white; transition: .3s; }.module-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }.module-card.featured { color: white; border-color: var(--green); background: var(--green); }.module-card.featured p { color: #c5e0d9; }.module-icon { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 26px; border-radius: 10px; color: var(--green); background: var(--mint-light); font-size: 1.1rem; font-weight: 700; }.featured .module-icon { color: white; background: rgba(255,255,255,.14); }.module-card .tag { position: absolute; right: 24px; top: 27px; padding: 3px 8px; border-radius: 20px; color: var(--mint); background: rgba(255,255,255,.1); font-size: .52rem; text-transform: uppercase; letter-spacing: .1em; }.module-card > a { position: absolute; right: 23px; bottom: 20px; color: var(--green); font-weight: 700; }.featured > a { color: var(--mint); }

.benefits-section { padding-top: 40px; }.benefits-card { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border-radius: 25px; background: var(--green); box-shadow: var(--shadow); }.benefits-copy { padding: 65px; background: linear-gradient(145deg, rgba(255,255,255,.04), transparent); }.benefits-copy h2 { color: white; }.benefits-copy em { color: var(--mint); }.benefits-copy p { margin: 20px 0 30px; color: #c7dfda; }.benefits-list { display: grid; grid-template-columns: 1fr 1fr; border-left: 1px solid rgba(255,255,255,.1); }.benefits-list > div { display: flex; flex-direction: column; justify-content: space-between; padding: 38px; border: solid rgba(255,255,255,.1); border-width: 0 1px 1px 0; }.benefits-list strong { color: var(--mint); font: 700 .65rem "Manrope"; }.benefits-list span { display: flex; flex-direction: column; }.benefits-list b { color: white; font-size: .9rem; }.benefits-list small { margin-top: 5px; color: #acd1c8; font-size: .68rem; }

.differentiation-section { background: var(--cream); }.diff-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 80px; align-items: center; }.diff-copy > p { max-width: 560px; margin-top: 22px; }.diff-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 38px; }.diff-points span { width: 39px; height: 39px; display: grid; place-items: center; margin-bottom: 12px; border-radius: 9px; color: var(--green); background: white; font-size: .63rem; font-weight: 800; }.diff-points p { font-size: .67rem; }.diff-points strong { display: block; color: var(--ink); font-size: .75rem; }
.quote-card { padding: 42px; border-radius: 20px; color: white; background: var(--green-dark); box-shadow: var(--shadow); transform: rotate(1.5deg); }.quote-mark { color: var(--mint); font: 800 4rem Georgia; line-height: 1; }.quote-card blockquote { margin: 10px 0 30px; font: 600 1.2rem/1.5 "Manrope"; letter-spacing: -.03em; }.quote-author { display: flex; gap: 12px; align-items: center; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.13); }.quote-author > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: var(--green-dark); background: var(--mint); font-size: .65rem; font-weight: 800; }.quote-author p { display: flex; flex-direction: column; }.quote-author strong { color: white; font-size: .7rem; }.quote-author small { color: #aacbc3; font-size: .58rem; }

.impact-section { color: white; background: #102f2b; overflow: hidden; }.impact-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; align-items: center; }.sdg-card { min-height: 300px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding: 35px; overflow: hidden; border-radius: 22px; background: #c52f43; box-shadow: 0 30px 70px rgba(0,0,0,.2); }.sdg-card:before { content:""; position:absolute; width:270px; height:270px; right:-90px; top:-85px; border: 2px solid rgba(255,255,255,.15); border-radius:50%; box-shadow: 0 0 0 25px rgba(255,255,255,.04),0 0 0 50px rgba(255,255,255,.03); }.sdg-number { position:absolute; top:20px; left:30px; font: 800 6rem "Manrope"; line-height: 1; }.sdg-card div { display:flex; flex-direction:column; position:relative; }.sdg-card strong { font: 700 1.15rem "Manrope"; }.sdg-card p { color:#f6ccd2; font-size:.67rem; }.sdg-card i { position:absolute; right:25px; bottom:30px; font-size:.6rem; font-style:normal; }.impact-copy em { color:var(--mint); }.impact-copy p { max-width:590px; margin-top:24px; color:#aecac3; }.impact-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:30px; }.impact-tags span { padding:7px 14px; border:1px solid rgba(255,255,255,.14); border-radius:30px; color:#baddd4; font-size:.68rem; }

.team-section { background:#fff; }.team-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:900px; margin:auto; }.team-card { display:grid; grid-template-columns:.8fr 1.2fr; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:#fbfcfa; }.portrait { min-height:260px; position:relative; display:grid; place-items:center; overflow:hidden; }.portrait:before,.portrait:after { content:"";position:absolute;border-radius:50%; }.portrait:before { width:150px;height:150px;border:1px solid rgba(255,255,255,.35); }.portrait:after { width:110px;height:110px;background:rgba(255,255,255,.15); }.portrait.thiare { background:linear-gradient(145deg,#eea37f,#c86e61); }.portrait.miguel { background:linear-gradient(145deg,#5eaa9e,#176d63); }.portrait > span { position:relative;z-index:2;color:white;font:800 4.5rem "Manrope"; }.portrait i { position:absolute;z-index:3;bottom:14px;left:14px;padding:4px 9px;border-radius:20px;color:white;background:rgba(0,0,0,.18);font-size:.52rem;font-style:normal;text-transform:uppercase;letter-spacing:.08em; }.team-info { padding:27px 24px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }.team-info h3 { font-size:1.45rem; }.team-info > strong { margin:4px 0 15px;color:var(--green);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em; }.team-info p { font-size:.72rem; }.team-info a { margin-top:20px;color:var(--green);font-size:.65rem;font-weight:700; }

.contact-section { color:white;background:var(--green-dark); }.contact-grid { display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center; }.contact-copy h2 em { color:var(--mint); }.contact-copy > p { max-width:490px;margin:24px 0 33px;color:#b2d0c8; }.contact-details { display:grid;gap:17px; }.contact-details > div { display:flex;gap:12px; }.contact-details span { width:24px;height:24px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--green-dark);background:var(--mint);font-size:.62rem;font-weight:700; }.contact-details p { display:flex;flex-direction:column; }.contact-details strong { color:white;font-size:.75rem; }.contact-details small { color:#9fc2b9;font-size:.65rem; }
.contact-form { position:relative;display:grid;gap:14px;padding:38px;border-radius:20px;color:var(--ink);background:white;box-shadow:0 30px 70px rgba(0,0,0,.18); }.form-head { margin-bottom:5px; }.form-head span { font:700 1.3rem "Manrope"; }.form-head p { font-size:.72rem; }.field-row { display:grid;grid-template-columns:1fr 1fr;gap:12px; }.contact-form label { display:flex;flex-direction:column;gap:6px;color:var(--ink);font-size:.65rem;font-weight:700; }.contact-form input,.contact-form select,.contact-form textarea { width:100%;padding:11px 12px;border:1px solid #dce7e3;border-radius:7px;outline:0;color:var(--ink);background:#fbfcfb;font-size:.72rem;transition:.2s; }.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color:var(--green);box-shadow:0 0 0 3px var(--mint-light); }.contact-form textarea { resize:vertical; }.optional { color:#8b9b98;font-weight:400; }.submit-btn { border:0;margin-top:5px; }.privacy { text-align:center;font-size:.52rem; }.form-success { position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border-radius:20px;text-align:center;background:white;opacity:0;visibility:hidden;transition:.3s; }.form-success.show { opacity:1;visibility:visible; }.form-success strong { color:var(--green);font:700 1.4rem "Manrope"; }.form-success span { color:var(--ink-soft);font-size:.8rem; }

footer { padding:55px 0 25px;background:#09241f;color:white; }.footer-main { display:grid;grid-template-columns:1fr auto auto;gap:70px;align-items:center; }.footer-logo { color:white; }.footer-logo .logo-mark span { background:var(--mint); }.footer-logo .logo-mark span:last-child { background:white; }.footer-main p { margin-top:8px;color:#8fb2aa;font-size:.65rem; }.footer-links { display:flex;gap:24px;color:#adcbc4;font-size:.68rem; }.footer-btn { min-height:42px;color:white;border-color:#456c63;font-size:.7rem; }.footer-bottom { display:flex;justify-content:space-between;margin-top:45px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);color:#6e9890;font-size:.55rem; }

.reveal { opacity:0; transform:translateY(22px); transition:opacity .7s ease,transform .7s ease; }.reveal.visible { opacity:1;transform:none; }.delay { transition-delay:.12s; }.delay-two { transition-delay:.22s; }

@media (max-width: 900px) {
  .section { padding:80px 0; }.main-nav { position:fixed;inset:78px 0 auto;display:none;flex-direction:column;align-items:stretch;padding:25px 20px;background:white;border-bottom:1px solid var(--line);box-shadow:var(--shadow); }.main-nav.open { display:flex; }.main-nav a { text-align:center;padding:8px; }.nav-toggle { display:block; }
  .hero { padding-top:135px; }.hero-grid,.solution-grid,.diff-grid,.impact-grid,.contact-grid { grid-template-columns:1fr;gap:55px; }.hero-copy { text-align:center; }.hero-copy .eyebrow,.hero-actions,.hero-trust { justify-content:center; }.product-visual { min-height:400px;max-width:620px;margin:auto; }.trust-strip { flex-wrap:wrap;margin-top:55px; }
  .solution-grid { display:flex;flex-direction:column-reverse; }.solution-art { width:100%; }.problem-grid,.modules-grid { grid-template-columns:repeat(2,1fr); }.section-heading.split { display:block; }.section-heading.split p { margin-top:20px; }.benefits-card { grid-template-columns:1fr; }.benefits-list { border-left:0;border-top:1px solid rgba(255,255,255,.1); }.diff-points { max-width:600px; }.impact-grid { grid-template-columns:.8fr 1.2fr;gap:45px; }.team-grid { grid-template-columns:1fr;max-width:550px; }.footer-main { grid-template-columns:1fr;gap:25px;text-align:center; }.footer-main .logo { justify-content:center; }.footer-links { justify-content:center; }
}
@media (max-width: 600px) {
  .container { width:min(100% - 28px,1120px); }.section { padding:68px 0; } h1 { font-size:2.75rem; } h2 { font-size:2.25rem; }
  .hero { padding-top:120px; }.hero-actions { flex-direction:column; }.hero-actions .btn { width:100%; }.hero-trust { align-items:flex-start; }.trust-strip { gap:11px 16px;text-align:center; }.trust-strip span { width:100%; }.trust-strip i { display:none; }
  .product-visual { min-height:320px; }.dashboard { transform:none;border-width:4px; }.dash-main { padding:14px; }.dash-sidebar { width:38px; }.dash-stats { gap:5px;margin:15px 0 8px; }.dash-stats div { padding:8px; }.dash-stats strong { font-size:.9rem; }.dash-body { grid-template-columns:1fr; }.tasks-card { display:none; }.floating-card { display:none; }.bars { height:80px; }
  .problem-grid,.modules-grid,.benefits-list,.diff-points,.impact-grid,.field-row { grid-template-columns:1fr; }.problem-card,.module-card { min-height:auto; }.section-heading { margin-bottom:35px; }.section-heading.split p { font-size:.8rem; }
  .solution-art { min-height:380px;transform:scale(.85); }.oi-one { left:-5px; }.oi-two { right:-15px; }.oi-three { left:10px; }.rings { width:340px;height:340px; }
  .benefits-copy { padding:38px 28px; }.benefits-list > div { padding:25px;gap:16px; }.diff-points { gap:20px; }.diff-points > div { display:flex;gap:13px; }.diff-points span { flex:none;margin:0; }.quote-card { padding:30px; }
  .impact-grid { gap:40px; }.sdg-card { min-height:260px; }.team-card { grid-template-columns:1fr; }.portrait { min-height:190px; }.contact-form { padding:25px 20px; }.footer-links { flex-wrap:wrap; }.footer-bottom { flex-direction:column;gap:6px;text-align:center; }
}