:root{
  --bg:#090a0c;--panel:#101216;--panel2:#15181d;--text:#f5f4ef;--muted:#a4a8b0;
  --line:#272b31;--red:#e12632;--red2:#b71925;--max:1180px;--radius:20px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:999;background:white;color:black;padding:10px 14px}
.topbar{position:sticky;top:0;z-index:50;background:rgba(9,10,12,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}
.topbar-inner{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:270px}.brand img{width:48px;height:48px;object-fit:contain}
.brand div{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:15px;letter-spacing:.08em}.brand span{font-size:10px;color:#858991;letter-spacing:.06em;margin-top:5px;text-transform:uppercase}
.nav{display:flex;gap:24px;margin-left:auto}.nav a{font-size:13px;color:#c9cbd0}.nav a:hover{color:white}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}
.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:12px;font-weight:800;font-size:13px;transition:.2s}
.btn-primary{background:var(--red);color:white;box-shadow:0 10px 30px rgba(225,38,50,.2)}.btn-primary:hover{background:#f12f3c;transform:translateY(-1px)}
.btn-ghost{border:1px solid #3a3d43;background:rgba(255,255,255,.025)}.btn-ghost:hover{border-color:#6b6e75;background:rgba(255,255,255,.05)}
.btn-header{margin-left:0}.hero{position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('assets/hero-oficina.jpg') center 45%/cover no-repeat;filter:saturate(.88) contrast(1.06)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,7,.97) 0%,rgba(4,5,7,.82) 43%,rgba(4,5,7,.28) 76%,rgba(4,5,7,.58) 100%),linear-gradient(0deg,#090a0c 0%,transparent 35%)}
.hero-content{position:relative;z-index:2;padding:110px 0 145px}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:900;color:#e34a53;margin-bottom:20px}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,8vw,104px);line-height:.85;letter-spacing:-.055em;max-width:920px;margin-bottom:28px;font-weight:950}
h1 span{-webkit-text-stroke:1px rgba(255,255,255,.75);color:transparent}.hero-copy{font-size:18px;max-width:680px;color:#cacdd3}.hero-copy strong{color:white}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:38px}.hero-tags span{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 11px;font-size:11px;color:#d5d7db;background:rgba(0,0,0,.25)}
.hero-stat{position:absolute;z-index:3;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.12);background:rgba(7,8,10,.74);backdrop-filter:blur(10px)}
.hero-stat .wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-stat span{font-size:12px;color:#9ea2aa;text-transform:uppercase;letter-spacing:.12em}.hero-stat b{font-size:14px}
.section{padding:110px 0}.section-dark{background:#0c0e11;border-top:1px solid #17191e;border-bottom:1px solid #17191e}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:start}
h2{font-size:clamp(36px,5vw,64px);line-height:1;letter-spacing:-.045em}.intro-copy{font-size:18px;color:#d1d3d8;padding-top:38px}.muted{color:var(--muted)}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:44px}.section-head h2{margin-bottom:0}.text-link{font-weight:800;color:#f0f0f2;font-size:13px;padding-bottom:7px;border-bottom:1px solid #444}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{background:linear-gradient(145deg,#111318,#0d0f12);border:1px solid var(--line);padding:30px;border-radius:var(--radius);min-height:255px}
.service-card>span{display:block;color:#e4454f;font-size:12px;font-weight:900;margin-bottom:52px}.service-card h3{font-size:22px;letter-spacing:-.025em}.service-card p{color:#9fa4ad;margin:0}
.machine-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.machine-copy p{color:#aeb2ba;font-size:17px;max-width:550px}.machine-list{margin-top:40px;border-top:1px solid var(--line)}
.machine-list div{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.machine-list b{color:#e54a54;font-size:12px}.machine-list span{font-weight:700}
.machine-photo{position:relative;border-radius:24px;overflow:hidden;min-height:520px;border:1px solid #282c32;background:#111}.machine-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.machine-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 50%)}.photo-label{position:absolute;z-index:2;left:24px;bottom:22px;font-size:11px;letter-spacing:.12em;font-weight:900}
.access-section{background:linear-gradient(180deg,#101216,#090a0c)}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.access-card{position:relative;min-height:330px;border:1px solid var(--line);border-radius:24px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:.2s}
.access-card:before{content:"";position:absolute;inset:0;opacity:.9}.access-card.client:before{background:radial-gradient(circle at 90% 10%,rgba(225,38,50,.28),transparent 42%)}
.access-card.staff:before{background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.1),transparent 42%)}.access-card>*{position:relative;z-index:1}.access-card:hover{transform:translateY(-3px);border-color:#464a52}
.access-kicker{font-size:10px;letter-spacing:.18em;color:#e54a54;font-weight:900;margin-bottom:auto}.access-card h3{font-size:32px;letter-spacing:-.035em;margin-bottom:10px}.access-card p{max-width:500px;color:#a8adb5}.access-card strong{margin-top:22px;font-size:13px}
.proof{border-top:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.proof-grid>div:first-child p{font-size:18px;color:#aeb2ba;max-width:540px}
.proof-cards{border-top:1px solid var(--line)}.proof-cards div{padding:23px 0;border-bottom:1px solid var(--line);display:flex;gap:25px}.proof-cards b{color:#e54a54;font-size:12px}.proof-cards span{font-size:18px;font-weight:750}
.contact-section{background:#0d0f12;border-top:1px solid #1b1e23}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.contact-grid>div:first-child p{font-size:18px;color:#aeb2ba;max-width:570px}
.contact-actions{display:flex;gap:12px;margin-top:30px}.contact-panel{border-top:1px solid var(--line)}.contact-line{padding:22px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.contact-line span{color:#858a93;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.contact-line b{text-align:right;font-size:13px}
footer{padding:48px 0 120px;border-top:1px solid var(--line)}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:50px;height:50px;object-fit:contain}.footer-brand div{display:flex;flex-direction:column}.footer-brand span{font-size:11px;color:#858a93;margin-top:4px}.footer-links{display:flex;gap:20px;font-size:12px;color:#aeb2ba}.footer-inner small{grid-column:1/-1;color:#666b73}
.mobile-bar{display:none}

@media(max-width:900px){
  .wrap{width:min(calc(100% - 28px),var(--max))}.topbar-inner{height:70px}.brand{min-width:0}.brand span{display:none}.brand img{width:42px;height:42px}.btn-header{display:none}
  .menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;left:14px;right:14px;top:74px;background:#111318;border:1px solid var(--line);border-radius:16px;padding:10px;flex-direction:column;gap:0;box-shadow:0 20px 50px rgba(0,0,0,.45)}
  .nav.open{display:flex}.nav a{padding:14px 12px;border-bottom:1px solid #20242a}.nav a:last-child{border-bottom:0}
  .hero{min-height:720px}.hero-content{padding:84px 0 140px}.hero-bg{background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(4,5,7,.96),rgba(4,5,7,.72)),linear-gradient(0deg,#090a0c,transparent 50%)}
  h1{font-size:clamp(48px,16vw,76px)}.hero-copy{font-size:16px}.hero-actions .btn{width:100%}.hero-stat .wrap{height:76px}.hero-stat b{text-align:right}
  .section{padding:76px 0}.split,.machine-grid,.proof-grid,.contact-grid{grid-template-columns:1fr;gap:38px}.intro-copy{padding-top:0}.section-head{align-items:start;flex-direction:column}.service-grid{grid-template-columns:1fr}
  .service-card{min-height:210px}.service-card>span{margin-bottom:36px}.machine-grid{display:flex;flex-direction:column}.machine-photo{width:100%;min-height:400px}.access-grid{grid-template-columns:1fr}.access-card{min-height:270px}
  .contact-actions{flex-direction:column}.contact-actions .btn{width:100%}.footer-inner{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer-inner small{grid-column:auto}
  footer{padding-bottom:110px}.mobile-bar{position:fixed;z-index:60;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:1fr 1fr;background:rgba(15,17,21,.94);backdrop-filter:blur(18px);border:1px solid #30343b;border-radius:16px;padding:7px;box-shadow:0 20px 50px rgba(0,0,0,.55)}
  .mobile-action{display:flex;flex-direction:column;padding:9px 12px;border-radius:11px}.mobile-action:first-child{background:var(--red)}.mobile-action span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;opacity:.75}.mobile-action b{font-size:13px}
}
@media(max-width:480px){.brand strong{font-size:13px}.hero-tags{gap:6px}.hero-tags span{font-size:10px}.contact-line{flex-direction:column;gap:6px}.contact-line b{text-align:left}}
