*{box-sizing:border-box}
:root{--navy:#0A1628;--sky:#69BFFF;--text:#0A1628;--muted:#657487;--bg:#F7F9FC;--border:#DCE5EE}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;padding-bottom:74px}
header{height:68px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:20}
.brand{font-size:25px;font-weight:800;color:#fff;text-decoration:none;letter-spacing:-.5px}.brand span,footer strong span{color:var(--sky)}
.header-wa{color:var(--sky);text-decoration:none;font-size:14px;font-weight:800}
main{max-width:1050px;margin:auto}
.hero{background:var(--navy);color:#fff;padding:58px 22px 62px;border-radius:0 0 30px 30px}
.hero small,section>small{color:var(--sky);font-weight:800;letter-spacing:1.8px}
.hero h1{font-size:clamp(44px,10vw,76px);line-height:.98;letter-spacing:-3px;margin:14px 0 20px}.hero h1 span{color:var(--sky)}
.hero p{max-width:680px;color:#D9E3ED;font-size:18px;line-height:1.6;margin-bottom:26px}
.hero-actions{display:flex;flex-wrap:wrap;gap:8px}.btn{display:inline-block;padding:15px 19px;border-radius:13px;text-decoration:none;font-weight:800;font-size:15px}
.primary{background:var(--sky);color:#071322;border:0}.secondary{background:#fff;color:var(--navy);border:0}
section{padding:46px 20px}h2{font-size:clamp(32px,7vw,48px);line-height:1.05;letter-spacing:-1.8px;margin:10px 0 24px}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.cards a{background:#fff;border:1px solid var(--border);border-radius:18px;padding:21px;text-decoration:none;color:var(--text);box-shadow:0 5px 20px rgba(10,22,40,.04);min-height:150px}
.cards b{display:block;font-size:17px;line-height:1.25;margin-bottom:12px}.cards em{font-style:normal;color:var(--muted);font-size:14px;line-height:1.5}
.panel{margin:8px 20px;background:#fff;border:1px solid var(--border);border-radius:20px;padding:28px 24px}.panel h2{margin-bottom:12px}
form{display:grid;gap:13px}input,select,textarea{font:inherit;padding:15px 16px;border:2px solid #D5DFE9;border-radius:13px;width:100%;background:#fff;color:var(--text);outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--sky);box-shadow:0 0 0 3px rgba(105,191,255,.18)}textarea{min-height:150px;resize:vertical}
button{padding:15px;border-radius:13px;font-weight:800;cursor:pointer;font:inherit}
.result{margin-top:15px;white-space:pre-wrap;font-size:14px;line-height:1.55;color:var(--text);overflow-wrap:anywhere}.result.success{color:#0A1628}
.chips{display:flex;flex-wrap:wrap;gap:9px}.chips span{background:#fff;border:1px solid var(--border);padding:10px 13px;border-radius:999px;font-size:13px}
.contact-intro{color:var(--muted);line-height:1.6;margin:0 0 20px}.honeypot{position:absolute;left:-10000px;opacity:0;height:1px;width:1px}
.contact-actions{padding-top:20px}.contact-buttons{display:grid;gap:12px}.contact-button{display:flex;align-items:center;gap:14px;padding:17px;background:#fff;border:1px solid var(--border);border-radius:16px;text-decoration:none;color:var(--text);box-shadow:0 5px 20px rgba(10,22,40,.04)}
.contact-button>span{font-size:25px}.contact-button b{display:block;font-size:16px}.contact-button small{display:block;color:var(--muted);margin-top:3px}.contact-button.whatsapp{border-color:rgba(105,191,255,.6)}
footer{background:var(--navy);color:#fff;padding:38px 20px 95px;text-align:center;margin-top:20px}footer strong{font-size:25px}footer p{color:#B8C6D5;margin:8px 0 18px}.footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.footer-links a{color:#fff;text-decoration:none;font-weight:700;font-size:14px}.copyright{font-size:12px!important;margin-top:24px!important}
nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#fff;border-top:1px solid #E3E8EE;display:grid;grid-template-columns:repeat(5,1fr);z-index:30}
nav a{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#667383;font-size:12px;font-weight:700}nav .active{color:var(--sky)}
.floating-wa{position:fixed;right:18px;bottom:86px;z-index:40;background:var(--sky);color:var(--navy);text-decoration:none;border-radius:999px;padding:13px 17px;font-weight:900;display:flex;align-items:center;gap:7px;box-shadow:0 8px 25px rgba(10,22,40,.22)}
@media(min-width:760px){.cards{grid-template-columns:repeat(3,1fr)}.hero{padding:76px 50px}section{padding-left:0;padding-right:0}.panel{margin-left:0;margin-right:0}.contact-buttons{grid-template-columns:repeat(3,1fr)}.floating-wa{right:30px;bottom:30px}}
@media(max-width:420px){.floating-wa span{display:none}.floating-wa{width:52px;height:52px;justify-content:center;padding:0;font-size:22px}}


/* Final visual emphasis: stronger service/contact hierarchy */
.cards a {
  border-width: 2px;
  padding: 20px;
}
.cards a b {
  font-size: 1.03rem;
  font-weight: 800;
}
.cards a em {
  font-size: 0.92rem;
  line-height: 1.45;
}
.cards a.featured-service {
  border-width: 2px;
  transform: translateY(-1px);
}
.contact-button {
  border-width: 2px;
}
.contact-button b {
  font-weight: 800;
  font-size: 1rem;
}
.floating-wa {
  font-weight: 800;
  border-width: 2px;
}
.header-wa {
  font-weight: 800;
}


/* LawFi legal-tech practice-area cards */
.practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.practice-grid a,.practice-grid button,.practice-area{min-height:76px;display:flex;align-items:center;padding:16px;border:1px solid rgba(105,191,255,.32);border-radius:16px;font-weight:800;font-size:.96rem;line-height:1.25;background:rgba(255,255,255,.025)}
.practice-grid a:hover,.practice-grid button:hover,.practice-area:hover{border-color:#69bfff}
@media (max-width:430px){.practice-grid a,.practice-grid button,.practice-area{min-height:72px;padding:14px;font-size:.93rem}}
