:root{--navy:#092747;--deep:#061b33;--blue:#17486d;--gold:#e5b45c;--gold2:#c88e37;--cream:#fbf7ef;--ink:#122b48;--muted:#657184;--line:#e9e4da}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff;line-height:1.6}
a{color:inherit}header{position:sticky;top:0;z-index:10;background:#fff;box-shadow:0 3px 20px #071d3510;padding:10px clamp(18px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;flex-direction:column;text-decoration:none;color:var(--navy);line-height:1;min-width:180px}.brand-main{display:flex;align-items:center;gap:9px;font-size:43px;font-weight:500;letter-spacing:1px}.brand-mark{width:43px;height:32px;border:7px solid var(--navy);border-right-color:var(--gold);border-radius:22px;transform:rotate(-35deg);position:relative;display:inline-block}.brand-mark:after{content:"";position:absolute;width:34px;height:22px;border:6px solid var(--gold);border-left-color:var(--navy);border-radius:20px;left:8px;top:0;transform:rotate(0deg)}.brand-sub{font-size:10px;letter-spacing:2.2px;margin-top:5px}.brand-tag{font-size:6px;letter-spacing:.7px;margin-top:6px;color:#45546a}
nav{display:flex;align-items:center;gap:clamp(12px,2.2vw,32px)}nav a{text-decoration:none;font-size:14px;white-space:nowrap;color:#102744}nav a:hover{color:var(--gold2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 23px;border-radius:15px;font-weight:700;text-decoration:none;border:1px solid transparent;transition:transform .2s,filter .2s;cursor:pointer}.btn:hover{transform:translateY(-2px);filter:brightness(1.03)}.gold{background:linear-gradient(110deg,#ffdc8b,#c58b35);color:var(--navy)}.outline{border-color:var(--gold);color:white;background:#08274780}.navbtn{padding:12px 19px;white-space:nowrap}
.hero{position:relative;min-height:500px;display:flex;align-items:center;overflow:hidden;background:var(--navy);color:white}.hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,#061b33 0%,#082747 38%,#082747c9 54%,#08274708 100%),url('../images/elo-hero.png');background-size:cover;background-position:center 14%;opacity:1}.hero-copy{position:relative;z-index:1;width:58%;padding:55px 20px 58px clamp(24px,8.5vw,130px)}.eyebrow{font-size:13px;letter-spacing:3.5px;text-transform:uppercase;color:#ffd27b;margin:0 0 14px}h1,h2,h3{margin-top:0}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(39px,4.5vw,65px);line-height:.99;letter-spacing:-1.4px;margin-bottom:19px}h1 span{color:#f3bb5e}.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.55;max-width:580px;margin:0 0 25px;color:#f6f7fb}.actions{display:flex;flex-wrap:wrap;gap:12px}
.features{display:grid;grid-template-columns:repeat(4,1fr);padding:26px clamp(18px,5vw,76px) 30px;background:white;border-radius:32px 32px 0 0;position:relative;margin-top:-1px}.feature{text-align:center;padding:0 18px;border-right:1px solid #eee4d5}.feature:last-child{border:0}.circle{width:64px;height:64px;margin:0 auto 8px;background:#fbf0dc;color:var(--navy);border-radius:50%;display:grid;place-items:center;font-size:30px}.feature h3{font-family:Georgia,serif;font-size:18px;line-height:1.2;margin-bottom:7px}.feature p{font-size:13px;line-height:1.45;color:#4d5a6a;margin:0}
section.content{padding:68px clamp(22px,7vw,105px)}.center{text-align:center}.kicker{text-transform:uppercase;color:#a8752b;letter-spacing:3px;font-size:13px;margin:0 0 8px}h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,3.3vw,43px);line-height:1.15;color:var(--navy);margin-bottom:10px}.lead{color:var(--muted);max-width:720px;margin:0 auto 32px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:left}.card{border:1px solid #e8edf1;border-radius:15px;padding:23px;background:#fff;box-shadow:0 10px 25px #09274708}.iconbox{width:52px;height:52px;border-radius:12px;background:#eaf2fb;display:grid;place-items:center;font-size:27px;color:var(--navy);margin-bottom:15px}.card h3{font-size:17px;color:var(--navy);margin-bottom:8px}.card p{font-size:14px;color:#5e6978;line-height:1.55;margin:0}
.tint{background:var(--cream)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}.benefit{padding:20px 22px;border-left:3px solid var(--gold)}.benefit h3{font-size:18px;margin-bottom:7px}.benefit p{color:var(--muted);font-size:14px;margin:0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}.step{padding:25px;border:1px solid var(--line);border-radius:15px}.num{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:700;margin-bottom:14px}.step h3{margin-bottom:7px}.step p{color:var(--muted);font-size:14px;margin:0}
.faq{max-width:850px;margin:25px auto 0;text-align:left}.faq details{padding:18px 4px;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700;color:var(--navy)}.faq details p{color:var(--muted);margin:10px 0 0}
.contact{background:linear-gradient(120deg,var(--deep),var(--blue));color:white;text-align:center}.contact h2{color:white}.contact .lead{color:#e6edf5}.contact-panel{max-width:790px;margin:auto;padding:38px 25px;border:1px solid #ffffff30;border-radius:20px;background:#ffffff08}.contact .btn{margin-top:8px}.contact-small{font-size:13px;color:#d7e0eb;margin-top:15px}
footer{padding:28px 22px;background:#04162b;color:#d9e3ee;text-align:center;font-size:13px}footer strong{color:white;font-size:17px}footer p{margin:6px 0}.floating{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#20c867;color:white;text-decoration:none;font-size:29px;box-shadow:0 8px 22px #0002;z-index:8}
@media(max-width:1000px){header{flex-wrap:wrap;gap:12px}.brand-main{font-size:36px}.brand-mark{transform:scale(.86) rotate(-35deg)}nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;padding:8px 0}.hero-copy{width:67%;padding-left:35px}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){header{position:relative;padding:12px 16px}.brand-main{font-size:31px}.brand-sub{font-size:8px}.brand-tag{font-size:5px}.brand-mark{width:35px;height:27px;border-width:5px}.brand-mark:after{width:28px;height:18px;border-width:5px;left:7px}.navbtn{font-size:12px;padding:10px 12px}nav{gap:11px}nav a{font-size:12px}.hero{min-height:590px;align-items:flex-end}.hero-art{background-image:linear-gradient(0deg,#061b33 0%,#082747ef 43%,#08274740 100%),url('../images/elo-image-2.png');background-position:57% top}.hero-copy{width:100%;padding:240px 22px 38px}.eyebrow{font-size:10px;letter-spacing:2px}h1{font-size:43px}.hero-copy>p:not(.eyebrow){font-size:15px}.btn{padding:12px 15px;font-size:13px}.features{grid-template-columns:1fr 1fr;padding:22px 10px;gap:22px 0}.feature{padding:0 9px}.feature:nth-child(2){border-right:0}.feature h3{font-size:15px}.feature p{font-size:12px}.circle{width:54px;height:54px;font-size:26px}section.content{padding:48px 20px}.cards,.benefit-grid,.steps{grid-template-columns:1fr}.cards{gap:13px}.card{padding:20px}.contact-panel{padding:28px 18px}.floating{right:14px;bottom:14px;width:52px;height:52px}}