:root{
  --ink:#eef2f6;
  --muted:#d1d7df;
  --panel:rgba(12,16,24,.82);
  --panel-soft:rgba(15,19,28,.72);
  --accent:#ff5b57;
  --accent2:#3068d4;
  --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box}
html{min-height:100%}
body{
  margin:0;
  min-height:100vh;
  font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--ink);
  background:
    linear-gradient(rgba(3,5,10,.74),rgba(3,5,10,.82)),
    url('a4_landscape_smaller.png') center center / cover no-repeat fixed;
}
.wrap{max-width:1040px;margin:auto;padding:0 24px 24px}
.top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:22px 0 18px;
  min-height:106px;
}
.logo-wrap{display:flex;align-items:center}
.site-logo{
  display:block;
  width:auto;
  height:62px;
  max-width:min(100%,430px);
  object-fit:contain;
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.45));
}
.top-url{display:flex;align-items:center;align-self:center;font-size:18px;font-weight:700;line-height:1;color:#fff;text-decoration:none;letter-spacing:.15px;text-shadow:0 2px 10px rgba(0,0,0,.55);transform:translateY(-4px)}
.top-url:link,.top-url:visited,.top-url:hover,.top-url:active{color:#fff;text-decoration:none}
.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center;padding:44px 0 60px}
.hero h1{font-size:50px;line-height:1.03;margin:0 0 18px;letter-spacing:-1.6px;text-shadow:0 4px 18px rgba(0,0,0,.35)}
.hero p{font-size:20px;color:var(--muted);max-width:650px}
.card,.feature{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:0 18px 60px rgba(0,0,0,.38);
  backdrop-filter:blur(7px);
}
.card{padding:26px}
.price{font-size:36px;font-weight:800;color:#fff}
.small{font-size:14px;color:var(--muted)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.full{grid-column:1/-1}
label{display:block;font-size:14px;font-weight:700;margin:0 0 6px;color:#fff}
input,select{width:100%;padding:12px 13px;border:1px solid rgba(255,255,255,.18);border-radius:10px;font:inherit;background:rgba(255,255,255,.94);color:#0f1420}
select{cursor:pointer}
.payrow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.btn{display:block;text-align:center;border:0;border-radius:11px;padding:13px 16px;font-weight:800;cursor:pointer;text-decoration:none;font-size:16px;transition:transform .12s ease, box-shadow .12s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.22)}
.stripe{background:#635bff;color:white}.paypal{background:#ffc439;color:#142c8e}.disabled{opacity:.45;cursor:not-allowed}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px 0 60px}.feature{padding:20px;background:var(--panel-soft)}.feature h3{margin:0 0 8px;color:#fff}.feature p{margin:0;color:var(--muted)}footer{border-top:1px solid rgba(255,255,255,.14);padding:28px 0;color:#d9dfe7;font-size:14px}.notice{background:#453a13;border:1px solid #937a20;color:#fff2c2;border-radius:10px;padding:10px 12px;margin:12px 0}.serial{font:700 20px ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-word;background:rgba(255,255,255,.1);border:1px solid var(--line);padding:14px;border-radius:10px;color:#fff}a{color:#9ec2ff}
@media(max-width:760px){
  .hero,.features{grid-template-columns:1fr}
  .hero{padding:24px 0 36px}
  .hero h1{font-size:38px}
  .grid,.payrow{grid-template-columns:1fr}
  .top{display:block;min-height:0;padding:18px 0 12px}
  .site-logo{height:46px;max-width:100%}
  .top-url{margin-top:10px;transform:none}
}

/* Three-step purchase and installation process */
.easy-steps{position:relative}
.step-card{position:relative;padding:24px 20px 22px 76px;min-height:190px}
.step-number{
  position:absolute;
  left:20px;
  top:22px;
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:21px;
  font-weight:900;
  color:#111827;
  background:rgba(255,255,255,.94);
  box-shadow:0 5px 18px rgba(0,0,0,.25);
}
.step-card h3{font-size:20px;line-height:1.2;margin:1px 0 10px}
.step-card p{line-height:1.55}
@media(max-width:760px){
  .step-card{min-height:0;padding:22px 20px 22px 74px}
  .step-number{left:18px;top:20px}
}


/* Checkout legal consents */
.terms-consent{margin-top:18px;padding:14px 14px 6px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.045)}
.consent-row{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;font-size:13px;line-height:1.42;font-weight:500;color:var(--muted);cursor:pointer}
.consent-row input[type="checkbox"]{width:18px;height:18px;min-width:18px;margin:1px 0 0;padding:0;accent-color:#635bff}
.consent-row a{font-weight:700}
.checkout-note{margin:12px 0 0}
.footer-links{margin-bottom:6px}
.company-details{margin-top:7px;font-size:12px;line-height:1.45;color:#aeb6c3}

/* Terms page */
.legal-wrap{max-width:980px}
.legal-top{padding-bottom:8px}
.legal-card{background:rgba(9,13,21,.94);border:1px solid var(--line);border-radius:18px;padding:34px 42px;box-shadow:0 18px 60px rgba(0,0,0,.4);backdrop-filter:blur(8px)}
.legal-card h1{font-size:38px;line-height:1.12;margin:12px 0 8px;color:#fff}
.legal-card h2{font-size:22px;line-height:1.25;margin:30px 0 8px;color:#fff}
.legal-card p{color:#d6dce5;margin:8px 0 14px}
.legal-meta{font-size:14px;color:#aeb6c3!important;margin-bottom:24px!important}
.legal-actions{display:flex;justify-content:space-between;align-items:center;gap:14px}
.legal-back{font-weight:700;text-decoration:none}
.print-btn{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;border-radius:9px;padding:9px 13px;font:inherit;font-weight:700;cursor:pointer}
.print-btn:hover{background:rgba(255,255,255,.14)}
.model-form{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:12px;padding:14px 18px;margin:12px 0 24px}
.model-form p{margin:8px 0}
.legal-end{border-top:1px solid var(--line);padding-top:20px;margin-top:30px!important}
@media(max-width:760px){.legal-card{padding:24px 20px}.legal-card h1{font-size:30px}.legal-actions{align-items:flex-start;flex-direction:column}.print-btn{width:100%}}
@media print{
  body{background:#fff!important;color:#000!important}
  .top,.legal-actions,footer{display:none!important}
  .wrap{max-width:none;padding:0}
  .legal-card{background:#fff!important;color:#000!important;border:0;box-shadow:none;padding:0}
  .legal-card h1,.legal-card h2,.legal-card p,.legal-meta{color:#000!important}
  .model-form{border:1px solid #999;background:#fff}
  a{color:#000;text-decoration:underline}
}

.hero-link,
.hero-link:link,
.hero-link:visited,
.hero-link:hover,
.hero-link:active{
  color:#fff;
  text-decoration:none;
  font-weight:600;
  border-bottom:0;
}