:root{
      --bg:#f4f9ff;
      --panel:#ffffff;
      --ink:#0b1730;
      --muted:#4b607a;
      --line:#dbe7f5;
      --brand:#1f6feb;
      --brand2:#7dc3ff;
      --soft:#eaf4ff;
      --shadow:0 18px 55px rgba(2,6,23,.10);
      --radius:18px;
      --radius2:24px;
      --max:1180px;
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0}
    body{
      font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
      color:var(--ink);
      background:
        radial-gradient(1200px 600px at 15% -10%, rgba(125,195,255,.35), rgba(255,255,255,0) 60%),
        radial-gradient(900px 500px at 85% 0%, rgba(31,111,235,.18), rgba(255,255,255,0) 55%),
        linear-gradient(180deg, var(--bg), #fff 55%);
      line-height:1.55;
    }
    a{color:var(--brand);text-decoration:none}
    a:hover{text-decoration:underline}
    img{max-width:100%;display:block}
    .wrap{max-width:var(--max);margin:0 auto;padding:26px 18px 90px}

    .topbar{
      display:flex;align-items:center;justify-content:space-between;gap:12px;
      padding:14px 16px;border:1px solid var(--line);background:rgba(255,255,255,.75);
      border-radius:16px;backdrop-filter: blur(10px);
    }
    .brand{
      display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.2px;
    }
    .dot{
      width:12px;height:12px;border-radius:999px;
      background:linear-gradient(135deg,var(--brand),var(--brand2));
      box-shadow:0 8px 24px rgba(31,111,235,.25);
    }
    .nav{display:flex;gap:14px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
    .nav a{color:var(--muted)}
    .ctaTop{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      padding:10px 14px;border-radius:999px;border:1px solid rgba(31,111,235,.25);
      background:linear-gradient(135deg, rgba(31,111,235,.10), rgba(125,195,255,.16));
      color:var(--ink);font-weight:800;white-space:nowrap;
      box-shadow:0 10px 30px rgba(2,6,23,.08);
    }

    .panel{
      background:rgba(255,255,255,.82);
      border:1px solid var(--line);
      border-radius:var(--radius2);
      box-shadow:var(--shadow);
      overflow:hidden;
    }

    .hero{
      display:grid;grid-template-columns: 1.05fr .95fr;gap:22px;align-items:stretch;
      margin-top:18px;
    }
    .heroLeft{padding:24px}
    .kicker{
      display:inline-flex;align-items:center;gap:10px;
      padding:8px 12px;border-radius:999px;
      border:1px solid rgba(31,111,235,.22);
      background:rgba(234,244,255,.75);
      color:var(--muted);font-weight:700;font-size:13px;
    }
    h1{
      font-family:"Playfair Display",serif;
      font-size:44px;line-height:1.05;margin:14px 0 12px;
      letter-spacing:.2px;
    }
    .lead{color:var(--muted);font-size:16.5px;margin:0 0 16px}

    .chips{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 18px}
    .chip{
      padding:9px 12px;border-radius:999px;
      background:linear-gradient(135deg, rgba(31,111,235,.08), rgba(125,195,255,.14));
      border:1px solid rgba(219,231,245,.9);
      color:var(--ink);font-weight:800;font-size:13px;
    }
    .heroBtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      padding:12px 14px;border-radius:14px;border:1px solid var(--line);
      background:#fff;font-weight:800;color:var(--ink);
    }
    .btnPrimary{
      border-color:rgba(31,111,235,.30);
      background:linear-gradient(135deg, rgba(31,111,235,.12), rgba(125,195,255,.18));
    }

    .heroRight{display:grid;grid-template-rows: 1fr auto;min-height:360px}
    .imgFrame{
      position:relative;
      background:linear-gradient(135deg, rgba(31,111,235,.06), rgba(125,195,255,.12));
      border-bottom:1px solid var(--line);
      padding:14px;
    }
    .heroImg{
      width:100%;
      height:100%;
      min-height:260px;
      border-radius:18px;
      border:1px solid rgba(219,231,245,.9);
      background:#fff;
      object-fit:contain;
    }
    .miniFacts{
      display:grid;grid-template-columns:repeat(3,1fr);
      gap:10px;padding:14px;background:rgba(255,255,255,.78)
    }
    .fact{
      padding:12px;border-radius:16px;border:1px solid var(--line);
      background:#fff;
    }
    .fact b{display:block;font-size:14px}
    .fact span{display:block;color:var(--muted);font-size:12.5px;margin-top:6px}

    .grid{display:grid;grid-template-columns: 1fr 1fr;gap:18px;margin-top:18px}
    .card{padding:18px}
    h2{font-size:22px;line-height:1.25;margin:0 0 10px;letter-spacing:.2px}
    h3{margin:0 0 8px;font-size:16px}
    .p{color:var(--muted);margin:0}

    .list{margin:10px 0 0;padding:0;list-style:none}
    .list li{
      display:flex;gap:10px;align-items:flex-start;
      padding:10px 0;border-top:1px dashed rgba(219,231,245,.9)
    }
    .list li:first-child{border-top:none;padding-top:0}
    .bullet{
      width:10px;height:10px;border-radius:999px;margin-top:6px;
      background:linear-gradient(135deg,var(--brand),var(--brand2));
      box-shadow:0 8px 20px rgba(31,111,235,.25);
      flex:0 0 auto;
    }

    .table{
      width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;
      border:1px solid var(--line);border-radius:16px;background:#fff;margin-top:10px;
    }
    .table th,.table td{padding:12px 12px;border-bottom:1px solid var(--line);vertical-align:top}
    .table th{background:rgba(234,244,255,.75);text-align:left;font-size:13px;color:var(--muted)}
    .table td{font-size:14px}
    .table tr:last-child td{border-bottom:none}

    .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
    .gitem{
      border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden
    }
    .gitem img{width:100%;height:210px;object-fit:cover}
    .gcap{padding:12px 12px 14px;color:var(--muted);font-weight:700;font-size:13px}

    details{
      border:1px solid var(--line);
      border-radius:16px;
      background:#fff;
      padding:12px 14px;
      margin-top:10px;
    }
    summary{cursor:pointer;font-weight:800}
    details p{margin:8px 0 0;color:var(--muted)}

    .stickyCta{
      position:fixed;left:0;right:0;bottom:0;
      background:rgba(255,255,255,.82);
      border-top:1px solid var(--line);
      backdrop-filter: blur(10px);
      padding:10px 12px;
      z-index:50;
    }
    .stickyInner{
      max-width:var(--max);margin:0 auto;
      display:flex;align-items:center;justify-content:space-between;gap:10px;
    }
    .stickyInner .txt{font-size:13px;color:var(--muted)}
    .stickyInner .txt b{color:var(--ink)}
    .stickyInner .actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
    .pill{
      display:inline-flex;align-items:center;gap:10px;
      padding:10px 12px;border-radius:999px;
      border:1px solid var(--line);background:#fff;font-weight:800;color:var(--ink);
    }
    .pill.primary{
      border-color:rgba(31,111,235,.30);
      background:linear-gradient(135deg, rgba(31,111,235,.12), rgba(125,195,255,.18));
    }

    footer{margin-top:18px;color:var(--muted);font-size:13px}

    @media (max-width: 980px){
      h1{font-size:36px}
      .hero{grid-template-columns:1fr}
      .grid{grid-template-columns:1fr}
      .miniFacts{grid-template-columns:1fr}
      .gallery{grid-template-columns:1fr}
      .wrap{padding-bottom:120px}
      .nav{display:none}
    }