:root {
  font-family:"Segoe UI",Arial,sans-serif;
  color:#071a30;
  background:#f7f8fa;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  --navy:#061a30;
  --navy2:#0b2946;
  --orange:#ff6414;
  --orange-contrast:#c74600;
  --orange-contrast-hover:#ae3b00;
  --muted:#526174
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
body {
  margin:0;
  min-width:320px
}
.site-header {
  height:68px;
  background:linear-gradient(100deg,#06192d,#03152a);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.12);
  position:relative;
  z-index:20
}
.header-inner {
  max-width:1440px;
  height:100%;
  margin:auto;
  padding:0 32px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center
}
.wordmark {
  text-decoration:none;
  color:#f6f7f9;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:33px;
  letter-spacing:-2px;
  font-weight:600;
  line-height:1
}
.wordmark span,.dash-brand span {
  color:var(--orange)
}
.primary-nav {
  height:100%;
  display:flex;
  align-items:center;
  gap:45px
}
.nav-link {
  position:relative;
  display:flex;
  align-items:center;
  height:100%;
  color:#f5f6fa;
  text-decoration:none;
  font-size:14px;
  font-weight:500;
  white-space:nowrap;
  transition:color .2s
}
.nav-link:hover {
  color:#ff9a60
}
.nav-upcoming {
  cursor:default;
  color:#c3ccd5
}
.nav-link.is-active:after {
  content:"";
  position:absolute;
  bottom:14px;
  left:0;
  right:0;
  height:2px;
  background:var(--orange)
}
.has-chevron:after {
  content:"";
  position:static;
  width:6px;
  height:6px;
  margin:-4px 0 0 8px;
  border-right:1px solid;
  border-bottom:1px solid;
  transform:rotate(45deg)
}
.nav-link.is-active.has-chevron:after {
  position:absolute;
  bottom:14px;
  left:0;
  right:auto;
  width:100%;
  height:2px;
  border:0;
  background:var(--orange);
  transform:none
}
.header-cta,.mobile-cta {
  justify-self:end;
  text-decoration:none;
  background:var(--orange-contrast);
  color:white;
  padding:13px 23px;
  border-radius:30px;
  font-size:14px;
  font-weight:600;
  box-shadow:0 6px 18px rgba(255,100,20,.17);
  transition:transform .2s,background .2s
}
.header-cta:hover,.mobile-cta:hover,.button-primary:hover {
  background:var(--orange-contrast-hover);
  transform:translateY(-2px)
}
.header-cta span {
  padding-left:10px
}
.header-cta,.mobile-cta {
  border:0;
  font-family:inherit;
  cursor:pointer;
}
.menu-toggle,.mobile-cta {
  display:none
}
.hero {
  min-height:572px;
  position:relative;
  overflow:hidden;
  background:radial-gradient(ellipse at 74% 48%,rgba(211,226,240,.55),transparent 37%),linear-gradient(102deg,#fff 0%,#fff 41%,#f7f9fb 66%,#edf1f5 100%)
}
.hero:after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 32%,rgba(255,255,255,.58) 48%,transparent 67%)
}
.hero-glow {
  position:absolute;
  right:-7%;
  top:13%;
  width:54%;
  height:75%;
  background:radial-gradient(ellipse,rgba(255,255,255,.88),transparent 68%);
  filter:blur(20px)
}
.hero-inner {
  position:relative;
  z-index:1;
  max-width:1440px;
  min-height:572px;
  margin:auto;
  padding:0 34px;
  display:grid;
  grid-template-columns:47% 53%;
  align-items:center
}
.hero-copy {
  position:relative;
  z-index:5;
  padding-top:4px;
  animation:rise-in .8s both
}
.eyebrow {
  display:flex;
  align-items:center;
  gap:13px;
  color:#586b83;
  font-size:11px;
  font-weight:700;
  letter-spacing:3.2px;
  margin:0 0 20px;
  white-space:nowrap
}
.eyebrow i {
  width:3px;
  height:3px;
  background:var(--orange);
  border-radius:50%
}
h1 {
  font:800 clamp(43px,4.05vw,61px)/1.02 "Segoe UI",Arial,sans-serif;
  letter-spacing:-2.8px;
  margin:0 0 18px;
  color:#071a30
}
h1 em {
  color:var(--orange-contrast);
  font-style:normal
}
.hero-description {
  max-width:465px;
  color:#44566d;
  font-size:18px;
  line-height:1.5;
  margin:0
}
.hero-actions {
  display:flex;
  align-items:center;
  gap:20px;
  margin-top:26px
}
.button {
  min-height:53px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  padding:0 26px;
  border-radius:30px;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
  transition:transform .2s,background .2s,box-shadow .2s
}
.button-primary {
  background:var(--orange-contrast);
  color:#fff;
  box-shadow:0 7px 19px rgba(255,100,20,.12)
}
.button-secondary {
  border:1px solid #8592a2;
  color:#13253b;
  background:rgba(255,255,255,.6)
}
.button-secondary:hover {
  border-color:#0c2946;
  background:#fff;
  transform:translateY(-2px)
}
.button span {
  font-size:19px;
  line-height:1
}
.hero-actions .button-primary {
  border:0;
  font-family:inherit;
  cursor:pointer;
}
.capabilities {
  display:flex;
  align-items:center;
  margin-top:49px;
  width:max-content;
  max-width:100%
}
.capability {
  min-height:47px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 19px;
  border-right:1px solid #d2d8df
}
.capability:first-child {
  padding-left:0
}
.capability:last-child {
  border:0;
  padding-right:0
}
.capability svg {
  width:31px;
  height:31px;
  fill:none;
  stroke:#0b2039;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:none
}
.capability p {
  margin:0;
  display:grid;
  gap:2px;
  white-space:nowrap
}
.capability strong {
  font-size:12px
}
.capability p span {
  font-size:10px;
  color:#485970
}
.tech-scene {
  height:552px;
  position:relative;
  pointer-events:none;
  align-self:center;
  perspective:1300px;
  animation:scene-in 1s .1s both
}
.scene-grid {
  position:absolute;
  inset:6% -9% 2% 6%;
  opacity:.18;
  background-image:linear-gradient(rgba(54,107,159,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(54,107,159,.15) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:radial-gradient(ellipse,black,transparent 72%)
}
.scene-orbit {
  position:absolute;
  left:23%;
  top:13%;
  width:72%;
  height:73%;
  border:1px solid rgba(38,119,229,.32);
  border-radius:50%;
  transform:rotate(-18deg)
}
.orbit-two {
  left:29%;
  top:13%;
  width:66%;
  height:75%;
  border-color:rgba(255,100,20,.66);
  transform:rotate(25deg)
}
.dashboard-window {
  position:absolute;
  top:15%;
  left:16%;
  width:68%;
  height:72%;
  display:grid;
  grid-template-columns:19% 81%;
  border:5px solid #0c1d2d;
  border-radius:15px;
  background:#f7f9fc;
  box-shadow:0 28px 48px rgba(13,33,52,.3),0 5px 9px rgba(10,24,40,.22);
  transform:rotateY(-9deg) rotateX(2deg) rotateZ(-2deg);
  overflow:hidden
}
.dash-sidebar {
  background:linear-gradient(165deg,#0a2037,#102c49);
  color:#b9c9d9;
  padding:18px 8px 12px;
  display:flex;
  flex-direction:column;
  gap:9px
}
.dash-brand {
  font:700 9px "Segoe UI",Arial,sans-serif;
  letter-spacing:-.3px;
  color:white;
  margin:0 0 11px
}
.dash-menu {
  display:flex;
  align-items:center;
  gap:5px;
  font-size:7px;
  padding:7px 5px;
  border-radius:4px;
  white-space:nowrap
}
.dash-menu svg {
  flex:none;
  width:10px;
  height:10px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round
}
.dash-menu.active {
  color:#ff9a60;
  background:rgba(255,255,255,.11)
}
.dash-main {
  position:relative;
  padding:14px 16px;
  background:linear-gradient(135deg,#f4f7fa,#fff 55%);
  overflow:hidden
}
.dash-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:11px
}
.dash-top span {
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:7px;
  color:#8a98aa;
  background:#edf1f6;
  padding:5px 8px;
  border-radius:5px
}
.dash-top span svg {
  width:10px;
  height:10px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round
}
.dash-main .dash-title {
  font:700 14px "Segoe UI",Arial,sans-serif;
  margin:12px 0 3px
}
.dash-main .dash-title span {
  color:#2b84ff
}
.dash-caption {
  margin:0 0 12px;
  font-size:7px;
  color:#8190a3
}
.metric-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px
}
.metric {
  background:#fff;
  border:1px solid #e8edf2;
  border-radius:7px;
  padding:9px 7px;
  box-shadow:0 3px 9px #20395408
}
.metric small {
  display:flex;
  justify-content:space-between;
  font-size:6px;
  color:#738195;
  white-space:nowrap
}
.metric small b {
  color:#3087f2
}
.metric strong {
  display:block;
  margin:8px 0 4px;
  font:700 9px "Segoe UI",Arial,sans-serif;
  white-space:nowrap
}
.metric em {
  font-size:7px;
  color:#718095;
  font-style:normal
}
.dash-lower {
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:8px;
  margin-top:10px
}
.chart-card,.activity-card {
  background:#fff;
  border:1px solid #e8edf2;
  border-radius:7px;
  padding:9px
}
.chart-title,.activity-card>strong,.workflow-card>strong {
  font-size:7px;
  font-weight:700;
  white-space:nowrap
}
.chart-title small {
  display:block;
  float:right;
  color:#79889a;
  font-size:6px
}
.chart {
  position:relative;
  height:94px;
  margin-top:8px
}
.chart-lines {
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(to bottom,transparent 0,transparent 22px,#e9eef3 23px)
}
.chart svg {
  position:absolute;
  inset:5px 0;
  width:100%;
  height:86px;
  overflow:visible
}
.chart-labels {
  display:flex;
  justify-content:space-between;
  font-size:6px;
  color:#94a1af
}
.activity-card p {
  display:flex;
  gap:7px;
  align-items:center;
  margin:10px 0;
  font-size:7px;
  font-weight:600
}
.activity-card p>i {
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:6px;
  background:#edf4ff;
  color:#317cff;
  font-style:normal
}
.activity-card p>i svg {
  width:12px;
  height:12px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round
}
.activity-card p span {
  min-width:0
}
.workflow-flow {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:4px;
  min-height:80px;
  margin-top:6px
}
.workflow-flow span {
  display:grid;
  place-items:center;
  min-height:37px;
  padding:4px 7px;
  border:1px solid #e6edf4;
  border-radius:6px;
  background:#f8fafd;
  color:#344b63;
  font-size:7px;
  font-weight:600;
  white-space:nowrap
}
.workflow-flow i {
  position:relative;
  flex:1;
  min-width:5px;
  border-top:1px solid #ff8a4b
}
.workflow-flow i:after {
  content:"";
  position:absolute;
  right:0;
  top:-3px;
  width:5px;
  height:5px;
  border-top:1px solid #ff8a4b;
  border-right:1px solid #ff8a4b;
  transform:rotate(45deg)
}
.float-card {
  position:absolute;
  z-index:4;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(240,243,247,.9);
  border-radius:15px;
  box-shadow:0 14px 35px rgba(31,52,73,.17);
  backdrop-filter:blur(10px);
  animation:gentle-float 6s ease-in-out infinite
}
.ai-card {
  left:-1%;
  top:9%;
  width:190px;
  padding:15px 13px;
  transform:rotate(-3deg)
}
.float-heading {
  display:flex;
  align-items:center;
  gap:10px
}
.ai-avatar {
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  color:#fff;
  background:linear-gradient(145deg,#17345a,#3a9fff);
  border-radius:50%;
  box-shadow:0 4px 12px #2885f444;
  font-style:normal
}
.ai-avatar svg {
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.4;
  stroke-linecap:round
}
.float-heading strong,.website-head strong {
  display:block;
  font-size:10px
}
.float-heading small,.website-head small {
  display:block;
  font-size:8px;
  color:#718095;
  margin-top:4px
}
.ai-option {
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:5px;
  padding:8px 7px;
  border:1px solid #eef1f5;
  border-radius:7px;
  font-size:8px;
  color:#243850;
  background:#fff
}
.ai-option svg {
  flex:none;
  width:14px;
  height:14px;
  fill:none;
  stroke:#3184ef;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round
}
.automation-card {
  right:-4%;
  top:10%;
  width:154px;
  padding:13px 12px;
  animation-delay:.7s
}
.automation-title {
  font-size:8px;
  font-weight:700;
  margin:0 0 11px
}
.flow-step {
  position:relative;
  background:#fff;
  border:1px solid #edf0f4;
  border-radius:8px;
  padding:8px 7px;
  margin:5px 0;
  font-size:8px;
  color:#35485f
}
.flow-step:not(:last-child):after {
  content:"";
  position:absolute;
  left:17px;
  bottom:-7px;
  height:8px;
  border-left:1px dashed #a9c7ef
}
.flow-step b {
  display:inline-grid;
  place-items:center;
  width:21px;
  height:21px;
  border-radius:50%;
  background:#edf4ff;
  color:#287dff;
  margin-right:6px;
  font-size:10px
}
.flow-step b svg {
  width:12px;
  height:12px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round
}
.integrations-card {
  left:-2%;
  bottom:16%;
  width:207px;
  padding:13px 15px;
  transform:rotate(4deg);
  animation-delay:1.4s
}
.integrations-card>strong {
  font-size:10px
}
.integration-icons {
  display:flex;
  gap:8px;
  margin-top:9px
}
.integration-icons img {
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border-radius:8px;
  background:#fff;
  box-shadow:0 2px 8px #10253b14
}
.integrations-card>small {
  display:block;
  margin-top:7px;
  font-size:7px;
  color:#8a97a7
}
.website-card {
  right:-1%;
  bottom:4%;
  width:166px;
  padding:10px;
  transform:rotate(-6deg);
  animation-delay:2s
}
.website-head {
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px
}
.website-head>i {
  font-style:normal;
  font-size:18px;
  color:#2584ff
}
.website-head>i svg {
  display:block;
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round
}
.website-head strong {
  font-size:9px
}
.website-head small {
  font-size:7px;
  margin-top:2px
}
.website-preview {
  overflow:hidden;
  border:1px solid #e9eef3;
  border-radius:7px
}
.preview-sky {
  height:67px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px;
  color:white;
  background:linear-gradient(155deg,transparent 25%,#295d76aa),linear-gradient(165deg,#9fd3e8 0%,#eaf3ed 43%,#7ba39b 44%,#406a66 68%,#f1b078 69%,#e9a25f 100%);
  font-size:8px;
  line-height:1.35
}
.preview-sky span {
  max-width:116px
}
.connection {
  position:absolute;
  z-index:2;
  border:1px solid var(--orange);
  border-radius:50%;
  opacity:.8
}
.connection-a {
  left:16%;
  top:7%;
  width:52%;
  height:87%;
  transform:rotate(36deg)
}
.connection-b {
  left:10%;
  top:9%;
  width:81%;
  height:77%;
  border-color:#438eff;
  transform:rotate(-28deg);
  opacity:.45
}
@keyframes rise-in {
  from {
  opacity:0;
  transform:translateY(14px)
}
to {
  opacity:1;
  transform:translateY(0)
}
}
@keyframes scene-in {
  from {
  opacity:0;
  transform:translateX(18px)
}
to {
  opacity:1;
  transform:translateX(0)
}
}
@keyframes gentle-float {
  0%,100% {
  translate:0 0
}
50% {
  translate:0 -5px
}
}
@media(min-width:1500px) {
  .hero-inner {
  grid-template-columns:46% 54%
}
.tech-scene {
  height:580px
}
.hero,.hero-inner {
  min-height:590px
}
.hero-copy {
  padding-left:4px
}
}
@media(max-width:1100px) {
  .header-inner {
  padding:0 24px
}
.primary-nav {
  gap:24px
}
.hero-inner {
  grid-template-columns:45% 55%;
  padding:0 26px
}
.eyebrow {
  font-size:9px;
  letter-spacing:2.1px;
  gap:8px
}
h1 {
  font-size:clamp(42px,5vw,54px)
}
.hero-description {
  font-size:16px
}
.button {
  padding:0 20px;
  gap:14px;
  font-size:13px
}
.hero-actions {
  gap:12px
}
.metric-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))
}
.capability {
  padding:0 11px;
  gap:8px
}
.capability svg {
  width:27px
}
.capability strong {
  font-size:11px
}
.capability p span {
  font-size:9px
}
.tech-scene {
  transform:scale(.91);
  transform-origin:center right;
  margin-left:-30px;
  margin-right:-25px
}
.ai-card {
  left:-2%
}
.automation-card,.website-card {
  right:-3%
}
}
@media(max-width:900px) {
  .site-header {
  height:64px
}
.header-inner {
  grid-template-columns:1fr auto;
  padding:0 20px
}
.wordmark {
  font-size:29px
}
.header-cta {
  display:none
}
.menu-toggle {
  display:flex;
  width:42px;
  height:42px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid #ffffff30;
  border-radius:50%;
  background:#ffffff08;
  color:#fff
}
.menu-toggle span {
  width:18px;
  height:2px;
  background:#fff;
  transition:transform .2s
}
.menu-toggle[aria-expanded="true"] span:first-child {
  transform:translateY(4px) rotate(45deg)
}
.menu-toggle[aria-expanded="true"] span:last-child {
  transform:translateY(-4px) rotate(-45deg)
}
.primary-nav {
  display:none;
  position:absolute;
  top:64px;
  left:0;
  right:0;
  height:auto;
  padding:12px 20px 20px;
  background:#061a30;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  box-shadow:0 14px 24px #061a3040
}
.primary-nav.is-open {
  display:flex
}
.nav-link {
  height:auto;
  min-height:45px;
  border-bottom:1px solid #ffffff12
}
.nav-link.is-active:after {
  bottom:0;
  right:auto;
  width:35px
}
.has-chevron:after {
  margin-left:auto;
  transform:rotate(-45deg)
}
.nav-link.is-active.has-chevron:after {
  bottom:0;
  width:35px
}
.mobile-cta {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  margin-top:14px;
  padding:13px
}
.hero {
  min-height:0;
  background:linear-gradient(180deg,#fff 0%,#fbfcfd 55%,#f2f5f9 100%)
}
.hero:after {
  background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.96) 42%,rgba(255,255,255,.25) 67%,transparent 100%)
}
.hero-inner {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  padding:52px 22px 25px;
  min-height:0
}
.hero-copy {
  padding:0
}
.eyebrow {
  font-size:8px;
  letter-spacing:1.7px;
  gap:7px;
  margin-bottom:17px
}
h1 {
  font-size:clamp(40px,10vw,58px);
  line-height:1.05;
  letter-spacing:-2.5px;
  margin-bottom:14px
}
.desktop-break {
  display:none
}
.hero-description {
  font-size:16px;
  max-width:520px
}
.hero-actions {
  margin-top:22px;
  gap:11px;
  flex-wrap:wrap
}
.button {
  min-height:49px;
  padding:0 18px;
  gap:12px;
  font-size:12px
}
.capabilities {
  width:100%;
  justify-content:space-between;
  margin-top:29px;
  overflow:auto
}
.metric-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))
}
.capability {
  padding:0 10px
}
.capability svg {
  width:25px;
  height:25px
}
.capability strong {
  font-size:10px
}
.capability p span {
  font-size:8px
}
.tech-scene {
  width:100%;
  height:auto;
  align-self:auto;
  margin:5px 0 0;
  transform:none;
  transform-origin:center;
  overflow:visible;
  display:flex;
  flex-flow:row wrap;
  justify-content:center;
  align-items:stretch;
  gap:12px
}
.float-card {
  position:relative;
  inset:auto;
  transform:none;
  flex:0 0 auto
}
.ai-card {
  order:1
}
.automation-card {
  order:2;
  top:auto;
  right:auto
}
.dashboard-window {
  position:relative;
  inset:auto;
  order:3;
  flex:1 0 100%;
  width:100%;
  height:auto;
  min-height:340px;
  grid-template-columns:17% 83%;
  transform:none;
  z-index:3
}
.dash-main {
  padding:11px 10px;
  overflow:visible
}
.dash-main .dash-title {
  margin-top:12px
}
.dash-lower {
  grid-template-columns:1.1fr .9fr
}
.chart {
  height:75px
}
.chart svg {
  height:67px
}
.dash-sidebar {
  padding:13px 5px 8px;
  gap:6px
}
.dash-menu {
  font-size:6px;
  padding:6px 3px
}
.dash-brand {
  font-size:7px
}
.metric {
  padding:7px 5px
}
.metric strong {
  font-size:10px
}
.float-card {
  border-radius:12px
}
.ai-card {
  top:0;
  left:0;
  width:157px;
  padding:10px
}
.float-heading strong {
  font-size:9px
}
.float-heading small {
  font-size:7px
}
.ai-avatar {
  width:26px;
  height:26px
}
.ai-option {
  font-size:7px;
  padding:6px
}
.automation-card {
  top:1%;
  right:0;
  width:143px;
  padding:10px
}
.automation-title {
  font-size:7px;
  margin-bottom:7px
}
.flow-step {
  font-size:7px;
  padding:6px;
  margin:4px 0
}
.flow-step b {
  width:17px;
  height:17px
}
.integrations-card {
  order:4;
  left:0;
  bottom:auto;
  width:171px;
  padding:10px 12px
}
.integration-icons {
  gap:6px;
  margin-top:6px
}
.integration-icons img {
  width:26px;
  height:26px
}
.website-card {
  order:5;
  right:0;
  bottom:auto;
  width:142px;
  padding:8px
}
.website-head {
  margin-bottom:5px
}
.website-head strong {
  font-size:8px
}
.website-preview .preview-sky {
  height:44px
}
.connection-a {
  left:10%;
  top:3%;
  width:67%;
  height:94%
}
.connection-b {
  left:4%;
  top:4%;
  width:91%;
  height:87%
}
}
@media(max-width:400px) {
  .hero-inner {
  padding-left:18px;
  padding-right:18px
}
.eyebrow {
  font-size:7px;
  letter-spacing:1.2px;
  gap:5px
}
.hero-actions {
  align-items:stretch
}
.button {
  font-size:11px;
  padding:0 14px;
  gap:8px
}
.capability {
  padding:0 6px;
  gap:5px
}
.capability svg {
  width:22px;
  height:22px
}
.capability strong {
  font-size:9px
}
.capability p span {
  font-size:7px
}
.tech-scene {
  height:auto
}
.dashboard-window {
  min-height:350px
}
.metric-grid {
  gap:4px
}
.dash-main {
  padding:9px 7px
}
.chart-card,.activity-card {
  padding:6px
}
.activity-card p {
  gap:4px
}
.activity-card p>i {
  width:16px;
  height:16px
}
.float-card {
  box-shadow:0 9px 22px #1f344926
}
.ai-card {
  width:143px
}
.automation-card {
  width:132px
}
.integrations-card {
  width:158px
}
.website-card {
  width:132px
}
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
  scroll-behavior:auto!important;
  animation-duration:.01ms!important;
  animation-iteration-count:1!important;
  transition-duration:.01ms!important
}
}

