:root { --ink:#101923; --navy:#0b1621; --amber:#e5a83a; --sand:#f4f0e8; --white:#fff; --muted:#66717b; --line:#d9d6ce; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--sand); color:var(--ink); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }

.site-header { position:absolute; z-index:20; top:0; left:0; right:0; height:94px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 clamp(24px,5vw,80px); color:var(--white); border-bottom:1px solid rgba(255,255,255,.18); }
.brand { display:inline-flex; align-items:center; gap:11px; width:max-content; }
.brand-official { align-self:stretch; background:#fff; padding:7px 17px; overflow:hidden; }
.brand-official img { display:block; width:122px; height:100%; object-fit:contain; }
.brand-mark { width:39px; height:44px; display:grid; place-items:center; color:var(--navy); background:var(--amber); font-family:Georgia,serif; font-weight:700; font-size:28px; clip-path:polygon(50% 0,100% 22%,100% 100%,0 100%,0 22%); }
.brand-copy { display:flex; flex-direction:column; line-height:.9; letter-spacing:.08em; }
.brand-copy strong { font-family:Georgia,serif; font-size:24px; }
.brand-copy small { margin-top:8px; font-size:8px; letter-spacing:.28em; }
nav { display:flex; gap:clamp(24px,3vw,50px); font-size:13px; }
nav a { opacity:.83; transition:opacity .2s ease; }
nav a:hover { opacity:1; }
.header-cta { justify-self:end; padding-bottom:6px; border-bottom:1px solid var(--amber); font-size:13px; }

.hero { position:relative; min-height:780px; height:100vh; display:flex; align-items:center; overflow:hidden; color:var(--white); background:linear-gradient(105deg,rgba(6,15,23,.98) 0%,rgba(6,15,23,.88) 38%,rgba(6,15,23,.18) 75%),url('/alenz-hero.png') center/cover no-repeat; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(to top,rgba(2,9,15,.32),transparent 40%); }
.hero-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:88px 88px; mask-image:linear-gradient(to right,black,transparent 70%); }
.hero-content { position:relative; z-index:2; width:min(760px,82vw); margin-left:clamp(24px,8vw,128px); padding-top:65px; }
.eyebrow { display:flex; align-items:center; gap:13px; margin:0 0 28px; font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
.eyebrow span { width:38px; height:2px; background:var(--amber); }
.hero h1 { max-width:730px; margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(56px,7.3vw,108px); font-weight:400; line-height:.94; letter-spacing:-.045em; }
.hero-lead { max-width:590px; margin:34px 0 0; color:rgba(255,255,255,.75); font-size:18px; line-height:1.7; }
.hero-actions { display:flex; align-items:center; gap:34px; margin-top:42px; }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:32px; padding:18px 23px; font-size:13px; font-weight:700; transition:transform .2s ease,background .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { background:var(--amber); color:var(--navy); }
.button-light { background:var(--white); color:var(--navy); }
.text-link { padding-bottom:7px; border-bottom:1px solid rgba(255,255,255,.4); font-size:13px; }
.text-link span { margin-left:10px; color:var(--amber); }
.hero-note { position:absolute; right:clamp(25px,5vw,80px); bottom:48px; z-index:2; display:flex; align-items:flex-end; gap:18px; }
.hero-note-line { width:2px; height:65px; background:var(--amber); }
.hero-note p { margin:0; font-family:Georgia,serif; font-size:18px; line-height:1.45; }

.section { padding:120px clamp(24px,8vw,128px); }
.section-label { color:#7b807f; font-size:10px; font-weight:700; letter-spacing:.19em; text-transform:uppercase; }
.section-label.light { color:rgba(255,255,255,.45); }
.kicker { margin:0 0 20px; color:#92702e; font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.kicker.amber { color:var(--amber); }
.intro { display:grid; grid-template-columns:.7fr 2fr 1fr; gap:clamp(40px,7vw,110px); align-items:start; }
.intro h2,.services h2,.process h2,.contact h2 { margin:0; font-family:Georgia,serif; font-weight:400; letter-spacing:-.035em; }
.intro h2 { max-width:720px; font-size:clamp(40px,5vw,68px); line-height:1.03; }
.body-copy { max-width:620px; margin:34px 0 0; color:var(--muted); font-size:17px; line-height:1.8; }
.principles { display:grid; gap:15px; margin:34px 0 0; padding:0; list-style:none; }
.principles li { display:flex; align-items:center; gap:13px; font-size:14px; }
.principles span { color:#a77923; }
.statement-card { min-height:330px; padding:28px; background:var(--amber); display:flex; flex-direction:column; }
.statement-index { font-size:10px; letter-spacing:.18em; }
.statement-card p { margin:auto 0 25px; font-family:Georgia,serif; font-size:27px; line-height:1.25; }
.statement-rule { width:100%; height:1px; background:rgba(16,25,35,.35); }
.statement-card small { margin-top:15px; font-size:8px; letter-spacing:.23em; }

.services { background:var(--navy); color:var(--white); }
.services-heading { display:grid; grid-template-columns:.7fr 3fr; gap:50px; margin-bottom:75px; }
.services-heading h2 { max-width:880px; font-size:clamp(42px,5.2vw,72px); line-height:1.04; }
.service-list { border-top:1px solid rgba(255,255,255,.18); }
.service-row { display:grid; grid-template-columns:.45fr 1.35fr 1.4fr auto; gap:32px; align-items:center; min-height:145px; border-bottom:1px solid rgba(255,255,255,.18); transition:background .2s ease,padding .2s ease; }
.service-row:hover { padding:0 18px; background:rgba(255,255,255,.035); }
.service-number { color:var(--amber); font-size:11px; }
.service-row h3 { margin:0; font-family:Georgia,serif; font-size:28px; font-weight:400; }
.service-row p { max-width:470px; margin:0; color:rgba(255,255,255,.58); font-size:14px; line-height:1.7; }
.service-arrow { color:var(--amber); font-size:24px; }

.process { background:#f8f6f1; }
.process-heading { display:grid; grid-template-columns:.7fr 3fr; gap:50px; margin-top:42px; }
.process-heading .kicker { padding-top:12px; }
.process h2 { max-width:830px; font-size:clamp(42px,5vw,68px); line-height:1.05; }
.process-steps { display:grid; grid-template-columns:repeat(4,1fr); margin-top:80px; border-top:1px solid var(--line); }
.process-steps article { min-height:260px; padding:27px 32px 20px 0; border-right:1px solid var(--line); }
.process-steps article:not(:first-child) { padding-left:32px; }
.process-steps article:last-child { border-right:0; }
.process-steps span { color:#a77923; font-size:11px; }
.process-steps h3 { margin:74px 0 15px; font-family:Georgia,serif; font-size:27px; font-weight:400; }
.process-steps p { margin:0; color:var(--muted); font-size:14px; line-height:1.65; }

.contact { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; padding:100px clamp(24px,8vw,128px); background:var(--amber); color:var(--navy); }
.contact .eyebrow span { background:var(--navy); }
.contact h2 { max-width:760px; font-size:clamp(48px,6vw,82px); line-height:.98; }
.contact-number { margin-top:22px; font-size:16px; font-weight:700; letter-spacing:.02em; }
.whatsapp-float { position:fixed; right:22px; bottom:22px; z-index:30; display:grid; place-items:center; width:58px; height:58px; border-radius:50%; background:#25d366; color:#fff; box-shadow:0 10px 28px rgba(0,0,0,.28); font-size:13px; font-weight:800; letter-spacing:.04em; transition:transform .2s ease,box-shadow .2s ease; }
.whatsapp-float:hover { transform:translateY(-3px); box-shadow:0 14px 32px rgba(0,0,0,.34); }
footer { display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; gap:30px; padding:42px clamp(24px,8vw,128px); background:#07111a; color:rgba(255,255,255,.6); font-size:11px; }
.footer-brand { color:var(--white); align-self:auto; height:92px; }
.footer-brand img { width:150px; }
footer p:nth-of-type(1) { text-align:center; }
footer p:last-child { text-align:right; }

@media (max-width:900px) {
  .site-header { grid-template-columns:1fr auto; height:78px; } nav { display:none; }
  .hero { min-height:700px; } .hero-content { margin-left:24px; width:calc(100% - 48px); } .hero-note { display:none; }
  .intro { grid-template-columns:1fr; } .statement-card { min-height:260px; }
  .services-heading,.process-heading { grid-template-columns:1fr; }
  .service-row { grid-template-columns:50px 1fr auto; padding:28px 0; } .service-row p { grid-column:2 / 4; }
  .process-steps { grid-template-columns:1fr 1fr; } .process-steps article:nth-child(2) { border-right:0; }
  .contact { align-items:flex-start; flex-direction:column; }
}
@media (max-width:560px) {
  .header-cta { font-size:11px; } .brand-copy strong { font-size:20px; } .brand-mark { width:34px; height:39px; }
  .brand-official { padding:8px 10px; } .brand-official img { width:96px; }
  .hero { height:auto; min-height:760px; background-position:62% center; } .hero h1 { font-size:54px; } .hero-lead { font-size:16px; }
  .hero-actions { align-items:flex-start; flex-direction:column; gap:23px; } .section { padding-top:82px; padding-bottom:82px; }
  .service-row { grid-template-columns:35px 1fr auto; } .service-row h3 { font-size:23px; }
  .process-steps { grid-template-columns:1fr; } .process-steps article,.process-steps article:not(:first-child) { min-height:auto; padding:25px 0; border-right:0; border-bottom:1px solid var(--line); }
  .process-steps h3 { margin-top:30px; } footer { grid-template-columns:1fr; } footer p:nth-of-type(1),footer p:last-child { text-align:left; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition-duration:.01ms !important; } }