:root { --blue:#1377e5; --blue-dark:#0753ad; --ice:#eaf5ff; --black:#07111f; --muted:#647083; --line:#dce5ef; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--black); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
button,input,textarea { font:inherit; }
.hidden { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.success-page { min-height:100vh; max-width:720px; margin:auto; padding:80px 28px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.success-page > img { width:220px; margin-bottom:40px; }
.success-page h1 { font-size:58px; }
.success-page > p:not(.eyebrow) { color:var(--muted); font-size:18px; line-height:1.7; margin:24px 0 32px; }
.site-header { height:86px; max-width:1240px; margin:auto; padding:0 28px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { width:172px; height:65px; display:flex; align-items:center; overflow:hidden; }
.brand img { width:172px; }
nav { display:flex; gap:34px; font-size:14px; font-weight:700; }
nav a:hover,.text-link:hover,.review-links a:hover { color:var(--blue); }
.button { border:0; border-radius:8px; display:inline-flex; justify-content:center; align-items:center; gap:20px; padding:17px 22px; background:var(--blue); color:white; font-weight:800; box-shadow:0 8px 24px rgba(19,119,229,.2); cursor:pointer; transition:.2s ease; }
.button:hover { background:var(--blue-dark); transform:translateY(-1px); }
.button-small { padding:12px 18px; box-shadow:none; font-size:14px; }
.hero { min-height:690px; display:grid; grid-template-columns:1.05fr .95fr; max-width:1240px; margin:auto; padding:76px 28px 64px; align-items:center; gap:40px; }
.eyebrow { margin:0 0 20px; color:var(--blue); text-transform:uppercase; font-size:12px; font-weight:900; letter-spacing:.17em; }
.eyebrow span { padding:8px 12px; border-radius:99px; background:var(--ice); }
h1 { max-width:680px; margin:0; font-size:68px; line-height:.98; letter-spacing:-.055em; }
h1 em { color:var(--blue); font-style:normal; }
.hero-text { max-width:610px; margin:26px 0; color:var(--muted); font-size:19px; line-height:1.65; }
.hero-actions { display:flex; align-items:center; gap:26px; }
.text-link { font-weight:800; border-bottom:1px solid var(--black); padding-bottom:4px; }
.proof-row { display:flex; margin-top:54px; padding-top:24px; border-top:1px solid var(--line); }
.proof-row div { min-width:150px; display:flex; flex-direction:column; padding-right:28px; margin-right:28px; border-right:1px solid var(--line); }
.proof-row div:last-child { border:0; }
.proof-row strong { font-size:18px; }
.proof-row span { margin-top:6px; font-size:12px; color:var(--muted); }
.hero-visual { position:relative; min-height:470px; border-radius:32px; background:linear-gradient(145deg,#f6fbff,#d7ecff); overflow:hidden; box-shadow:inset 0 0 0 1px #d7e8f8; display:flex; align-items:center; justify-content:center; }
.hero-visual:before { content:""; position:absolute; width:420px; height:420px; border:1px solid rgba(19,119,229,.18); border-radius:50%; }
.hero-visual img { width:84%; position:relative; mix-blend-mode:multiply; filter:contrast(1.08); }
.speed-line { position:absolute; height:7px; background:var(--blue); border-radius:99px; transform:skewX(-30deg); opacity:.18; }
.speed-one { width:330px; top:80px; left:-80px; }
.speed-two { width:240px; bottom:90px; right:-50px; }
.floating-card { position:absolute; right:22px; bottom:22px; padding:16px 20px; border:1px solid rgba(255,255,255,.8); background:rgba(255,255,255,.9); backdrop-filter:blur(10px); border-radius:14px; display:flex; gap:12px; align-items:center; box-shadow:0 14px 45px rgba(7,17,31,.14); }
.floating-card div { display:flex; flex-direction:column; gap:3px; }
.floating-card small { color:var(--muted); font-size:11px; }
.floating-card strong { font-size:13px; }
.status-dot { width:10px; height:10px; background:#2abd73; border-radius:50%; box-shadow:0 0 0 5px rgba(42,189,115,.15); }
.section { padding:100px max(28px,calc((100vw - 1184px)/2)); }
.deals-section { background:#f7fafc; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:40px; }
.section-heading h2,.trust-copy h2,.contact-copy h2 { max-width:700px; margin:0; font-size:46px; line-height:1.05; letter-spacing:-.04em; }
.section-heading > p { max-width:420px; color:var(--muted); line-height:1.6; }
.deal-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.deal-card { min-height:280px; background:white; border:1px solid var(--line); border-radius:18px; padding:24px; transition:.2s ease; }
.deal-card:hover { transform:translateY(-4px); border-color:#9bc9f7; box-shadow:0 16px 36px rgba(20,60,100,.08); }
.deal-top { display:flex; justify-content:space-between; color:#9aa5b4; font-size:11px; letter-spacing:.1em; }
.deal-top b { color:var(--blue); background:var(--ice); border-radius:5px; padding:5px 7px; }
.deal-card h3 { min-height:48px; margin:25px 0 15px; font-size:18px; }
.payment { display:flex; align-items:baseline; gap:6px; margin:0; color:var(--blue); font-size:40px; font-weight:900; }
.payment span,.payment small { color:var(--muted); font-size:11px; font-weight:600; }
.deal-note { color:var(--muted); font-size:13px; }
.deal-card a { display:block; margin-top:26px; border-top:1px solid var(--line); padding-top:18px; font-size:13px; font-weight:900; }
.deal-card a span { float:right; color:var(--blue); }
.disclaimer { margin:28px 0 0; color:#8b95a4; font-size:11px; line-height:1.6; }
.deliveries-section { background:white; }
.delivery-grid { display:grid; grid-template-columns:repeat(4,1fr); grid-auto-rows:250px; gap:16px; }
.delivery-card { position:relative; margin:0; border-radius:18px; overflow:hidden; background:#dce5ef; }
.delivery-card.delivery-featured { grid-column:span 2; grid-row:span 2; }
.delivery-card.delivery-tall { grid-row:span 2; }
.delivery-card img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .45s ease; }
.delivery-card:hover img { transform:scale(1.035); }
.delivery-card:after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(4,12,22,.82)); pointer-events:none; }
.delivery-card figcaption { position:absolute; z-index:1; left:20px; right:20px; bottom:18px; display:flex; flex-direction:column; gap:4px; color:white; }
.delivery-card figcaption strong { font-size:16px; }
.delivery-card figcaption span { font-size:11px; color:#d8e7f5; text-transform:uppercase; letter-spacing:.12em; }
.trust-section { display:grid; grid-template-columns:1fr 1fr; gap:80px; background:var(--black); color:white; }
.eyebrow.light { color:#77bbff; }
.trust-copy > p:not(.eyebrow) { max-width:530px; color:#aab6c5; font-size:17px; line-height:1.7; margin:25px 0 30px; }
.button-white { background:white; color:var(--black); box-shadow:none; }
.button-white:hover { color:white; }
.steps { display:flex; flex-direction:column; }
.steps > div { display:flex; gap:24px; padding:22px 0; border-bottom:1px solid #293343; }
.steps span { color:#63aff8; font-size:12px; font-weight:900; }
.steps h3 { margin:0 0 7px; font-size:17px; }
.steps p { margin:0; color:#94a2b4; font-size:13px; line-height:1.5; }
.reviews-section { background:white; }
.review-links { display:flex; gap:18px; }
.review-links a { font-size:13px; font-weight:800; border-bottom:1px solid var(--line); padding-bottom:5px; }
.review-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.review-card { border:1px solid var(--line); border-radius:18px; padding:28px; }
.stars { color:#ffb423; letter-spacing:4px; font-size:13px; }
blockquote { min-height:120px; margin:20px 0 26px; font-size:17px; font-weight:700; line-height:1.55; }
.review-author { border-top:1px solid var(--line); padding-top:18px; display:flex; align-items:center; gap:12px; }
.review-author > span { width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:var(--ice); color:var(--blue); font-weight:900; }
.review-author div { display:flex; flex-direction:column; gap:3px; }
.review-author small { color:var(--muted); }
.contact-section { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; background:linear-gradient(135deg,#0962bf,#1384ed); color:white; }
.contact-copy > p:not(.eyebrow) { color:#d3eaff; line-height:1.7; font-size:17px; }
.email-card { margin-top:36px; padding-top:22px; border-top:1px solid rgba(255,255,255,.25); display:flex; flex-direction:column; gap:7px; }
.email-card small { color:#c9e5ff; }
.email-card a { font-weight:900; }
form { background:white; color:var(--black); border-radius:20px; padding:30px; box-shadow:0 20px 55px rgba(0,32,75,.22); }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
label { display:flex; flex-direction:column; gap:8px; margin-bottom:15px; font-size:12px; font-weight:800; }
input,textarea { width:100%; border:1px solid #d7e0ea; border-radius:8px; padding:13px 14px; outline:none; color:var(--black); background:#fbfcfd; }
input:focus,textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(19,119,229,.12); }
textarea { resize:vertical; }
.form-button { width:100%; }
.form-note { margin:12px 0 0; color:var(--muted); font-size:10px; text-align:center; }
footer { max-width:1184px; min-height:210px; margin:auto; padding:50px 0; display:grid; grid-template-columns:160px 1fr auto; align-items:center; gap:30px; }
footer img { width:150px; }
footer p { color:var(--muted); }
footer a { font-weight:800; }
footer small { grid-column:1/-1; border-top:1px solid var(--line); padding-top:22px; color:var(--muted); }

@media(max-width:900px) {
  nav { display:none; }
  .hero { grid-template-columns:1fr; padding-top:55px; }
  h1 { font-size:54px; }
  .hero-visual { min-height:380px; }
  .deal-grid,.review-grid { grid-template-columns:1fr 1fr; }
  .delivery-grid { grid-template-columns:repeat(2,1fr); grid-auto-rows:260px; }
  .trust-section,.contact-section { grid-template-columns:1fr; gap:50px; }
}
@media(max-width:620px) {
  .site-header { height:72px; padding:0 18px; }
  .brand,.brand img { width:140px; }
  .button-small { padding:10px 13px; }
  .hero { padding:45px 20px 50px; min-height:auto; }
  h1 { font-size:44px; }
  .hero-text { font-size:16px; }
  .hero-actions { align-items:flex-start; flex-direction:column; }
  .proof-row { flex-wrap:wrap; gap:18px; margin-top:38px; }
  .proof-row div { min-width:120px; padding:0; margin:0; border:0; }
  .hero-visual { min-height:300px; border-radius:20px; }
  .floating-card { right:12px; bottom:12px; }
  .section { padding:70px 20px; }
  .section-heading { align-items:flex-start; flex-direction:column; }
  .section-heading h2,.trust-copy h2,.contact-copy h2 { font-size:38px; }
  .deal-grid,.review-grid { grid-template-columns:1fr; }
  .delivery-grid { grid-template-columns:1fr; grid-auto-rows:260px; }
  .delivery-card.delivery-featured,.delivery-card.delivery-tall { grid-column:auto; grid-row:auto; }
  .review-links { flex-direction:column; }
  .form-row { grid-template-columns:1fr; gap:0; }
  form { padding:22px; }
  footer { margin:0 20px; grid-template-columns:1fr; gap:12px; }
  footer small { grid-column:1; }
}