*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#070707;color:#fff}
.topbar{height:82px;background:#080808;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #222;position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:12px;font-size:34px;font-weight:800;letter-spacing:-1px}
.brand b,.footer-brand b{color:#ff6900}
.brand-icon{color:#ff6900;font-size:43px;line-height:1}
.phone{display:flex;align-items:center;gap:12px}
.phone>span{font-size:28px;color:#ff6900}
.phone small,.phone strong{display:block}
.phone small{font-size:13px;color:#ddd}
.phone strong{font-size:17px;margin-top:3px}

.hero{min-height:720px;padding:58px 5%;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.68fr);gap:52px;align-items:center;position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.72) 42%,rgba(0,0,0,.28) 100%),url('hero-background.png');background-size:cover;background-position:center}
.copy{max-width:760px;position:relative;z-index:2}
.eyebrow{font-size:18px;font-weight:800;letter-spacing:.3px;margin-bottom:20px}
.eyebrow:before{content:"";display:block;width:72px;height:3px;background:#ff6900;margin-bottom:18px}
h1{font-size:68px;line-height:1.02;letter-spacing:-2px;margin:0 0 24px}
h1 span{color:#ff6900}
.copy>p{font-size:20px;line-height:1.55;max-width:680px;color:#f1f1f1}

.benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:58px;max-width:760px}
.benefits>div{padding:0 22px;border-right:1px solid #666}
.benefits>div:first-child{padding-left:0}
.benefits>div:last-child{border-right:0}
.benefits i{display:flex;width:56px;height:56px;border:2px solid #ff6900;border-radius:50%;align-items:center;justify-content:center;color:#ff6900;font-style:normal;font-size:25px;margin-bottom:12px}
.benefits strong,.benefits small{display:block}
.benefits strong{font-size:15px;margin-bottom:7px}
.benefits small{font-size:13px;line-height:1.4;color:#bbb}

.card{background:#fff;color:#142033;border-radius:16px;padding:30px;box-shadow:0 25px 65px rgba(0,0,0,.55);position:relative;z-index:3}
.card-title{display:flex;align-items:center;gap:12px}
.card-title span{font-size:29px;color:#ff6900}
.card h2{font-size:29px;margin:0}
.intro{color:#52627a;line-height:1.45;margin:12px 0 22px}
label{display:block;font-size:14px;font-weight:800;margin:17px 0}
input{display:block;width:100%;margin-top:8px;padding:15px;border:1px solid #cdd5df;border-radius:8px;font-size:15px;outline:none}
input:focus{border-color:#ff6900;box-shadow:0 0 0 3px rgba(255,105,0,.12)}
button{width:100%;border:0;border-radius:8px;background:#ff6900;color:#fff;font-size:17px;font-weight:800;padding:16px;cursor:pointer}
button:disabled{opacity:.7;cursor:wait}
.secure{text-align:center;color:#718096;font-size:12px;margin-top:16px}
.loading{display:flex;align-items:center;justify-content:center;gap:9px;color:#ff6900;font-weight:800;font-size:14px;margin:12px 0}
.spinner{width:19px;height:19px;border:3px solid #ffd2b8;border-top-color:#ff6900;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

footer{background:#050505;border-top:1px solid #292929;padding:27px 5%;display:grid;grid-template-columns:1fr auto;gap:14px 30px;align-items:center}
.footer-brand{font-size:25px;font-weight:800}
.links{display:flex;gap:25px}
.links a{color:#ddd;text-decoration:none;font-size:14px}
.links a:hover{color:#ff6900}
.disclaimer{grid-column:1/-1;text-align:center;color:#999;font-size:12px}

@media(max-width:1000px){
.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:45px}
.card{max-width:560px;width:100%;margin:auto}
.benefits{max-width:900px}
}
@media(max-width:650px){
.topbar{height:auto;padding:18px 5%;gap:15px;align-items:flex-start}
.brand{font-size:27px}.phone{font-size:12px}.phone strong{font-size:14px}
.hero{padding:40px 5%;background-position:62% center}
h1{font-size:48px}
.benefits{grid-template-columns:1fr 1fr;gap:22px}
.benefits>div{border-right:0;padding:0}
footer{grid-template-columns:1fr}
.links{flex-wrap:wrap}
}