:root{--blue:#08a8ff;--blue2:#0568dc;--dark:#06101d;--ink:#101826;--muted:#647184;--white:#fff;--line:#dce6ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}
.topbar{position:sticky;top:0;z-index:20;min-height:76px;padding:8px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;background:rgba(6,16,29,.96);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800}.brand img{width:68px;height:54px;object-fit:contain}.topbar nav{display:flex;gap:28px;align-items:center;color:#fff;font-weight:700}.topbar nav a:hover{color:var(--blue)}.nav-cta{padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--blue2))}.menu{display:none;color:#fff;background:none;border:0;font-size:28px}
.hero{min-height:690px;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 20%,#12375c 0,#06101d 48%,#03070d 100%)}
.hero-logo-bg{position:absolute;inset:-9% -5% -10% 35%;background:url("assets/drakes-logo.png") center/contain no-repeat;opacity:.24;filter:saturate(1.2)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,14,.98) 0%,rgba(2,8,14,.8) 48%,rgba(2,8,14,.25) 100%)}
.hero-content{position:relative;z-index:2;width:min(1160px,90vw);margin:auto;color:#fff}.eyebrow{font-size:.82rem;letter-spacing:.2em;font-weight:900;color:var(--blue);margin:0 0 14px}
h1{font-size:clamp(3.4rem,8vw,7.6rem);line-height:.88;margin:0 0 25px;letter-spacing:-.06em;text-transform:uppercase;max-width:850px}h1 span{color:transparent;-webkit-text-stroke:2px var(--blue)}
.lead{font-size:1.25rem;line-height:1.6;max-width:650px;color:#d8e6f4}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}.button{display:inline-flex;justify-content:center;align-items:center;padding:16px 23px;border-radius:10px;font-weight:900;border:0;cursor:pointer;font-size:1rem}.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 10px 30px rgba(0,158,255,.3)}.secondary{border:1px solid rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.05)}.trust-row{display:flex;gap:26px;flex-wrap:wrap;color:#d4e2ee;font-weight:700}
.section{padding:92px max(5vw,20px)}.section-heading{text-align:center;max-width:760px;margin:0 auto 45px}.section-heading h2,.about h2,.quote h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1;margin:0 0 18px}.section-heading>p:last-child{color:var(--muted);font-size:1.08rem;line-height:1.6}
.cards{max-width:1160px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(7,33,57,.07)}.card .icon{font-size:2.1rem}.card h3{font-size:1.25rem;margin:20px 0 9px}.card p{color:var(--muted);line-height:1.6;margin:0}
.pricing{background:linear-gradient(150deg,#06101d,#0b223b);color:#fff}.light>p:last-child{color:#adc0d3}.price-grid{max-width:1040px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{position:relative;padding:34px;border-radius:18px;background:#fff;color:var(--ink);text-align:center}.price-card p{font-weight:800}.price-card strong{display:block;font-size:3.7rem;color:var(--blue2)}.price-card span{display:block;color:var(--muted);margin:5px 0 24px}.price-card a{display:block;padding:14px;border-radius:8px;background:var(--dark);color:#fff;font-weight:800}.price-card.featured{outline:3px solid var(--blue);transform:translateY(-10px)}.price-card b{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--blue);padding:8px 15px;border-radius:99px;font-size:.7rem;white-space:nowrap}
.bundle{max-width:1040px;margin:50px auto 0;padding:32px;border-radius:20px;border:1px solid rgba(255,255,255,.15);display:grid;grid-template-columns:1fr 1.3fr;gap:45px;background:rgba(255,255,255,.04)}.bundle h3{font-size:2rem;margin:0}.bundle-list p{display:flex;justify-content:space-between;gap:20px;padding:14px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.12)}.bundle-list strong{color:var(--blue);font-size:1.15rem}
.about{max-width:1160px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px}.about>div>p{color:var(--muted);font-size:1.1rem;line-height:1.75}.about ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.about li{padding:15px;border-radius:10px;background:#f1f7fb;font-weight:750}.about li:before{content:"✓";color:var(--blue2);margin-right:8px}.about img{width:100%;filter:drop-shadow(0 20px 35px rgba(5,74,126,.2))}
.quote{background:#eef7fc;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.quote-copy{justify-self:end;max-width:460px}.quote-copy>p{color:var(--muted);line-height:1.7}.contact-link{display:block;color:var(--blue2);font-weight:850;margin:16px 0;font-size:1.1rem}form{max-width:680px;background:#fff;padding:34px;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:18px;box-shadow:0 15px 45px rgba(6,42,69,.12)}label{font-weight:800;font-size:.9rem}input,select,textarea{width:100%;margin-top:8px;padding:14px;border:1px solid #cbd9e5;border-radius:8px;font:inherit;background:#fff}label:nth-last-of-type(1){grid-column:1/-1}form .button,form small{grid-column:1/-1}form small{color:var(--muted)}
footer{padding:28px max(5vw,20px);display:grid;grid-template-columns:auto 1fr 1fr auto;gap:18px;align-items:center;background:#03070d;color:#fff}footer img{width:85px}footer div{display:flex;flex-direction:column;gap:6px}footer a,footer span{color:#a9bdd0}footer p{color:#71849a;font-size:.8rem}.floating{position:fixed;right:20px;bottom:20px;z-index:30;background:var(--blue2);color:#fff;padding:14px 18px;border-radius:99px;font-weight:900;box-shadow:0 8px 30px rgba(0,0,0,.28)}
@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.price-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.bundle,.about,.quote{grid-template-columns:1fr}.quote-copy{justify-self:start}.hero-logo-bg{inset:20% -20% -10% 15%}.topbar nav{display:none;position:absolute;top:76px;left:0;right:0;padding:22px;background:#06101d;flex-direction:column}.topbar nav.open{display:flex}.menu{display:block}footer{grid-template-columns:auto 1fr}footer p{grid-column:1/-1}}
@media(max-width:600px){.brand span{display:none}.hero{min-height:650px}h1{font-size:3.5rem}.trust-row{gap:10px;flex-direction:column}.cards{grid-template-columns:1fr}.section{padding:70px 20px}.about ul{grid-template-columns:1fr}.bundle{padding:22px}.bundle-list p{font-size:.9rem}form{grid-template-columns:1fr;padding:23px}form label{grid-column:1/-1}footer{grid-template-columns:1fr;text-align:center;justify-items:center}.floating{right:12px;bottom:12px}}