* { margin:0; padding:0; box-sizing:border-box; }
  body { font-family:'Segoe UI',sans-serif; background:linear-gradient(135deg,#e8f4fd 0%,#f0e8ff 50%,#ffffff 100%); color:#1e293b; }
  nav { background:rgba(255,255,255,0.95); backdrop-filter:blur(10px); padding:1rem 2rem; display:flex; justify-content:space-between; align-items:center; position:sticky; top:0; z-index:100; box-shadow:0 2px 20px rgba(0,0,0,0.08); }
  nav .logo { font-size:1.5rem; font-weight:800; color:#0077cc; }
  nav ul { list-style:none; display:flex; gap:1.5rem; flex-wrap:wrap; }
  nav ul li a { text-decoration:none; color:#475569; font-size:0.85rem; font-weight:500; transition:color 0.2s; }
  nav ul li a:hover { color:#0077cc; }
  .hero { text-align:center; padding:5rem 2rem 4rem; background:linear-gradient(135deg,#0077cc,#7c3aed); color:white; }
  .hero h1 { font-size:3.5rem; font-weight:900; letter-spacing:-1px; }
  .hero p { font-size:1.2rem; max-width:700px; margin:1rem auto; opacity:0.9; }
  .badge { display:inline-block; background:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.4); border-radius:20px; padding:0.3rem 1rem; font-size:0.8rem; margin:0.3rem; }
  .stats { display:flex; justify-content:center; gap:3rem; margin-top:2.5rem; flex-wrap:wrap; }
  .stat { text-align:center; }
  .stat .num { font-size:2.2rem; font-weight:800; }
  .stat .lbl { font-size:0.8rem; opacity:0.8; }
  section { padding:4rem 2rem; max-width:1200px; margin:0 auto; }
  h2 { font-size:2rem; font-weight:800; color:#0077cc; margin-bottom:0.5rem; }
  .subtitle { color:#475569; margin-bottom:2rem; font-size:1rem; }
  .grid2 { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.5rem; }
  .grid3 { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.5rem; }
  .grid4 { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1.2rem; }
  .card { background:white; border-radius:16px; padding:1.5rem; box-shadow:0 4px 20px rgba(0,0,0,0.07); border:1px solid #e2e8f0; }
  .card h3 { font-size:1.1rem; font-weight:700; margin-bottom:0.5rem; color:#1e293b; }
  .card p, .card li { font-size:0.88rem; color:#475569; line-height:1.6; }
  .card ul { padding-left:1.2rem; }
  .icon { font-size:2rem; margin-bottom:0.8rem; }
  .tag { display:inline-block; background:#e0f2fe; color:#0077cc; border-radius:8px; padding:0.2rem 0.6rem; font-size:0.75rem; font-weight:600; margin:0.2rem; }
  .tag.purple { background:#ede9fe; color:#7c3aed; }
  .tag.green { background:#d1fae5; color:#059669; }
  .tag.orange { background:#fff7ed; color:#ea580c; }
  .tag.red { background:#fee2e2; color:#dc2626; }
  table { width:100%; border-collapse:collapse; background:white; border-radius:12px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.07); }
  th { background:#0077cc; color:white; padding:0.8rem 1rem; text-align:left; font-size:0.85rem; }
  td { padding:0.75rem 1rem; border-bottom:1px solid #f1f5f9; font-size:0.85rem; color:#475569; }
  tr:last-child td { border-bottom:none; }
  tr:nth-child(even) td { background:#f8fafc; }
  .timeline { position:relative; padding-left:2rem; }
  .timeline::before { content:''; position:absolute; left:0.5rem; top:0; bottom:0; width:2px; background:linear-gradient(#0077cc,#7c3aed); }
  .tl-item { position:relative; margin-bottom:2rem; }
  .tl-dot { position:absolute; left:-1.75rem; top:0.3rem; width:14px; height:14px; border-radius:50%; background:#0077cc; border:3px solid white; box-shadow:0 0 0 2px #0077cc; }
  .tl-item h4 { font-weight:700; color:#1e293b; font-size:0.95rem; }
  .tl-item p { font-size:0.85rem; color:#475569; margin-top:0.3rem; }
  .tl-item .period { font-size:0.75rem; color:#0077cc; font-weight:600; }
  .warn { background:#fff7ed; border-left:4px solid #ea580c; padding:1rem 1.5rem; border-radius:0 12px 12px 0; margin:1rem 0; font-size:0.85rem; color:#7c2d12; }
  .info { background:#eff6ff; border-left:4px solid #0077cc; padding:1rem 1.5rem; border-radius:0 12px 12px 0; margin:1rem 0; font-size:0.85rem; color:#1e40af; }
  footer { background:#1e293b; color:#94a3b8; text-align:center; padding:2rem; font-size:0.85rem; }
  footer a { color:#60a5fa; text-decoration:none; }
  .section-divider { height:4px; background:linear-gradient(90deg,#0077cc,#7c3aed,#059669); border:none; margin:0; }
  .price-card { background:white; border-radius:16px; padding:2rem; box-shadow:0 4px 20px rgba(0,0,0,0.07); border:2px solid #e2e8f0; text-align:center; }
  .price-card.featured { border-color:#0077cc; }
  .price-card .price { font-size:2.5rem; font-weight:900; color:#0077cc; }
  .price-card ul { list-style:none; text-align:left; margin:1rem 0; }
  .price-card ul li { padding:0.4rem 0; font-size:0.88rem; color:#475569; }
  .price-card ul li::before { content:'✓ '; color:#059669; font-weight:700; }
  .btn { display:inline-block; background:#0077cc; color:white; padding:0.7rem 1.8rem; border-radius:8px; font-weight:600; text-decoration:none; font-size:0.9rem; margin-top:1rem; cursor:pointer; border:none; }
  .btn.purple { background:#7c3aed; }
  .btn.green { background:#059669; }
  .progress-bar { background:#e2e8f0; border-radius:99px; height:8px; margin:0.5rem 0; }
  .progress-fill { height:8px; border-radius:99px; background:linear-gradient(90deg,#0077cc,#7c3aed); }