:root { --navy: #061b4f; --navy-2: #0b2864; --blue: #0d6efd; --cyan: #18c7f4; --ink: #14213d; --muted: #62708c; --line: #dbe5f1; --pale: #f5f9fd; --white: #fff; --shadow: 0 22px 60px rgba(12, 55, 117, .1); --radius: 18px; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: Inter, sans-serif; font-size: 15px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
::selection { background: rgba(24, 199, 244, .3); }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { border: 0; cursor: pointer; }
.site-shell { overflow: hidden; }
.container { width: min(1160px, calc(100% - 48px)); margin-inline: auto; position: relative; z-index: 1; }
.section-pad { padding: 122px 0; }
.section-light { background: var(--pale); }
.eyebrow { align-items: center; color: var(--blue); display: flex; font-size: 10px; font-weight: 700; gap: 9px; letter-spacing: .19em; margin: 0 0 22px; text-transform: uppercase; }
.eyebrow-dot { background: var(--cyan); border-radius: 50%; box-shadow: 0 0 0 5px rgba(24,199,244,.12); display: inline-block; height: 6px; width: 6px; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: Manrope, sans-serif; letter-spacing: -.045em; }
h1 { color: var(--navy); font-size: clamp(42px, 5.6vw, 76px); line-height: 1.03; margin-bottom: 27px; max-width: 760px; }
h1 span { color: var(--blue); }
h2 { color: var(--navy); font-size: clamp(32px, 4vw, 52px); line-height: 1.1; margin-bottom: 20px; }
h3 { color: var(--navy); font-size: 20px; line-height: 1.2; margin-bottom: 12px; }
.button { align-items: center; border-radius: 999px; display: inline-flex; font-size: 13px; font-weight: 700; gap: 17px; justify-content: center; padding: 16px 21px; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--blue); box-shadow: 0 12px 24px rgba(13,110,253,.2); color: var(--white); }
.button-primary:hover { background: #005be0; box-shadow: 0 15px 30px rgba(13,110,253,.28); }
.button-dark { background: var(--navy); color: var(--white); }
.button-dark:hover { background: var(--blue); }
.button-small { padding: 11px 15px; font-size: 12px; gap: 9px; }
.button-outline { border: 1px solid rgba(255,255,255,.3); color: var(--white); }
.button-outline:hover { background: var(--white); color: var(--navy); }
.text-link, .card-link { align-items: center; display: inline-flex; font-size: 13px; font-weight: 700; gap: 11px; transition: gap .2s ease, color .2s ease; }
.text-link { color: var(--navy); }
.text-link:hover, .card-link:hover { color: var(--blue); gap: 15px; }
.card-link { color: var(--blue); font-size: 12px; margin-top: auto; }
.card-link span, .text-link span { font-size: 18px; font-weight: 400; }
.site-header { background: rgba(255,255,255,.94); border-bottom: 1px solid rgba(219,229,241,.65); left: 0; position: relative; right: 0; top: 0; z-index: 20; }
.nav-wrap { align-items: center; display: flex; height: 78px; justify-content: space-between; }
.brand { display: block; width: 181px; }
.brand img { display: block; height: auto; width: 100%; }
.desktop-nav { align-items: center; display: flex; gap: 28px; margin-left: auto; margin-right: 28px; }
.desktop-nav a, .mobile-menu a:not(.button) { color: #506078; font-size: 12px; font-weight: 600; transition: color .2s ease; }
.desktop-nav a:hover, .mobile-menu a:hover { color: var(--blue); }
.nav-actions { align-items: center; display: flex; gap: 12px; }
.language-switch { background: transparent; color: var(--navy); font-size: 11px; font-weight: 700; letter-spacing: .12em; padding: 8px; }
.language-switch:hover { color: var(--blue); }
.language-switch { align-items:center; display:flex; gap:6px; white-space:nowrap; }
.language-switch a { border-radius:3px; color:var(--muted); padding:3px 1px; }
.language-switch [aria-current="page"] { color:var(--navy); font-weight:800; text-decoration:underline; text-decoration-color:var(--cyan); text-underline-offset:4px; }
.language-switch a:hover { color:var(--blue); }
.language-switch a:focus-visible { border-radius:4px; outline:2px solid var(--blue); outline-offset:3px; }
.menu-toggle { background: transparent; display: none; padding: 8px 0 8px 8px; }
.menu-toggle span { background: var(--navy); display: block; height: 2px; margin: 5px 0; width: 21px; }
.mobile-menu { background: var(--white); border-top: 1px solid var(--line); display: none; flex-direction: column; gap: 20px; padding: 22px 24px 28px; }
.hero { background: var(--white); min-height: 700px; padding-bottom: 105px; padding-top: 112px; position: relative; }
.hero-grid { align-items: center; display: grid; gap: 52px; grid-template-columns: .98fr 1.02fr; }
.hero-copy { position: relative; z-index: 2; }
.hero-lede { color: var(--muted); font-size: 16px; line-height: 1.75; margin-bottom: 30px; max-width: 545px; }
.hero-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 27px; margin-bottom: 47px; }
.trust-line { align-items: center; color: #77849a; display: flex; flex-wrap: wrap; font-size: 10px; font-weight: 600; gap: 10px; letter-spacing: .02em; }
.trust-line i { background: #c7d2e0; border-radius: 50%; height: 3px; width: 3px; }
.trust-mark { color: var(--cyan); font-size: 15px; }
.hero-visual { height: 500px; position: relative; }
.browser-frame { background: var(--white); border: 1px solid #cbd8e8; border-radius: 16px; box-shadow: 0 35px 70px rgba(15,61,119,.16); left: 6%; overflow: hidden; position: absolute; top: 56px; transform: perspective(1200px) rotateY(-7deg) rotateX(2deg); width: 90%; z-index: 2; }
.browser-topbar { align-items: center; background: #f7fafe; border-bottom: 1px solid #e9eff7; display: flex; height: 32px; padding: 0 13px; }
.window-dots { display: flex; gap: 4px; width: 45px; }
.window-dots i { background: #b8c9df; border-radius: 50%; height: 5px; width: 5px; }
.window-dots i:first-child { background: #18c7f4; }.window-dots i:nth-child(2) { background: #8ab8f9; }
.address-bar { background: #edf3fa; border-radius: 4px; color: #9aaabd; font-size: 7px; padding: 4px 16px; text-align: center; width: 150px; }
.browser-menu { color: #aab9cb; font-size: 8px; margin-left: auto; letter-spacing: 2px; }
.mock-site { background: linear-gradient(130deg, #f8fbff 20%, #ecf6ff); height: 316px; overflow: hidden; position: relative; }
.mock-nav { align-items: center; display: flex; justify-content: space-between; padding: 22px 25px; }
.mock-logo { align-items: center; color: var(--navy); display: flex; font-size: 12px; gap: 5px; }.mock-logo b { align-items: center; background: var(--blue); border-radius: 5px; color: white; display: flex; font-size: 9px; height: 21px; justify-content: center; width: 21px; }.mock-logo em { font-size: 10px; font-style: normal; font-weight: 700; letter-spacing: -.03em; }
.mock-nav-items { display: flex; gap: 13px; margin-left: auto; margin-right: 18px; }.mock-nav-items i { background: #a9bbd0; display: block; height: 3px; width: 22px; }.mock-nav-items i:nth-child(2) { width: 29px; }.mock-nav-items i:nth-child(3) { width: 19px; }
.mock-cta { background: var(--blue); border-radius: 8px; height: 18px; width: 49px; }
.mock-hero { padding: 14px 25px; position: relative; z-index: 1; }.mock-kicker { background: var(--cyan); height: 5px; margin-bottom: 11px; width: 38px; }.mock-headline i { background: var(--navy); display: block; height: 13px; margin: 5px 0; width: 48%; }.mock-headline i:nth-child(2) { width: 38%; }.mock-headline i.short { background: var(--blue); width: 26%; }.mock-copy { margin: 13px 0 14px; }.mock-copy i { background: #aabbd0; display: block; height: 4px; margin: 5px 0; width: 27%; }.mock-copy i:nth-child(2) { width: 20%; }.mock-buttons { display: flex; gap: 7px; }.mock-buttons i { background: var(--blue); border-radius: 4px; display: block; height: 17px; width: 54px; }.mock-buttons i:nth-child(2) { background: #c4daef; width: 40px; }
.mock-metrics { background: rgba(255,255,255,.8); bottom: 0; display: flex; gap: 28px; left: 0; padding: 12px 25px; position: absolute; right: 0; }.mock-metrics span { display: flex; flex-direction: column; gap: 2px; }.mock-metrics b { color: var(--navy); font-family: Manrope; font-size: 9px; }.mock-metrics small { color: #7d8da3; font-size: 7px; }.mock-glow { background: rgba(24,199,244,.26); border-radius: 50%; filter: blur(25px); height: 180px; position: absolute; right: -28px; top: 60px; width: 180px; }
.phone-frame { background: #0a1f50; border: 4px solid #0b2967; border-radius: 24px; bottom: 15px; box-shadow: 0 25px 42px rgba(6,27,79,.3); height: 295px; overflow: hidden; position: absolute; right: -9px; transform: rotate(7deg); width: 143px; z-index: 4; }.phone-speaker { background: #25457a; border-radius: 0 0 5px 5px; height: 8px; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 45px; z-index: 1; }.phone-screen { background: linear-gradient(160deg,#f6fbff,#dff5ff); border-radius: 17px; height: 100%; padding: 35px 14px 12px; position: relative; }.phone-notch { background: rgba(255,255,255,.85); border-radius: 0 0 8px 8px; height: 9px; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 57px; }.phone-brand { color: var(--navy); font-family: Manrope; font-size: 9px; font-weight: 800; }.phone-brand span { color: var(--cyan); }.phone-title { background: var(--navy); height: 12px; margin-top: 28px; width: 91%; }.phone-title.short { background: var(--blue); margin-top: 5px; width: 65%; }.phone-card { background: rgba(255,255,255,.9); border-radius: 9px; box-shadow: 0 10px 15px rgba(18,70,122,.11); height: 70px; margin-top: 29px; position: relative; }.phone-card::after { background: var(--cyan); border-radius: 50%; content: ''; height: 28px; left: 12px; position: absolute; top: 12px; width: 28px; }.phone-row { display: flex; gap: 5px; margin-top: 18px; }.phone-row i { background: #a2bed9; height: 4px; width: 34px; }.phone-row i + i { width: 22px; }
.dashboard-float { align-items: center; backdrop-filter: blur(12px); background: rgba(255,255,255,.92); border: 1px solid rgba(220,232,245,.9); border-radius: 10px; box-shadow: 0 15px 34px rgba(17,64,120,.13); display: flex; gap: 9px; padding: 10px 13px; position: absolute; z-index: 5; }.dashboard-float b { color: var(--navy); display: block; font-family: Manrope; font-size: 12px; line-height: 1.1; }.dashboard-float small { color: #7b8ba0; display: block; font-size: 8px; margin-top: 3px; }.float-leads { animation: drift 5s ease-in-out infinite; left: -2px; top: 126px; }.float-secure { animation: drift 5.7s ease-in-out -1.5s infinite; bottom: 48px; left: 5px; }.float-icon { align-items: center; border-radius: 7px; display: flex; font-size: 16px; height: 28px; justify-content: center; width: 28px; }.icon-cyan { background: #d8f7fd; color: #08a5ce; }.status-pulse { background: #43d3aa; border-radius: 50%; box-shadow: 0 0 0 4px #e2f9f2; height: 8px; width: 8px; }
.visual-orbit { border: 1px solid rgba(24,199,244,.27); border-radius: 50%; position: absolute; }.orbit-one { height: 465px; right: -40px; top: 14px; transform: rotate(-22deg); width: 465px; }.orbit-two { border-color: rgba(13,110,253,.14); height: 390px; right: -10px; top: 45px; transform: rotate(25deg); width: 390px; }.visual-caption { align-items: center; bottom: -5px; color: #7990aa; display: flex; font-size: 10px; gap: 9px; position: absolute; right: 65px; }.caption-line { background: var(--cyan); height: 1px; width: 30px; }.hero-grid-pattern { background-image: linear-gradient(rgba(13,110,253,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(13,110,253,.035) 1px,transparent 1px); background-size: 34px 34px; bottom: 0; height: 180px; left: 0; mask-image: linear-gradient(to bottom,transparent,black); opacity: .7; position: absolute; right: 0; }
.section-intro { max-width: 620px; }.section-intro > p:last-child, .process-head > p, .value-heading > p, .faq-intro > p, .contact-copy > p { color: var(--muted); line-height: 1.75; }.section-intro h2 { margin-bottom: 13px; }.services-grid { display: grid; gap: 14px; grid-template-columns: repeat(4, 1fr); margin-top: 60px; }.service-card { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 8px 25px rgba(18,55,99,.03); display: flex; flex-direction: column; min-height: 285px; overflow: hidden; padding: 26px 25px 23px; position: relative; transition: box-shadow .3s ease, transform .3s ease, border .3s ease; }.service-card:hover { border-color: #a9c8f2; box-shadow: var(--shadow); transform: translateY(-5px); }.service-top { align-items: center; display: flex; justify-content: space-between; margin-bottom: 36px; }.service-number { color: #a7b8cc; font-size: 10px; font-weight: 700; letter-spacing: .15em; }.service-icon { align-items: center; background: #e9f3ff; border-radius: 10px; color: var(--blue); display: flex; font-size: 23px; height: 43px; justify-content: center; width: 43px; }.icon-store { background: #e8fbff; color: #08aacc; }.icon-software { background: #eef0ff; color: #5968e8; }.icon-ai { background: rgba(255,255,255,.18); color: var(--cyan); }.service-card p { color: var(--muted); font-size: 13px; line-height: 1.6; margin-bottom: 24px; }.service-featured { background: var(--navy); border-color: var(--navy); }.service-featured h3 { color: var(--white); }.service-featured p { color: #adbeda; }.service-featured .service-number { color: #7f9bd1; }.service-featured .card-link { color: var(--cyan); }.card-orb { border: 1px solid rgba(24,199,244,.18); border-radius: 50%; height: 170px; position: absolute; right: -75px; top: -72px; width: 170px; }.orb-b { height: 110px; right: -42px; top: -38px; width: 110px; }
.value-grid { align-items: start; display: grid; gap: 95px; grid-template-columns: .85fr 1.15fr; }.value-heading h2 { font-size: clamp(31px, 3.7vw, 47px); }.value-heading .text-link { margin-top: 22px; }.benefits-grid { display: grid; gap: 0 22px; grid-template-columns: 1fr 1fr; }.benefit-item { border-bottom: 1px solid var(--line); display: flex; gap: 16px; padding: 5px 0 25px; }.benefit-item:nth-child(n+3) { padding-top: 27px; }.benefit-icon { align-items: center; background: #eaf5ff; border-radius: 8px; color: var(--blue); display: flex; flex: 0 0 32px; font-size: 16px; height: 32px; justify-content: center; }.benefit-item h3 { font-size: 15px; letter-spacing: -.025em; margin-bottom: 8px; }.benefit-item p { color: var(--muted); font-size: 12px; line-height: 1.6; margin: 0; }
.projects-intro { display: grid; grid-template-columns: .65fr 1fr; max-width: none; }.projects-intro .eyebrow { grid-row: span 2; }.projects-intro h2 { max-width: 600px; }.projects-intro > p:last-child { grid-column: 2; max-width: 450px; }.projects-grid { display: grid; gap: 16px; grid-template-columns: repeat(2, 1fr); margin-top: 62px; }.project-card { background: var(--white); border: 1px solid var(--line); border-radius: 18px; display: grid; grid-template-columns: .95fr 1.05fr; min-height: 275px; overflow: hidden; transition: transform .3s ease, box-shadow .3s ease; }.project-card:hover { box-shadow: var(--shadow); transform: translateY(-4px); }.project-art { min-height: 275px; overflow: hidden; padding: 21px; position: relative; }.project-ggg .project-art { background: #d9effd; }.project-latino .project-art { background: #17284e; }.project-orion .project-art { background: #e8eef9; }.project-onyx .project-art { background: #dff7f7; }.project-label { color: var(--navy); font-family: Manrope; font-size: 22px; font-weight: 800; letter-spacing: -.08em; position: relative; z-index: 2; }.project-latino .project-label { color: var(--white); }.project-chip { border: 1px solid rgba(6,27,79,.2); border-radius: 50px; color: var(--navy); font-size: 7px; font-weight: 700; letter-spacing: .13em; padding: 5px 8px; position: absolute; right: 16px; top: 20px; }.project-latino .project-chip { border-color: rgba(255,255,255,.35); color: #bdd4fa; }.project-lines { bottom: 33px; left: 21px; position: absolute; right: 21px; }.project-lines i { background: rgba(13,110,253,.24); display: block; height: 2px; margin-top: 9px; width: 55%; }.project-lines i:nth-child(2) { width: 75%; }.project-lines i:nth-child(3) { width: 35%; }.project-window { background: rgba(255,255,255,.8); border-left: 4px solid var(--blue); border-radius: 5px; bottom: 54px; box-shadow: 0 14px 22px rgba(5,76,140,.1); display: flex; flex-direction: column; gap: 9px; padding: 15px; position: absolute; right: 16px; transform: rotate(-5deg); width: 135px; }.project-window b { color: var(--navy); font-family: Manrope; font-size: 10px; line-height: 1.2; }.project-window span { background: #9dc9ea; display: block; height: 3px; width: 72%; }.project-window span + span { width: 47%; }.project-bubbles { height: 110px; position: absolute; right: 17px; top: 70px; width: 130px; }.project-bubbles i { background: #18c7f4; border: 5px solid #294a81; border-radius: 50%; display: block; height: 40px; position: absolute; width: 40px; }.project-bubbles i:nth-child(1) { left: 44px; top: 0; }.project-bubbles i:nth-child(2) { background: #f8d77e; left: 2px; top: 34px; }.project-bubbles i:nth-child(3) { background: #ff8c7a; left: 75px; top: 46px; }.project-bubbles i:nth-child(4) { background: #6d8bff; left: 39px; top: 67px; }.project-stat { bottom: 20px; color: #fff; left: 20px; position: absolute; }.project-stat b { display: block; font-family: Manrope; font-size: 16px; }.project-stat small { color: #a7c4f0; font-size: 8px; }.orion-chart { align-items: end; bottom: 22px; display: flex; gap: 8px; height: 130px; left: 25px; position: absolute; width: 168px; }.orion-chart i { background: linear-gradient(to top, #0d6efd, #18c7f4); border-radius: 3px 3px 0 0; display: block; flex: 1; }.chart-line { border-top: 2px solid #0c9fcb; height: 75px; left: 25px; position: absolute; top: 28px; transform: skewY(-18deg); width: 152px; }.onyx-ring { align-items: center; background: radial-gradient(circle, #dff7f7 31%, #8cdddd 32%, #b8efec 52%, transparent 53%); border-radius: 50%; color: #087a88; display: flex; font-family: Manrope; font-size: 20px; height: 152px; justify-content: center; position: absolute; right: 14px; top: 60px; width: 152px; }.onyx-stars { bottom: 30px; display: flex; gap: 6px; left: 20px; position: absolute; }.onyx-stars i { background: #57c7cb; border-radius: 50%; height: 6px; width: 6px; }.project-info { display: flex; flex-direction: column; padding: 26px 25px 22px; }.project-industry { color: var(--blue); font-size: 10px; font-weight: 700; letter-spacing: .08em; margin-bottom: 12px; text-transform: uppercase; }.project-info h3 { font-size: 22px; margin-bottom: 18px; }.project-info dl { margin: 0 0 20px; }.project-info dl div { margin-bottom: 10px; }.project-info dt { color: #99a7bb; font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }.project-info dd { color: var(--muted); font-size: 11px; margin: 2px 0 0; }
.process { background: var(--white); }.process-head { align-items: end; display: flex; justify-content: space-between; }.process-head > p { max-width: 285px; }.timeline { display: grid; gap: 22px; grid-template-columns: repeat(4, 1fr); margin-top: 75px; position: relative; }.timeline-line { background: #d9e4f1; height: 1px; left: 0; position: absolute; right: 0; top: 13px; }.timeline-line span { background: linear-gradient(90deg,var(--blue),var(--cyan)); display: block; height: 1px; width: 63%; }.process-step { padding-right: 24px; position: relative; }.step-number { align-items: center; background: var(--white); border: 1px solid #aac8eb; border-radius: 50%; color: var(--blue); display: flex; font-size: 10px; font-weight: 700; height: 27px; justify-content: center; margin-bottom: 38px; position: relative; width: 27px; z-index: 1; }.process-step:nth-child(3) .step-number { background: var(--blue); border-color: var(--blue); color: var(--white); box-shadow: 0 0 0 6px rgba(13,110,253,.11); }.process-step h3 { font-size: 17px; }.process-step p { color: var(--muted); font-size: 12px; line-height: 1.7; margin: 0; max-width: 220px; }
.section-navy { background: var(--navy); }.about-grid { align-items: center; display: grid; gap: 100px; grid-template-columns: 1.05fr .95fr; }.about h2 { color: var(--white); max-width: 540px; }.about-copy > p:not(.eyebrow) { color: #b8c8e3; line-height: 1.8; max-width: 495px; }.eyebrow-light { color: var(--cyan); }.about-copy .button { margin-top: 19px; }.credibility-panel { background: #0a2865; border: 1px solid rgba(124,173,238,.22); border-radius: 17px; display: grid; gap: 0; grid-template-columns: 1fr 1fr; overflow: hidden; padding: 34px 31px 27px; position: relative; }.panel-grid-lines { background-image: linear-gradient(rgba(105,176,245,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(105,176,245,.12) 1px,transparent 1px); background-size: 24px 24px; inset: 0; opacity: .35; position: absolute; }.credibility-item { border-bottom: 1px solid rgba(151,190,235,.18); padding: 18px 17px 23px 0; position: relative; z-index: 1; }.credibility-item:nth-of-type(2n) { border-left: 1px solid rgba(151,190,235,.18); padding-left: 22px; }.credibility-item strong { color: var(--cyan); display: block; font-family: Manrope; font-size: 36px; letter-spacing: -.07em; line-height: 1; margin-bottom: 11px; }.credibility-item span { color: #bfd0e9; display: block; font-size: 11px; line-height: 1.45; max-width: 110px; }.panel-signature { color: #90aeda; font-family: Manrope; font-size: 11px; font-weight: 700; grid-column: span 2; letter-spacing: .12em; padding-top: 27px; position: relative; }.panel-signature span { color: var(--cyan); float: right; font-size: 19px; }
.contact { background: #fbfdff; }.contact-grid { display: grid; gap: 95px; grid-template-columns: .82fr 1.18fr; }.contact-copy h2 { font-size: clamp(35px, 4.2vw, 56px); }.contact-copy > p:not(.eyebrow):not(.form-note) { max-width: 390px; }.contact-direct { align-items: center; border-top: 1px solid var(--line); display: flex; gap: 14px; margin-top: 34px; padding-top: 23px; }.direct-icon { align-items: center; background: #e1f8fd; border-radius: 50%; color: #08aacc; display: flex; font-size: 17px; height: 35px; justify-content: center; width: 35px; }.contact-direct small { color: #8491a5; display: block; font-size: 11px; margin-bottom: 2px; }.whatsapp-button { background: transparent; color: var(--navy); font-size: 13px; font-weight: 700; padding: 0; }.whatsapp-button:hover { color: #00a884; }.whatsapp-mark { color: #00a884; font-size: 17px; margin-right: 3px; }.form-note { color: #0a9f70; font-size: 12px; margin-top: 23px; min-height: 20px; }.lead-form { background: var(--white); border: 1px solid var(--line); border-radius: 17px; box-shadow: 0 16px 45px rgba(14,58,112,.07); padding: 28px 30px 25px; }.form-header { border-bottom: 1px solid var(--line); color: var(--navy); display: flex; font-family: Manrope; font-size: 12px; font-weight: 700; justify-content: space-between; padding-bottom: 19px; }.form-required { color: #9aa8bb; font-family: Inter; font-size: 10px; font-weight: 400; }.field-grid { display: grid; gap: 17px; grid-template-columns: 1fr 1fr; }.lead-form label { color: #53627b; display: block; font-size: 10px; font-weight: 700; letter-spacing: .02em; margin-top: 19px; }.lead-form input, .lead-form textarea, .lead-form select { background: #fbfdff; border: 1px solid #dfe8f2; border-radius: 7px; color: var(--ink); display: block; font-size: 12px; font-weight: 400; margin-top: 7px; outline: none; padding: 12px 13px; resize: vertical; transition: border .2s ease, box-shadow .2s ease; width: 100%; }.lead-form input:focus, .lead-form textarea:focus, .lead-form select:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(13,110,253,.1); }.lead-form input::placeholder, .lead-form textarea::placeholder { color: #b0bdcc; }.form-button { border: 0; margin-top: 25px; width: 100%; }.privacy-copy { color: #9ba8b8; font-size: 9px; margin: 13px 0 0; text-align: center; }
.faq { padding-top: 108px; }.faq-grid { display: grid; gap: 90px; grid-template-columns: .75fr 1.25fr; }.faq-intro h2 { font-size: clamp(32px, 3.5vw, 45px); }.faq-list details { border-top: 1px solid #d9e4ef; padding: 21px 0; }.faq-list details:last-child { border-bottom: 1px solid #d9e4ef; }.faq-list summary { align-items: center; color: var(--navy); cursor: pointer; display: flex; font-family: Manrope; font-size: 16px; font-weight: 700; justify-content: space-between; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { color: var(--blue); font-size: 23px; font-weight: 400; transition: transform .2s; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { color: var(--muted); font-size: 13px; line-height: 1.7; margin: 13px 40px 0 0; max-width: 600px; }
.site-footer { background: #03153f; color: #a9bddb; padding: 66px 0 25px; }.footer-top { display: flex; justify-content: space-between; padding-bottom: 55px; }.footer-logo-wrap { background: var(--white); border-radius: 4px; display: inline-block; padding: 7px 10px 5px; width: 215px; }.footer-logo-wrap img { display: block; width: 100%; }.footer-brand p { color: #91a7c7; font-size: 12px; margin-top: 17px; }.footer-links { display: grid; gap: 75px; grid-template-columns: repeat(3, minmax(110px, 1fr)); }.footer-links h3 { color: var(--white); font-family: Inter; font-size: 10px; letter-spacing: .14em; margin-bottom: 17px; text-transform: uppercase; }.footer-links a, .footer-links span { color: #98adcb; display: block; font-size: 11px; margin-bottom: 9px; transition: color .2s; }.footer-links a:hover { color: var(--cyan); }.footer-bottom { border-top: 1px solid rgba(155,186,226,.16); display: flex; font-size: 10px; justify-content: space-between; padding-top: 21px; }.footer-bottom div { display: flex; gap: 24px; }.footer-bottom a:hover { color: var(--cyan); }
.toast { background: var(--navy); border: 1px solid rgba(255,255,255,.15); border-radius: 999px; bottom: 25px; box-shadow: 0 15px 35px rgba(6,27,79,.25); color: var(--white); font-size: 12px; left: 50%; opacity: 0; padding: 12px 18px; pointer-events: none; position: fixed; transform: translate(-50%, 20px); transition: opacity .25s ease, transform .25s ease; z-index: 50; }.toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
.reveal { opacity: 1; transform: none; }.js .reveal { opacity: 0; transform: translateY(20px); transition: opacity .7s ease, transform .7s ease; }.js .reveal.is-visible { opacity: 1; transform: translateY(0); }.reveal-delay { transition-delay: .12s; }.reveal-delay-1 { transition-delay: .08s; }.reveal-delay-2 { transition-delay: .16s; }.reveal-delay-3 { transition-delay: .24s; }
@keyframes drift { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@media (max-width: 1020px) { .desktop-nav { gap: 17px; margin-right: 14px; }.desktop-nav a { font-size: 11px; }.services-grid { grid-template-columns: repeat(2, 1fr); }.service-card { min-height: 260px; }.hero-grid { gap: 25px; }.hero-visual { transform: scale(.9); transform-origin: center right; width: 110%; }.contact-grid, .about-grid { gap: 50px; } }
@media (max-width: 760px) { .container { width: min(100% - 36px, 560px); }.section-pad { padding: 80px 0; }.site-header { position: sticky; top: 0; }.nav-wrap { height: 69px; }.brand { width: 149px; }.desktop-nav, .nav-actions .button-small { display: none; }.nav-actions { gap: 10px; }.menu-toggle { display: block; }.mobile-menu.is-open { display: flex; }.hero { min-height: 0; padding-bottom: 75px; padding-top: 77px; }.hero-grid { display: block; }.hero-lede { font-size: 14px; }.hero-actions { margin-bottom: 32px; }.trust-line { font-size: 9px; line-height: 2; }.hero-visual { height: 360px; margin: 43px -25px 0; transform: scale(.86); transform-origin: center top; width: calc(100% + 50px); }.browser-frame { left: 9%; top: 43px; width: 86%; }.mock-site { height: 290px; }.phone-frame { bottom: -10px; right: 2px; transform: rotate(7deg) scale(.88); }.float-leads { left: 1px; top: 110px; transform: scale(.9); }.float-secure { bottom: 25px; left: 0; transform: scale(.9); }.orbit-one { height: 380px; right: -55px; top: 10px; width: 380px; }.orbit-two { height: 320px; right: -25px; top: 37px; width: 320px; }.visual-caption { bottom: -16px; right: 62px; }.section-intro h2, .value-heading h2 { font-size: 33px; }.services-grid, .benefits-grid, .projects-grid, .field-grid { grid-template-columns: 1fr; }.services-grid { margin-top: 40px; }.service-card { min-height: 235px; }.value-grid, .contact-grid, .about-grid, .faq-grid { display: block; }.benefits-grid { margin-top: 43px; }.benefit-item:nth-child(n+3) { padding-top: 20px; }.projects-intro { display: block; }.projects-intro .eyebrow { margin-bottom: 21px; }.projects-intro > p:last-child { margin-top: 14px; }.projects-grid { margin-top: 40px; }.project-card { grid-template-columns: 1fr; }.project-art { min-height: 190px; }.project-info { min-height: 265px; }.process-head { display: block; }.process-head > p { margin-top: 17px; }.timeline { display: block; margin-top: 50px; padding-left: 28px; }.timeline-line { bottom: 0; height: auto; left: 13px; right: auto; top: 0; width: 1px; }.timeline-line span { height: 47%; width: 1px; }.process-step { margin-bottom: 35px; padding: 0 0 0 27px; }.step-number { left: -27px; margin-bottom: 17px; position: absolute; top: 0; }.process-step h3 { padding-top: 3px; }.about-copy { margin-bottom: 43px; }.credibility-panel { padding: 19px 18px 20px; }.credibility-item strong { font-size: 29px; }.credibility-item:nth-of-type(2n) { padding-left: 16px; }.contact-copy { margin-bottom: 46px; }.lead-form { padding: 23px 19px; }.form-header { align-items: flex-start; flex-direction: column; gap: 5px; }.faq { padding-top: 75px; }.faq-intro { margin-bottom: 40px; }.footer-top { display: block; padding-bottom: 35px; }.footer-links { gap: 18px; grid-template-columns: repeat(3,1fr); margin-top: 38px; }.footer-bottom { display: block; line-height: 1.8; }.footer-bottom div { gap: 12px; margin-top: 9px; }.toast { white-space: nowrap; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } .reveal { opacity: 1; transform: none; } }

/* Pricing plans */
.plans-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:stretch; margin-top:44px; }
.plan-card { display:flex; flex-direction:column; min-height:470px; padding:32px; border-radius:24px; background:#ffffff; border:1px solid rgba(13,110,253,.16); box-shadow:0 18px 48px rgba(3,17,47,.10); }
.plan-card-featured { position:relative; color:#ffffff; background:linear-gradient(145deg,#061b4f,#0a438f 65%,#0d75d1); border:2px solid #18c7f4; box-shadow:0 24px 58px rgba(6,27,79,.28); }
.plan-badge { align-self:flex-start; border:1px solid rgba(255,255,255,.36); border-radius:999px; color:#bff5ff; font-size:10px; font-weight:800; letter-spacing:.12em; padding:6px 11px; }
.plan-kicker,.testimonial-mark { color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.plan-card-featured .plan-kicker,.plan-card-featured .plan-audience,.plan-card-featured .plan-card > p,.plan-card-featured ul { color:#d0e4ff; }
.plan-card-featured > p:not(.plan-kicker):not(.plan-audience):not(.plan-price) { color:#d0e4ff; }
.plan-card-featured h3,.plan-card-featured .plan-audience strong,.plan-card-featured .plan-price { color:#fff; }
.plan-card-featured ul { border-color:rgba(255,255,255,.26); }
.plan-card-featured .plan-price strong { color:#83ecff; }
.plan-card h3 { font-size:23px; margin:19px 0 11px; }
.plan-card > p:not(.plan-kicker):not(.plan-audience):not(.plan-price) { color:var(--muted); font-size:13px; line-height:1.7; }
.plan-audience { color:var(--muted); font-size:12px; line-height:1.6; margin:18px 0 0; }
.plan-audience strong { color:var(--navy); }
.plan-card ul { border-top:1px solid var(--line); color:var(--muted); font-size:12px; line-height:1.9; margin:21px 0 0; padding:18px 0 0 17px; }
.plan-price { color:var(--navy); font-size:13px; margin:22px 0 0; }
.plan-price strong { color:var(--blue); font-size:22px; margin-left:3px; }
.plan-actions { margin-top:auto; display:flex; flex-wrap:wrap; gap:12px; padding-top:23px; }
.plan-actions .button { min-height:44px; }
.plan-actions .text-link { font-size:12px; min-height:44px; }
.plan-card-featured .text-link { color:#fff; }
.plans-note { color:var(--muted); font-size:12px; line-height:1.6; margin:22px auto 0; max-width:700px; text-align:center; }

/* Project experiences */
.testimonials { background:#fff; }
.testimonials-grid { display:grid; grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,1fr)); gap:20px; align-items:stretch; margin-top:44px; }
.testimonial-card { min-height:180px; padding:24px; border-radius:20px; background:#ffffff; border:1px solid rgba(13,110,253,.14); box-shadow:0 14px 34px rgba(3,17,47,.08); transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease; }
.testimonial-card-featured { transition:translate .25s ease,box-shadow .25s ease; }
.testimonial-card:hover,.testimonial-card:focus-within { transform:none; }
.testimonial-card-featured:hover,.testimonial-card-featured:focus-within { transform:none; translate:0 -3px; box-shadow:0 25px 58px rgba(6,27,79,.28); }
.testimonial-card img { transition:scale .3s ease; }
.testimonial-card:hover img,.testimonial-card:focus-within img { scale:1.025; }
.testimonial-card-featured { grid-row:span 2; min-height:390px; padding:34px; border-radius:24px; color:#ffffff; background:linear-gradient(145deg,#061b4f,#0a438f 65%,#0d75d1); border:1px solid #18c7f4; box-shadow:0 22px 54px rgba(6,27,79,.24); display:flex; flex-direction:column; }
.testimonial-mark { align-items:center; display:flex; justify-content:center; width:48px; height:48px; border-radius:14px; background:#e8f5ff; color:#0d6efd; letter-spacing:.04em; }
.testimonial-card-featured .testimonial-mark { background:rgba(255,255,255,.12); color:#a9f1ff; }
.testimonial-kind { color:#71819a; font-size:10px; font-weight:800; letter-spacing:.12em; margin:20px 0 7px; text-transform:uppercase; }
.testimonial-card-featured .testimonial-kind { color:#a9dfff; }
.testimonial-card h3 { font-size:19px; margin:0 0 5px; }
.testimonial-card-featured h3 { color:#fff; font-size:26px; }
.testimonial-location { color:#6f7f98; font-size:12px; margin:0; }
.testimonial-card-featured .testimonial-location { color:#c6ddfb; }
.testimonial-description { color:#d6e7ff; font-size:14px; line-height:1.7; margin:22px 0 24px; max-width:440px; }
.testimonial-card-featured .button { align-self:flex-start; background:#fff; color:#061b4f; min-height:44px; }
.plan-card { transition:translate .25s ease,box-shadow .25s ease,border-color .25s ease; }
.plan-card:hover,.plan-card:focus-within { transform:none; translate:0 -4px; box-shadow:0 22px 50px rgba(3,17,47,.14); }
.plan-card-featured:hover,.plan-card-featured:focus-within { box-shadow:0 28px 62px rgba(6,27,79,.34); }
.js .plan-card.reveal,.js .testimonial-card.reveal { opacity:0; translate:0 12px; transition:opacity .42s ease,translate .42s cubic-bezier(.2,.7,.2,1); }
.js .testimonial-card.reveal { translate:0 10px; }
.js .plan-card.reveal.is-visible,.js .testimonial-card.reveal.is-visible { opacity:1; translate:0 0; animation:none; }
.js .plan-card.reveal-delay-1,.js .testimonial-card.reveal-delay-1 { transition-delay:.1s; }
.js .plan-card.reveal-delay-2,.js .testimonial-card.reveal-delay-2 { transition-delay:.18s; }
@media (prefers-reduced-motion: reduce) {
  .plan-card,.testimonial-card,.testimonial-card img { transition:none !important; }
  .plan-card.reveal,.testimonial-card.reveal { opacity:1; translate:none; animation:none !important; }
}

/* Final motion caps for pricing and project cards. */
.plan-card { transition:transform .25s ease,translate .25s ease,box-shadow .25s ease,border-color .25s ease; }
.plan-card:hover,.plan-card:focus-within { transform:none; translate:0 -4px; }
.testimonial-card,.testimonial-card-featured { transition:translate .25s ease,box-shadow .25s ease,border-color .25s ease; }
.testimonial-card:hover,.testimonial-card:focus-within { transform:none; translate:none; }
.testimonial-card-featured:hover,.testimonial-card-featured:focus-within { transform:none; translate:0 -3px; }
.testimonial-card img { transition:scale .3s ease; }
.testimonial-card:hover img,.testimonial-card:focus-within img { scale:1.025; }
.js .plan-card.reveal,.js .testimonial-card.reveal { opacity:0; translate:0 12px; transition:opacity .42s ease,translate .42s cubic-bezier(.2,.7,.2,1); }
.js .testimonial-card.reveal { translate:0 10px; }
.js .plan-card.reveal.is-visible,.js .testimonial-card.reveal.is-visible { opacity:1; translate:0 0; animation:none; }
.js .plan-card.reveal-delay-1,.js .testimonial-card.reveal-delay-1 { transition-delay:.1s; }
.js .plan-card.reveal-delay-2,.js .testimonial-card.reveal-delay-2 { transition-delay:.18s; }
@media (prefers-reduced-motion: reduce) {
  .plan-card,.testimonial-card,.testimonial-card img { transition:none !important; }
  .plan-card.reveal,.testimonial-card.reveal { opacity:1; translate:none; animation:none !important; }
}
@media (max-width: 1020px) {
  .plans-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .plan-card-featured { transform:none; }
  .testimonials-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .testimonial-card-featured { grid-column:1 / -1; grid-row:auto; min-height:320px; }
}

@media (max-width: 900px) and (min-width: 761px) {
  .desktop-nav,
  .nav-actions .button-small { display: none; }
  .menu-toggle { display: block; }
}
@media (max-width: 760px) {
  .plans-grid,.testimonials-grid { grid-template-columns:minmax(0,1fr); }
  .plan-card { min-height:0; padding:27px 24px; }
  .plan-actions { align-items:stretch; flex-direction:column; }
  .plan-actions .button { width:100%; }
  .testimonials-grid { overflow:visible; }
  .testimonial-card,.testimonial-card-featured { grid-column:auto; grid-row:auto; min-height:0; padding:24px; }
  .testimonial-card-featured { min-height:320px; padding:28px; }
}

/* Visual restoration and accessibility refinement */
:focus-visible { outline: 3px solid #087e9c; outline-offset: 3px; }
h1[tabindex="-1"]:focus { outline: none; }
button:disabled { cursor: wait; opacity: .72; }
.desktop-nav a[aria-current="page"], .mobile-menu a[aria-current="page"] { color: #075fa9; font-weight: 800; text-decoration: underline; text-decoration-color: var(--cyan); text-underline-offset: 7px; }
.plans-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; align-items: stretch; }
.plan-card { min-width: 0; min-height: 490px; padding: 28px; border: 1px solid #d5e3f2; border-radius: 20px; background: #fff; box-shadow: 0 14px 34px rgba(3,17,47,.09); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.plan-card:hover, .plan-card:focus-within { transform: translateY(-4px); border-color: #80b9e8; box-shadow: 0 20px 42px rgba(3,17,47,.14); }
.plan-card-featured { border-color: #18c7f4; background: linear-gradient(145deg,#061b4f,#0a438f 65%,#0d75d1); box-shadow: 0 20px 46px rgba(6,27,79,.24); color: #fff; }
.plan-card-featured h3, .plan-card-featured .plan-price, .plan-card-featured .plan-audience strong { color: #fff; }
.plan-card-featured > p:not(.plan-kicker):not(.plan-audience):not(.plan-price), .plan-card-featured .plan-audience, .plan-card-featured ul { color: #e1edfb; }
.plan-card-featured ul { border-color: #ffffff50; }
.plan-badge { background: #053369; color: #d5f8ff; }
.plan-card .plan-actions { gap: 9px; }
.plan-card .button-small { min-width: 145px; }
.testimonials-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.testimonial-card, .testimonial-card-featured { display: flex; flex-direction: column; min-width: 0; min-height: 222px; padding: 25px; border: 1px solid #d7e4f2; border-radius: 18px; background: #fff; box-shadow: 0 12px 30px rgba(3,17,47,.08); color: var(--ink); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.testimonial-card:hover, .testimonial-card:focus-within { transform: translateY(-4px); border-color: #18c7f4; box-shadow: 0 18px 38px rgba(13,110,253,.14); }
.testimonial-card-featured { grid-row: auto; min-height: 222px; border-color: #b5d6f0; background: linear-gradient(145deg,#061b4f,#0a438f); color: #fff; }
.testimonial-card-featured h3 { color: #fff; }
.testimonial-card-featured .testimonial-description { color: #deebfa; }
.testimonial-card-featured .testimonial-location { color: #c6ddfb; }
.testimonial-card .testimonial-kind { color: #536b87; }
.testimonial-card-featured .testimonial-kind { color: #bfe8ff; }
.testimonial-copy .button { margin-top: auto; align-self: flex-start; }
.consent-check { align-items: flex-start; display: flex !important; gap: 9px; line-height: 1.5; }
.consent-check input { accent-color: #075fa9; flex: 0 0 17px; height: 17px; margin: 1px 0 0 !important; width: 17px !important; }
.consent-check a, .privacy-copy a, .privacy-details a { color: #075fa9; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.privacy-copy { color: #53627b; }
.privacy-details { border-top: 1px solid var(--line); color: #53627b; font-size: 11px; margin-top: 13px; padding-top: 11px; }
.privacy-details summary { cursor: pointer; font-weight: 700; }
.privacy-details p { line-height: 1.6; margin: 9px 0 0; }
.form-note[data-state="error"] { color: #a32727; }
.form-note[data-state="sending"] { color: #53627b; }
.menu-open { overflow: hidden; }
.route-transition { animation: route-arrive .2s ease both; }
@keyframes route-arrive { from { opacity: .75; translate: 0 5px; } to { opacity: 1; translate: 0 0; } }
@media (max-width: 900px) { .plans-grid { gap: 14px; }.plan-card { padding: 22px; }.plan-card .plan-actions { align-items: flex-start; flex-direction: column; }.testimonials-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 760px) { .plans-grid, .testimonials-grid { grid-template-columns: 1fr; }.plan-card, .testimonial-card, .testimonial-card-featured { min-height: 0; }.plan-card-featured { transform: none; }.plan-card .plan-actions { align-items: center; flex-direction: row; }.site-header .container { width: calc(100% - 32px); } }
@media (max-width: 360px) { .brand { width: 172px; }.nav-wrap { gap: 8px; }.container { width: calc(100% - 32px); }.plan-card { padding: 21px 19px; }.plan-card .plan-actions { align-items: stretch; flex-direction: column; }.plan-card .plan-actions a { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .route-transition { animation: none; } }


/* Footer logo lockup */
.footer-brand { text-align: center; width: 230px; }
.footer-logo-wrap { align-items: center; background: transparent; border: 0; border-radius: 0; box-shadow: none; display: flex; justify-content: center; padding: 0; width: 230px; }
.footer-logo-wrap img.footer-logo { display: block; height: auto; max-width: 100%; object-fit: contain; width: 100%; }
.footer-logo-fallback { color: #fff; font-size: 17px; font-weight: 800; letter-spacing: .04em; }
.footer-logo-fallback[hidden], .footer-logo[hidden] { display: none; }
.en-brand, .en-footer-logo { position: relative; }
.en-brand::after, .en-footer-logo::after { align-items: center; background: #fff; bottom: 0; color: #12224b; content: "Digital solutions for business"; display: flex; font: 600 5px/1 Inter, sans-serif; justify-content: center; left: 31%; position: absolute; right: 1%; top: 55%; white-space: nowrap; z-index: 2; }
.en-footer-logo::after { font-size: 6px; left: 31%; right: 2%; }

/* Persistent back-to-top control, stacked above the sales assistant. */
.back-to-top { align-items: center; background: var(--blue); border: 1px solid rgba(255,255,255,.2); border-radius: 50%; bottom: calc(max(18px, env(safe-area-inset-bottom)) + 71px); box-shadow: 0 10px 24px rgba(6,27,79,.28); color: #fff; display: flex; font-size: 24px; height: 48px; justify-content: center; line-height: 1; opacity: 0; pointer-events: none; position: fixed; right: 20px; transform: translateY(8px); transition: opacity .2s ease, transform .2s ease, background-color .2s ease, visibility .2s; visibility: hidden; width: 48px; z-index: 81; }
.back-to-top.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); visibility: visible; }
.back-to-top:hover { background: var(--navy); transform: translateY(-2px); }
.back-to-top:focus-visible { outline: 3px solid var(--cyan); outline-offset: 3px; }
@media (max-width: 760px) { .footer-brand, .footer-logo-wrap { width: 185px; }.footer-brand { margin-inline: auto; }.back-to-top { right: 16px; } }
@media (max-width: 350px) { .en-brand { width: 142px; }.en-brand::after { font-size: 4px; left: 31%; right: 1%; } }
@media (prefers-reduced-motion: reduce) { .back-to-top { transition: none; } }

/* Controlled hero proportions and clearer section contrast. */
:root { --teal: #00A6A6; --teal-dark: #087F8C; --navy-deep: #03143D; --muted: #53627a; --line: #cfdae8; }
.hero-grid { gap: clamp(28px, 4vw, 48px); grid-template-columns: 1fr 1fr; }
.hero-visual { height: 470px; margin-inline: auto; max-width: 560px; overflow: hidden; width: 100%; }
.browser-frame { left: 6%; top: 46px; width: 86%; }
.mock-site { aspect-ratio: 16 / 9; height: auto; }
.phone-frame { bottom: 22px; right: 4%; }
.float-leads { left: 2%; top: 112px; }
.float-secure { bottom: 45px; left: 3%; }
.visual-orbit { opacity: .42; }
.visual-caption { bottom: 5px; right: 15%; }
.about.section-navy { background: var(--navy-deep); }
.section-separator { background: #f2f7fc; height: 52px; position: relative; }
.section-separator::before { background: linear-gradient(90deg, transparent, rgba(24,199,244,.42) 28%, rgba(13,110,253,.34) 72%, transparent); content: ''; height: 1px; left: 0; position: absolute; right: 0; top: 0; }
@media (max-width: 760px) { .section-separator { height: 32px; } }
.services, .projects, .testimonials { background-color: #f2f7fc; }
.service-card, .project-card, .plan-card, .testimonial-card, .testimonial-card-featured { border-color: #cbd8e8; box-shadow: 0 16px 38px rgba(3,20,61,.11); }
.service-icon, .benefit-icon, .direct-icon { color: var(--teal-dark); }
.service-icon { background: #e3f5f5; }
.card-orb { border-color: rgba(0,166,166,.22); }
.project-industry, .selected-project span { color: var(--teal-dark); }
.sales-assistant { right: max(16px, env(safe-area-inset-right)); }
.assistant-invite[hidden] { display: none; }
.assistant-invite { animation: invite-in .22s ease-out both; background: #fff; border: 1px solid #b9cbdc; border-radius: 14px; bottom: calc(100% + 13px); box-shadow: 0 14px 34px rgba(3,20,61,.2); color: var(--ink); padding: 15px; position: absolute; right: 0; width: min(340px, calc(100vw - 32px)); }
.assistant-invite p { color: #33435c; font-size: 13px; line-height: 1.5; margin: 0 0 11px; }
.assistant-invite-actions { display: flex; gap: 8px; }
.assistant-invite-actions button { background: #eef5fb; border: 1px solid #c8d7e6; border-radius: 8px; color: var(--navy); font-size: 12px; font-weight: 700; padding: 8px 10px; }
.assistant-invite-actions button:first-child { background: var(--blue); border-color: var(--blue); color: #fff; }
.assistant-invite-actions button:hover, .assistant-invite-actions button:focus-visible { outline: 3px solid rgba(0,166,166,.3); outline-offset: 2px; }
.assistant-header { align-items: center; }
.assistant-identity { align-items: center; display: flex; gap: 12px; }
.assistant-avatar { align-items: center; background: #e2f4f4; border: 1px solid #7fc8c9; border-radius: 50%; color: var(--teal-dark); display: flex; flex: 0 0 42px; font-size: 19px; font-weight: 800; height: 42px; justify-content: center; width: 42px; }
.assistant-kicker { color: #d9efff; font-size: 10px; letter-spacing: 0; margin: 0 0 2px; text-transform: none; }
.assistant-header h2 { font-size: 20px; line-height: 1.1; }
.assistant-status { align-items: center; color: #e1efff; display: flex; font-size: 10px; gap: 6px; margin-top: 4px; }
.assistant-status::before { background: var(--teal); border-radius: 50%; content: ''; height: 7px; width: 7px; }
.assistant-automated { color: #d3e3f4; display: block; font-size: 9px; margin-top: 2px; }
.assistant-greeting, .assistant-copy, .assistant-question { color: #4b5b73; }
.assistant-question { color: var(--navy); }
.assistant-option { background: #f4f8fc; border-color: #cbd8e8; }
.assistant-option:hover, .assistant-option:focus-visible { background: #e6f4f5; border-color: var(--teal-dark); }
.assistant-option span { color: var(--teal-dark); }
.assistant-option-whatsapp { background: #eff9f5; border-color: #b6dccc; }
.assistant-close:focus-visible, .sales-assistant-toggle:focus-visible { outline: 3px solid #55d7d3; outline-offset: 3px; }
@keyframes invite-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 1020px) {
  .hero-grid { gap: 24px; }
  .hero-visual { height: 410px; }
  .browser-frame { width: 88%; }
}
@media (max-width: 760px) {
  .hero { padding-bottom: 62px; padding-top: 66px; }
  .hero-grid { display: flex; flex-direction: column; gap: 0; }
  .hero-copy { width: 100%; }
  .hero-visual { flex: none; height: clamp(260px, 78vw, 340px); margin: 25px auto 0; max-width: 500px; transform: none; width: 100%; }
  .browser-frame { left: 4%; top: 15px; transform: perspective(1200px) rotateY(-4deg) rotateX(1deg); width: 88%; }
  .mock-site { aspect-ratio: 16 / 9; height: auto; }
  .phone-frame { bottom: 12px; height: clamp(210px, 58vw, 258px); right: 3%; transform: rotate(4deg) scale(.82); transform-origin: bottom right; width: clamp(106px, 33vw, 125px); }
  .float-leads { left: 1%; top: 62px; transform: scale(.82); transform-origin: left center; }
  .float-secure { bottom: 14px; left: 2%; transform: scale(.82); transform-origin: left bottom; }
  .orbit-one, .orbit-two, .visual-caption { display: none; }
  .assistant-invite { width: min(315px, calc(100vw - 32px)); }
  .sales-assistant-panel { max-height: min(610px, calc(100dvh - 100px)); }
}
@media (max-width: 370px) {
  .hero-visual { height: 258px; }
  .float-secure { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .assistant-invite { animation: none; }
}

/* Planes: identidad propia y tarjetas que descansan sobre el hero. */
#planes { padding: 0 0 54px; overflow: visible; }
.plans-hero { position: relative; overflow: hidden; padding: 54px 0 104px; color: #fff; background: radial-gradient(ellipse at 86% 18%,rgba(18,104,202,.42),transparent 34%),linear-gradient(120deg,#061637,#092653 66%,#061a3c); }
.plans-hero::after { position:absolute; content:""; width:430px; height:430px; border:1px solid #ffffff12; border-radius:50%; right:-85px; top:-245px; box-shadow:0 0 0 42px #ffffff08,0 0 0 92px #ffffff05; pointer-events:none; }
.plans-hero-inner { position:relative; z-index:1; }
.plans-hero .eyebrow { margin-bottom:15px; }
.plans-hero h2 { color:#fff; max-width:760px; font-size:clamp(34px,4.1vw,51px); letter-spacing:-.045em; line-height:1.08; margin:0; }
.plans-hero-inner > p:not(.eyebrow) { color:#cad8ee; font-size:15px; line-height:1.7; max-width:610px; margin:14px 0 0; }
.plan-promise-chips { display:flex; flex-wrap:wrap; gap:9px; margin-top:21px; }
.plan-promise-chips span { color:#e7f3ff; background:#ffffff0d; border:1px solid #c8e1ff38; border-radius:999px; font-size:11px; font-weight:650; padding:8px 13px; }
.plans-content { position:relative; margin-top:-63px; z-index:2; }
.plans-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:18px; margin:0; }
.plan-card { --plan-accent:#1680f5; position:relative; display:flex; flex-direction:column; min-width:0; min-height:0; padding:24px 24px 22px; border:1px solid #dce6f2; border-top:4px solid var(--plan-accent); border-radius:16px; background:#fff; box-shadow:0 20px 48px #061b4f1a; }
.plan-card-landing { --plan-accent:#1378f5; }
.plan-card-store { --plan-accent:#13c2cc; }
.plan-card-enterprise { --plan-accent:#716de8; }
.plan-card-featured { color:#fff; border-color:#13c2cc; border-top-color:#13c2cc; background:linear-gradient(155deg,#061a43,#0a2b5c); box-shadow:0 23px 52px #061b4f35; }
.plan-card-top { display:flex; align-items:center; gap:11px; }
.plan-icon { display:grid; flex:0 0 42px; height:42px; place-items:center; color:var(--plan-accent); background:color-mix(in srgb,var(--plan-accent) 10%,white); border-radius:12px; }
.plan-icon svg { fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; width:24px; height:24px; }
.plan-card-featured .plan-icon { color:#42e4eb; background:#13c2cc20; }
.plan-kicker { color:#596b84; font-size:10px; font-weight:800; letter-spacing:.12em; margin:0; }
.plan-card-featured .plan-kicker { color:#b9d6f6; }
.plan-card h3 { color:#0c1c39; font-size:21px; line-height:1.2; letter-spacing:-.02em; margin:15px 0 7px; }
.plan-card-featured h3 { color:#fff; }
.plan-summary { color:#637189; font-size:12px; line-height:1.55; min-height:38px; margin:0; }
.plan-card-featured .plan-summary { color:#c3d4eb; }
.plan-ideal { display:flex; flex-direction:column; gap:5px; margin-top:13px; padding:10px 12px; border-radius:9px; background:#f2f6fc; }
.plan-card-featured .plan-ideal { background:#ffffff12; }
.plan-ideal small { color:#788aa2; font-size:8px; font-weight:800; letter-spacing:.13em; }
.plan-ideal strong { color:#132443; font-size:11px; }
.plan-card-featured .plan-ideal small { color:#99c3ee; }
.plan-card-featured .plan-ideal strong { color:#fff; }
.plan-card ul { list-style:none; display:grid; gap:7px; border:0; color:#53647b; font-size:10px; line-height:1.4; margin:13px 0 14px; padding:0; }
.plan-card li { position:relative; padding-left:19px; }
.plan-card li::before { border-bottom: 1.5px solid var(--plan-accent); border-right: 1.5px solid var(--plan-accent); content:""; height: 8px; left: 1px; position:absolute; top: 2px; transform: rotate(45deg); width: 4px; }
.plan-card-featured li { color:#d3e4f8; }
.plan-price-box { display:flex; align-items:baseline; gap:9px; margin-top:auto; padding:10px 13px; border-radius:10px; background:#f3f7fd; }
.plan-price-box span { color:#6a7b93; font-size:10px; }
.plan-price-box strong { color:#102249; font-size:20px; letter-spacing:-.035em; }
.plan-card-featured .plan-price-box { background:#ffffff13; }
.plan-card-featured .plan-price-box span { color:#c5d7eb; }
.plan-card-featured .plan-price-box strong { color:#69e6ed; }
.plan-actions { align-items:center; display:flex; justify-content:space-between; flex-wrap:nowrap; gap:6px; padding-top:12px; margin:0; }
.plan-actions .text-link { color:var(--plan-accent); font-size:10px; min-height:38px; white-space:nowrap; }
.plan-card-featured .plan-actions .text-link { color:#fff; }
.plan-actions .button { font-size:9px; min-height:38px; min-width:0; padding:0 10px; white-space:nowrap; }
.plan-badge { position:absolute; right:14px; top:13px; z-index:1; padding:5px 8px; color:#032b45; background:#57e7e8; border:0; border-radius:999px; font-size:8px; letter-spacing:.09em; }
.plans-note { color:#718098; font-size:10px; line-height:1.5; margin:12px auto 0; text-align:center; }
.plans-compare { display:flex; align-items:center; justify-content:flex-start; gap:20px; margin-top:18px; padding:14px 19px; border:1px solid #dbe6f2; border-radius:13px; background:linear-gradient(90deg,#f5f8fd,#fff); }
.plans-compare .eyebrow { font-size:8px; margin:0 0 4px; }
.plans-compare h3 { color:#0b1d3d; font-size:16px; letter-spacing:-.02em; margin:0; }
.plans-compare .button { min-height:40px; font-size:10px; padding:0 14px; white-space:nowrap; }

/* Experiencias: proyecto principal y fichas con contenido completo. */
#testimonios { padding:68px 0 78px; background:#f4f7fb; }
.experiences-heading { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:22px; }
.experiences-heading h2 { color:#0b1d3d; font-size:clamp(27px,3.1vw,38px); letter-spacing:-.035em; line-height:1.13; margin:0; max-width:620px; }
.experiences-heading > p { color:#637189; font-size:12px; line-height:1.7; max-width:290px; margin:0 0 3px; }
.experience-feature { display:grid; grid-template-columns:1.13fr .87fr; min-height:280px; overflow:hidden; border-radius:19px; color:#fff; background:#071b40; box-shadow:0 20px 45px #071b4028; }
.experience-feature-image { position:relative; min-height:280px; overflow:hidden; background:#102c58; }
.experience-feature-image::after { position:absolute; content:""; inset:45% 0 0; background:linear-gradient(transparent,#071b40a8); pointer-events:none; }
.experience-feature-image img { display:block; width:100%; height:100%; min-height:280px; object-fit:cover; object-position:center; }
.experience-image-label { position:absolute; z-index:1; left:18px; bottom:16px; color:#fff; font-size:9px; font-weight:800; letter-spacing:.15em; }
.experience-image-label i { color:#51dbe4; font-style:normal; padding:0 4px; }
.experience-feature-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:28px clamp(24px,4vw,52px); }
.experience-feature-copy .testimonial-kind { color:#73e2ed; margin:0 0 10px; }
.experience-feature-copy h3 { color:#fff; font-size:clamp(25px,3vw,34px); letter-spacing:-.035em; margin:0 0 6px; }
.experience-location { display:inline-flex; align-items:center; width:max-content; padding:5px 9px; border:1px solid #a8c8ed47; border-radius:999px; color:#d0def1; font-size:9px; font-weight:700; }
.testimonial-description { color:#d4e0ef; font-size:12px; line-height:1.7; margin:15px 0 16px; max-width:380px; }
.experience-feature-copy .button { margin-top:0; min-height:39px; background:#fff; color:#081d42; }
.experience-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin-top:16px; }
.experience-card { display:grid; grid-template-columns:.88fr 1.12fr; min-height:190px; overflow:hidden; border:1px solid #dce5ef; border-radius:15px; background:#fff; box-shadow:0 9px 25px #0b1d3d0d; }
.experience-art { position:relative; display:flex; min-height:190px; align-items:flex-end; justify-content:flex-start; overflow:hidden; padding:14px; background:#112b4d; }
.experience-art::after { position:absolute; content:""; inset:40% 0 0; background:linear-gradient(transparent,#061933ad); pointer-events:none; }
.experience-art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:scale .3s ease; }
.experience-card:hover .experience-art img { scale:1.035; }
.experience-art > span,.experience-art > small { z-index:1; color:#fff; }
.experience-art > span { font-size:26px; font-weight:850; letter-spacing:-.07em; }
.experience-art > small { position:absolute; left:14px; bottom:11px; font-size:7px; font-weight:800; letter-spacing:.13em; }
.experience-card-copy { display:flex; align-items:flex-start; flex-direction:column; padding:15px 16px 13px; }
.experience-card-copy .experience-location { color:#4f617a; background:#f4f7fb; border-color:#e3eaf2; font-size:8px; padding:4px 8px; }
.experience-card-copy .testimonial-kind { color:#71819a; font-size:8px; margin:8px 0 4px; }
.experience-card-copy h3 { color:#102249; font-size:16px; letter-spacing:-.02em; line-height:1.2; margin:0; }
.experience-card-copy > p:last-of-type { color:#64738a; font-size:10px; line-height:1.5; margin:7px 0 0; }
.experience-card-copy .text-link { color:#126cc3; font-size:9px; margin-top:auto; padding-top:8px; }
.experience-art-initials { align-items:center; justify-content:center; background:radial-gradient(circle at 73% 23%,#4ce2dc40,transparent 34%),linear-gradient(140deg,#0c3261,#101848 75%); }
.experience-psytech .experience-art-initials { background:radial-gradient(circle at 70% 25%,#5cf0d155,transparent 34%),linear-gradient(140deg,#0b3c57,#101a48 75%); }
.experience-jenny .experience-art-initials { background:radial-gradient(circle at 73% 23%,#d899ff55,transparent 34%),linear-gradient(140deg,#33235e,#11183f 75%); }
.experience-art-initials > span { font-size:55px; letter-spacing:-.1em; }
.experience-art-initials > b { position:absolute; right:12px; bottom:-53px; color:#ffffff0c; font-size:190px; line-height:1; }
.experience-art-initials > small { left:14px; bottom:11px; }

@media (max-width: 900px) {
  .plans-grid { gap:12px; }
  .plan-card { padding:20px 17px 18px; }
  .plan-actions { align-items:flex-start; flex-direction:column; }
  .plan-actions .button { width:100%; }
  .experience-feature { grid-template-columns:1fr 1fr; }
}
@media (max-width: 760px) {
  #planes { padding-bottom:42px; }
  .plans-hero { padding:40px 0 83px; }
  .route-plans .plans-hero-inner { padding-top:46px; }
  .plans-hero h2 { font-size:34px; }
  .plans-hero-inner > p:not(.eyebrow) { font-size:13px; }
  .plans-content { margin-top:-50px; }
  .plans-grid { grid-template-columns:1fr; gap:13px; }
  .plan-card { padding:20px 19px 17px; }
  .plan-summary { min-height:0; }
  .plan-actions { align-items:center; flex-direction:row; }
  .plan-actions .button { width:auto; }
  .plans-compare { align-items:flex-start; flex-direction:column; padding:15px; }
  .plans-compare .button { white-space:normal; text-align:left; }
  #testimonios { padding:52px 0 58px; }
  .experiences-heading { align-items:flex-start; flex-direction:column; gap:10px; margin-bottom:17px; }
  .experiences-heading h2 { font-size:29px; }
  .experience-feature { grid-template-columns:1fr; }
  .experience-feature-image,.experience-feature-image img { min-height:210px; height:210px; }
  .experience-feature-copy { padding:22px; }
  .experience-grid { grid-template-columns:1fr; gap:12px; margin-top:12px; }
  .experience-card { min-height:168px; grid-template-columns:.85fr 1.15fr; }
  .experience-art { min-height:168px; }
}
@media (max-width: 370px) {
  .plans-hero h2 { font-size:30px; }
  .plan-actions { align-items:stretch; flex-direction:column; }
  .plan-actions .button { width:100%; }
  .experience-card { grid-template-columns:.78fr 1.22fr; }
  .experience-card-copy { padding:12px; }
}
@media (prefers-reduced-motion: reduce) {
  .js .reveal,.js .reveal.is-visible,.js .plan-card.reveal,.js .testimonial-card.reveal { opacity:1 !important; transform:none !important; translate:none !important; animation:none !important; }
  .plan-card,.testimonial-card,.experience-art img { transition:none !important; }
}

@media (min-width: 761px) {
  .plans-hero { padding-top:18px; padding-bottom:68px; }
  .plans-hero h2 { max-width:1000px; font-size:38px; }
  .plan-card { padding:18px 19px 16px; }
  .plan-icon { flex-basis:36px; height:36px; }
  .plan-icon svg { width:21px; height:21px; }
  .plan-card h3 { font-size:19px; margin:11px 0 5px; }
  .plan-card > .plan-summary,.plan-card-featured > .plan-summary { font-size:11px; line-height:1.4; min-height:0; max-height:47px; overflow:hidden; }
  .plan-ideal { gap:3px; margin-top:9px; padding:8px 10px; }
  .plan-card ul { gap:5px; margin:10px 0; }
  .plan-price-box { padding:8px 11px; }
  .plan-price-box strong { font-size:18px; }
  .plan-actions { margin-top:0; padding-top:8px; }
  .plan-actions .text-link,.plan-actions .button { min-height:34px; }
  .plans-compare { margin-top:11px; padding:10px 15px; }
  .plans-note { margin-top:7px; }
  .experiences-heading { margin-bottom:16px; }
  .experiences-heading h2 { font-size:32px; }
  .experience-feature { min-height:0; height:225px; }
  .experience-feature-image { min-height:0; height:225px; }
  .experience-feature-image img { height:225px; min-height:0; }
  .experience-feature-copy { padding:20px 32px; }
  .experience-feature-copy h3 { font-size:28px; }
  .experience-grid { gap:11px; margin-top:11px; }
  .experience-card { min-height:138px; }
  .experience-art { min-height:138px; }
  .experience-card-copy { padding:11px 13px 9px; }
  .experience-card-copy .testimonial-kind { margin:5px 0 3px; }
  .experience-card-copy > p:last-of-type { font-size:9px; line-height:1.35; margin-top:5px; }
  .experience-card-copy .text-link { padding-top:5px; }
}
.plan-card li::before { content:""; width:10px; height:10px; top:2px; border:1px solid var(--plan-accent); border-radius:50%; box-sizing:border-box; }
.plan-card li::after { position:absolute; content:""; left:3px; top:5px; width:4px; height:2px; border-left:1px solid var(--plan-accent); border-bottom:1px solid var(--plan-accent); transform:rotate(-45deg); }
.plan-card-featured li::before { background:#45dce7; border-color:#45dce7; }
.plan-card-featured li::after { border-color:#063057; }

.inline-icon { fill: none; flex: 0 0 auto; height: 1em; overflow: visible; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; vertical-align: -0.14em; width: 1em; }
.inline-icon-spark { fill: currentColor; stroke: none; }
.inline-icon-close { height: 19px; width: 19px; }
.inline-icon-chevron { height: 14px; width: 14px; }
.inline-icon-chat { height: 17px; width: 17px; }
.inline-icon-home { height: 15px; width: 15px; }
.more-menu > summary .inline-icon { color: #8190a4; }

.panel-signature-mark { background: linear-gradient(180deg, var(--cyan) 0 50%, transparent 50% 100%); border: 1.5px solid var(--cyan); border-radius: 50%; display: block; float: right; height: 15px; width: 15px; }

/* Compact client strip, ready to evolve into an approved testimonial layout. */
#testimonios { background: #071b40; color: #fff; padding: 62px 0 58px; }
#testimonios .experiences-heading { align-items: end; margin-bottom: 25px; }
#testimonios .experiences-heading .eyebrow { color: #6fe0e6; font-size: 10px; font-weight: 800; letter-spacing: .14em; margin-bottom: 12px; }
#testimonios .experiences-heading h2 { color: #fff; font-size: clamp(28px, 3.2vw, 40px); max-width: 680px; }
#testimonios .experiences-heading > p { color: #c1d0e5; font-size: 13px; max-width: 330px; }
.experience-mentions { border-bottom: 1px solid #ffffff38; border-top: 1px solid #ffffff38; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.experience-mentions li { align-items: center; color: #fff; display: flex; gap: 10px; justify-content: flex-start; min-height: 78px; min-width: 0; padding: 12px; }
.experience-mentions li + li { border-left: 1px solid #ffffff26; }
.client-mark { align-items: center; border: 1px solid #ffffff3b; border-radius: 50%; color: #9beaf0; display: flex; flex: 0 0 34px; font-size: 9px; font-weight: 800; height: 34px; justify-content: center; letter-spacing: -.04em; }
.client-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.client-copy strong { font-size: clamp(11px, 1.05vw, 14px); line-height: 1.2; }
.client-copy small { color: #c1d0e5; font-size: 10px; line-height: 1.2; }
.client-project-cta { align-items: center; border-top: 1px solid #ffffff24; display: flex; gap: 24px; justify-content: space-between; margin-top: 24px; padding-top: 22px; }
.client-project-cta h3 { color: #fff; font-size: clamp(20px, 2.2vw, 26px); letter-spacing: -.025em; margin: 0 0 6px; }
.client-project-cta p { color: #c1d0e5; font-size: 12px; line-height: 1.6; margin: 0; }
.client-project-actions { align-items: center; display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 10px; }
.client-project-actions .button { min-height: 42px; }
.client-project-actions .button-outline { border-color: #ffffff66; color: #fff; }
.client-project-actions .button-outline:hover { background: #ffffff12; border-color: #fff; }
#testimonios a:focus-visible, #testimonios button:focus-visible { outline: 3px solid #7ce9ef; outline-offset: 4px; }
.visual-caption { right: 36%; }
@media (max-width: 350px) { .trust-line { max-width: 235px; } }
@media (max-width: 760px) {
  #testimonios { padding: 48px 0 44px; }
  #testimonios .experiences-heading { gap: 11px; margin-bottom: 18px; }
  #testimonios .experiences-heading h2 { font-size: 29px; }
  .experience-mentions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .experience-mentions li { min-height: 62px; padding: 10px 8px; }
  .experience-mentions li + li { border-left: 0; }
  .experience-mentions li:nth-child(even) { border-left: 1px solid #ffffff26; }
  .experience-mentions li:nth-child(n + 3) { border-top: 1px solid #ffffff26; }
  .client-mark { flex-basis: 30px; height: 30px; }
  .client-copy strong { font-size: 12px; }
  .client-project-cta { align-items: flex-start; flex-direction: column; gap: 16px; margin-top: 18px; padding-top: 18px; }
  .client-project-actions { width: 100%; }
  .client-project-actions .button { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) {
  #testimonios { scroll-behavior: auto; }
}