:root {
  --ink:#071426;
  --ink-2:#0b1f3a;
  --ink-3:#102a4b;
  --blue:#1677ff;
  --cyan:#48c7ff;
  --white:#f7fbff;
  --paper:#ffffff;
  --soft:#f1f6fb;
  --text:#14243a;
  --muted:#5f7086;
  --line:#dbe6f0;
  --dark-line:rgba(255,255,255,.14);
  --radius:22px;
  --shadow:0 28px 70px rgba(7,20,38,.14);
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:86px; }
body { margin:0; color:var(--text); background:var(--paper); font:16px/1.65 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; text-rendering:optimizeLegibility; }
body.nav-open { overflow:hidden; }
a { color:inherit; }
img { display:block; max-width:100%; height:auto; }
button,input,select,textarea { font:inherit; }
button { color:inherit; }
:focus-visible { outline:3px solid var(--cyan); outline-offset:3px; border-radius:6px; }
::selection { background:#b9ddff; color:var(--ink); }
.container { width:min(1180px, calc(100% - 48px)); margin-inline:auto; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.skip-link { position:fixed; top:12px; left:12px; z-index:999; transform:translateY(-150%); padding:10px 16px; color:white; background:var(--blue); text-decoration:none; font-weight:800; }
.skip-link:focus { transform:none; }

h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { color:var(--ink); line-height:1.1; letter-spacing:-.035em; }
h1 { font-size:clamp(2.7rem, 6vw, 5.4rem); }
h2 { font-size:clamp(2rem, 4vw, 3.45rem); }
h3 { font-size:1.25rem; letter-spacing:-.02em; }
.lead { font-size:clamp(1.08rem, 1.6vw, 1.28rem); }
.muted { color:var(--muted); }
.eyebrow { margin-bottom:14px; color:var(--blue); font-size:.78rem; line-height:1.3; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.eyebrow span { display:inline-block; width:28px; height:2px; margin-right:10px; vertical-align:middle; background:var(--cyan); }
.section { padding:112px 0; }
.section-soft { background:var(--soft); }
.section-ink { color:#c8d6e8; background:radial-gradient(circle at 80% 15%, rgba(22,119,255,.2), transparent 35%), var(--ink); }
.section-ink h2,.section-ink h3 { color:white; }
.section-ink .eyebrow { color:#72d4ff; }
.section-head { max-width:790px; margin-bottom:50px; }
.section-head h2 { margin-bottom:18px; }
.section-head > p:last-child { max-width:720px; color:var(--muted); font-size:1.08rem; }
.section-head-center { margin-inline:auto; text-align:center; }
.split-heading { display:grid; grid-template-columns:1.25fr .75fr; align-items:end; gap:70px; margin-bottom:52px; }
.split-heading h2 { margin-bottom:0; }
.split-heading > p,.split-heading > div:last-child p { color:var(--muted); }
.section-ink .split-heading > p { color:#adc0d8; }

.site-header { position:fixed; inset:0 0 auto; z-index:80; transition:background .25s,border-color .25s,box-shadow .25s; border-bottom:1px solid transparent; color:white; }
.site-header[data-elevated="true"], body:not(.home) .site-header { background:rgba(7,20,38,.94); border-bottom-color:rgba(255,255,255,.1); box-shadow:0 12px 35px rgba(0,0,0,.16); backdrop-filter:blur(16px); }
.header-inner { display:flex; min-height:78px; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:inline-flex; align-items:center; gap:11px; color:white; text-decoration:none; }
.brand > span { display:grid; gap:1px; }
.brand strong { font-size:.98rem; letter-spacing:.14em; }
.brand small { color:#9fb3cc; font-size:.69rem; letter-spacing:.03em; }
.site-nav { display:flex; align-items:center; gap:28px; }
.site-nav > a:not(.btn) { position:relative; color:#c6d3e3; text-decoration:none; font-size:.88rem; font-weight:700; }
.site-nav > a:not(.btn)::after { content:""; position:absolute; right:0; bottom:-9px; left:0; height:2px; background:var(--cyan); transform:scaleX(0); transition:transform .2s; }
.site-nav > a:hover { color:white; }
.site-nav > a:hover::after,.site-nav > a[aria-current="page"]::after { transform:scaleX(1); }
.language-switch { display:inline-flex; align-items:center; gap:5px; padding:4px 7px; border:1px solid rgba(255,255,255,.18); border-radius:10px; color:#7187a0; background:rgba(255,255,255,.05); }
.language-switch button { min-width:27px; padding:4px 3px; border:0; border-radius:6px; color:#879bb2; background:transparent; cursor:pointer; font-size:.72rem; font-weight:850; letter-spacing:.04em; }
.language-switch button[aria-pressed="true"] { color:white; background:var(--blue); box-shadow:0 5px 14px rgba(22,119,255,.3); }
.language-switch button:hover { color:white; }
.nav-toggle { display:none; width:44px; height:44px; padding:10px; border:1px solid rgba(255,255,255,.16); border-radius:12px; background:rgba(255,255,255,.06); }
.nav-toggle span:not(.sr-only) { display:block; width:21px; height:2px; margin:4px auto; background:white; transition:transform .2s,opacity .2s; }

.btn { display:inline-flex; min-height:50px; align-items:center; justify-content:center; gap:12px; padding:13px 20px; border:1px solid transparent; border-radius:13px; text-decoration:none; font-weight:800; line-height:1.2; transition:transform .18s,box-shadow .18s,background .18s,border-color .18s; }
.btn:hover { transform:translateY(-2px); }
.btn-primary { color:white; background:linear-gradient(135deg,var(--blue),#0c55d8); box-shadow:0 14px 30px rgba(22,119,255,.28); }
.btn-primary:hover { box-shadow:0 18px 38px rgba(22,119,255,.38); }
.btn-ghost { color:white; border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.06); backdrop-filter:blur(8px); }
.btn-ghost:hover { border-color:rgba(255,255,255,.55); background:rgba(255,255,255,.11); }
.btn-sm { min-height:42px; padding:10px 16px; font-size:.84rem; }
.text-link { display:inline-flex; gap:8px; align-items:center; color:var(--blue); text-decoration:none; font-weight:800; }
.text-link:hover { text-decoration:underline; text-underline-offset:4px; }

.hero { position:relative; min-height:810px; display:flex; align-items:center; overflow:hidden; color:white; background:var(--ink); }
.hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,20,38,.98) 0%,rgba(7,20,38,.91) 34%,rgba(7,20,38,.26) 70%,rgba(7,20,38,.08)),linear-gradient(0deg,rgba(7,20,38,.5),transparent 35%); }
.hero-media { position:absolute; inset:0; }
.hero-media img { width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-inner { position:relative; z-index:2; padding-top:126px; padding-bottom:70px; }
.hero-copy { width:min(710px,62%); }
.hero .eyebrow { color:#77d7ff; }
.hero h1 { margin:0 0 25px; color:white; }
.hero .lead { max-width:670px; margin-bottom:16px; color:#d4e0ee; }
.hero-for { max-width:630px; color:#9fb5ce; }
.cta-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.hero-points { display:flex; flex-wrap:wrap; gap:18px 28px; margin:30px 0 0; padding:22px 0 0; border-top:1px solid rgba(255,255,255,.15); list-style:none; color:#c8d7e8; font-size:.88rem; font-weight:700; }
.hero-points li::before { content:""; display:inline-block; width:7px; height:7px; margin-right:9px; border-radius:50%; background:var(--cyan); box-shadow:0 0 14px var(--cyan); }
.trust-band { border-bottom:1px solid var(--line); background:white; }
.trust-band-inner { display:flex; min-height:92px; align-items:center; justify-content:space-between; gap:30px; }
.trust-band p { margin:0; color:var(--muted); font-size:.86rem; }
.trust-band-inner div { display:flex; flex-wrap:wrap; gap:12px 30px; color:#38516f; font-size:.83rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }

.service-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.service-feature { min-height:285px; padding:34px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); transition:background .2s,transform .2s,box-shadow .2s; }
.service-feature:hover { position:relative; z-index:2; background:white; box-shadow:var(--shadow); transform:translateY(-3px); }
.service-feature.service-main { grid-column:span 2; display:grid; grid-template-columns:auto 1fr; gap:4px 24px; background:linear-gradient(145deg,#edf7ff,white); }
.service-main .text-link { grid-column:2; align-self:end; }
.service-number { display:block; margin-bottom:22px; color:var(--blue); font-size:.74rem; font-weight:850; letter-spacing:.1em; }
.service-feature h3 { margin-bottom:14px; font-size:1.35rem; }
.service-feature p { color:var(--muted); }
.inline-list { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 0; padding:0; list-style:none; }
.inline-list li { padding:5px 9px; border:1px solid var(--line); border-radius:20px; background:white; color:#4a6079; font-size:.75rem; font-weight:700; }

.solution-stage { position:relative; min-height:550px; overflow:hidden; border:1px solid var(--dark-line); border-radius:30px; background:radial-gradient(circle at 52% 45%,rgba(22,119,255,.28),transparent 38%),linear-gradient(145deg,#0b1d34,#071426); box-shadow:0 35px 90px rgba(0,0,0,.35); }
.solution-stage::before { content:""; position:absolute; inset:0; opacity:.2; background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent); }
.browser-mock { position:absolute; top:60px; left:8%; width:64%; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:18px; background:#f4f8fc; box-shadow:0 35px 60px rgba(0,0,0,.38); transform:perspective(1000px) rotateY(5deg) rotateX(1deg); }
.browser-bar { display:flex; height:36px; align-items:center; gap:6px; padding:0 12px; color:#68809a; background:#e7eef6; font-size:.65rem; }
.browser-bar i { width:7px; height:7px; border-radius:50%; background:#b6c8d9; }
.browser-bar span { margin-left:8px; }
.dashboard { display:grid; grid-template-columns:110px 1fr; min-height:350px; }
.dashboard aside { display:flex; flex-direction:column; gap:15px; padding:20px 14px; color:white; background:#0a1c33; }
.dashboard aside b { margin-bottom:10px; color:#7fd9ff; font-size:.62rem; letter-spacing:.1em; }
.dashboard aside span { width:70px; height:7px; border-radius:10px; background:#2a3f58; }
.dashboard aside span.active { width:80px; height:24px; background:#126ff0; }
.dash-main { padding:24px; }
.dash-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; color:#1c334d; }
.dash-title em { padding:4px 8px; border-radius:12px; color:#19806c; background:#dff8ef; font-size:.54rem; font-style:normal; }
.metric-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.metric-row span { padding:14px; border:1px solid #dfe9f1; border-radius:12px; background:white; }
.metric-row small,.metric-row b { display:block; }
.metric-row small { color:#71849a; font-size:.55rem; }
.metric-row b { margin-top:7px; color:#102d4f; font-size:1.2rem; }
.dash-bottom { display:grid; grid-template-columns:1.4fr .8fr; gap:13px; margin-top:14px; }
.chart-bars,.list-lines { height:150px; display:flex; align-items:end; gap:8px; padding:18px; border:1px solid #dfe9f1; border-radius:12px; background:white; }
.chart-bars i { flex:1; min-height:24%; border-radius:4px 4px 0 0; background:linear-gradient(#43c6ff,#1677ff); }
.chart-bars i:nth-child(2),.chart-bars i:nth-child(5) { height:65%; }.chart-bars i:nth-child(3),.chart-bars i:nth-child(7) { height:85%; }.chart-bars i:nth-child(4) { height:45%; }.chart-bars i:nth-child(6) { height:72%; }
.list-lines { align-items:stretch; flex-direction:column; justify-content:center; }
.list-lines span { height:9px; border-radius:8px; background:#e4edf5; }
.list-lines span:nth-child(2),.list-lines span:nth-child(4) { width:70%; }
.phone-mock { position:absolute; right:11%; bottom:52px; z-index:3; width:170px; height:340px; padding:33px 16px 16px; border:5px solid #1a2c42; border-radius:28px; color:#16324f; background:#f5f9fd; box-shadow:0 25px 55px rgba(0,0,0,.45); transform:rotate(3deg); }
.phone-notch { position:absolute; top:8px; left:50%; width:55px; height:6px; border-radius:5px; background:#192b3e; transform:translateX(-50%); }
.phone-mock b { font-size:.76rem; }
.mobile-card { display:block; height:50px; margin-top:13px; border:1px solid #dbe7f0; border-left:4px solid var(--blue); border-radius:10px; background:white; }
.phone-mock > i { position:absolute; right:15px; bottom:18px; display:grid; width:34px; height:34px; place-items:center; border-radius:50%; color:white; background:var(--blue); font-style:normal; }
.flow-card { position:absolute; z-index:4; min-width:145px; padding:13px 16px; border:1px solid rgba(99,199,255,.5); border-radius:12px; color:white; background:rgba(12,47,83,.92); box-shadow:0 15px 30px rgba(0,0,0,.25); }
.flow-card b,.flow-card small { display:block; }.flow-card small { margin-top:2px; color:#9fc4e7; font-size:.63rem; }
.flow-api { top:28px; right:5%; }.flow-data { bottom:22px; left:5%; }
.connector-line { position:absolute; top:15%; right:14%; bottom:15%; width:23%; border-top:1px solid #4ac7ff; border-right:1px solid #4ac7ff; border-bottom:1px solid #4ac7ff; opacity:.45; }
.capability-list { display:grid; grid-template-columns:repeat(4,1fr); margin-top:45px; border-top:1px solid var(--dark-line); }
.capability-list > div { display:grid; grid-template-columns:auto 1fr; gap:15px; padding:28px 25px 0 0; }
.capability-list span { color:#63c9ff; font-size:.68rem; font-weight:800; }
.capability-list p { color:#9fb3ca; font-size:.88rem; }
.capability-list strong { display:block; margin-bottom:5px; color:white; font-size:1rem; }

.process { position:relative; display:grid; grid-template-columns:repeat(5,1fr); gap:0; margin:0; padding:0; list-style:none; }
.process::before { content:""; position:absolute; top:25px; right:10%; left:10%; height:1px; background:linear-gradient(90deg,var(--blue),#8edfff); }
.process li { position:relative; padding-right:25px; }
.process li > span { position:relative; z-index:2; display:grid; width:50px; height:50px; margin-bottom:28px; place-items:center; border:1px solid #acd8ff; border-radius:50%; color:var(--blue); background:white; font-size:.7rem; font-weight:850; box-shadow:0 0 0 8px white; }
.process h3 { font-size:1.05rem; }
.process p { color:var(--muted); font-size:.88rem; }

.tech-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:center; }
.tech-layout h2 { margin-bottom:20px; }
.tech-cloud { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; padding:55px; border-radius:50%; background:radial-gradient(circle,#dfeeff 0%,rgba(255,255,255,.2) 66%,transparent 70%); }
.tech-cloud span { padding:11px 15px; border:1px solid #d2e0ee; border-radius:12px; color:#48617b; background:white; box-shadow:0 8px 25px rgba(21,59,99,.09); font-size:.86rem; font-weight:750; }
.tech-cloud .tech-primary { color:white; border-color:var(--blue); background:var(--blue); transform:scale(1.08); }

.demo-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.demo { overflow:hidden; color:inherit; border:1px solid var(--line); border-radius:var(--radius); background:white; text-decoration:none; transition:transform .2s,box-shadow .2s,border-color .2s; }
.demo:hover { transform:translateY(-4px); border-color:#b9d8f6; box-shadow:var(--shadow); }
.demo-wide { grid-column:1/-1; display:grid; grid-template-columns:1.05fr .95fr; }
.demo > div:last-child { padding:30px; }
.demo small { color:var(--blue); font-size:.7rem; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.demo h3 { margin:9px 0 11px; font-size:1.45rem; }
.demo p { margin-bottom:0; color:var(--muted); }
.demo-visual { position:relative; min-height:250px; overflow:hidden; background:linear-gradient(145deg,#0c2849,#071426); }
.demo-admin { min-height:320px; padding:45px 35px; }
.demo-admin > div { height:220px; border:1px solid rgba(255,255,255,.18); border-radius:12px; background:linear-gradient(90deg,#0e2744 18%,transparent 18%),linear-gradient(#eaf3fb 14%,#fff 14%); box-shadow:0 30px 50px rgba(0,0,0,.35); transform:perspective(600px) rotateY(-8deg); }
.demo-admin > span { position:absolute; z-index:2; width:70px; height:38px; border:1px solid rgba(95,202,255,.5); border-radius:8px; background:#0e4779; }
.demo-admin > span:nth-child(1) { top:80px; left:31%; }.demo-admin > span:nth-child(2) { top:80px; left:48%; }.demo-admin > span:nth-child(3) { top:80px; left:65%; }
.demo-mobile { display:flex; align-items:center; justify-content:center; gap:18px; }
.demo-mobile i { width:75px; height:160px; border:4px solid #24435f; border-radius:16px; background:linear-gradient(#eaf6ff 18%,#fff 18%); box-shadow:0 15px 25px rgba(0,0,0,.3); }
.demo-mobile i:nth-child(2) { transform:translateY(-13px); background:linear-gradient(#1677ff 18%,#fff 18%); }
.demo-store { display:grid; grid-template-columns:repeat(2,80px); place-content:center; gap:12px; }
.demo-store i { height:80px; border-radius:10px; background:linear-gradient(145deg,#d8ecfc,#fff); box-shadow:0 8px 22px rgba(0,0,0,.25); }

.reasons { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--dark-line); border-left:1px solid var(--dark-line); }
.reasons article { min-height:250px; padding:36px; border-right:1px solid var(--dark-line); border-bottom:1px solid var(--dark-line); }
.reasons span { color:#61cbff; font-size:.7rem; font-weight:850; }
.reasons h3 { margin:40px 0 12px; font-size:1.3rem; }
.reasons p { max-width:490px; color:#9fb3ca; }

.faq-layout { display:grid; grid-template-columns:.7fr 1.3fr; gap:80px; }
.faq details { border-top:1px solid var(--line); }
.faq details:last-child { border-bottom:1px solid var(--line); }
.faq summary { position:relative; padding:23px 45px 23px 0; cursor:pointer; color:var(--ink); font-weight:800; list-style:none; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+"; position:absolute; top:17px; right:4px; display:grid; width:30px; height:30px; place-items:center; border-radius:50%; color:var(--blue); background:#eaf4ff; font-size:1.2rem; }
.faq details[open] summary::after { content:"−"; }
.faq details p { max-width:680px; padding:0 35px 20px 0; color:var(--muted); }

.final-cta { padding:90px 0; color:white; background:linear-gradient(120deg,#0c4eaa,#1677ff 55%,#0d99d6); }
.final-cta-inner { display:grid; grid-template-columns:1.2fr .8fr; gap:60px; align-items:center; }
.final-cta h2 { max-width:790px; margin-bottom:18px; color:white; }
.final-cta p { margin-bottom:0; color:#d8edff; }
.final-cta .eyebrow { color:white; }
.final-cta .cta-row { justify-content:flex-end; }
.final-cta .btn-primary { color:var(--ink); background:white; box-shadow:0 14px 30px rgba(0,0,0,.12); }

.site-footer { padding:70px 0 25px; color:#9eb1c7; background:#050e1a; }
.footer-grid { display:grid; grid-template-columns:1.6fr repeat(3,1fr); gap:55px; }
.footer-grid h2 { margin-bottom:17px; color:white; font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; }
.footer-grid > div:not(.footer-brand) a { display:block; width:max-content; margin:9px 0; color:#a8bbd0; text-decoration:none; font-size:.88rem; }
.footer-grid a:hover { color:white!important; }
.footer-brand p { max-width:310px; margin:18px 0 0; font-size:.88rem; }
.footer-bottom { display:flex; justify-content:space-between; gap:20px; margin-top:55px; padding-top:22px; border-top:1px solid rgba(255,255,255,.1); font-size:.76rem; }

.page-shell { padding-top:78px; }
.page-hero { padding:105px 0 76px; color:white; background:radial-gradient(circle at 80% 15%,rgba(22,119,255,.27),transparent 35%),var(--ink); }
.page-hero h1 { max-width:900px; margin-bottom:22px; color:white; font-size:clamp(2.7rem,5vw,4.6rem); }
.page-hero .lead { max-width:790px; color:#c2d1e2; }
.content-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:80px; }
.content-card { padding:30px; border:1px solid var(--line); border-radius:var(--radius); background:white; }
.content-card h2 { font-size:1.6rem; }
.page-section { padding:90px 0; }
.value-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.value-card { padding:28px; border:1px solid var(--line); border-radius:18px; }
.value-card p { color:var(--muted); }
.bullet-list { padding-left:20px; color:var(--muted); }
.bullet-list li { margin:8px 0; }
.notice { padding:18px 20px; border-left:4px solid var(--blue); background:#edf6ff; color:#36516f; }

.contact-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:50px; align-items:start; }
.contact-panel { position:sticky; top:110px; padding:30px; border-radius:var(--radius); color:white; background:var(--ink); }
.contact-panel h2 { color:white; font-size:1.5rem; }
.contact-panel p { color:#aec0d5; }
.contact-item { padding:18px 0; border-top:1px solid var(--dark-line); }
.contact-item small,.contact-item a { display:block; }.contact-item small { color:#7f96b2; }.contact-item a { margin-top:3px; color:white; font-weight:750; }
.contact-item-action { display:block; }
.contact-action {
  display:flex;
  width:100%;
  min-height:58px;
  align-items:center;
  gap:12px;
  margin-top:8px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:13px;
  color:white;
  background:rgba(255,255,255,.06);
  text-align:left;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;
}
.contact-action:hover { transform:translateY(-2px); border-color:rgba(72,199,255,.55); background:rgba(255,255,255,.1); }
.contact-action:active { transform:translateY(0); }
.contact-action img { flex:0 0 auto; }
.contact-action span { min-width:0; }
.contact-action strong,.contact-action small { display:block; }
.contact-action strong { color:white; font-size:.88rem; }
.contact-action small { margin-top:2px; overflow-wrap:anywhere; color:#9db2c9; font-size:.73rem; font-weight:600; }
.contact-action-whatsapp:not(:disabled) { border-color:rgba(37,211,102,.38); }
.contact-action:disabled { opacity:.58; cursor:not-allowed; transform:none; }
.contact-form { padding:38px; border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); background:white; }
.contact-form h2 { margin-bottom:10px; font-size:2rem; }
.form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:30px; }
.field-full { grid-column:1/-1; }
label span { display:block; margin-bottom:7px; color:#29435f; font-size:.84rem; font-weight:800; }
label em { color:#d23951; font-style:normal; }
input,select,textarea { width:100%; padding:13px 14px; border:1px solid #cbd9e6; border-radius:10px; color:var(--text); background:white; }
textarea { min-height:150px; resize:vertical; }
input:hover,select:hover,textarea:hover { border-color:#8eb9df; }
input:focus,select:focus,textarea:focus { outline:3px solid rgba(72,199,255,.3); border-color:var(--blue); }
.field-error { margin:5px 0 0; color:#b4233b; font-size:.76rem; }
.form-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:24px; }
.contact-form-actions .btn { min-width:185px; }
.btn-with-icon img { flex:0 0 auto; }
.btn-whatsapp { color:#0d3820; border-color:rgba(27,166,77,.28); background:#dcf8e7; }
.btn-whatsapp:hover:not(:disabled) { border-color:#25a95b; background:#c8f2d9; box-shadow:0 14px 30px rgba(37,169,91,.18); }
.btn:disabled { opacity:.52; cursor:not-allowed; transform:none; box-shadow:none; }
.form-availability { margin:12px 0 0; color:var(--muted); font-size:.78rem; }
.form-status { min-height:24px; margin:14px 0 0; color:#315372; font-size:.86rem; }
.form-note { margin-top:20px; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); font-size:.78rem; }
.whatsapp-unavailable { opacity:.58; cursor:not-allowed; }

.footer-contact-link { display:flex!important; align-items:center; gap:8px; }
.footer-contact-link img { flex:0 0 auto; }
.whatsapp-floating {
  position:fixed;
  right:max(18px,env(safe-area-inset-right));
  bottom:max(18px,env(safe-area-inset-bottom));
  z-index:70;
  display:inline-flex;
  min-height:52px;
  align-items:center;
  gap:9px;
  padding:12px 16px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  color:white;
  background:linear-gradient(135deg,#178f4a,#25a95b);
  box-shadow:0 16px 38px rgba(7,20,38,.28);
  text-decoration:none;
  font-size:.82rem;
  font-weight:850;
  transition:transform .18s,box-shadow .18s,background .18s;
}
.whatsapp-floating:hover { transform:translateY(-3px); background:linear-gradient(135deg,#137f40,#209d52); box-shadow:0 20px 44px rgba(7,20,38,.34); }
.whatsapp-floating:active { transform:translateY(0); }
.whatsapp-floating[hidden] { display:none; }

.portfolio-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.portfolio-card { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:white; }
.portfolio-card .demo-visual { min-height:230px; }
.portfolio-card > div:last-child { padding:28px; }
.portfolio-card .tag { display:inline-block; margin-bottom:12px; padding:5px 8px; border-radius:20px; color:#0f65d5; background:#e8f3ff; font-size:.68rem; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.portfolio-card p { color:var(--muted); }
.tag-list { display:flex; flex-wrap:wrap; gap:7px; margin:18px 0 0; padding:0; list-style:none; }
.tag-list li { padding:5px 8px; border:1px solid var(--line); border-radius:20px; color:#536a84; font-size:.72rem; }

.reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease,transform .7s ease; }
.reveal.is-visible { opacity:1; transform:none; }

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; }
  .reveal { opacity:1; transform:none; }
}

@media (max-width:1000px) {
  .site-nav { gap:16px; }
  .hero { min-height:740px; }
  .hero-copy { width:72%; }
  .service-grid { grid-template-columns:repeat(2,1fr); }
  .service-feature.service-main { grid-column:1/-1; }
  .capability-list { grid-template-columns:repeat(2,1fr); }
  .process { grid-template-columns:repeat(3,1fr); gap:25px; }
  .process::before { display:none; }
  .tech-layout,.faq-layout,.content-grid { grid-template-columns:1fr; gap:45px; }
  .final-cta-inner { grid-template-columns:1fr; }
  .final-cta .cta-row { justify-content:flex-start; }
  .footer-grid { grid-template-columns:1.4fr repeat(2,1fr); }
  .footer-grid > div:last-child { grid-column:2; }
}

@media (max-width:900px) {
  .nav-toggle { display:block; z-index:2; }
  .nav-toggle[aria-expanded="true"] span:nth-of-type(2) { transform:translateY(6px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] span:nth-of-type(3) { opacity:0; }
  .nav-toggle[aria-expanded="true"] span:nth-of-type(4) { transform:translateY(-6px) rotate(-45deg); }
  .site-nav { position:fixed; inset:78px 0 0; display:flex; max-height:calc(100vh - 78px); flex-direction:column; align-items:stretch; gap:0; padding:16px; overflow:auto; border-top:1px solid rgba(255,255,255,.1); background:rgba(7,20,38,.99); transform:translateY(-130%); visibility:hidden; transition:transform .25s,visibility .25s; }
  .site-nav.is-open { transform:none; visibility:visible; }
  .site-nav > a:not(.btn) { padding:14px 10px; border-bottom:1px solid rgba(255,255,255,.08); font-size:1rem; }
  .site-nav > a:not(.btn)::after { display:none; }
  .language-switch { width:max-content; margin:14px 10px 2px; }
  .site-nav .btn { margin-top:14px; }
}

@media (max-width:760px) {
  .container { width:min(100% - 32px,1180px); }
  .section,.page-section { padding:78px 0; }
  .nav-toggle { display:block; z-index:2; }
  .nav-toggle[aria-expanded="true"] span:nth-of-type(2) { transform:translateY(6px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] span:nth-of-type(3) { opacity:0; }
  .nav-toggle[aria-expanded="true"] span:nth-of-type(4) { transform:translateY(-6px) rotate(-45deg); }
  .site-nav { position:fixed; inset:78px 0 0; display:flex; max-height:calc(100vh - 78px); flex-direction:column; align-items:stretch; gap:0; padding:16px; overflow:auto; border-top:1px solid rgba(255,255,255,.1); background:rgba(7,20,38,.99); transform:translateY(-130%); visibility:hidden; transition:transform .25s,visibility .25s; }
  .site-nav.is-open { transform:none; visibility:visible; }
  .site-nav > a:not(.btn) { padding:14px 10px; border-bottom:1px solid rgba(255,255,255,.08); font-size:1rem; }
  .site-nav > a:not(.btn)::after { display:none; }
  .language-switch { width:max-content; margin:14px 10px 2px; }
  .site-nav .btn { margin-top:14px; }
  .hero { min-height:760px; align-items:flex-end; }
  .hero::after { background:linear-gradient(0deg,rgba(7,20,38,.99) 12%,rgba(7,20,38,.83) 55%,rgba(7,20,38,.3)); }
  .hero-media img { object-position:62% center; opacity:.72; }
  .hero-inner { padding-top:145px; padding-bottom:55px; }
  .hero-copy { width:100%; }
  .hero h1 { font-size:clamp(2.55rem,13vw,4rem); }
  .hero .lead { font-size:1rem; }
  .hero-for { font-size:.9rem; }
  .cta-row .btn { width:100%; }
  .trust-band-inner { min-height:120px; flex-direction:column; align-items:flex-start; justify-content:center; gap:14px; }
  .trust-band-inner div { gap:8px 18px; }
  .split-heading { grid-template-columns:1fr; gap:20px; }
  .service-grid { grid-template-columns:1fr; border-left:0; }
  .service-feature,.service-feature.service-main { min-height:0; display:block; grid-column:auto; padding:28px 0; border-right:0; }
  .service-main .text-link { margin-top:20px; }
  .solution-stage { min-height:430px; border-radius:20px; }
  .browser-mock { top:48px; left:5%; width:90%; }
  .dashboard { grid-template-columns:65px 1fr; min-height:260px; }
  .dashboard aside { padding:15px 8px; }
  .dashboard aside span { width:42px; }.dashboard aside span.active { width:47px; }
  .dash-main { padding:14px; }
  .metric-row span { padding:8px; }.metric-row b { font-size:.85rem; }
  .dash-bottom { grid-template-columns:1fr; }.list-lines { display:none; }
  .chart-bars { height:100px; padding:11px; }
  .phone-mock { right:6%; bottom:27px; width:120px; height:240px; padding:28px 10px 10px; border-width:4px; }
  .mobile-card { height:34px; margin-top:9px; }
  .flow-card { display:none; }
  .capability-list { grid-template-columns:1fr; }
  .process { grid-template-columns:1fr; gap:10px; }
  .process li { display:grid; grid-template-columns:auto 1fr; gap:18px; padding:0; }
  .process li > span { margin-bottom:0; }
  .tech-cloud { padding:30px 15px; border-radius:24px; }
  .demo-grid { grid-template-columns:1fr; }
  .demo-wide { grid-column:auto; display:block; }
  .demo-visual,.demo-admin { min-height:230px; }
  .reasons { grid-template-columns:1fr; }
  .reasons article { min-height:0; padding:28px; }
  .reasons h3 { margin-top:24px; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:35px; }
  .footer-brand { grid-column:1/-1; }
  .footer-grid > div:last-child { grid-column:auto; }
  .footer-bottom { flex-direction:column; }
  .contact-layout { grid-template-columns:1fr; }
  .contact-panel { position:static; }
  .contact-form { padding:25px; }
  .form-grid { grid-template-columns:1fr; }
  .field-full { grid-column:auto; }
  .contact-form-actions .btn { width:100%; }
  .whatsapp-floating { right:max(12px,env(safe-area-inset-right)); bottom:max(12px,env(safe-area-inset-bottom)); width:52px; padding:12px; justify-content:center; }
  .whatsapp-floating span { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
  .value-grid,.portfolio-grid { grid-template-columns:1fr; }
}

@media (max-width:420px) {
  .container { width:min(100% - 24px,1180px); }
  .brand small { display:none; }
  .hero { min-height:790px; }
  .hero-points { gap:10px 14px; }
  .service-feature { padding:25px 0; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-brand { grid-column:auto; }
}