/* Fase 2: soluciones */
.solutions-section {
  --solutions-orange:#ff6414;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  scroll-margin-top:68px;
  color:#f6f8fb;
  background:
    radial-gradient(ellipse at 53% 44%,rgba(8,63,105,.26),transparent 36%),
    radial-gradient(ellipse at 100% 100%,rgba(13,58,91,.35),transparent 36%),
    linear-gradient(112deg,#03172a 0%,#061d32 58%,#03172a 100%)
}
.solutions-section:before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.4;
  background:repeating-radial-gradient(ellipse at 70% 75%,transparent 0 96px,rgba(59,126,177,.12) 97px 98px,transparent 99px 116px);
  mask-image:linear-gradient(90deg,transparent 22%,#000 54%,#000)
}
.solutions-decoration {
  position:absolute;
  z-index:-1;
  width:410px;
  height:410px;
  border:1px solid rgba(20,116,189,.3);
  border-radius:50%;
  pointer-events:none
}
.solutions-decoration:after {
  content:"";
  position:absolute;
  inset:20px;
  border:1px solid rgba(20,116,189,.18);
  border-radius:50%
}
.solutions-decoration-left {
  left:-348px;
  top:12px;
  border-color:rgba(255,100,20,.55);
  box-shadow:0 0 0 21px rgba(4,23,42,.9),0 0 0 22px rgba(255,100,20,.18)
}
.solutions-decoration-right {
  right:-252px;
  top:58px;
  width:520px;
  height:520px;
  transform:rotate(18deg)
}
.solutions-decoration-right:after {
  inset:25px;
  border-color:rgba(255,100,20,.23)
}
.solutions-inner {
  position:relative;
  z-index:1;
  width:min(100%,1440px);
  margin:0 auto;
  padding:25px 34px 42px
}
.solutions-intro {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:76px;
  margin-bottom:18px
}
.solutions-eyebrow {
  margin:0 0 8px;
  color:var(--solutions-orange);
  font-size:11px;
  font-weight:700;
  letter-spacing:2.7px
}
.solutions-heading h2 {
  max-width:610px;
  margin:0;
  color:#f5f6f8;
  font:400 clamp(35px,3.2vw,45px)/.98 Georgia,"Times New Roman",serif;
  letter-spacing:-1.2px
}
.solutions-heading h2 em {
  color:var(--solutions-orange);
  font-style:normal
}
.solutions-intro-copy {
  max-width:560px;
  padding-top:19px;
  color:#e0e7ef
}
.solutions-intro-copy p {
  margin:0;
  font-size:13px;
  line-height:1.55
}
.solutions-all-link {
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:14px;
  color:#ff7a2f;
  font-size:12px;
  font-weight:600;
  text-decoration:none
}
.solutions-all-link i {
  font-size:18px;
  font-style:normal;
  line-height:1
}
.solutions-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;
  gap:12px
}
.solution-card {
  position:relative;
  display:flex;
  flex-direction:column;
  height:310px;
  min-width:0;
  padding:18px 18px 0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.78);
  border-radius:15px;
  color:#0a1d32;
  background:linear-gradient(150deg,#fff 0%,#f6f7f8 100%);
  box-shadow:0 12px 28px rgba(0,10,23,.2),inset 0 1px 0 #fff;
  transition:transform .3s ease,translate .3s ease,box-shadow .3s ease
}
.solution-copy {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:39px minmax(0,1fr);
  align-items:start;
  gap:12px;
  min-height:106px
}
.solution-icon-badge {
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  margin-top:1px;
  flex:none;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,#071c30,#0d2d4a);
  box-shadow:0 4px 11px rgba(5,28,49,.16)
}
.solution-icon {
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round
}
.solution-icon-badge .layers-icon {
  color:var(--solutions-orange);
  stroke-width:2.7
}
.solution-network-icon {
  width:39px;
  height:39px;
  margin:1px 0 0 -1px;
  color:var(--solutions-orange);
  stroke-width:2.5
}
.solution-copy h3 {
  margin:2px 0 7px;
  color:#101d2c;
  font:400 16px/1.2 Georgia,"Times New Roman",serif;
  letter-spacing:-.15px
}
.solution-copy p {
  margin:0;
  color:#40536a;
  font-size:11.5px;
  line-height:1.42
}
.solution-card:last-child .solution-copy h3 {
  font-size:14.5px;
  letter-spacing:-.45px
}
.solution-visual {
  position:relative;
  isolation:isolate;
  flex:1 1 auto;
  min-height:0;
  margin:0 -18px;
  overflow:hidden;
  border-top:0;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(243,247,251,.42) 13%,#f1f5f9 37%,#eaf1f7 100%);
  box-shadow:inset 0 18px 16px -16px rgba(255,255,255,.92)
}
.solution-visual:before {
  content:"";
  position:absolute;
  z-index:-1;
  width:210px;
  height:210px;
  left:21%;
  top:20px;
  border:1px solid rgba(89,164,236,.24);
  border-radius:50%;
  box-shadow:0 0 0 12px rgba(255,255,255,.27),0 0 0 13px rgba(89,164,236,.13)
}
.solution-arrow {
  position:absolute;
  z-index:8;
  top:8px;
  left:18px;
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border:1px solid rgba(255,100,20,.55);
  border-radius:50%;
  color:var(--orange-contrast);
  background:rgba(255,255,255,.95);
  box-shadow:0 3px 10px rgba(16,40,62,.08);
  font-size:18px;
  line-height:1;
  text-decoration:none;
  transition:transform .28s ease,background .28s ease,color .28s ease
}
.solution-arrow:focus-visible {
  outline:2px solid var(--navy);
  outline-offset:4px;
  color:var(--navy);
  background:var(--solutions-orange)
}
.solution-visual > [aria-hidden="true"] {pointer-events:none}

