:root{       --bg:#0b1220;       --card:#101a2e;       --muted:#98a2b3;       --text:#e6e8ee;       --accent:#5bd6ff;       --accent2:#a78bfa;       --ok:#34d399;       --warn:#fbbf24;       --line:rgba(255,255,255,.10);       --shadow: 0 18px 40px rgba(0,0,0,.35);       --radius:18px;       --max:1120px;     }     *{box-sizing:border-box}     body{       margin:0;       font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;       background:         radial-gradient(1200px 700px at 15% 10%, rgba(91,214,255,.18), transparent 55%),         radial-gradient(1100px 650px at 85% 0%, rgba(167,139,250,.18), transparent 55%),         var(--bg);       color:var(--text);       line-height:1.5;     }     a{color:inherit}     .wrap{max-width:var(--max); margin:0 auto; padding:28px 18px 66px;}     .topbar{       display:flex; align-items:center; justify-content:space-between;       gap:16px; padding:14px 18px; border:1px solid var(--line);       background: rgba(16,26,46,.55); border-radius: 999px;       backdrop-filter: blur(10px);       position: sticky; top: 14px; z-index: 10;     }     .brand{display:flex; align-items:center; gap:10px; font-weight:850; letter-spacing:.2px;}     .dot{       width:12px; height:12px; border-radius:50%;       background: linear-gradient(135deg, var(--accent), var(--accent2));       box-shadow: 0 0 0 6px rgba(91,214,255,.08);     }     nav a{       text-decoration:none; color:var(--muted); font-weight:650; font-size:14px;       margin-left:14px;     }     nav a:hover{color:var(--text)}     .btn{       display:inline-flex; align-items:center; justify-content:center; gap:10px;       padding:12px 16px; border-radius: 999px; border:1px solid var(--line);       background: rgba(255,255,255,.06);       text-decoration:none; font-weight:850; font-size:14px;       cursor:pointer;     }     .btn.primary{       border: none;       background: linear-gradient(135deg, rgba(91,214,255,.95), rgba(167,139,250,.95));       color:#0b1220;       box-shadow: 0 12px 30px rgba(91,214,255,.12);     }     .btn.primary:hover{filter:brightness(1.05)}     .btn:hover{background: rgba(255,255,255,.10)}      .card{       border:1px solid var(--line);       background: rgba(16,26,46,.55);       border-radius: var(--radius);       box-shadow: var(--shadow);       backdrop-filter: blur(10px);     }      .hero{display:grid; grid-template-columns: 1.1fr .9fr; gap:22px; margin-top:26px;}     @media (max-width: 920px){ .hero{grid-template-columns:1fr;} nav{display:none} }     .hero .left{padding:26px;}     .hero .right{padding:18px;}      .kicker{       display:flex; flex-wrap:wrap; gap:10px; align-items:center;       padding:10px 12px; border-radius: 999px;       border:1px solid var(--line); color: var(--muted);       font-weight:850; font-size:12px; letter-spacing:.3px;       background: rgba(255,255,255,.04);       width: fit-content; max-width: 100%;     }     .pill{       display:inline-flex; align-items:center; gap:8px;       padding:6px 10px; border-radius: 999px;       background: rgba(52,211,153,.10);       border: 1px solid rgba(52,211,153,.25);       color: rgba(230,232,238,.95);       font-weight:900; font-size:12px; white-space: nowrap;     }     .pill.warn{       background: rgba(251,191,36,.10);       border: 1px solid rgba(251,191,36,.25);     }      h1{margin:14px 0 10px; font-size:44px; line-height:1.08}     @media (max-width: 520px){ h1{font-size:34px} }     .sub{color:var(--muted); font-size:16px; max-width: 74ch; margin:0;}     .sub + .sub{margin-top:10px}     .hl{color:var(--text); font-weight:900}      .cta{display:flex; flex-wrap:wrap; gap:10px; margin-top:18px;}     .badges{       display:flex; flex-wrap:wrap; gap:10px; margin-top:14px;       color:var(--muted); font-weight:800; font-size:12px;     }     .badge{border:1px solid var(--line); padding:8px 10px; border-radius:999px; background: rgba(255,255,255,.03);}      .mini{       display:grid; gap:10px;       padding:14px; border-radius: 14px;       border:1px dashed rgba(255,255,255,.18);       background: rgba(0,0,0,.12);     }     .mini strong{font-size:14px}     .mini span{color:var(--muted); font-size:13px}      .section{margin-top:34px;}     .section h2{margin:0 0 10px; font-size:26px}     .section p.lead{margin:0 0 18px; color:var(--muted); max-width: 90ch}      .grid{display:grid; grid-template-columns: repeat(3, 1fr); gap:14px;}     @media (max-width: 920px){ .grid{grid-template-columns: 1fr;} }      .cols{display:grid; grid-template-columns: 1fr 1fr; gap:14px;}     @media (max-width: 920px){ .cols{grid-template-columns: 1fr;} }      .item{padding:18px;}     .item h3{margin:0 0 8px; font-size:18px}     .item ul{margin:10px 0 0; padding-left:18px; color:var(--muted)}     .item li{margin:6px 0}      /* Pricing cards */     .pricing{display:grid; grid-template-columns: repeat(3, 1fr); gap:14px;}     @media (max-width: 920px){ .pricing{grid-template-columns:1fr;} }     .priceCard{padding:20px; position:relative; overflow:hidden;}     .priceCard .tag{       position:absolute; top:14px; right:14px;       font-size:12px; font-weight:950; color:#0b1220;       padding:6px 10px; border-radius:999px;       background: linear-gradient(135deg, rgba(91,214,255,.95), rgba(167,139,250,.95));     }     .price{font-size:38px; font-weight:950; margin:8px 0 0;}     .per{color:var(--muted); font-weight:800; font-size:13px; margin-top:6px}     .incl{margin:12px 0 0; color:var(--muted)}     .incl li{margin:8px 0}     .fineprint{margin-top:10px; color:rgba(255,255,255,.68); font-size:13px}      .mutedBox{       padding:16px; border-radius: 14px;       border:1px solid var(--line); background: rgba(255,255,255,.03);       color:var(--muted); font-size:13px;     }     .small{font-size:12px; color:var(--muted)}      table{width:100%; border-collapse: collapse; overflow:hidden; border-radius: 14px; border:1px solid var(--line);}     th, td{padding:12px 12px; border-bottom:1px solid var(--line); text-align:left; font-size:14px;}     th{background: rgba(255,255,255,.04); color:var(--text)}     td{color:var(--muted)}     tr:last-child td{border-bottom:none}      details{       border:1px solid var(--line); border-radius: 14px; padding:14px 14px;       background: rgba(16,26,46,.45);     }     details + details{margin-top:10px}     summary{cursor:pointer; font-weight:900}      .foot{       margin-top:28px; display:grid; gap:12px;       border-top: 1px solid var(--line);       padding-top: 18px;       color:var(--muted);       font-size:13px;     }     .anchor{scroll-margin-top: 92px;}   #sp-ks8a8s{width: 100%; max-width: 100%;}#sp-iw5h09{width: calc(100% + 0px);}#sp-jzzxne{margin: 0px; text-align: left;}#sp-545kp7hbzs{margin-top: 12px;}#sp-6x3b7a327s{margin-top: 12px;}#sp-prh786axvn{margin-top: 14px;}#sp-14l1lhg3hy{margin-top: 8px;}#sp-1fg30wmwwy{margin-top: 14px;}#sp-fkjqrbotwn{margin-top: 8px;}#sp-j9cn3bgw6g{margin-top: 12px;}#sp-xvfh7mdhcq{margin-top: 8px;}#sp-0mt1to5pfw{margin-top: 12px;}#sp-k4ucv1czjz{margin-top: 8px;}#sp-l4qfp24ck5{margin-top: 14px;}#sp-blw3qdhn0o{text-decoration: line-through; opacity: .75;}#sp-7hi1lk9cdu{margin-bottom: 14px;}#sp-mznybbh7bx{margin-top: auto;}#sp-yv5g742qdi{text-decoration: line-through; opacity: .75;}#sp-lvszxe0qqb{margin-bottom: 14px;}#sp-gz78g85ebl{margin-top: auto;}#sp-8py5cjno9p{text-decoration: line-through; opacity: .75;}#sp-bisvs4gzya{margin-bottom: 14px;}#sp-u2qplux4uf{margin-top: auto;}#sp-70kt7q5auh{margin-top: 10px;}#sp-37f435n9cv{margin-top: 10px;}#sp-j4uvf5dwoo{margin-top: 8px;}#sp-5ge6er6wa7{margin-top: 10px;}#sp-489wde6je9{margin-top: 10px;}#sp-qzb7qeljal{margin-top: 10px;}#sp-seiryxan9t{margin-top: 8px;}#sp-dlxu0vkytl{margin-top: 8px;}#sp-07qtnsrymy{margin-top: 8px;}#sp-fihxj6jf46{margin: 8px 0 0;}#sp-xz0iiajarh{margin: 8px 0 0;}#sp-859xl3omzh{margin-top: 12px;}#sp-5p76gnk53o{margin: 8px 0 0;}@media only screen and (max-width: 480px) { .sp-text-wrapper-jzzxne,   #sp-jzzxne,   #jzzxne {text-align:left !important;}}@media only screen and (min-width: 481px) and (max-width: 1024px) { .sp-text-wrapper-jzzxne,   #sp-jzzxne,   #jzzxne {text-align:left !important;}}