:root{
  --ink:#080808;
  --ink-2:#111113;
  --cyan:#ffd400;
  --cyan-soft:#fff1a0;
  --amber:#ffd400;
  --paper:#f2f1ed;
  --muted:#666660;
  --line:rgba(10,10,10,.12);
  --shadow:0 30px 80px rgba(0,0,0,.24);
}

body{background:var(--paper)}
::selection{background:#ffd400;color:#080808}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffd400;outline-offset:4px}
.utility-bar{height:34px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:flex-end;gap:25px;background:#080808;color:#d9d9d5;font:700 10px Manrope,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.utility-bar span{margin-right:auto}.utility-bar i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#ffd400;box-shadow:0 0 14px rgba(255,212,0,.8)}
.utility-bar a:hover{color:#ffd400}
.site-header{width:min(1280px,calc(100% - 28px));height:82px;margin:10px auto 0;padding:0 26px;position:sticky;top:10px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(8,8,8,.92);backdrop-filter:blur(16px);box-shadow:0 16px 50px rgba(0,0,0,.22);color:#fff}
.brand-mark svg{fill:#ffd400}.brand-mark-cut{stroke:#080808}.brand-copy small{color:#aaa}
.main-nav a:hover{color:#ffd400}.main-nav .nav-cta{border-color:#ffd400;background:#ffd400;color:#080808}.main-nav .nav-cta:hover{background:#ffe34f;color:#080808}
.menu-toggle span{background:#fff}

.hero{width:min(1320px,calc(100% - 24px));min-height:700px;margin-top:14px;padding:68px clamp(28px,5vw,70px) 76px;border-radius:32px;background:radial-gradient(circle at 15% 12%,rgba(255,212,0,.11),transparent 30%),linear-gradient(145deg,#151516,#050505);color:#fff;grid-template-columns:.86fr 1.14fr;gap:60px;overflow:hidden;position:relative}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 58%)}
.hero-copy,.hero-visual{position:relative;z-index:2}.hero .eyebrow{color:#c6c6be}.hero h1{font-size:clamp(52px,6vw,84px);line-height:.95}.hero h1 em{color:#ffd400}.hero-lead{color:#c1c1bb;font-size:17px;max-width:580px}.button{min-height:50px;border-radius:10px}.button.primary{background:#ffd400;color:#080808;box-shadow:0 13px 30px rgba(255,212,0,.18)}.button.primary:hover{background:#ffe45f}.button.ghost{border-color:rgba(255,255,255,.35);color:#fff}.button.ghost:hover{background:#fff;color:#080808}.hero-proof{border-color:rgba(255,255,255,.15)}.hero-proof strong{color:#ffd400}.hero-proof span{color:#aaa}
.hero-visual{height:555px}.visual-frame.hero-photo-frame{inset:0;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:#161616}.visual-frame:before{display:none}.hero-scene{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 42%,rgba(0,0,0,.62));pointer-events:none}.hero-brand-badge{position:absolute;left:22px;bottom:20px;display:flex;align-items:center;gap:12px;color:#fff;font:700 8px/1.45 Manrope;letter-spacing:.16em}.hero-brand-badge img{width:66px;height:66px;object-fit:contain;border-radius:50%;box-shadow:0 9px 25px rgba(0,0,0,.35)}
.floating-card{background:rgba(12,12,12,.91);border-color:rgba(255,255,255,.15);color:#fff;backdrop-filter:blur(14px);box-shadow:0 18px 45px rgba(0,0,0,.32)}.floating-card .mini-icon{background:#ffd400;color:#080808}.floating-card small{color:#aaa}.card-camera{right:-14px;top:36px}.card-access{left:-22px;bottom:25px}
.trust-bar{min-height:86px;background:#ffd400;color:#080808}.trust-bar i{background:#080808;box-shadow:none}.trust-bar p{font-weight:800}

.solutions{padding-top:135px}.section-heading h2{max-width:780px}.service-card{border:0;border-radius:20px;box-shadow:0 12px 35px rgba(0,0,0,.055)}.service-card:hover{border-color:transparent;box-shadow:0 24px 55px rgba(0,0,0,.12)}.service-card.featured{background:#0e0e10}.service-icon{background:#fff0a5}.service-icon svg{stroke:#8a6b00}.service-card:after{background:rgba(255,212,0,.1)}
.method{background:linear-gradient(145deg,#101011,#050505)}.method:after{border-color:rgba(255,212,0,.13);box-shadow:0 0 0 80px rgba(255,212,0,.025),0 0 0 160px rgba(255,212,0,.015)}
.company-photo{border-radius:26px 90px 26px 26px}.company-badge{background:#ffd400}.contact-panel{background:radial-gradient(circle at 10% 100%,rgba(255,212,0,.12),transparent 30%),linear-gradient(145deg,#131314,#050505)}
.contact-direct strong,.form-status{color:#ffd400}.whatsapp-float{width:auto;min-width:58px;padding:0 18px;border-radius:99px;gap:9px}.whatsapp-float:after{content:"WHATSAPP";font-size:10px;letter-spacing:.09em}

@media(max-width:980px){
  .utility-bar{padding-inline:20px}.site-header{top:8px}.main-nav{top:78px;border-radius:16px;background:#111;color:#fff}.hero{grid-template-columns:1fr;padding-top:58px}.hero-visual{height:520px}.card-access{left:8px}.card-camera{right:8px}
}
@media(max-width:640px){
  .utility-bar{justify-content:center;gap:14px}.utility-bar span{display:none}.utility-bar a:first-of-type{display:none}.site-header{width:calc(100% - 18px);padding-inline:16px}.hero{width:calc(100% - 14px);padding:44px 20px 54px;border-radius:22px;gap:34px}.hero h1{font-size:48px}.hero-visual{height:400px}.hero-brand-badge{left:14px;bottom:14px}.hero-brand-badge img{width:52px;height:52px}.floating-card{min-width:175px;padding:10px 12px}.card-camera{right:-4px}.card-access{left:-4px}.trust-bar{padding-inline:24px}.whatsapp-float{right:14px;bottom:14px}.company-photo{border-radius:18px 55px 18px 18px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}