
:root{
  --ink:#06171b;
  --ink-2:#0a2025;
  --ink-3:#102b31;
  --ink-4:#18363c;
  --paper:#f5f7f4;
  --paper-2:#ecf0ea;
  --white:#ffffff;
  --muted:#aebfc1;
  --muted-dark:#5f6f72;
  --line:rgba(220,231,226,.14);
  --line-light:#d9e2dd;
  --green:#7ed321;
  --green-2:#9be84a;
  --teal:#2ac9b7;
  --shadow:0 34px 90px rgba(2,18,22,.38);
  --shadow-soft:0 18px 48px rgba(5,35,41,.11);
  --max:1180px;
  --radius:28px;
  --radius-lg:40px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background:var(--ink);
  color:#f4fbf8;
  line-height:1.58;
  text-rendering:optimizeLegibility;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
.header{
  position:sticky;top:0;z-index:40;
  background:rgba(6,23,27,.76);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(220,231,226,.10);
}
.header__inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.logo img{height:32px;width:auto}
.nav{display:flex;gap:16px;align-items:center;min-width:0}
.nav a{font-size:.78rem;color:#d7e6e3;font-weight:650;opacity:.92;white-space:nowrap;letter-spacing:-.01em}
.nav a:hover,.nav a.active{color:#fff}
.header__actions{display:flex;gap:10px;align-items:center;flex-shrink:0}
.nav-toggle{display:none;background:transparent;border:0;color:#fff;font-size:1.4rem}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;padding:13px 20px;font-weight:750;font-size:.94rem;
  border:1px solid transparent;transition:.24s ease;white-space:nowrap
}
.btn--primary{background:var(--green);color:#07171a;box-shadow:0 14px 36px rgba(126,211,33,.22)}
.btn--primary:hover{transform:translateY(-2px);background:var(--green-2)}
.btn--ghost{border-color:rgba(220,231,226,.22);color:#fff;background:rgba(255,255,255,.03)}
.btn--ghost:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)}
.hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 72% 22%, rgba(126,211,33,.18), transparent 32%),
    radial-gradient(circle at 14% 12%, rgba(42,201,183,.10), transparent 28%),
    linear-gradient(180deg,#07191d 0%,#06171b 100%);
  padding:78px 0 86px;
}
.hero:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(126,211,33,.45),transparent)
}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:58px;align-items:center}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 12px;border-radius:999px;background:rgba(126,211,33,.10);
  color:#b6ff68;border:1px solid rgba(126,211,33,.20);
  text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.75rem;
}
.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green)}
.h1{
  margin:20px 0 20px;
  font-size:clamp(2rem,4vw,4.1rem);
  line-height:1;
  letter-spacing:-.055em;
  max-width:760px;
  font-weight:850;
}
.h1 .accent{color:var(--green)}
.lead{
  font-size:1.12rem;
  color:#d8e6e3;
  max-width:650px;
  margin:0;
}
.hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.trust-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.trust-strip span{
  padding:8px 12px;border-radius:999px;border:1px solid rgba(220,231,226,.14);
  background:rgba(255,255,255,.035);color:#cddbd8;font-size:.84rem;font-weight:650
}
.hero-card{
  position:relative;
  border-radius:var(--radius-lg);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  border:1px solid rgba(220,231,226,.16);
  box-shadow:var(--shadow);
  padding:16px;
}
.hero-card img{border-radius:30px}
.hero-card__legend{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px
}
.legend-item{
  padding:16px;border-radius:18px;background:rgba(255,255,255,.055);
  border:1px solid rgba(220,231,226,.10);
}
.legend-item strong{display:block;font-size:.92rem;margin-bottom:5px}
.legend-item span{font-size:.78rem;color:#b7c9c8}
.section{padding:88px 0}
.section--paper{background:var(--paper);color:var(--ink)}
.section--paper + .section--paper{padding-top:20px}
.section__head{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.45fr);
  gap:48px;align-items:end;margin-bottom:42px;
}
.kicker{color:var(--green);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:850}
.h2{
  margin:12px 0 0;
  font-size:clamp(1.55rem,2.6vw,2.65rem);
  line-height:1.08;
  letter-spacing:-.04em;
  max-width:680px;
  font-weight:850;
}
.section__intro{color:var(--muted-dark);font-size:1rem;margin:0;max-width:420px}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.solution{
  min-height:370px;display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--line-light);
  border-radius:30px;padding:28px;box-shadow:var(--shadow-soft);
  transition:.24s ease;
}
.solution:hover{transform:translateY(-4px);box-shadow:0 26px 72px rgba(5,35,41,.14)}
.solution__num{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:#eff8e9;color:#4f8b10;font-weight:850;font-size:.84rem;margin-bottom:34px}
.solution h3{font-size:1.22rem;line-height:1.08;letter-spacing:-.035em;margin:0 0 14px}
.solution p{color:var(--muted-dark);margin:0 0 22px}
.solution a{margin-top:auto;color:#102b31;font-weight:850;display:inline-flex;gap:8px;align-items:center}
.split-dark{
  display:grid;grid-template-columns:.95fr 1.05fr;gap:26px;align-items:stretch
}
.dark-panel{
  border-radius:var(--radius-lg);
  background:
    radial-gradient(circle at 80% 10%,rgba(126,211,33,.22),transparent 34%),
    linear-gradient(180deg,#102b31,#0a1d22);
  border:1px solid rgba(220,231,226,.13);
  box-shadow:var(--shadow);
  padding:42px;
}
.dark-panel h2{margin:14px 0 18px;font-size:clamp(1.55rem,2.5vw,2.55rem);line-height:1.08;letter-spacing:-.04em}
.dark-panel p{color:#d3e3df;max-width:620px}
.check-panel{
  border-radius:var(--radius-lg);
  border:1px solid rgba(220,231,226,.14);
  background:rgba(255,255,255,.035);
  padding:34px;
}
.check-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.check-list li{display:grid;grid-template-columns:24px 1fr;gap:14px;color:#d5e3df}
.check-list li:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--green);margin-top:.48rem;box-shadow:0 0 0 6px rgba(126,211,33,.09)}
.audience{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px}
.audience__item{
  border-radius:24px;background:#fff;border:1px solid var(--line-light);
  padding:22px;box-shadow:var(--shadow-soft)
}
.audience__item strong{display:block;font-size:1.02rem;margin-bottom:8px}
.audience__item span{color:var(--muted-dark);font-size:.94rem}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.process__step{
  padding:26px;border-radius:26px;background:rgba(255,255,255,.04);border:1px solid rgba(220,231,226,.12)
}
.process__step span{color:var(--green);font-weight:850;font-size:.78rem}
.process__step h3{font-size:1.18rem;margin:18px 0 10px}
.process__step p{color:#b9cac8;margin:0}

.about-compact{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px;align-items:start;padding:34px 38px;border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid rgba(220,231,226,.12);box-shadow:0 18px 48px rgba(5,35,41,.16)}
.about-compact__title{margin:12px 0 0;font-size:clamp(1.7rem,2.8vw,2.6rem);line-height:1.02;letter-spacing:-.05em;max-width:380px}
.about-compact p{margin:0;color:#c6d8d5;max-width:720px}
.cta{
  padding:72px 0;background:var(--paper);color:var(--ink)
}
.cta__box{
  border-radius:42px;
  background:
    radial-gradient(circle at 90% 20%,rgba(126,211,33,.30),transparent 30%),
    linear-gradient(135deg,#102b31,#06171b);
  color:#fff;padding:56px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;
  box-shadow:var(--shadow)
}
.cta__box h2{font-size:clamp(1.55rem,2.6vw,2.7rem);line-height:1.08;letter-spacing:-.04em;margin:0}
.cta__box p{color:#cbdad7;max-width:620px;margin:16px 0 0}
.footer{background:#06171b;border-top:1px solid rgba(220,231,226,.10);padding:58px 0 34px}
.footer__grid{display:grid;grid-template-columns:1.1fr .65fr .65fr .8fr;gap:36px}
.footer img{height:36px;width:auto;margin-bottom:18px}
.footer p,.footer a,.footer span{color:#aec0be}
.footer h4{margin:0 0 16px;color:#fff}
.footer__links{display:grid;gap:10px}
.footer__bottom{margin-top:34px;padding-top:20px;border-top:1px solid rgba(220,231,226,.10);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#8ea09d;font-size:.9rem}
.page-hero{
  padding:86px 0 76px;
  background:
    radial-gradient(circle at 70% 12%,rgba(126,211,33,.14),transparent 30%),
    linear-gradient(180deg,#07191d,#06171b);
}
.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;color:#9fb3b0;font-size:.92rem;margin-bottom:18px}
.breadcrumbs a{color:#e2efeb}
.page-title{
  font-size:clamp(1.9rem,3.6vw,3.6rem);
  line-height:1.04;letter-spacing:-.05em;margin:18px 0;max-width:900px
}
.page-lead{color:#d4e4e0;max-width:760px;font-size:1.14rem;margin:0}
.landing-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.landing-card{background:#fff;border:1px solid var(--line-light);border-radius:30px;padding:32px;box-shadow:var(--shadow-soft)}
.landing-card h3{font-size:1.28rem;line-height:1.1;letter-spacing:-.035em;margin:0 0 16px}
.list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px}
.list li{display:grid;grid-template-columns:18px 1fr;gap:12px;color:var(--muted-dark)}
.list li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);margin-top:.55rem}
.form{display:grid;gap:14px}
label span{display:block;margin-bottom:8px;font-weight:750;color:#e8f4f1}
input,textarea,select{
  width:100%;border:1px solid rgba(220,231,226,.18);background:rgba(255,255,255,.05);
  border-radius:16px;padding:15px 16px;color:#fff;font:inherit;outline:none
}
textarea{min-height:150px;resize:vertical}
select option{color:#06171b}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px}
.contact-info{background:#102b31;border:1px solid rgba(220,231,226,.14);border-radius:34px;padding:36px}
.contact-info p,.contact-info a{color:#d2e3df}
@media (max-width:1060px){
  .hero__grid,.section__head,.split-dark,.landing-grid,.contact-grid,.cta__box,.about-compact{grid-template-columns:1fr}
  .hero__grid{gap:34px}.audience,.process,.footer__grid{grid-template-columns:1fr 1fr}
  .solution-grid{grid-template-columns:1fr}
}
@media (max-width:1180px){
  .header__inner{height:70px}
  .nav-toggle{display:block}
  .nav{display:none;position:absolute;left:20px;right:20px;top:78px;background:#0b2026;border:1px solid rgba(220,231,226,.14);border-radius:24px;padding:22px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}
  .nav.open{display:flex}
  .header__actions .btn--ghost{display:none}
  .hero{padding:62px 0 76px}
  .hero__grid{grid-template-columns:1fr}
  .h1{font-size:clamp(2rem,9vw,3.2rem);line-height:1;letter-spacing:-.05em}
  .lead{font-size:1.02rem}
  .hero-card__legend{grid-template-columns:1fr}
  .section{padding:78px 0}.audience,.process,.footer__grid{grid-template-columns:1fr}
  .cta__box{padding:36px}.page-title{font-size:clamp(1.9rem,9vw,3rem)}
}
@media (max-width:560px){
  .container{width:min(var(--max),calc(100% - 28px))}
  .about-compact{padding:26px}
  .logo img{height:30px}
  .header__actions{display:none}
  .hero-card{padding:10px;border-radius:28px}
  .section__head{margin-bottom:26px}
  .solution{min-height:auto}.dark-panel,.check-panel,.landing-card,.contact-info{padding:26px;border-radius:28px}
}


/* v10 refinements */
.header__inner{height:74px;gap:18px}
.logo img{height:32px;width:auto}
.nav{gap:14px;flex-wrap:nowrap;white-space:nowrap;overflow:visible}
.nav a{font-size:.76rem;white-space:nowrap;letter-spacing:-.015em}
.header__actions .btn{padding:11px 17px;font-size:.86rem}
.h1{font-size:clamp(1.95rem,3.55vw,3.65rem);line-height:1.04;letter-spacing:-.048em;max-width:720px}
.h2{font-size:clamp(1.45rem,2.35vw,2.42rem);line-height:1.08;letter-spacing:-.04em;max-width:660px}
.page-title{font-size:clamp(1.85rem,3.35vw,3.25rem);line-height:1.06;letter-spacing:-.048em;max-width:850px}
.dark-panel h2{font-size:clamp(1.42rem,2.25vw,2.35rem);line-height:1.09;letter-spacing:-.038em}
.cta__box h2{font-size:clamp(1.42rem,2.25vw,2.35rem);line-height:1.09;letter-spacing:-.038em}
.solution h3{font-size:1.15rem}
.solution{min-height:330px}
.section{padding:82px 0}
.hero{padding:70px 0 78px}
.footer__grid{grid-template-columns:1.3fr .9fr .9fr;gap:38px}
.footer .footer__grid > div:nth-child(3){display:none}
.footer__links .hidden-link{display:none}
.footer .btn-inline{display:inline-flex;margin-top:18px}
.entry-hero{background:linear-gradient(180deg,#f8fbf7 0%,#eef4ee 100%);color:var(--ink);padding:84px 0 68px;position:relative;overflow:hidden;border-bottom:1px solid #dfe8e4}
.entry-hero:before{content:"";position:absolute;right:-160px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(126,211,33,.26),transparent 64%)}
.entry-hero__grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:56px;align-items:center;position:relative;z-index:1}
.entry-hero .eyebrow{background:#eaf6dd;color:#5b8f17;border-color:#d2ebbd}
.entry-title{font-size:clamp(2.05rem,4.05vw,4.25rem);line-height:1.02;letter-spacing:-.058em;margin:20px 0 18px;font-weight:850;max-width:790px;color:#07191d}
.entry-subtitle{font-size:1.1rem;color:#4c5f61;max-width:720px;margin:0}
.entry-reinforce{margin-top:24px;padding:18px 20px;border-radius:22px;background:#fff;border:1px solid #dce7e1;box-shadow:var(--shadow-soft);color:#163039;font-weight:650;max-width:760px}
.entry-visual{border-radius:38px;background:#07191d;border:1px solid rgba(6,23,27,.13);box-shadow:0 28px 70px rgba(6,23,27,.16);padding:18px;position:relative;overflow:hidden}
.entry-visual:after{content:"";position:absolute;right:-30px;top:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(126,211,33,.4),transparent 68%)}
.entry-visual__inner{position:relative;z-index:1;border-radius:26px;background:#0d2429;padding:28px;min-height:400px;border:1px solid rgba(220,231,226,.12)}
.map-lines{height:250px;border-radius:22px;background:linear-gradient(135deg,#102b31,#07191d);border:1px solid rgba(220,231,226,.12);position:relative;overflow:hidden;margin-bottom:20px}
.map-lines:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(220,231,226,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(220,231,226,.08) 1px,transparent 1px);background-size:42px 42px;opacity:.7}
.map-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 0 8px rgba(126,211,33,.12)}
.map-dot:nth-child(1){left:18%;top:58%}.map-dot:nth-child(2){left:52%;top:38%;background:var(--teal)}.map-dot:nth-child(3){left:72%;top:68%;background:#dce7e2}
.map-path{position:absolute;left:20%;top:40%;width:54%;height:30%;border-top:3px dashed rgba(126,211,33,.72);border-right:3px dashed rgba(42,201,183,.5);transform:skew(-12deg);border-radius:30px;opacity:.75}
.entry-visual h3{margin:0 0 10px;font-size:1.08rem;letter-spacing:-.02em}.entry-visual p{margin:0;color:#b9cac7;font-size:.92rem}
.light-section{background:#f8faf8;color:var(--ink);padding:86px 0}
.light-section.alt{background:#eef3ef}
.entry-section-head{display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,.45fr);gap:44px;align-items:end;margin-bottom:34px}.entry-section-head p{color:#617074;margin:0}.entry-section-head h2{font-size:clamp(1.7rem,2.85vw,3rem);line-height:1.05;letter-spacing:-.045em;margin:10px 0 0;color:#07191d;max-width:760px}
.entry-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.entry-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.entry-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.entry-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.entry-card{background:#fff;border:1px solid #dce7e1;border-radius:28px;padding:28px;box-shadow:0 18px 46px rgba(7,25,29,.08)}.entry-card.dark{background:#0b2026;color:#eff9f6;border-color:rgba(220,231,226,.12)}.entry-card h3{font-size:1.16rem;line-height:1.15;margin:0 0 12px;letter-spacing:-.025em}.entry-card p{color:#617074;margin:0}.entry-card.dark p{color:#c5d6d3}.entry-card ul{margin-top:16px}.entry-card .num{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:#eef8e5;color:#5a8e16;font-weight:850;font-size:.8rem;margin-bottom:22px}.entry-card.dark .num{background:rgba(126,211,33,.12);color:#b6ff68}
.entry-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:11px}.entry-list li{display:grid;grid-template-columns:16px 1fr;gap:11px;color:#5d6c70}.entry-list li:before{content:"";width:8px;height:8px;margin-top:.55rem;border-radius:50%;background:var(--green)}.entry-card.dark .entry-list li{color:#d0dfdc}.entry-card.dark .entry-list li:before{background:#b6ff68}.impact-line{margin-top:28px;padding:22px 24px;border-radius:26px;background:#07191d;color:#eff9f6;font-size:1.14rem;font-weight:700;letter-spacing:-.015em;box-shadow:var(--shadow-soft)}
.module-card{background:#fff;border:1px solid #dce7e1;border-radius:30px;padding:28px;box-shadow:0 18px 46px rgba(7,25,29,.08);display:flex;flex-direction:column}.module-card h3{font-size:1.02rem;line-height:1.16;margin:0 0 14px;letter-spacing:-.02em}.module-card p{font-size:.92rem;color:#617074;margin:0}.module-card ul{margin-top:14px}.module-card .num{margin-bottom:24px}.decision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.decision{padding:18px;border-radius:22px;background:#fff;border:1px solid #dce7e1}.decision strong{display:block;margin-bottom:6px;color:#07191d}.decision span{color:#617074;font-size:.92rem}.deliverables{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 34px}.deliverables li{margin:0;display:grid;grid-template-columns:16px 1fr;gap:10px;color:#5d6c70}.deliverables li:before{content:"";width:8px;height:8px;margin-top:.55rem;border-radius:50%;background:var(--green)}
.entry-cta{background:#07191d;color:#fff;padding:86px 0}.entry-cta__box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;border-radius:38px;background:radial-gradient(circle at 88% 18%,rgba(126,211,33,.28),transparent 28%),linear-gradient(135deg,#102b31,#07191d);border:1px solid rgba(220,231,226,.12);padding:46px;box-shadow:var(--shadow)}.entry-cta h2{font-size:clamp(1.7rem,3vw,3.15rem);letter-spacing:-.046em;line-height:1.04;margin:0 0 14px}.entry-cta p{color:#c5d6d3;max-width:760px;margin:0}.source-tags{display:flex;flex-wrap:wrap;gap:10px}.source-tags span{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid #dce7e1;color:#45565a;font-size:.86rem;font-weight:650}.lang-note{font-size:.85rem;color:#6b7a7d;margin-top:14px}
@media (max-width:1120px){.entry-hero__grid,.entry-section-head,.entry-grid-2,.entry-grid-3,.entry-grid-4,.entry-grid-5,.decision-grid,.entry-cta__box{grid-template-columns:1fr}.entry-visual__inner{min-height:auto}.deliverables{grid-template-columns:1fr}.header__inner{height:auto;min-height:74px}.nav{gap:10px}.nav a{font-size:.72rem}}
@media (max-width:820px){.nav{white-space:normal}.entry-title{font-size:clamp(2.1rem,9vw,3.3rem)}.entry-hero{padding:58px 0}.light-section{padding:70px 0}.footer__grid{grid-template-columns:1fr}.footer .footer__grid > div:nth-child(3){display:block}}
