:root{
      --bg:#fff;
      --surface:#f7f9fc;
      --text:#0f1b3d;
      --muted:#64708a;
      --line:#dfe5ef;
      --primary:#1f57e7;
      --primary-2:#1648c7;
      --shadow:0 8px 28px rgba(24,49,100,.08);
      --container:1120px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      color:var(--text);
      background:var(--bg);
      line-height:1.55;
    }
    a{color:inherit;text-decoration:none}
    .container{width:min(calc(100% - 48px),var(--container));margin:0 auto}

    .header{
      position:sticky;top:0;z-index:20;
      background:rgba(255,255,255,.94);
      backdrop-filter:blur(14px);
      border-bottom:1px solid var(--line)
    }
    .nav{
      min-height:76px;
      display:flex;align-items:center;justify-content:space-between;gap:26px
    }
    .brand{display:flex;flex-direction:column;min-width:max-content}
    .brand strong{font-size:26px;letter-spacing:-.04em;line-height:1}
    .brand strong span:first-child{color:var(--primary)}
    .brand small{color:var(--muted);font-size:11px;margin-top:5px}
    .nav-links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:700}
    .nav-links a:hover{color:var(--primary)}

    .btn{
      display:inline-flex;align-items:center;justify-content:center;
      min-height:46px;padding:0 22px;border-radius:10px;
      background:var(--primary);color:#fff;font-weight:800;
      box-shadow:0 7px 18px rgba(31,87,231,.18);
      transition:.2s ease
    }
    .btn:hover{background:var(--primary-2);transform:translateY(-1px)}

    .breadcrumbs{padding:20px 0 0;color:var(--muted);font-size:13px}
    .breadcrumbs a{color:var(--primary)}

    .hero{
      padding:42px 0 50px;
      border-bottom:1px solid var(--line);
      background:linear-gradient(180deg,#fff 0%,#f8faff 100%)
    }
    .eyebrow{
      display:inline-flex;padding:6px 10px;border-radius:999px;
      background:#edf2ff;color:var(--primary);font-size:12px;font-weight:800;
      margin-bottom:18px
    }
    h1{
      margin:0 0 16px;
      font-size:clamp(38px,5vw,62px);
      line-height:1.04;letter-spacing:-.045em
    }
    .hero p{
      max-width:760px;margin:0;color:#41506d;font-size:18px
    }

    main section{padding:58px 0}
    .grid{
      display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start
    }
    .card{
      background:#fff;border:1px solid var(--line);border-radius:18px;
      padding:26px;box-shadow:var(--shadow)
    }
    .card h2{
      margin:0 0 18px;font-size:26px;letter-spacing:-.025em
    }
    .rows{display:grid;gap:0}
    .row{
      display:grid;grid-template-columns:190px 1fr;gap:20px;
      padding:15px 0;border-bottom:1px solid #edf0f5
    }
    .row:last-child{border-bottom:0}
    .label{color:var(--muted);font-size:14px}
    .value{font-weight:750}
    .value a{color:var(--primary)}
    .value a:hover{text-decoration:underline}

    .side{
      display:grid;gap:18px
    }
    .side-card{
      border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--surface)
    }
    .side-card h3{margin:0 0 12px;font-size:18px}
    .side-card p{margin:0;color:var(--muted);font-size:14px}
    .plain-list{margin:0;padding-left:20px;color:#41506d}
    .plain-list li{margin:8px 0}

    .services{
      margin-top:24px;
      border:1px solid var(--line);border-radius:18px;padding:26px
    }
    .services h2{margin:0 0 16px;font-size:26px}
    .service-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
    .service-link{
      display:block;padding:18px;border-radius:14px;background:var(--surface);
      border:1px solid #e4e9f2;font-weight:800
    }
    .service-link span{display:block;color:var(--muted);font-size:12px;font-weight:600;margin-top:6px}
    .service-link:hover{border-color:#bdcbee;color:var(--primary)}

    .contact{
      margin-top:24px;padding:26px;border-radius:18px;
      background:#10224d;color:#fff;
      display:flex;align-items:center;justify-content:space-between;gap:24px
    }
    .contact h2{margin:0 0 6px;font-size:25px}
    .contact p{margin:0;color:#cbd5ec}
    .contact .btn{background:#fff;color:var(--primary);box-shadow:none}
    .contact .btn:hover{background:#eef3ff}

    .footer{
      border-top:1px solid var(--line);padding:28px 0;
      color:var(--muted);font-size:13px
    }
    .footer-row{
      display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap
    }
    .footer a{color:var(--primary)}

    @media (max-width:860px){
      .nav-links{display:none}
      .grid{grid-template-columns:1fr}
      .service-links{grid-template-columns:1fr}
      .contact{align-items:flex-start;flex-direction:column}
    }
    @media (max-width:620px){
      .container{width:min(calc(100% - 28px),var(--container))}
      .row{grid-template-columns:1fr;gap:4px}
      h1{font-size:40px}
      .nav{min-height:68px}
    }