:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-002dd50 */:root {
  --g:#078F00;
  --gl:#69e260;
  --gd:#045f00;
  --navy:#082234;
  --navy2:#0f3447;
  --ink:#0d2638;
  --muted:#637483;
  --line:#dce7ec;
  --soft:#f5faf5;
  --white:#fff;
  --shadow:0 25px 70px rgba(8,34,52,.12)
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth
}

body {
  margin:0;
  overflow-x:hidden;
  color:var(--ink);
  background:#fff;
  font-family:"Poppins",Arial,sans-serif
}

a {
  text-decoration:none;
  color:inherit
}

img {
  display:block;
  max-width:100%
}

.wrap {
  width:min(1180px,calc(100% - 40px));
  margin:auto
}

.section {
  padding:96px 0
}

.eyebrow {
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--g);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase
}

.eyebrow:before {
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--g);
  box-shadow:0 0 0 5px rgba(7,143,0,.1)
}

h1,h2 {
  letter-spacing:-.055em;
  font-weight:700;
  line-height:1.1;
}

h1,h2,h3,p {
  margin-top:0
}

h2 {
  margin:17px 0 18px;
  font-size:clamp(2.25rem,4.6vw,4rem);
  line-height:1.1;
  font-weight:700;
}

p {
  color:var(--muted);
  line-height:1.75
}

.green {
  color:var(--g)
}

.head {
  max-width:790px
}

.head.center {
  text-align:center;
  margin:0 auto 50px
}

.head.center p {
  max-width:670px;
  margin-left:auto;
  margin-right:auto
}

.btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:56px;
  padding:0 23px;
  border-radius:16px;
  font-size:.86rem;
  font-weight:800;
  transition:.25s
}

