:root { --turquoise:#13d7c5; --turquoise-dark:#079e92; --graphite:#101820; --mint:#d8faf4; --mist:#f4f7f9; --slate:#64748b; --white:#fff; --line:#dfe8eb; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--white); color:var(--graphite); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
h1,h2,h3,p { margin-top:0; }
h2 { font-size:clamp(2.5rem,5vw,5.2rem); line-height:1.02; letter-spacing:-.045em; }
h3 { font-size:clamp(1.45rem,2.2vw,2rem); line-height:1.18; letter-spacing:-.025em; }

.site-header { position:sticky; top:0; z-index:20; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:82px; padding:14px clamp(24px,5vw,76px); border-bottom:1px solid rgba(16,24,32,.08); background:rgba(255,255,255,.93); backdrop-filter:blur(16px); }
.brand { width:150px; }
nav { display:flex; gap:30px; font-size:.9rem; font-weight:700; }
nav a,.text-link { transition:color 180ms ease; }
nav a:hover,.text-link:hover { color:var(--turquoise-dark); }
.site-header>.button { justify-self:end; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:0 25px; border:0; border-radius:12px; background:var(--turquoise); color:var(--graphite); font:inherit; font-weight:850; box-shadow:0 12px 30px rgba(19,215,197,.2); cursor:pointer; transition:transform 180ms ease,background 180ms ease; }
.button:hover { transform:translateY(-2px); background:#22e2d0; }
.button:disabled { cursor:wait; opacity:.7; transform:none; }
.button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible { outline:3px solid rgba(19,215,197,.55); outline-offset:4px; }
.button-small { min-height:43px; padding:0 19px; border-radius:10px; font-size:.9rem; }
.eyebrow { margin:0 0 20px; color:var(--turquoise-dark); font-size:.76rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.section-narrow { width:min(1280px,calc(100% - 48px)); margin-inline:auto; }

.hero { display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); min-height:calc(100vh - 82px); background:var(--graphite); color:var(--white); }
.hero-copy { display:flex; flex-direction:column; justify-content:center; padding:80px clamp(30px,6vw,92px); }
.hero .eyebrow,.operation .eyebrow,.contact .eyebrow { color:var(--turquoise); }
h1 { max-width:720px; margin-bottom:26px; font-size:clamp(3.25rem,5.4vw,6.2rem); line-height:.97; letter-spacing:-.055em; }
.hero-text { max-width:620px; margin-bottom:34px; color:#cfe2e1; font-size:clamp(1.08rem,1.55vw,1.35rem); line-height:1.65; }
.hero-actions { display:flex; align-items:center; gap:25px; }
.text-link { color:var(--mint); font-weight:750; }
.hero-checks { display:flex; flex-wrap:wrap; gap:10px 22px; margin:40px 0 0; padding:0; color:#dfeceb; font-size:.9rem; list-style:none; }
.hero-checks li::before,.check-list li::before { content:"✓"; margin-right:8px; color:var(--turquoise); font-weight:900; }
.hero-visual { position:relative; min-height:620px; overflow:hidden; }
.hero-visual::after { position:absolute; inset:0; background:linear-gradient(90deg,var(--graphite) 0%,transparent 16%); content:""; pointer-events:none; }
.hero-visual>img { width:100%; height:100%; object-fit:cover; object-position:60% center; }
.hero-badge { position:absolute; right:clamp(22px,4vw,58px); bottom:clamp(22px,5vw,62px); z-index:2; display:flex; flex-direction:column; gap:6px; width:min(330px,calc(100% - 44px)); padding:20px 22px; border:1px solid rgba(255,255,255,.24); border-radius:18px; background:rgba(16,24,32,.9); box-shadow:0 24px 54px rgba(16,24,32,.34); backdrop-filter:blur(12px); }
.hero-badge span { color:var(--turquoise); font-size:.72rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }

.signal-strip { display:grid; grid-template-columns:repeat(4,1fr); padding:0 clamp(24px,5vw,76px); background:var(--mist); }
.signal-strip>div { min-height:172px; padding:34px 28px; border-right:1px solid var(--line); }
.signal-strip>div:first-child { border-left:1px solid var(--line); }
.signal-strip span { display:block; margin-bottom:12px; color:var(--turquoise-dark); font-size:.72rem; font-weight:900; }
.signal-strip strong { display:block; margin-bottom:8px; font-size:1.12rem; }
.signal-strip p { margin-bottom:0; color:var(--slate); font-size:.9rem; line-height:1.55; }

.section { padding:120px clamp(24px,7vw,110px) 84px; }
.section-intro { display:grid; grid-template-columns:1.5fr .5fr; gap:80px; align-items:end; }
.section-heading h2 { max-width:980px; margin-bottom:0; }
.section-lead { max-width:520px; margin-bottom:4px; color:var(--slate); font-size:1.18rem; line-height:1.7; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-bottom:120px; background:var(--line); border:1px solid var(--line); border-radius:24px; overflow:hidden; }
.feature-card { position:relative; min-height:520px; padding:42px; background:var(--white); }
.feature-index { display:block; margin-bottom:78px; color:var(--turquoise-dark); font-size:.75rem; font-weight:900; }
.feature-tag { color:var(--turquoise-dark)!important; font-size:.74rem!important; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.feature-card h3 { min-height:78px; margin-bottom:20px; }
.feature-card>p:not(.feature-tag),.showcase-copy>p,.branches-copy>p,.faq-heading>p:last-child { color:var(--slate); font-size:1rem; line-height:1.7; }
.feature-card ul,.ready-card ul,.connect-card ul { display:grid; gap:12px; margin:28px 0 0; padding:24px 0 0; border-top:1px solid var(--line); list-style:none; }
.feature-card li,.ready-card li,.connect-card li { position:relative; padding-left:22px; color:#465563; font-size:.92rem; line-height:1.5; }
.feature-card li::before,.ready-card li::before,.connect-card li::before { position:absolute; left:0; color:var(--turquoise-dark); content:"•"; font-weight:900; }

.product-showcase { display:grid; grid-template-columns:1.08fr .92fr; min-height:660px; margin-bottom:120px; border-radius:28px; background:var(--mint); overflow:hidden; }
.showcase-image { min-height:560px; }
.showcase-image img { width:100%; height:100%; object-fit:cover; }
.showcase-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(44px,6vw,90px); }
.showcase-copy h2 { font-size:clamp(2.5rem,4.4vw,4.5rem); }
.mini-stats { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:34px; padding-top:28px; border-top:1px solid rgba(16,24,32,.15); }
.mini-stats div { display:flex; flex-direction:column; gap:7px; }
.mini-stats strong { font-size:1.05rem; }
.mini-stats span { color:#4c625f; font-size:.82rem; }

.operation { padding:120px clamp(24px,6vw,90px); background:var(--graphite); color:var(--white); }
.centered { text-align:center; }
.centered h2 { max-width:900px; margin:0 auto 70px; }
.steps { display:grid; grid-template-columns:repeat(5,1fr); width:min(1420px,100%); margin:0 auto; padding:0; list-style:none; }
.steps li { min-height:230px; padding:28px; border-top:1px solid #425058; border-right:1px solid #425058; }
.steps li:first-child { border-left:1px solid #425058; }
.steps span { display:block; margin-bottom:60px; color:var(--turquoise); font-size:.75rem; font-weight:900; }
.steps strong { display:block; margin-bottom:12px; font-size:1.15rem; }
.steps p { margin:0; color:#b9c7cb; font-size:.88rem; line-height:1.55; }

.branches { display:grid; grid-template-columns:.9fr 1.1fr; min-height:720px; background:var(--mist); }
.branches-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:clamp(60px,8vw,130px); }
.branches-copy h2 { font-size:clamp(2.7rem,4.8vw,5rem); }
.branches-image { min-height:600px; }
.branches-image img { width:100%; height:100%; object-fit:cover; }
.check-list { display:grid; gap:12px; margin:22px 0 34px; padding:0; list-style:none; }
.check-list li { color:#42505c; }

.readiness { padding-block:120px; }
.readiness>.section-heading { display:grid; grid-template-columns:.4fr 1.6fr; gap:50px; align-items:start; margin-bottom:60px; }
.readiness>.section-heading h2 { font-size:clamp(2.5rem,4.4vw,4.7rem); }
.readiness-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.ready-card,.connect-card { position:relative; padding:44px; border:1px solid var(--line); border-radius:22px; background:var(--white); }
.ready-card { background:var(--mint); border-color:transparent; }
.status-dot { position:absolute; top:44px; right:44px; width:12px; height:12px; border-radius:50%; background:var(--turquoise-dark); box-shadow:0 0 0 7px rgba(19,215,197,.18); }
.connect-card .status-dot { background:#8ba0ad; box-shadow:0 0 0 7px rgba(139,160,173,.16); }

.faq { display:grid; grid-template-columns:.7fr 1.3fr; gap:80px; padding-block:30px 130px; }
.faq-heading h2 { font-size:clamp(2.4rem,4vw,4rem); }
.faq-list { border-top:1px solid var(--line); }
details { border-bottom:1px solid var(--line); }
summary { position:relative; padding:28px 46px 28px 0; font-weight:800; cursor:pointer; list-style:none; }
summary::-webkit-details-marker { display:none; }
summary::after { position:absolute; right:6px; color:var(--turquoise-dark); content:"+"; font-size:1.5rem; font-weight:400; }
details[open] summary::after { content:"−"; }
details p { max-width:720px; padding:0 46px 25px 0; color:var(--slate); line-height:1.65; }

.contact { display:grid; grid-template-columns:.92fr 1.08fr; gap:70px; padding:110px clamp(24px,8vw,130px); background:var(--graphite); color:var(--white); }
.contact-copy>img { width:170px; margin-bottom:80px; }
.contact-copy h2 { max-width:640px; font-size:clamp(2.8rem,4.8vw,5rem); }
.contact-copy>p:not(.eyebrow) { max-width:590px; color:#c7d4d6; font-size:1.08rem; line-height:1.7; }
.contact-points { display:flex; flex-wrap:wrap; gap:10px; margin-top:35px; }
.contact-points span { padding:10px 14px; border:1px solid #415059; border-radius:999px; color:#dce7e8; font-size:.78rem; }
.lead-form { align-self:center; display:grid; gap:18px; padding:clamp(28px,4vw,50px); border-radius:24px; background:var(--white); color:var(--graphite); box-shadow:0 35px 90px rgba(0,0,0,.22); }
.form-heading { display:flex; flex-direction:column; gap:7px; margin-bottom:8px; }
.form-heading span { color:var(--turquoise-dark); font-size:.72rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.form-heading strong { font-size:1.65rem; }
.lead-form label { display:grid; gap:8px; font-size:.82rem; font-weight:800; }
.lead-form em { color:#cc4a4a; font-style:normal; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
input,textarea,select { width:100%; border:1px solid #cfdadd; border-radius:10px; background:#fbfcfd; color:var(--graphite); font:inherit; font-size:.95rem; }
input,select { min-height:48px; padding:0 13px; }
textarea { resize:vertical; padding:13px; }
.field-help { margin:-9px 0 0; color:var(--slate); font-size:.74rem; }
.consent { display:grid!important; grid-template-columns:auto 1fr; align-items:start; color:#52616c; font-size:.76rem!important; font-weight:500!important; line-height:1.5; }
.consent input { width:17px; min-height:17px; margin-top:2px; accent-color:var(--turquoise-dark); }
.honeypot { position:absolute!important; left:-10000px; width:1px; height:1px; overflow:hidden; }
.form-button { width:100%; }
.form-status { margin:0; padding:12px 14px; border-radius:9px; font-size:.82rem; line-height:1.5; }
.form-status.success { background:#e0f8ef; color:#116047; }
.form-status.error { background:#fff0f0; color:#8c2828; }
.whatsapp-action { display:flex; align-items:center; justify-content:center; min-height:50px; padding:0 18px; border:1px solid #128c7e; border-radius:10px; background:#e9fbf4; color:#0b6b5f; font-size:.88rem; font-weight:850; text-align:center; transition:transform 180ms ease,background 180ms ease; }
.whatsapp-action:hover { transform:translateY(-1px); background:#d9f7ec; }

footer { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:30px; padding:38px clamp(24px,5vw,76px); border-top:1px solid #334149; background:var(--graphite); color:#b8c6c8; font-size:.82rem; }
footer img { width:108px; }
footer p { margin:0; }
footer>a:last-child { justify-self:end; color:var(--turquoise); font-weight:800; }

@media (max-width:1050px) {
  .site-header { grid-template-columns:1fr auto; } nav { display:none; }
  .hero,.product-showcase,.branches,.contact { grid-template-columns:1fr; }
  .hero { min-height:auto; } .hero-copy { padding-top:75px; padding-bottom:70px; } .hero-visual { min-height:540px; } .hero-visual::after { background:linear-gradient(180deg,var(--graphite) 0%,transparent 14%); }
  .section-intro,.readiness>.section-heading,.faq { grid-template-columns:1fr; gap:35px; }
  .feature-grid { grid-template-columns:1fr; } .feature-card { min-height:auto; } .feature-index { margin-bottom:35px; } .feature-card h3 { min-height:auto; }
  .steps { grid-template-columns:repeat(3,1fr); } .steps li { border-bottom:1px solid #425058; }
  .branches-copy { order:2; } .branches-image { min-height:520px; }
  .contact-copy>img { margin-bottom:55px; }
}

@media (max-width:700px) {
  .site-header { min-height:72px; padding-inline:20px; } .brand { width:124px; } .button-small { min-height:40px; padding:0 13px; font-size:.78rem; }
  .hero-copy { padding:58px 24px 54px; } h1 { font-size:clamp(2.85rem,15vw,4.3rem); } .hero-actions,.hero-checks { align-items:flex-start; flex-direction:column; } .hero-visual { min-height:420px; }
  .signal-strip { grid-template-columns:1fr; padding:0 24px; } .signal-strip>div,.signal-strip>div:first-child { min-height:auto; border-right:0; border-bottom:1px solid var(--line); border-left:0; }
  .section { padding:85px 24px 58px; } .section-narrow { width:min(100% - 32px,1280px); } h2 { font-size:clamp(2.4rem,12vw,3.8rem); }
  .feature-grid,.product-showcase { margin-bottom:80px; } .feature-card { padding:30px; }
  .product-showcase { border-radius:20px; } .showcase-image { min-height:340px; } .showcase-copy { padding:38px 28px; } .mini-stats { grid-template-columns:1fr; }
  .operation { padding:85px 24px; } .centered h2 { margin-bottom:45px; } .steps { grid-template-columns:1fr; } .steps li,.steps li:first-child { min-height:auto; padding:25px 10px; border-right:0; border-bottom:1px solid #425058; border-left:0; } .steps span { margin-bottom:28px; }
  .branches-image { min-height:390px; } .branches-copy { padding:70px 24px; }
  .readiness { padding-block:85px; } .readiness-grid { grid-template-columns:1fr; } .ready-card,.connect-card { padding:32px 26px; } .status-dot { top:34px; right:30px; }
  .faq { padding-bottom:90px; } summary { padding-right:38px; }
  .contact { padding:80px 20px; gap:45px; } .lead-form { padding:28px 20px; border-radius:18px; } .form-row { grid-template-columns:1fr; }
  footer { grid-template-columns:1fr; text-align:center; } footer img { margin:auto; } footer>a:last-child { justify-self:center; }
}