/* Desarrollo web: navegador principal, páginas secundarias y móvil */
.web-visual {
  perspective:700px;
  background:radial-gradient(ellipse at 50% 90%,#d5e5f2 0%,#eff4f8 63%,#f7f9fb 100%)
}
.web-browser {
  position:absolute;
  z-index:2;
  left:6%;
  top:34px;
  width:85%;
  height:175px;
  overflow:hidden;
  border:1px solid #bdcbd7;
  border-radius:8px 8px 4px 4px;
  background:#fff;
  box-shadow:0 18px 30px rgba(13,36,59,.25),0 4px 9px rgba(13,36,59,.12);
  transform:perspective(900px) rotateY(-5deg) rotate(-4deg) skewY(-1deg)
}
.web-browser-back {
  position:absolute;
  z-index:1;
  left:0;
  top:54px;
  width:42%;
  height:128px;
  border:1px solid #cbd6df;
  border-radius:7px;
  background:linear-gradient(155deg,#fff,#d9e8f2);
  box-shadow:0 14px 24px rgba(17,45,72,.19),inset 0 1px 0 #fff;
  transform:perspective(800px) rotateY(8deg) rotate(-8deg)
}
.web-browser-back:before,.web-browser-back:after {
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  height:6px;
  border-radius:5px;
  background:#c4d4e1
}
.web-browser-back:before {top:15px}
.web-browser-back:after {top:29px;right:38%}
.browser-bar {
  display:flex;
  align-items:center;
  gap:4px;
  height:15px;
  padding:0 7px;
  background:#edf2f6;
  border-bottom:1px solid #e2e8ee
}
.browser-bar span {
  width:4px;
  height:4px;
  border-radius:50%;
  background:#ff8c55
}
.browser-bar span:nth-child(2) {background:#e7b84c}
.browser-bar span:nth-child(3) {background:#65bc91}
.browser-bar i {
  width:38%;
  height:5px;
  margin-left:13px;
  border-radius:8px;
  background:#dce5ed
}
.web-screen {padding:8px 9px}
.web-nav {
  display:flex;
  align-items:center;
  gap:8px;
  height:10px;
  margin-bottom:8px
}
.web-nav b {width:25px;height:4px;border-radius:4px;background:#0b2946}
.web-nav span {width:18px;height:3px;border-radius:3px;background:#c4d1dc}
.web-nav i {width:22px;height:6px;margin-left:auto;border-radius:5px;background:#ff751e}
.web-cover {
  position:relative;
  height:78px;
  padding:13px 12px;
  overflow:hidden;
  border-radius:4px;
  background:linear-gradient(180deg,rgba(10,36,55,.08),rgba(4,25,42,.66)),linear-gradient(165deg,#b3d7e3 0%,#e6eee9 38%,#6b9a91 39%,#42736d 60%,#b0a47a 61%,#84978b 100%)
}
.web-cover:before,.web-cover:after {
  content:"";
  position:absolute;
  bottom:-32px;
  width:72%;
  height:80px;
  border-radius:50% 50% 0 0;
  background:#355b58;
  transform:rotate(-12deg)
}
.web-cover:after {right:-22%;bottom:-40px;background:#526f66;transform:rotate(15deg)}
.web-cover small,.web-cover b,.web-cover i {position:relative;z-index:1;display:block}
.web-cover small {width:42px;height:4px;margin:0 0 7px;border-radius:4px;background:#ffffffb8}
.web-cover b {width:89px;height:9px;border-radius:3px;background:#fff}
.web-cover i {width:34px;height:10px;margin-top:7px;border-radius:8px;background:#ff721b}
.web-cards {display:flex;gap:6px;margin-top:7px}
.web-cards span {height:25px;flex:1;border:1px solid #e1e8ee;border-radius:3px;background:linear-gradient(160deg,#bcd9e4 0 38%,#809b83 39% 60%,#f5f6f4 61%)}
.phone-window {
  position:absolute;
  z-index:4;
  right:5%;
  bottom:-5px;
  width:49px;
  height:115px;
  padding:7px 4px 4px;
  border:2px solid #10283e;
  border-radius:10px;
  background:#fff;
  box-shadow:0 8px 18px rgba(9,31,52,.24);
  transform:rotate(5deg)
}
.phone-speaker {position:absolute;top:3px;left:19px;width:10px;height:2px;border-radius:3px;background:#10283e}
.phone-image {height:48px;margin:5px 1px 6px;border-radius:4px;background:linear-gradient(180deg,#c3e1eb 0 35%,#718f78 36% 57%,#f1bf84 58%,#a86e43)}
.phone-window span {display:block;height:4px;margin:4px 2px;border-radius:4px;background:#d7e0e8}
.phone-window span:last-child {width:65%;background:#ff8a4a}

/* IA: interfaz de conversación y flujo de atención */
.ai-visual {background:radial-gradient(ellipse at 24% 50%,#d9eaff 0%,#edf5fc 39%,#f5f8fb 78%)}
.ai-orb {
  position:absolute;
  left:3%;
  top:36px;
  display:grid;
  place-items:center;
  width:114px;
  height:114px;
  border:1px solid rgba(80,154,238,.35);
  border-radius:50%;
  background:radial-gradient(circle at 42% 34%,#fff 0 10%,#dceeff 39%,#a9d1f3 70%,#e6f2fd 100%);
  box-shadow:inset 0 0 0 8px rgba(255,255,255,.55),0 0 23px rgba(66,144,227,.18)
}
.ai-orb:before,.ai-orb:after {content:"";position:absolute;inset:-9px;border:1px solid rgba(63,142,225,.26);border-radius:50%;transform:rotate(-24deg) scaleX(.78)}
.ai-orb:after {inset:4px -15px;transform:rotate(24deg) scaleX(.85)}
.ai-orb>b {position:absolute;right:3px;top:26px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#ff771c;box-shadow:0 0 0 3px #ff771c30}
.ai-bot {position:relative;z-index:1;width:55px;height:46px;border:2px solid #d9e9f8;border-radius:17px;background:linear-gradient(150deg,#102c48,#071a2c);box-shadow:0 8px 16px #173e6040}
.ai-bot:before {content:"";position:absolute;left:25px;top:-10px;width:2px;height:9px;background:#468bd4}
.ai-bot:after {content:"";position:absolute;left:22px;top:-13px;width:7px;height:7px;border-radius:50%;background:#ff781b}
.ai-bot span {position:absolute;top:15px;left:12px;width:7px;height:7px;border-radius:50%;background:#78c8ff;box-shadow:0 0 7px #58baff}
.ai-bot span:nth-child(2) {left:34px}
.ai-bot i {position:absolute;left:20px;bottom:8px;width:14px;height:3px;border-radius:4px;background:#ff791d}
.ai-interface {
  position:absolute;
  z-index:2;
  top:21px;
  right:5%;
  width:54%;
  min-width:144px;
  height:143px;
  padding:8px;
  border:1px solid #dbe4ec;
  border-radius:9px;
  background:rgba(255,255,255,.96);
  box-shadow:0 15px 27px rgba(15,45,73,.2),0 3px 8px rgba(15,45,73,.09),inset 0 1px 0 #fff;
  transform:perspective(800px) rotateY(-5deg) rotate(-3deg)
}
.ai-interface-head {display:flex;align-items:center;gap:5px;height:16px;margin-bottom:6px;border-bottom:1px solid #edf1f5}
.ai-interface-head i {width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#123657,#3295ed)}
.ai-interface-head span {width:45px;height:4px;border-radius:4px;background:#18334e}
.ai-interface-head b {width:20px;height:5px;margin-left:auto;border-radius:6px;background:#d7e5f2}
.ai-message {width:79%;min-height:18px;margin:5px 0;padding:4px 5px;border-radius:5px;background:#edf4fb}
.ai-message i {display:block;width:78%;height:3px;margin:2px;border-radius:3px;background:#b8cde0}
.ai-message i:nth-child(2) {width:51%}
.ai-message-user {margin-left:auto;background:#e6f0fb}
.ai-message-assistant {position:relative;width:86%;padding-left:16px;background:#f4f6f8}
.ai-message-assistant b {position:absolute;left:5px;top:6px;width:7px;height:7px;border-radius:50%;background:#ff791e}
.ai-message-assistant i {width:82%}
.ai-message-assistant i:last-child {width:52%}
.ai-message.short {min-height:12px;width:55%}
.ai-interface-footer {position:absolute;right:8px;bottom:7px;left:8px;display:flex;align-items:center;height:17px;padding:3px 5px;border-top:1px solid #e3e9ef}
.ai-interface-footer span {width:48px;height:3px;border-radius:4px;background:#d2dce5}
.ai-process {position:absolute;right:10%;bottom:11px;left:18%;display:flex;align-items:center;justify-content:space-between;gap:3px}
.ai-process span {padding:4px 5px;border:1px solid #dce7f0;border-radius:5px;background:#ffffffed;color:#3e556d;font-size:7px;box-shadow:0 3px 7px #122a3c12}
.ai-process i {flex:1;border-top:1px solid #ff945c}

/* Software empresarial: dashboard con tablas y módulos */
.software-visual {background:radial-gradient(ellipse at 48% 76%,#dbe9f4,#f0f5f9 70%)}
.software-sidebar {
  position:absolute;
  z-index:2;
  left:5%;
  top:35px;
  bottom:5px;
  width:19%;
  padding:11px 7px;
  border-radius:7px 0 0 7px;
  background:linear-gradient(160deg,#0a2239,#123a5d);
  box-shadow:-5px 8px 16px #112b4225;
  transform:perspective(500px) rotateY(8deg) rotateZ(-2deg)
}
.software-sidebar b {display:block;width:30px;height:5px;margin:0 0 13px;border-radius:4px;background:#fff}
.software-sidebar span {display:block;height:4px;margin:9px 0;border-radius:4px;background:#9aafc2}
.software-sidebar span:first-of-type {width:90%;background:#ff8b49}
.software-sidebar span:nth-of-type(2) {width:70%}
.software-sidebar span:nth-of-type(3) {width:83%}
.software-sidebar span:nth-of-type(4) {width:58%}
.software-sidebar span:nth-of-type(5) {width:75%}
.software-panel {
  position:absolute;
  z-index:1;
  left:21%;
  top:14px;
  width:70%;
  height:172px;
  padding:8px;
  border:1px solid #d2dde7;
  border-radius:5px;
  background:#fff;
  box-shadow:0 17px 28px #102c4733,0 4px 9px #102c4717,inset 0 1px 0 #fff;
  transform:perspective(800px) rotateY(-6deg) rotateZ(-2deg)
}
.software-toolbar {display:flex;align-items:center;gap:5px;height:10px;margin-bottom:7px}
.software-toolbar b {width:45px;height:4px;border-radius:4px;background:#173451}
.software-toolbar i {width:12px;height:5px;margin-left:auto;border-radius:4px;background:#d9e4ed}
.software-toolbar i+i {margin-left:0}
.software-tiles {display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.software-tiles span {height:30px;padding:5px;border:1px solid #e6edf3;border-radius:4px;background:#fbfcfd}
.software-tiles i {display:block;width:9px;height:9px;margin-bottom:4px;border-radius:3px;background:#e8f1fb}
.software-tiles span:nth-child(2) i {background:#fff0e6}
.software-tiles span:nth-child(3) i {background:#e7f7f0}
.software-tiles b {display:block;width:70%;height:3px;border-radius:4px;background:#bccbd8}
.software-chart {position:relative;height:61px;margin-top:7px;padding:8px 8px 5px;border:1px solid #e8edf2;border-radius:4px;background:repeating-linear-gradient(to bottom,#fff 0 13px,#edf1f5 14px 15px)}
.software-chart>div {position:absolute;inset:8px 8px 5px;display:flex;align-items:flex-end;gap:8%;border-bottom:1px solid #cbd7e1}
.software-chart b {flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#64b0ff,#3187dc)}
.software-chart b:nth-child(1) {height:30%}.software-chart b:nth-child(2) {height:48%}.software-chart b:nth-child(3) {height:37%}.software-chart b:nth-child(4) {height:67%}.software-chart b:nth-child(5) {height:57%}.software-chart b:nth-child(6) {height:83%}.software-chart b:nth-child(7) {height:96%}
.software-chart>i {position:absolute;right:7px;top:6px;width:17px;height:17px;border:3px solid #ff8a45;border-left-color:#edf2f6;border-radius:50%}
.software-table {display:grid;gap:3px;margin-top:6px}
.software-table span {display:grid;grid-template-columns:12% 1fr 23%;align-items:center;gap:5px;height:7px;padding:0 4px;border:1px solid #e8edf2;border-radius:3px;background:#fbfcfd}
.software-table i,.software-table b,.software-table em {height:3px;border-radius:3px;background:#c5d2dd}
.software-table i {width:6px;height:6px;border-radius:2px;background:#e8a06e}
.software-table em {background:#dbe8f3}
.software-sidepanel {position:absolute;z-index:3;right:2%;top:42px;width:22%;height:110px;padding:9px 6px;border:1px solid #dce5ed;border-radius:6px;background:#fffffff2;box-shadow:0 8px 15px #132d451e;transform:rotate(2deg)}
.software-sidepanel b {display:block;width:65%;height:5px;margin-bottom:11px;border-radius:4px;background:#213d57}
.software-sidepanel i {display:block;height:17px;margin:5px 0;border:1px solid #e9eef2;border-radius:4px;background:linear-gradient(90deg,#eff5fa 18%,#fff 18%)}
.software-sidepanel span {display:block;width:48%;height:4px;margin-top:6px;border-radius:4px;background:#ff9a62}

/* Integraciones: marcas locales conectadas a un flujo común */
.integrations-visual {background:radial-gradient(ellipse at 50% 55%,#fafdff 0%,#edf3f8 75%)}
.integration-lines {position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.integration-lines path {fill:none;stroke:#8bb8e9;stroke-width:1.15;vector-effect:non-scaling-stroke}
.integration-lines .integration-lines-accent {stroke:#ffac78;stroke-width:.8}
.integration-node {
  position:absolute;
  z-index:2;
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  border:1px solid #eef1f4;
  border-radius:9px;
  background:#fff;
  box-shadow:0 9px 17px rgba(17,42,65,.16),0 2px 4px rgba(17,42,65,.08),inset 0 1px 0 #fff
}
.integration-node i {display:grid;place-items:center;width:24px;height:24px;font-style:normal}
.integration-node img {display:block;width:24px;height:24px;object-fit:contain}
.node-chat {left:13%;top:21%}.node-mail {right:15%;top:22%}.node-calendar {right:13%;bottom:12%}.node-cloud {left:10%;bottom:12%}.node-process {left:46%;top:5%}.node-notion {left:45%;bottom:4%}
.integration-hub {
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  display:grid;
  place-items:center;
  width:47px;
  height:47px;
  border:1px solid #ff9b61;
  border-radius:13px;
  color:#fff;
  background:linear-gradient(145deg,#ff7a24,#fa5d0c);
  box-shadow:0 10px 20px rgba(241,94,18,.32),0 0 20px rgba(255,119,36,.16),inset 0 1px 0 #ffffff75;
  transform:translate(-50%,-50%)
}
.integration-hub svg {width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .solution-arrow:hover {
    color:var(--navy);
    background:var(--solutions-orange);
    transform:translateX(3px)
  }
}
@media(max-width:1100px) {
  .solutions-inner {padding-right:26px;padding-left:26px}
  .solutions-intro {gap:40px}
  .solutions-heading h2 {font-size:clamp(33px,4.2vw,42px)}
  .solutions-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .solution-card {height:320px;padding-right:20px;padding-left:20px}
  .solution-copy {min-height:105px;grid-template-columns:42px minmax(0,1fr);gap:14px}
  .solution-visual {margin-right:-20px;margin-left:-20px}
  .solution-copy h3 {font-size:17px}
  .solution-card:last-child .solution-copy h3 {font-size:16px}
}
@media(max-width:600px) {
  .solutions-inner {padding:27px 18px 32px}
  .solutions-intro {grid-template-columns:1fr;gap:14px;margin-bottom:20px}
  .solutions-eyebrow {margin-bottom:8px;font-size:10px;letter-spacing:2.3px}
  .solutions-heading h2 {font-size:clamp(34px,9.4vw,42px);line-height:.99;letter-spacing:-.8px}
  .solutions-intro-copy {padding-top:0}
  .solutions-intro-copy p {font-size:13px;line-height:1.5}
  .solutions-all-link {margin-top:10px}
  .solutions-grid {grid-template-columns:minmax(0,1fr);gap:14px}
  .solution-card {height:315px;padding:18px 18px 0;border-radius:14px}
  .solution-copy {min-height:104px;grid-template-columns:40px minmax(0,1fr);gap:12px}
  .solution-copy h3 {font-size:17px}
  .solution-card:last-child .solution-copy h3 {font-size:15px}
  .solution-visual {margin-right:-18px;margin-left:-18px}
  .web-browser {left:8%;width:82%}
  .phone-window {right:7%}
  .ai-orb {left:6%;width:105px;height:105px}
  .ai-interface {right:7%;width:55%}
}
@media(max-width:900px) {
  .solutions-section {scroll-margin-top:64px}
}
@media(prefers-reduced-motion:reduce) {
  .solution-card,.solution-arrow {transition:none}
}

/* Fase 3: nuestro proceso */
.process-section {
  scroll-margin-top:82px;
  color:#0a1d32;
  background:#fcfbf8
}
.process-inner {
  display:grid;
  grid-template-columns:minmax(0,26%) minmax(0,1fr);
  align-items:center;
  gap:34px;
  width:min(100%,1440px);
  margin:0 auto;
  padding:34px 40px 30px
}
.process-intro {min-width:0}
.process-eyebrow {
  margin:0 0 9px;
  color:var(--orange-contrast);
  font-size:10px;
  font-weight:700;
  letter-spacing:2.4px
}
.process-intro h2 {
  margin:0;
  color:#0a1d32;
  font:400 clamp(35px,3.1vw,43px)/.98 Georgia,"Times New Roman",serif;
  letter-spacing:-1.1px
}
.process-intro h2 em {color:var(--orange-contrast);font-style:normal}
.process-description {
  max-width:270px;
  margin:11px 0 0;
  color:#4c5662;
  font-size:11px;
  line-height:1.5
}
.process-steps {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:start;
  gap:12px
}
.process-step {
  position:relative;
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:center;
  text-align:center
}
.process-step:not(:last-child)::after {
  content:"→";
  position:absolute;
  top:13px;
  right:-12px;
  width:12px;
  color:var(--orange);
  font-size:15px;
  line-height:1
}
.process-icon-circle {
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border:1px solid rgba(255,100,20,.42);
  border-radius:50%;
  color:var(--orange);
  background:transparent;
  transition:transform .24s ease,border-color .24s ease,background-color .24s ease
}
.process-icon-circle svg {
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round
}
.process-number {
  margin-top:7px;
  color:#111b27;
  font:400 17px/1 Georgia,"Times New Roman",serif
}
.process-step h3 {
  margin:5px 0 6px;
  color:#101923;
  font:400 15px/1.2 Georgia,"Times New Roman",serif
}
.process-step p {
  max-width:164px;
  margin:0;
  color:#56606c;
  font-size:10px;
  line-height:1.45
}
.process-reveal {
  opacity:1;
  transform:none;
  transition:opacity .55s ease,transform .55s ease
}
.process-motion-ready .process-reveal {opacity:0;transform:translateY(10px)}
.process-motion-ready .process-reveal.is-visible {opacity:1;transform:translateY(0)}
.process-step:nth-child(2) {transition-delay:70ms}
.process-step:nth-child(3) {transition-delay:140ms}
.process-step:nth-child(4) {transition-delay:210ms}
.process-step:nth-child(5) {transition-delay:280ms}
@media(max-width:900px) {
  .process-section {scroll-margin-top:72px}
  .process-inner {grid-template-columns:1fr;gap:27px;padding:34px 28px 32px}
  .process-intro {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;align-items:end}
  .process-eyebrow,.process-intro h2 {grid-column:1}
  .process-description {grid-column:2;grid-row:1/3;align-self:end;margin:0 0 3px}
  .process-steps {gap:8px}
  .process-step p {max-width:130px;font-size:10px}
  .process-step h3 {font-size:14px}
}
@media(max-width:600px) {
  .process-section {scroll-margin-top:64px}
  .process-inner {gap:25px;padding:31px 20px 30px}
  .process-intro {display:block}
  .process-eyebrow {margin-bottom:8px;font-size:9px;letter-spacing:2.2px}
  .process-intro h2 {font-size:38px;line-height:.98;letter-spacing:-.8px}
  .process-description {max-width:280px;margin-top:10px;font-size:11px}
  .process-steps {grid-template-columns:minmax(0,1fr);gap:0}
  .process-step {
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:center;
    justify-items:start;
    column-gap:14px;
    padding:10px 0 15px;
    text-align:left
  }
  .process-step:not(:last-child)::after {
    top:auto;
    right:auto;
    bottom:-1px;
    left:17px;
    width:auto;
    transform:rotate(90deg)
  }
  .process-icon-circle {grid-column:1;grid-row:1;width:44px;height:44px}
  .process-icon-circle svg {width:23px;height:23px}
  .process-number {grid-column:1;grid-row:2;margin-top:5px;font-size:14px}
  .process-step h3 {grid-column:2;grid-row:1;margin:0 0 4px;font-size:16px}
  .process-step p {grid-column:2;grid-row:2;max-width:none;font-size:11px}
}
@media(prefers-reduced-motion:reduce) {
  .process-reveal {opacity:1;transform:none;transition:none}
  .process-icon-circle {transition:none}
}

/* Fase 4: aplicaciones */
.digital-solutions-section {color:#0a1d32;background:#fcfbf8;scroll-margin-top:24px}
.digital-solutions-inner {display:grid;grid-template-columns:minmax(230px,25%) minmax(0,1fr);align-items:center;gap:28px;width:min(100%,1440px);margin:0 auto;padding:31px 34px 36px}
.digital-solutions-intro {max-width:300px}
.digital-solutions-eyebrow {margin:0 0 10px;color:var(--orange-contrast);font-size:9px;font-weight:700;letter-spacing:2.2px}
.digital-solutions-intro h2 {margin:0;color:#0a1d32;font:400 clamp(34px,3vw,42px)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-1px}
.digital-solutions-intro>p:last-child {margin:12px 0 0;color:#4c5662;font-size:11.5px;line-height:1.52}
.digital-solutions-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:14px}
.digital-showcase {min-width:0}
.digital-mockup {position:relative;isolation:isolate;height:174px;margin-bottom:13px;perspective:850px;background:radial-gradient(ellipse at 52% 83%,rgba(154,190,216,.25),transparent 67%)}
.application-window {position:absolute;z-index:1;overflow:hidden;border:1px solid #cedbe5;border-radius:6px;background:#fff;box-shadow:0 13px 22px rgba(8,31,53,.18),0 3px 6px rgba(8,31,53,.07),inset 0 1px 0 #fff;transition:translate .3s ease,box-shadow .3s ease}
.application-chrome {display:flex;align-items:center;gap:3px;height:16px;padding:0 6px;border-bottom:1px solid #e7edf2;background:linear-gradient(#fff,#f5f8fb);color:#3c576e}
.application-chrome>i {width:3px;height:3px;flex:none;border-radius:50%;background:#ff9c65}
.application-chrome>i:nth-child(2) {background:#b5c7d6}.application-chrome>i:nth-child(3) {background:#cbd8e2}
.application-chrome>span {margin-left:4px;font-size:6px;font-weight:650;white-space:nowrap}
.application-chrome>b {width:8px;height:4px;margin-left:auto;border:1px solid #d7e2eb;border-radius:2px}
.application-heading {display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0;height:16px;margin-bottom:5px}
.application-heading>strong {color:#153550;font-size:7px;font-weight:700;white-space:nowrap}
.application-heading>span {min-width:12px;min-height:4px;border-radius:3px;background:#edf3f8;color:#627e96;font-size:5px;padding:2px 3px;white-space:nowrap}
.application-sidebar {padding:9px 4px;background:linear-gradient(160deg,#0a263f,#123d60);color:#b2c4d3}
.application-sidebar>b {display:block;width:62%;height:4px;margin:0 3px 10px;border-radius:3px;background:#f5f9fc}
.application-sidebar>span {display:block;margin:3px 0;padding:4px 3px;border-radius:3px;font-size:5px;line-height:1;white-space:nowrap}
.application-sidebar>span.selected {color:#ffab77;background:#ffffff0f}
.application-float {position:absolute;z-index:2;overflow:hidden;padding:7px;border:1px solid #dce5ec;border-radius:6px;background:linear-gradient(145deg,#fff,#f8fbfd);box-shadow:0 9px 17px rgba(8,31,53,.14),inset 0 1px 0 #fff;transform:rotate(2deg)}
.application-float>strong {display:block;margin:0 0 5px;color:#24445f;font-size:6px;line-height:1}
/* Portal documental con navegación lateral y solicitudes organizadas. */
.portal-window {top:18px;left:1%;width:95%;height:145px;transform:rotateY(-4deg) rotateZ(-2deg)}
.portal-workspace {display:grid;grid-template-columns:24% minmax(0,1fr);height:calc(100% - 16px)}
.portal-content {padding:5px 7px;background:#f8fafc}
.portal-sections {display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:6px}
.portal-sections>span {padding:5px 3px;border:1px solid #e2eaf1;border-radius:4px;background:#fff;color:#496981;font-size:5.5px;line-height:1.2}
.portal-request {display:grid;grid-template-columns:10px minmax(0,1fr) 15px;align-items:center;gap:5px;height:22px;border-bottom:1px solid #e8eef3}
.application-file {position:relative;display:block;width:8px;height:11px;border:1px solid #6ca6d8;border-radius:1px;background:#edf6ff}
.application-file::after {content:"";position:absolute;left:2px;right:1px;top:5px;height:1px;background:#9ebedb;box-shadow:0 3px 0 #b9cfe2}
.portal-request>div>b,.stock-row>div>b {display:block;width:75%;height:3px;border-radius:3px;background:#9bb2c5}
.portal-request>div>span,.stock-row>div>span {display:block;width:49%;height:2px;margin-top:4px;border-radius:3px;background:#d0dce5}
.portal-request>em {height:5px;border-radius:4px;background:#e0edf8}
.portal-documents {right:0;bottom:3px;width:43%;height:57px}
.portal-folder {position:absolute;left:8px;bottom:9px;width:20px;height:15px;border:1px solid #79a9d4;border-radius:2px;background:linear-gradient(#dcedfa,#bcd9ef);transform:rotate(-4deg)}
.portal-folder::before {content:"";position:absolute;top:-4px;left:0;width:9px;height:4px;border:1px solid #79a9d4;border-bottom:0;border-radius:2px 2px 0 0;background:#dcedfa}
.portal-document-lines {position:absolute;left:37px;right:8px;bottom:9px}
.portal-document-lines i {display:block;height:3px;margin:4px 0;border-radius:3px;background:#c6d5e1}.portal-document-lines i:last-child {width:60%;background:#ffb087}
/* Agenda semanal, espacios de disponibilidad y gestión de reservas. */
.booking-window {top:16px;left:2%;width:94%;height:147px;transform:rotateY(4deg) rotateZ(1.2deg)}
.booking-content {padding:5px 7px}
.booking-content .application-heading>span {background:#fff0e6;color:#b26432}
.booking-week {display:grid;grid-template-columns:repeat(5,1fr);margin-left:5px;color:#71869a;text-align:center;font-size:5.5px;line-height:12px}
.booking-calendar {display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,17px);border:1px solid #e4ebf1;border-radius:3px;overflow:hidden}
.booking-calendar>span {position:relative;border-right:1px solid #e8eef3;border-bottom:1px solid #e8eef3;background:#fdfefe}
.booking-calendar>span:nth-child(5n) {border-right:0}
.booking-slot::after {content:"";position:absolute;inset:3px 2px;border:1px solid #cbdff2;border-left:2px solid #4e96d9;border-radius:2px;background:#e5f1fc}
.booking-slot.orange::after {border-color:#f6d7bf;border-left-color:#f28b46;background:#fff0e6}
.booking-caption {display:flex;align-items:center;gap:3px;margin-top:6px;color:#7b8c9c;font-size:5px}
.booking-caption>i {width:3px;height:3px;border-radius:50%;background:#5e9dd9}.booking-caption>i:nth-of-type(2) {margin-left:4px;background:#ff9d60}
.booking-availability {right:-1%;bottom:2px;width:53%;height:52px;transform:rotate(-2deg)}
.booking-availability>div {display:flex;gap:4px;margin:6px 0}.booking-availability>div>span {width:28%;height:6px;border:1px solid #d8e5ee;border-radius:3px;background:#edf4fa}
.booking-availability>p {margin:0;color:#7b8d9e;font-size:4.7px;line-height:1.1;white-space:nowrap}
/* Aula virtual con reproductor visual, lecciones y seguimiento. */
.learning-window {top:18px;left:1%;width:96%;height:145px;transform:rotateY(-5deg) rotateZ(-1.3deg)}
.learning-content {padding:5px 7px;background:#f8fafc}
.learning-classroom {display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:5px}
.learning-video {position:relative;height:65px;overflow:hidden;border:1px solid #1a466a;border-radius:4px;background:radial-gradient(ellipse at 80% 5%,#236090,#0b2842 70%)}
.learning-video>svg {position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#72b3e9;stroke-width:1;opacity:.8}
.learning-video>svg path:first-child {stroke:#2d5f84;stroke-width:1.1}
.learning-video>span {position:absolute;bottom:5px;left:5px;color:#e6f3ff;font-size:5px;line-height:1}
.learning-lessons {padding:5px 4px;border:1px solid #e1e9f0;border-radius:4px;background:#fff}
.learning-lessons>strong {display:block;margin-bottom:5px;color:#4b677d;font-size:5.5px;line-height:1}
.learning-lessons>span {display:flex;align-items:center;gap:3px;height:10px;border-bottom:1px solid #edf2f6}
.learning-lessons i {width:3px;height:3px;border:1px solid #a3c4df;border-radius:50%}.learning-lessons b {width:65%;height:2px;border-radius:2px;background:#c0d0dd}
.learning-progress {margin-top:6px;padding:4px 5px;border:1px solid #e3ebf1;border-radius:3px;background:#fff}
.learning-progress>span {display:block;margin-bottom:4px;color:#7a8fa1;font-size:5px;line-height:1}
.learning-progress>div {height:3px;border-radius:4px;background:#eaf1f6}.learning-progress i {display:block;width:45%;height:100%;border-radius:4px;background:#6aa8db}
.learning-course {right:-1%;bottom:2px;display:flex;align-items:center;gap:6px;width:48%;height:37px}
.application-book {display:block;width:15px;height:15px;border:1px solid #89b2d2;border-radius:2px;background:linear-gradient(90deg,#deedf8 0 46%,#91b8d6 47% 52%,#eaf4fb 53%)}
.learning-course strong {display:block;color:#355872;font-size:6px;line-height:1.2}.learning-course span {display:block;margin-top:3px;color:#8b9dab;font-size:4.8px;line-height:1}
/* Inventario con catálogo, productos y flujo de órdenes sin cantidades. */
.stock-window {top:18px;left:1%;width:96%;height:145px;transform:rotateY(-4deg) rotateZ(1.2deg);border-color:#aebfcd}
.stock-window .application-chrome {border-color:#1a3a55;background:linear-gradient(#143851,#0d2b43);color:#d7e7f4}
.stock-window .application-chrome>b {border-color:#51718b}
.stock-workspace {display:grid;grid-template-columns:25% minmax(0,1fr);height:calc(100% - 16px)}
.stock-content {padding:5px 6px;background:#f9fbfd}
.stock-table-heading {display:flex;justify-content:space-between;margin-bottom:2px;padding:3px 0;border-bottom:1px solid #dae5ee;color:#6d8295;font-size:5px}
.stock-row {display:grid;grid-template-columns:13px minmax(0,1fr) 16px;align-items:center;gap:5px;height:24px;border-bottom:1px solid #e5edf3}
.stock-product {display:block;position:relative;width:11px;height:12px;border:1px solid #9dbad0;border-radius:2px;background:linear-gradient(150deg,#e4f0f8,#b6cfdf)}
.stock-product::before {content:"";position:absolute;left:4px;top:0;bottom:0;border-left:1px solid #94b2c8}.stock-product::after {content:"";position:absolute;left:0;right:0;top:3px;border-top:1px solid #a1bcd0}
.stock-row:nth-of-type(4) .stock-product {border-color:#d6b99f;background:linear-gradient(150deg,#fbede2,#e4c7ac)}
.stock-row>em {height:4px;border-radius:3px;background:#d8e8f3}
.stock-orders {right:-1%;bottom:2px;width:56%;height:43px;transform:rotate(-1.5deg)}
.stock-orders>div {display:flex;align-items:center;gap:4px;justify-content:space-between}
.stock-orders>div>span {color:#637e93;font-size:5px;line-height:1;padding:4px;border:1px solid #e0e9f0;border-radius:3px;background:#f6fafd;white-space:nowrap}
.stock-orders>div>i {width:8px;border-top:1px solid #ffb07f;position:relative}.stock-orders>div>i::after {content:"";position:absolute;right:0;top:-2px;width:3px;height:3px;border-top:1px solid #ffb07f;border-right:1px solid #ffb07f;transform:rotate(45deg)}
.digital-showcase-index {display:block;margin-bottom:4px;color:var(--orange-contrast);font-size:9px;font-weight:700;letter-spacing:1.1px}
.digital-showcase-copy h3 {margin:0 0 6px;color:#0d2034;font-size:13px;font-weight:650;line-height:1.25}
.digital-showcase-copy p {margin:0;color:#536173;font-size:10px;line-height:1.45}
.digital-reveal {opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}
.digital-motion-ready .digital-reveal {opacity:0;transform:translateY(10px)}
.digital-motion-ready .digital-reveal.is-visible {opacity:1;transform:translateY(0)}
.digital-showcase:nth-child(2) {transition-delay:70ms}.digital-showcase:nth-child(3) {transition-delay:140ms}.digital-showcase:nth-child(4) {transition-delay:210ms}
@media(max-width:1100px) {
  .digital-solutions-inner {grid-template-columns:1fr;gap:24px;padding:33px 28px 36px}
  .digital-solutions-intro {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;align-items:end;max-width:none}
  .digital-solutions-eyebrow,.digital-solutions-intro h2 {grid-column:1}
  .digital-solutions-intro>p:last-child {grid-column:2;grid-row:1/3;align-self:end;margin:0 0 2px}
  .digital-solutions-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}
  .digital-mockup {height:180px}
  .digital-showcase-copy h3 {font-size:14px}.digital-showcase-copy p {font-size:10.5px}
  .application-chrome>span {font-size:7px}.application-heading>strong {font-size:8px}
  .application-sidebar>span {font-size:6px}.portal-sections>span {font-size:6px}
}
@media(max-width:600px) {
  .digital-solutions-inner {gap:24px;padding:32px 20px 34px}
  .digital-solutions-intro {display:block}
  .digital-solutions-eyebrow {margin-bottom:8px;font-size:9px}
  .digital-solutions-intro h2 {max-width:320px;font-size:37px;line-height:1;letter-spacing:-.8px}
  .digital-solutions-intro>p:last-child {max-width:330px;margin-top:10px;font-size:12px}
  .digital-solutions-grid {grid-template-columns:minmax(0,1fr);gap:25px}
  .digital-mockup {height:205px;margin-bottom:10px}
  .portal-window,.booking-window,.learning-window,.stock-window {top:13px;height:179px}
  .application-chrome {height:20px}.application-chrome>span {font-size:8px}
  .application-heading {height:20px}.application-heading>strong {font-size:9px}.application-heading>span {font-size:6px}
  .portal-workspace,.stock-workspace {height:calc(100% - 20px)}
  .application-sidebar {padding:12px 5px}.application-sidebar>span {font-size:6.5px;padding:5px 3px}
  .portal-content {padding:7px 9px}.portal-sections>span {font-size:7px;padding:6px}
  .portal-request {height:26px}.portal-documents {width:40%;height:64px}
  .application-float>strong {font-size:7px}
  .booking-content {padding:7px 9px}.booking-week {font-size:6px;line-height:15px}
  .booking-calendar {grid-template-rows:repeat(4,22px)}.booking-availability {width:48%;height:57px}
  .booking-availability>p {font-size:5.5px}
  .learning-content {padding:7px 9px}.learning-video {height:85px}.learning-video>span {font-size:6px}
  .learning-lessons>strong {font-size:6.5px}.learning-lessons>span {height:14px}
  .learning-progress>span {font-size:6px}.learning-course {height:41px;width:44%}
  .learning-course strong {font-size:7px}.learning-course span {font-size:5.5px}
  .stock-content {padding:7px 9px}.stock-table-heading {font-size:6px;padding:4px 0}
  .stock-row {height:29px}.stock-orders {height:48px;width:50%}.stock-orders>div>span {font-size:6px}
  .digital-showcase-copy h3 {font-size:16px}.digital-showcase-copy p {max-width:340px;font-size:11.5px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce) {
  .digital-motion-ready .digital-reveal,.digital-motion-ready .digital-reveal.is-visible {opacity:1;transform:none;transition:none}
  .digital-reveal,.application-window {transition:none}
}

/* Fase 5: contacto y footer */
.contact-section {position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:82px;color:#f4f7fa;background:#03192b}
.contact-ambient {position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 95% 87%,#13456c55,transparent 43%),radial-gradient(ellipse at 3% 0%,#19507b30,transparent 38%)}
.contact-ambient::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03192b00 28%,#03192b66 48%,#03192b00 100%)}
.contact-ambient>svg {display:block;width:100%;height:100%}
.contact-inner {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:58px;width:min(100%,1440px);margin:0 auto;padding:46px 40px 50px}
.contact-eyebrow {margin:0 0 12px;color:#ff7d34;font-size:10px;font-weight:600;letter-spacing:2.3px}
.contact-title-block h2 {margin:0;color:#f5f7f9;font:400 clamp(35px,3.1vw,45px)/1.04 Georgia,"Times New Roman",serif;letter-spacing:-1.2px}
.contact-title-block h2 em {color:var(--orange);font-style:normal}
.contact-body {padding:12px 0 12px 48px;border-left:1px solid #bbcbd44d}
.contact-body>p {max-width:490px;margin:0 0 24px;color:#e0e7ed;font-size:14px;line-height:1.6}
.contact-whatsapp {display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:0 22px;border:1px solid var(--orange-contrast);border-radius:30px;color:#fff;background:var(--orange-contrast);box-shadow:0 7px 22px #ff641428;text-decoration:none;font-size:13px;font-weight:650;line-height:1.2;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.contact-whatsapp>img {display:block;flex:none;width:20px;height:20px;filter:brightness(0) invert(1)}
.contact-whatsapp>span {margin-left:9px;font-size:20px;line-height:1}
.contact-whatsapp:hover {transform:translateY(-2px);background:var(--orange-contrast-hover);box-shadow:0 10px 25px #ff64143a}
.header-cta:focus-visible,.mobile-cta:focus-visible,.contact-whatsapp:focus-visible,.footer-nav>a:focus-visible,.footer-brand>a:focus-visible {outline:2px solid #fff;outline-offset:5px}
.hero-actions .button-primary:focus-visible {outline:2px solid #061a30;outline-offset:5px}
.contact-reveal {opacity:1;transform:none;transition:opacity .65s ease,transform .65s ease}
.contact-motion-ready .contact-reveal {opacity:0;transform:translateY(10px)}
.contact-motion-ready .contact-reveal.is-visible {opacity:1;transform:none}
.contact-body.contact-reveal {transition-delay:100ms}
.site-footer {color:#d7e1e9;background:#031526;border-top:1px solid #809eb224}
.footer-inner {width:min(100%,1440px);margin:0 auto;padding:28px 40px 0}
.footer-main {display:flex;justify-content:space-between;align-items:center;gap:32px}
.footer-brand .wordmark {display:inline-block;font-size:27px;letter-spacing:-1.5px}
.footer-brand>p {margin:9px 0 0;color:#a9bccb;font-size:11px;line-height:1.5}
.footer-nav {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px 25px}
.footer-nav>a {color:#dce6ee;text-decoration:none;font-size:12px;line-height:1.5;transition:color .2s ease}
.footer-nav>a:hover {color:#ff9c64}
.footer-copyright {margin:23px 0 0;padding:16px 0 18px;border-top:1px solid #b3c5d320;color:#96aebf;font-size:10px;line-height:1.5}
@media(max-width:1100px) {
  .contact-inner {gap:34px;padding:40px 28px 44px}.contact-title-block h2 {font-size:35px;letter-spacing:-.9px}
  .contact-body {padding-left:30px}.contact-body>p {font-size:13px}.footer-inner {padding-right:28px;padding-left:28px}
}
@media(max-width:900px) {
  .contact-section {scroll-margin-top:72px}.contact-inner {grid-template-columns:minmax(0,1fr);gap:25px;padding:38px 28px 40px}
  .contact-title-block h2 {font-size:40px;max-width:650px}.contact-body {padding:24px 0 0;border-left:0;border-top:1px solid #bbcbd43d;max-width:650px}
  .contact-body>p {font-size:14px;max-width:570px;margin-bottom:20px}.contact-ambient>svg {width:100%;margin-left:0;opacity:.6}
  .footer-main {flex-direction:column;align-items:flex-start;gap:22px}.footer-nav {justify-content:flex-start}
}
@media(max-width:600px) {
  .contact-section {scroll-margin-top:64px}.contact-inner {gap:25px;padding:34px 20px 36px}
  .contact-eyebrow {font-size:9px;letter-spacing:2.1px;margin-bottom:12px}
  .contact-title-block h2 {font-size:36px;line-height:1.06;letter-spacing:-.8px;max-width:350px}.contact-break {display:none}
  .contact-body {padding-top:23px}.contact-body>p {font-size:13px;line-height:1.6;margin-bottom:22px}
  .contact-whatsapp {min-height:49px;font-size:12px;padding:0 19px;gap:10px}.contact-whatsapp>span {margin-left:5px}
  .contact-ambient>svg {width:100%;margin-left:0;opacity:.5}
  .footer-inner {padding:27px 20px 0}.footer-brand .wordmark {font-size:26px}.footer-brand>p {font-size:11px}
  .footer-main {gap:24px}.footer-nav {display:grid;grid-template-columns:auto auto;gap:13px 32px}.footer-nav>a {font-size:12px}
  .footer-copyright {margin-top:24px;padding:17px 0 20px}
}
@media(prefers-reduced-motion:reduce) {
  .contact-motion-ready .contact-reveal,.contact-motion-ready .contact-reveal.is-visible {opacity:1;transform:none;transition:none}
  .contact-reveal,.contact-whatsapp,.footer-nav>a {transition:none}.contact-whatsapp:hover {transform:none}
}

/* Renovación visual de las cuatro soluciones: recursos locales completos */
.solutions-intro {align-items:end;gap:56px;margin-bottom:28px}
.solutions-intro-copy {justify-self:end;max-width:520px;padding:0 0 3px}
.solutions-all-link {margin-top:18px}
.solution-card {height:392px;padding:22px 20px 0}
.solution-copy {grid-template-columns:36px minmax(0,1fr);gap:12px;min-height:118px}
.solution-icon-badge {width:36px;height:36px;border-radius:11px;box-shadow:0 4px 10px #0b294618}
.solution-icon {width:23px;height:23px}
.solution-copy h3 {margin:1px 0 9px;font-size:18px;line-height:1.18}
.solution-card:last-child .solution-copy h3 {font-size:17px;letter-spacing:-.25px}
.solution-copy p {font-size:12px;line-height:1.52}
.solution-visual--renewed {display:flex;align-items:flex-end;margin:0 -20px;background:linear-gradient(180deg,#fff0,#f2f6fa 62%,#eaf1f7);box-shadow:none}
.solution-visual--renewed:before {content:none}
.solution-visual--renewed .solution-art {position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center bottom;pointer-events:none}
.solution-visual--renewed .solution-arrow {top:6px;left:20px;width:31px;height:31px}
@media(max-width:1100px) {
 .solutions-intro {gap:34px}
 .solution-card {height:392px}
 .solution-copy {min-height:116px;grid-template-columns:36px minmax(0,1fr);gap:12px}
 .solution-copy h3 {font-size:19px}.solution-card:last-child .solution-copy h3 {font-size:18px}
 .solution-copy p {font-size:12.5px}
}
@media(max-width:600px) {
 .solutions-intro {align-items:start;gap:17px;margin-bottom:24px}
 .solutions-intro-copy {justify-self:start;padding:0}
 .solutions-all-link {margin-top:14px}
 .solution-card {height:398px;padding:22px 20px 0}
 .solution-copy {min-height:112px}
 .solution-copy h3 {font-size:20px}.solution-card:last-child .solution-copy h3 {font-size:19px}
 .solution-copy p {font-size:13px;line-height:1.5}
}