.btn-primary {
  color:#fff;
  background:linear-gradient(145deg,#48d83e 0%,#18b814 38%,#067c00 72%,#034f00 100%);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:inset 4px 4px 9px rgba(255,255,255,.42),inset -5px -6px 11px rgba(0,58,0,.34),0 15px 32px rgba(7,143,0,.28)
}

.btn-primary:hover {
  transform:translateY(-3px);
  box-shadow:inset 4px 4px 9px rgba(255,255,255,.42),inset -5px -6px 11px rgba(0,58,0,.34),0 22px 42px rgba(7,143,0,.36)
}

.btn-white {
  color:var(--ink);
  background:#fff;
  border:1px solid #fff;
  box-shadow:0 14px 30px rgba(0,0,0,.13)
}

.btn-white:hover {
  color:var(--g);
  transform:translateY(-3px)
}

.nav {
  position:absolute;
  z-index:10;
  left:0;
  top:0;
  width:100%;
  height:84px;
  color:#fff
}

.nav-in {
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between
}

.brand {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:1.32rem;
  font-weight:800;
  letter-spacing:-.04em
}

.brand-mark {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  background:linear-gradient(145deg,#67e95d,#078F00 70%);
  box-shadow:inset 2px 2px 5px rgba(255,255,255,.4)
}

.nav-links {
  display:flex;
  align-items:center;
  gap:27px;
  font-size:.76rem;
  font-weight:700
}

.nav .btn {
  min-height:44px;
  padding:0 17px;
  border-radius:13px
}

.hero {
  position:relative;
  display:flex;
  align-items:center;
  min-height:770px;
  color:#fff;
  background:radial-gradient(circle at 82% 25%,rgba(7,143,0,.23),transparent 27%),linear-gradient(135deg,#061b29,#0d3044 62%,#075016)
}

.hero:after {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 15% 48%,rgba(7,143,0,.2),transparent 29%)
}

.hero-grid {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.94fr 1.06fr;
  gap:52px;
  align-items:center;
  padding-top:75px
}

.hero .eyebrow {
  color:#87ef7e
}

.hero .eyebrow:before {
  background:#87ef7e
}

.hero h1 {
  margin:23px 0 25px;
  font-size:clamp(3rem,5.45vw,5.15rem);
  line-height:1.1;
  font-weight:700;
}

.hero h1 span {
  color:#72e669
}

.hero-copy>p {
  max-width:630px;
  color:#d4e3e9;
  font-size:1.03rem
}

.hero-actions {
  display:flex;
  gap:13px;
  flex-wrap:wrap;
  margin-top:32px
}

.hero-proof {
  display:flex;
  gap:23px;
  flex-wrap:wrap;
  margin-top:34px
}

.hero-proof span {
  display:flex;
  align-items:center;
  gap:8px;
  color:#edf7fa;
  font-size:.7rem;
  font-weight:700
}

.check {
  display:grid;
  place-items:center;
  width:21px;
  height:21px;
  border-radius:50%;
  color:#fff;
  background:var(--g);
  font-size:.64rem
}

.video-shell {
  position:relative;
  padding:11px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:30px;
  background:rgba(255,255,255,.075);
  box-shadow:0 34px 85px rgba(0,0,0,.28);
  backdrop-filter:blur(10px)
}

.video-placeholder {
  position:relative;
  display:grid;
  place-items:center;
  aspect-ratio:16/10;
  overflow:hidden;
  border-radius:21px;
  background:linear-gradient(145deg,#0d3145,#071d2c)
}

.video-placeholder:before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:32px 32px
}

.video-orbit {
  position:absolute;
  width:300px;
  height:300px;
  border:1px solid rgba(103,228,94,.24);
  border-radius:50%;
  animation:spin 18s linear infinite
}

.video-orbit:after {
  content:"";
  position:absolute;
  top:28px;
  right:22px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#65e05c;
  box-shadow:0 0 25px #65e05c
}

.video-play {
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:84px;
  height:84px;
  border:1px solid rgba(255,255,255,.45);
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,#4ee143,#078F00 70%);
  box-shadow:inset 3px 3px 7px rgba(255,255,255,.38),0 20px 45px rgba(7,143,0,.35);
  font-size:1.45rem
}

.video-caption {
  position:absolute;
  z-index:2;
  left:22px;
  bottom:20px
}

.video-caption strong,.video-caption span {
  display:block
}

.video-caption strong {
  font-size:.82rem
}

.video-caption span {
  margin-top:4px;
  color:#bcd0da;
  font-size:.62rem
}

.video-badge {
  position:absolute;
  z-index:2;
  right:18px;
  top:18px;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  color:#bdebb9;
  background:rgba(7,143,0,.18);
  font-size:.58rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em
}

@keyframes spin {
  to {
    transform:rotate(360deg)
  }
}

.shift {
  border-bottom:1px solid var(--line);
  background:#fff
}

.shift-in {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  padding:20px 0
}

.shift-item {
  padding:12px 22px;
  border-right:1px solid var(--line)
}

.shift-item:last-child {
  border-right:0
}

.shift-item small,.shift-item strong {
  display:block
}

.shift-item small {
  color:var(--g);
  font-size:.57rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.09em
}

.shift-item strong {
  margin-top:7px;
  color:#244358;
  font-size:.78rem;
  line-height:1.45
}

.impact {
  background:linear-gradient(180deg,#fff,#f6faf6)
}

.impact-grid {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:56px;
  align-items:start
}

.impact-copy {
  position:sticky;
  top:30px
}

.impact-cards {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px
}

.impact-card {
  position:relative;
  overflow:hidden;
  min-height:245px;
  padding:25px;
  border:1px solid #d8e6dc;
  border-radius:22px;
  background:linear-gradient(155deg,#fff,#f3fbf2);
  box-shadow:0 14px 35px rgba(8,34,52,.06);
  transition:.3s
}

.impact-card:hover {
  transform:translateY(-7px);
  border-color:rgba(7,143,0,.42);
  box-shadow:0 24px 48px rgba(7,143,0,.11)
}

.impact-card:after {
  content:"";
  position:absolute;
  right:-35px;
  bottom:-40px;
  width:115px;
  height:115px;
  border:1px solid rgba(7,143,0,.13);
  border-radius:50%;
  box-shadow:0 0 0 20px rgba(7,143,0,.025)
}

.impact-icon {
  display:grid;
  width:50px;
  height:50px;
  place-items:center;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(145deg,#60e156,var(--g));
  box-shadow:inset 2px 2px 5px rgba(255,255,255,.38),0 12px 26px rgba(7,143,0,.2);
  font-size:1.1rem
}

.impact-card h3 {
  margin:20px 0 8px;
  color:#0b3044;
  font-size:.98rem;
  font-weight:700;
  line-height:1.1;
}

.impact-card p {
  font-size:.7rem;
  line-height:1.6
}

.outcome {
  color:var(--g);
  font-size:.58rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.09em
}

.model {
  color:#fff;
  background:linear-gradient(135deg,var(--navy),var(--navy2) 60%,#075016)
}

.model .eyebrow {
  color:#89f081
}

.model .eyebrow:before {
  background:#89f081
}

.model-layout {
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:52px;
  align-items:center
}

.model-copy p {
  color:#c6d7de
}

.scenario-list {
  display:grid;
  gap:10px;
  margin-top:26px
}

.scenario {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:15px;
  color:#bdd0d9;
  background:rgba(255,255,255,.055);
  font-size:.7rem;
  font-weight:800;
  cursor:pointer;
  transition:.25s
}

.scenario.active,.scenario:hover {
  color:#fff;
  border-color:rgba(105,226,96,.5);
  background:rgba(7,143,0,.2)
}

.scenario span {
  display:grid;
  width:27px;
  height:27px;
  place-items:center;
  border-radius:9px;
  color:#fff;
  background:rgba(255,255,255,.1)
}

.model-screen {
  padding:20px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:28px;
  color:var(--ink);
  background:#f7faf8;
  box-shadow:0 32px 85px rgba(0,0,0,.28)
}

.screen-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:15px;
  border-bottom:1px solid var(--line)
}

.screen-top strong {
  font-size:.78rem
}

.screen-top span {
  padding:6px 9px;
  border-radius:99px;
  color:var(--g);
  background:#eaf8e8;
  font-size:.55rem;
  font-weight:800
}

.model-kpis {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin:14px 0
}

.model-kpi {
  padding:13px;
  border:1px solid #dfeae3;
  border-radius:14px;
  background:#fff
}

.model-kpi small,.model-kpi strong,.model-kpi em {
  display:block
}

.model-kpi small {
  color:#74848e;
  font-size:.51rem;
  font-weight:800;
  text-transform:uppercase
}

.model-kpi strong {
  margin-top:7px;
  font-size:1.12rem
}

.model-kpi em {
  margin-top:3px;
  color:var(--g);
  font-size:.52rem;
  font-style:normal;
  font-weight:800
}

.model-chart {
  height:205px;
  padding:16px;
  border:1px solid #dfeae3;
  border-radius:17px;
  background:#fff
}

.chart-head {
  display:flex;
  justify-content:space-between;
  color:#667681;
  font-size:.56rem;
  font-weight:800
}

.model-chart svg {
  width:100%;
  height:160px
}

.gridline {
  stroke:#e4ece7
}

.area {
  fill:url(#modelArea)
}

.line {
  fill:none;
  stroke:var(--g);
  stroke-width:4;
  stroke-linecap:round;
  stroke-dasharray:800;
  stroke-dashoffset:800;
  animation:draw 4.5s ease-in-out infinite
}

.decision-note {
  display:flex;
  gap:10px;
  margin-top:10px;
  padding:12px;
  border:1px solid #cce6ca;
  border-radius:14px;
  background:#edf9eb;
  color:#4f6556;
  font-size:.58rem;
  line-height:1.55
}

.decision-note i {
  display:grid;
  flex:0 0 32px;
  height:32px;
  place-items:center;
  border-radius:10px;
  color:#fff;
  background:var(--g);
  font-style:normal
}

.decision-note b {
  display:block;
  color:var(--g)
}

@keyframes draw {
  50%,100% {
    stroke-dashoffset:0
  }
}

.advisor {
  background:#fff
}

.advisor-grid {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:58px;
  align-items:center
}

.advisor-photo {
  position:relative;
  overflow:hidden;
  min-height:500px;
  border-radius:29px;
  box-shadow:var(--shadow)
}

.advisor-photo img {
  width:100%;
  height:100%;
  min-height:500px;
  object-fit:cover
}

.advisor-photo:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 60%,rgba(5,31,43,.55))
}

.advisor-caption {
  position:absolute;
  z-index:2;
  left:24px;
  right:24px;
  bottom:22px;
  color:#fff
}

.advisor-caption strong,.advisor-caption span {
  display:block
}

.advisor-caption strong {
  font-size:1rem
}

.advisor-caption span {
  margin-top:5px;
  color:#d2e2e8;
  font-size:.64rem
}

.advisor-points {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
  margin-top:24px
}

.advisor-point {
  padding:16px;
  border:1.5px solid rgba(7,143,0,.34);
  border-radius:16px;
  background:linear-gradient(145deg,#fff,#f4fbf3);
  transition:.25s
}

.advisor-point:hover {
  transform:translateY(-4px);
  border-color:var(--g)
}

.advisor-point strong {
  display:block;
  color:var(--g);
  font-size:.76rem
}

.advisor-point span {
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:.62rem;
  line-height:1.5
}

.ai {
  background:#f5faf5
}

.ai-panel {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:48px;
  align-items:center;
  padding:45px;
  border-radius:31px;
  color:#fff;
  background:linear-gradient(135deg,#082234,#0f3447 58%,#056d00);
  box-shadow:var(--shadow)
}

.ai-panel:after {
  content:"AI";
  position:absolute;
  right:-15px;
  top:-85px;
  color:rgba(255,255,255,.035);
  font-size:17rem;
  font-weight:800
}

.ai-copy,.ai-visual {
  position:relative;
  z-index:2
}

.ai-copy .eyebrow {
  color:#88ef7f
}

.ai-copy .eyebrow:before {
  background:#88ef7f
}

.ai-copy h2 {
  font-size:clamp(2.2rem,4vw,3.55rem);
  font-weight:700;
  line-height:1.1;
}

.ai-copy p {
  color:#cedde3;
  font-size:.83rem
}

.ai-proof {
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-top:19px;
  color:#e0edf1;
  font-size:.66rem;
  line-height:1.55
}

.ai-proof i {
  display:grid;
  flex:0 0 28px;
  height:28px;
  place-items:center;
  border-radius:9px;
  color:#fff;
  background:var(--g);
  font-style:normal
}

.ai-visual {
  min-height:370px
}

.ai-core {
  position:absolute;
  left:50%;
  top:50%;
  display:grid;
  place-items:center;
  width:124px;
  height:124px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.27);
  border-radius:34px;
  background:linear-gradient(145deg,#17465a,#078F00);
  box-shadow:0 23px 50px rgba(0,0,0,.3);
  font-size:1.35rem;
  font-weight:800
}

.ai-core:after {
  content:"";
  position:absolute;
  inset:-26px;
  border:1px dashed rgba(105,226,96,.45);
  border-radius:50%;
  animation:spin 13s linear infinite
}

.signal {
  position:absolute;
  width:185px;
  padding:14px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:15px;
  background:rgba(255,255,255,.085);
  backdrop-filter:blur(8px);
  animation:signal 5s ease-in-out infinite
}

.signal strong,.signal span {
  display:block
}

.signal strong {
  color:#8bed83;
  font-size:.67rem
}

.signal span {
  margin-top:4px;
  color:#c4d6dd;
  font-size:.56rem;
  line-height:1.45
}

.s1 {
  left:0;
  top:15px
}

.s2 {
  right:0;
  top:15px;
  animation-delay:-1.7s
}

.s3 {
  left:0;
  bottom:15px;
  animation-delay:-3.3s
}

.s4 {
  right:0;
  bottom:15px;
  animation-delay:-2.5s
}

@keyframes signal {
  50% {
    transform:translateY(-7px);
    border-color:rgba(105,226,96,.5)
  }
}

.engagement {
  background:#fff
}

.engage-flow {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px
}

.engage-step {
  position:relative;
  min-height:220px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:21px;
  background:linear-gradient(155deg,#fff,#f4fbf3);
  box-shadow:0 13px 33px rgba(8,34,52,.055)
}

.engage-step:not(:last-child):after {
  content:"→";
  position:absolute;
  z-index:2;
  right:-22px;
  top:43px;
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border:1px solid #cde4cf;
  border-radius:50%;
  color:#fff;
  background:var(--g);
  box-shadow:0 9px 22px rgba(7,143,0,.23);
  font-size:1.05rem;
  animation:nudge 2s ease-in-out infinite
}

.engage-icon {
  display:grid;
  width:49px;
  height:49px;
  place-items:center;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(145deg,#60e156,var(--g));
  font-size:.85rem;
  font-weight:800
}

.engage-step h3 {
  margin:20px 0 8px;
  font-size:.92rem;
  font-weight:700;
  line-height:1.1;
}

.engage-step p {
  font-size:.67rem;
  line-height:1.58
}

.engage-step small {
  color:var(--g);
  font-size:.55rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase
}

@keyframes nudge {
  50% {
    transform:translateX(5px)
  }
}

.quote {
  padding:95px 0;
  background:#f5faf5
}

.quote-in {
  max-width:960px;
  margin:auto;
  text-align:center
}

.quote-mark {
  color:var(--g);
  font:800 6rem/1 Georgia,serif;
  opacity:.24
}

.quote blockquote {
  margin:-26px 0 24px;
  font-size:clamp(1.5rem,3.3vw,2.55rem);
  line-height:1.1;
  letter-spacing:-.04em;
  font-weight:700
}

.quote-person {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:11px
}

.avatar {
  display:grid;
  width:46px;
  height:46px;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,#57df4d,var(--g));
  font-size:.68rem;
  font-weight:800
}

.quote-person strong,.quote-person span {
  display:block;
  text-align:left
}

.quote-person strong {
  font-size:.74rem
}

.quote-person span {
  color:var(--muted);
  font-size:.61rem
}

.cta {
  padding:70px 0;
  background:#fff
}

.cta-panel {
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:38px;
  align-items:center;
  padding:52px;
  border-radius:30px;
  color:#fff;
  background:linear-gradient(90deg,rgba(4,78,0,.97),rgba(7,143,0,.84) 58%,rgba(8,34,52,.38)),url("https://images.pexels.com/photos/3184465/pexels-photo-3184465.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1600") center/cover;
  box-shadow:0 28px 75px rgba(7,143,0,.2)
}

.cta h2 {
  font-size:clamp(2.2rem,4vw,3.55rem);
  font-weight:700;
  line-height:1.1;
}

.cta p {
  color:#e4f3e2
}

.cta-card {
  padding:23px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:20px;
  color:var(--ink);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(9px)
}

.cta-card strong {
  display:block;
  font-size:.88rem
}

.cta-card span {
  display:block;
  margin-top:8px;
  color:var(--muted);
  font-size:.67rem;
  line-height:1.6
}

.footer {
  padding:33px 0;
  color:#b7c9d2;
  background:#061b29
}

.footer-in {
  display:flex;
  align-items:center;
  justify-content:space-between
}

.footer .brand {
  color:#fff
}

.footer small {
  font-size:.62rem
}

.reveal {
  opacity:0;
  transform:translateY(24px);
  transition:.75s ease
}

.reveal.show {
  opacity:1;
  transform:none
}

@media(max-width:980px) {
  .nav-links a:not(.btn) {
    display:none
  }
  .hero-grid,.impact-grid,.model-layout,.advisor-grid,.ai-panel,.cta-panel {
    grid-template-columns:1fr
  }
  .hero-grid {
    padding:125px 0 70px
  }
  .hero {
    min-height:auto
  }
  .video-shell {
    max-width:720px
  }
  .impact-copy {
    position:static
  }
  .model-layout {
    gap:28px
  }
  .advisor-photo {
    min-height:430px
  }
  .advisor-photo img {
    min-height:430px
  }
  .engage-flow {
    grid-template-columns:repeat(2,1fr)
  }
  .engage-step:after {
    display:none
  }
  .shift-in {
    grid-template-columns:repeat(2,1fr)
  }
  .shift-item {
    border-bottom:1px solid var(--line)
  }
  .ai-visual {
    min-height:390px
  }
}

@media(max-width:650px) {
  .wrap {
    width:min(100% - 28px,1180px)
  }
  .section {
    padding:72px 0
  }
  .nav {
    height:70px
  }
  .nav .btn {
    font-size:0;
    width:44px
  }
  .nav .btn:after {
    content:"↗";
    font-size:1rem
  }
  .hero-grid {
    padding-top:105px
  }
  .hero h1 {
    font-size:3.05rem;
    font-weight:700;
    line-height:1.1;
  }
  .video-play {
    width:68px;
    height:68px
  }
  .video-orbit {
    width:230px;
    height:230px
  }
  .shift-in,.impact-cards,.model-kpis,.advisor-points,.engage-flow {
    grid-template-columns:1fr
  }
  .shift-item {
    border-right:0
  }
  .advisor-photo,.advisor-photo img {
    min-height:360px
  }
  .ai-panel {
    padding:29px 21px
  }
  .ai-visual {
    min-height:500px
  }
  .signal {
    width:158px
  }
  .s1,.s3 {
    left:0
  }
  .s2,.s4 {
    right:0
  }
  .cta-panel {
    padding:30px 22px
  }
  .footer-in {
    display:grid;
    justify-content:center;
    text-align:center;
    gap:13px
  }
  .footer .brand {
    justify-content:center
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  .reveal {
    opacity:1;
    transform:none;
    transition:none
  }
  .video-orbit,.line,.ai-core:after,.signal,.engage-step:after {
    animation:none
  }
}

/* Review refinements: decision lab, flagship AI, animated engagement route, FAQ and blogs */
.model {
  background:linear-gradient(180deg,#f4faf4,#fff);
  color:var(--ink)
}

.decision-lab {
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:45px;
  align-items:center
}

.decision-copy p {
  max-width:520px
}

.decision-prompts {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px
}

.decision-prompts span {
  padding:9px 11px;
  border:1px solid #d5e6d8;
  border-radius:99px;
  color:#406052;
  background:#fff;
  font-size:.58rem;
  font-weight:800
}

.choice-board {
  position:relative;
  min-height:530px;
  padding:25px;
  border:1px solid #d5e5d9;
  border-radius:30px;
  background:#fff;
  box-shadow:0 30px 80px rgba(8,34,52,.13)
}

.choice-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:16px;
  border-bottom:1px solid var(--line)
}

.choice-top strong {
  font-size:.78rem
}

.choice-top span {
  color:var(--g);
  font-size:.56rem;
  font-weight:800
}

.choice-center {
  position:absolute;
  left:50%;
  top:51%;
  display:grid;
  place-items:center;
  width:145px;
  height:145px;
  transform:translate(-50%,-50%);
  border:1px solid #cce4cf;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,#0f3447,#078F00);
  box-shadow:0 0 0 14px #edf7ec,0 25px 55px rgba(8,34,52,.2);
  text-align:center;
  font-size:.72rem;
  font-weight:800
}

.choice-center:after {
  content:"";
  position:absolute;
  inset:-11px;
  border:2px dashed rgba(7,143,0,.35);
  border-radius:50%;
  animation:spin 14s linear infinite
}

.choice {
  position:absolute;
  width:185px;
  padding:16px;
  border:1px solid #dce8df;
  border-radius:17px;
  background:linear-gradient(145deg,#fff,#f4faf4);
  box-shadow:0 13px 30px rgba(8,34,52,.08);
  animation:choiceFloat 6s ease-in-out infinite
}

.choice strong,.choice span {
  display:block
}

.choice strong {
  color:#0b3044;
  font-size:.71rem
}

.choice span {
  margin-top:5px;
  color:var(--muted);
  font-size:.56rem;
  line-height:1.45
}

.choice em {
  display:inline-block;
  margin-top:8px;
  color:var(--g);
  font-size:.53rem;
  font-style:normal;
  font-weight:800
}

.c1 {
  left:24px;
  top:78px
}

.c2 {
  right:24px;
  top:78px;
  animation-delay:-1.5s
}

.c3 {
  left:24px;
  bottom:32px;
  animation-delay:-3s
}

.c4 {
  right:24px;
  bottom:32px;
  animation-delay:-4.5s
}

.choice-line {
  position:absolute;
  left:15%;
  right:15%;
  top:51%;
  height:2px;
  background:linear-gradient(90deg,#cfe3d1,#078F00,#cfe3d1)
}

.choice-packet {
  position:absolute;
  top:-5px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:var(--g);
  box-shadow:0 0 0 6px rgba(7,143,0,.12),0 0 18px var(--g);
  animation:packetMove 4s ease-in-out infinite
}

@keyframes choiceFloat {
  50% {
    transform:translateY(-7px);
    border-color:rgba(7,143,0,.42)
  }
}

@keyframes packetMove {
  0%,100% {
    left:0
  }
  50% {
    left:calc(100% - 12px)
  }
}

.ai {
  background:#fff
}

.ai-showcase {
  position:relative;
  overflow:hidden;
  border-radius:34px;
  color:#fff;
  background:radial-gradient(circle at 82% 12%,rgba(71,224,60,.22),transparent 26%),linear-gradient(135deg,#061b29,#0d3044 60%,#075016);
  box-shadow:0 32px 90px rgba(8,34,52,.18)
}

.ai-showcase:before {
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:36px 36px
}

.ai-hero {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:48px;
  align-items:center;
  padding:52px
}

.ai-hero-copy .eyebrow {
  color:#89f081
}

.ai-hero-copy .eyebrow:before {
  background:#89f081
}

.ai-hero-copy h2 {
  font-size:clamp(2.35rem,4.4vw,3.8rem);
  font-weight:700;
  line-height:1.1;
}

.ai-hero-copy p {
  color:#cbdbe2;
  font-size:.82rem
}

.ai-pill {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:18px;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:99px;
  color:#e5f1f4;
  background:rgba(255,255,255,.07);
  font-size:.59rem;
  font-weight:800
}

.ai-pill i {
  width:8px;
  height:8px;
  border-radius:50%;
  background:#70e667;
  box-shadow:0 0 0 6px rgba(112,230,103,.12);
  animation:finishPulse 2s infinite
}

.strategy-console {
  position:relative;
  min-height:465px;
  padding:18px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:25px;
  background:rgba(247,250,248,.97);
  color:var(--ink);
  box-shadow:0 28px 70px rgba(0,0,0,.25)
}

.console-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:14px;
  border-bottom:1px solid var(--line)
}

.console-top strong {
  font-size:.72rem
}

.console-status {
  color:var(--g);
  font-size:.53rem;
  font-weight:800
}

.ask-box {
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:13px;
  padding:13px;
  border:1px solid #d8e7dc;
  border-radius:14px;
  background:#fff;
  color:#566c78;
  font-size:.59rem
}

.ask-box i {
  display:grid;
  flex:0 0 28px;
  height:28px;
  place-items:center;
  border-radius:9px;
  color:#fff;
  background:var(--g);
  font-style:normal
}

.scan {
  position:relative;
  overflow:hidden;
  margin-top:10px;
  padding:15px;
  border:1px solid #dce8df;
  border-radius:16px;
  background:#fff
}

.scan:after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--g),transparent);
  animation:scanLine 3.5s ease-in-out infinite
}

.scan-head {
  display:flex;
  justify-content:space-between;
  color:#6c7c86;
  font-size:.54rem;
  font-weight:800
}

.scan-row {
  display:grid;
  grid-template-columns:1.2fr .8fr .55fr;
  gap:8px;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid #edf1ee;
  font-size:.54rem
}

.scan-row:last-child {
  border-bottom:0
}

.scan-row b {
  font-size:.58rem
}

.scan-row span:nth-child(2) {
  color:#667883
}

.scan-row em {
  color:var(--g);
  font-style:normal;
  font-weight:800;
  text-align:right
}

.recommendation {
  display:flex;
  gap:10px;
  margin-top:10px;
  padding:13px;
  border:1px solid #c9e5c7;
  border-radius:15px;
  background:#eaf8e8
}

.rec-icon {
  display:grid;
  flex:0 0 34px;
  height:34px;
  place-items:center;
  border-radius:10px;
  color:#fff;
  background:var(--g)
}

.recommendation b,.recommendation span {
  display:block
}

.recommendation b {
  color:var(--g);
  font-size:.61rem
}

.recommendation span {
  margin-top:3px;
  color:#4f6557;
  font-size:.55rem;
  line-height:1.5
}

.human-review {
  position:absolute;
  right:-10px;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:9px;
  width:230px;
  padding:10px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:15px;
  background:#fff;
  box-shadow:0 16px 35px rgba(8,34,52,.14);
  animation:choiceFloat 5s ease-in-out infinite
}

.human-review img {
  width:42px;
  height:42px;
  border-radius:11px;
  object-fit:cover
}

.human-review strong,.human-review span {
  display:block
}

.human-review strong {
  font-size:.59rem
}

.human-review span {
  margin-top:2px;
  color:var(--muted);
  font-size:.49rem
}

.ai-features {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  padding:0 52px 52px
}

.ai-feature {
  min-height:190px;
  padding:20px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:19px;
  background:rgba(255,255,255,.075);
  backdrop-filter:blur(8px);
  transition:.3s
}

.ai-feature:hover {
  transform:translateY(-7px);
  border-color:rgba(105,226,96,.55);
  background:rgba(7,143,0,.18)
}

.ai-feature-icon {
  display:grid;
  width:43px;
  height:43px;
  place-items:center;
  border-radius:13px;
  color:#fff;
  background:linear-gradient(145deg,#59e04f,#078F00);
  font-size:.9rem
}

.ai-feature h3 {
  margin:17px 0 7px;
  color:#8ff187;
  font-size:.78rem;
  font-weight:700;
  line-height:1.1;
}

.ai-feature p {
  margin:0;
  color:#c4d5dc;
  font-size:.59rem;
  line-height:1.55
}

@keyframes scanLine {
  0%,100% {
    top:0
  }
  50% {
    top:100%
  }
}

.engagement {
  background:linear-gradient(180deg,#f5faf5,#fff)
}

.engagement-route {
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px;
  min-height:430px;
  padding-top:70px
}

.engagement-path {
  position:absolute;
  left:5%;
  top:24px;
  width:90%;
  height:240px
}

.engagement-path path {
  fill:none;
  stroke:#cce0ce;
  stroke-width:5;
  stroke-linecap:round
}

.engagement-path .route-active {
  stroke:#078F00;
  stroke-dasharray:12 300;
  animation:routeTravel 5s linear infinite
}

.eng-card {
  position:relative;
  z-index:2;
  min-height:245px;
  padding:24px 21px;
  border:1.5px solid #d2e4d4;
  border-radius:22px;
  background:linear-gradient(155deg,#fff,#f1faf0);
  box-shadow:0 18px 43px rgba(8,34,52,.085);
  transition:.3s
}

.eng-card:nth-of-type(even) {
  margin-top:75px
}

.eng-card:hover {
  transform:translateY(-8px);
  border-color:#078F00;
  box-shadow:0 28px 55px rgba(7,143,0,.14)
}

.eng-node {
  display:grid;
  width:57px;
  height:57px;
  place-items:center;
  margin-bottom:18px;
  border-radius:17px;
  color:#fff;
  background:linear-gradient(145deg,#60e156,#078F00 70%,#045f00);
  box-shadow:inset 2px 2px 6px rgba(255,255,255,.38),0 13px 28px rgba(7,143,0,.22);
  font-size:1.05rem
}

.eng-card small {
  position:absolute;
  right:18px;
  top:17px;
  color:var(--g);
  font-size:.54rem;
  font-weight:800;
  letter-spacing:.1em
}

.eng-card h3 {
  margin:0 0 8px;
  color:#0b3044;
  font-size:.92rem;
  font-weight:700;
  line-height:1.1;
}

.eng-card p {
  font-size:.65rem;
  line-height:1.58
}

.eng-arrow {
  position:absolute;
  z-index:3;
  right:-24px;
  top:91px;
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border:1px solid #cce4cf;
  border-radius:50%;
  color:#fff;
  background:#078F00;
  box-shadow:0 9px 22px rgba(7,143,0,.23);
  font-size:1.05rem;
  animation:nudge 2s ease-in-out infinite
}

.eng-card:last-of-type .eng-arrow {
  display:none
}

@keyframes routeTravel {
  to {
    stroke-dashoffset:-312
  }
}

.faq {
  background:#fff
}

.faq-layout {
  display:grid;
  grid-template-columns:.7fr 1.3fr;
  gap:65px
}

.faq-list {
  display:grid;
  gap:10px
}

.faq details {
  border:1px solid var(--line);
  border-radius:17px;
  background:#fff;
  box-shadow:0 8px 22px rgba(8,34,52,.035)
}

.faq summary {
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:20px 22px;
  cursor:pointer;
  font-size:.8rem;
  font-weight:800;
  list-style:none
}

.faq summary::-webkit-details-marker {
  display:none
}

.faq summary:after {
  content:"+";
  color:var(--g);
  font-size:1.15rem
}

.faq details[open] summary:after {
  content:"−"
}

.faq details p {
  padding:0 22px 20px;
  margin:0;
  font-size:.7rem;
  line-height:1.65
}

.blogs {
  background:#f5faf5
}

.blog-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px
}

.blog {
  overflow:hidden;
  border:1px solid #d8e6dc;
  border-radius:22px;
  background:#fff;
  box-shadow:0 13px 35px rgba(8,34,52,.06);
  transition:.3s
}

.blog:hover {
  transform:translateY(-7px);
  box-shadow:0 24px 48px rgba(7,143,0,.11)
}

.blog-art {
  position:relative;
  height:180px;
  overflow:hidden;
  background:linear-gradient(145deg,#dcecf8,#e9f7e7)
}

.blog-art:before {
  content:"";
  position:absolute;
  inset:24px;
  border:1px solid rgba(7,143,0,.18);
  border-radius:20px;
  transform:rotate(-4deg);
  background:rgba(255,255,255,.56)
}

.blog-art span {
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  display:grid;
  width:65px;
  height:65px;
  place-items:center;
  transform:translate(-50%,-50%);
  border-radius:19px;
  color:#fff;
  background:linear-gradient(145deg,#61e057,var(--g));
  font-size:1.35rem;
  box-shadow:0 17px 35px rgba(7,143,0,.23)
}

.blog-body {
  padding:22px
}

.blog-tag {
  color:var(--g);
  font-size:.57rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.1em
}

.blog h3 {
  margin:11px 0 9px;
  font-size:.92rem;
  line-height:1.1;
  font-weight:700;
}

.blog p {
  font-size:.64rem;
  line-height:1.6
}

.blog a {
  color:var(--g);
  font-size:.65rem;
  font-weight:800
}

@media(max-width:980px) {
  .decision-lab,.ai-hero,.faq-layout {
    grid-template-columns:1fr
  }
  .choice-board {
    max-width:720px;
    width:100%;
    margin:auto
  }
  .ai-features {
    grid-template-columns:repeat(2,1fr)
  }
  .engagement-route {
    grid-template-columns:repeat(2,1fr);
    min-height:auto
  }
  .engagement-path {
    display:none
  }
  .eng-card:nth-of-type(even) {
    margin-top:45px
  }
  .eng-card:nth-of-type(2) .eng-arrow {
    display:none
  }
}

@media(max-width:650px) {
  .choice-board {
    min-height:760px
  }
  .choice-center {
    top:50%;
    width:125px;
    height:125px
  }
  .choice {
    width:calc(50% - 34px)
  }
  .c1 {
    left:18px;
    top:72px
  }
  .c2 {
    right:18px;
    top:72px
  }
  .c3 {
    left:18px;
    bottom:28px
  }
  .c4 {
    right:18px;
    bottom:28px
  }
  .ai-hero {
    padding:30px 21px
  }
  .strategy-console {
    min-height:480px
  }
  .human-review {
    right:8px
  }
  .ai-features {
    grid-template-columns:1fr;
    padding:0 21px 30px
  }
  .engagement-route {
    grid-template-columns:1fr;
    padding-top:0
  }
  .eng-card,.eng-card:nth-of-type(even) {
    margin-top:0;
    min-height:auto
  }
  .eng-arrow {
    left:50%;
    right:auto;
    top:auto;
    bottom:-25px;
    transform:translateX(-50%) rotate(90deg)
  }
  .eng-card:nth-last-of-type(1) .eng-arrow {
    display:none
  }
  .blog-grid {
    grid-template-columns:1fr
  }
}

@keyframes finishPulse {
  70% {
    box-shadow:0 0 0 12px rgba(105,226,96,0)
  }
}

@media(prefers-reduced-motion:reduce) {
  .choice-center:after,.choice,.choice-packet,.scan:after,.human-review,.engagement-path .route-active,.eng-arrow,.ai-pill i {
    animation:none
  }
}

.cta-eyebrow {
  color:#dcffd9
}/* End custom CSS */