:root{--blue:#1454e6;--green:#21c37d;--navy:#07152f;--muted:#5b6b85;--line:#dce4ee}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--navy);background:linear-gradient(135deg,#f7f9fc 0%,#eef8f3 100%)}
.container{max-width:1200px;margin:auto;padding:18px 24px 60px}
.nav{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.9);padding:12px 18px;border-radius:26px;box-shadow:0 10px 35px rgba(0,0,0,.06)}
.brand{display:flex;align-items:center;gap:14px;font-size:1.55rem;font-weight:900}
.brand img{width:48px;height:48px;object-fit:contain}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 24px;font-weight:900;text-decoration:none;border:none;cursor:pointer;font-size:1rem}
.dark{background:var(--navy);color:white}.blue{background:var(--blue);color:white}.white{background:white;color:var(--navy);border:1px solid var(--line)}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:90px 0 80px}
.badge{display:inline-block;background:#eaf0ff;color:var(--blue);font-weight:900;padding:12px 18px;border-radius:999px;margin-bottom:26px}
h1{font-size:clamp(4rem,8vw,6.8rem);line-height:.94;letter-spacing:-.07em;margin:0}
h1 span{color:var(--blue)}
.hero-copy p{color:var(--muted);font-size:1.45rem;line-height:1.35;max-width:620px}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.mockup{background:var(--navy);color:white;border-radius:42px;padding:26px;box-shadow:0 35px 80px rgba(7,21,47,.22)}
.mockup-title{display:flex;align-items:center;gap:14px;font-size:1.25rem;margin-bottom:22px}
.mockup-title img{width:54px;height:54px;object-fit:contain;background:white;border-radius:16px}
.deal{background:#1d2d4a;padding:28px 30px;border-radius:24px;font-size:1.5rem;font-weight:900;margin-top:16px}
.featured{background:linear-gradient(135deg,var(--blue),var(--green))}
.pillars{padding:40px 0}
.pillars h2,.business h2,.waitlist-strip h2,.modal h2{font-size:clamp(2.1rem,4vw,4rem);letter-spacing:-.05em;margin:0 0 28px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:white;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 10px 35px rgba(0,0,0,.04)}
.icon{font-size:2.3rem}.card p,.business p,.waitlist-strip p,.modal p{color:var(--muted);line-height:1.55}
.business{margin:50px 0;background:linear-gradient(135deg,var(--navy),var(--blue));color:white;border-radius:36px;padding:42px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.business p{color:rgba(255,255,255,.78)}.small-title{text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.waitlist-strip{background:white;border:1px solid var(--line);border-radius:36px;padding:42px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.07)}
.modal-backdrop{position:fixed;inset:0;background:rgba(7,21,47,.62);display:none;align-items:center;justify-content:center;padding:22px;z-index:999}
.modal-backdrop.show{display:flex}
.modal{width:min(560px,100%);background:white;border-radius:34px;padding:30px;position:relative;box-shadow:0 28px 90px rgba(0,0,0,.26)}
.close{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:white;font-size:1.7rem;cursor:pointer}
.modal-logo{width:62px;height:62px;object-fit:contain;margin-bottom:16px}
form{display:grid;gap:12px;margin-top:20px}
label{text-align:left;font-weight:800;color:var(--navy)}
input,select{width:100%;border-radius:16px;border:1px solid var(--line);padding:15px;font:inherit;margin-top:6px}
.submit{width:100%;margin-top:6px}small{color:var(--muted);display:block;margin-top:18px}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(30px);background:var(--navy);color:white;border-radius:999px;padding:14px 22px;opacity:0;transition:.25s ease;z-index:1000;font-weight:900}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
footer{max-width:1200px;margin:auto;padding:26px 24px;display:flex;justify-content:space-between;color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding:50px 0}.grid{grid-template-columns:1fr}.business,footer{flex-direction:column;align-items:flex-start}.modal{padding:24px;border-radius:26px}}