:root {
        --navy-950:#061a33; --navy-900:#092442; --navy-800:#0b2f57;
        --blue-500:#4aa3df; --blue-200:#bfe5ff; --gray-900:#1d2733;
        --gray-700:#4b5563; --gray-100:#eef3f7; --gray-50:#f7fafc;
        --white:#fff; --shadow:0 24px 60px rgba(6,26,51,.16);
        --radius:8px; --content:1120px;
      }
      * { box-sizing:border-box; }
      html { scroll-behavior:smooth; }
      body {
        margin:0; color:var(--gray-900); background:var(--white);
        font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
        line-height:1.6;
      }
      a { color:inherit; }
      img { display:block; max-width:100%; }
      .site-header { position:absolute; z-index:10; width:100%; padding:20px; color:var(--white); }
      .header-inner,.section-inner,.footer-inner { width:min(100% - 40px,var(--content)); margin-inline:auto; }
      .header-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; }
      .brand { display:inline-flex; align-items:center; gap:12px; text-decoration:none; }
      .brand-icon { width:44px; height:44px; border-radius:12px; box-shadow:0 12px 28px rgba(0,0,0,.22); }
      .brand-text { display:grid; line-height:1.25; }
      .brand-name { font-size:.98rem; font-weight:800; }
      .brand-sub { color:rgba(255,255,255,.72); font-size:.78rem; font-weight:700; text-transform:uppercase; }
      .site-nav { display:flex; align-items:center; gap:22px; }
      .site-nav a:not(.button) { color:rgba(255,255,255,.82); font-size:.95rem; font-weight:800; text-decoration:none; }
      .site-nav a[aria-current="page"],.site-nav a:not(.button):hover { color:var(--white); }
      .button {
        display:inline-flex; min-height:46px; align-items:center; justify-content:center;
        border-radius:var(--radius); padding:12px 18px; background:var(--blue-500);
        color:var(--navy-950); font-weight:800; text-decoration:none;
        transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
      }
      .button:hover { transform:translateY(-1px); background:var(--blue-200); box-shadow:0 14px 28px rgba(0,0,0,.16); }
      .button:focus-visible { outline:3px solid var(--blue-200); outline-offset:3px; }
      .button-secondary { border:1px solid rgba(255,255,255,.24); background:rgba(255,255,255,.08); color:var(--white); }
      .hero {
        position:relative; overflow:hidden; min-height:660px; padding:150px 0 92px; color:var(--white);
        background:radial-gradient(circle at 82% 22%,rgba(74,163,223,.28),transparent 30%),
          linear-gradient(135deg,var(--navy-950),var(--navy-800));
      }
      .hero::before {
        position:absolute; inset:0; content:""; opacity:.28;
        background-image:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),
          linear-gradient(0deg,rgba(255,255,255,.06) 1px,transparent 1px);
        background-size:72px 72px;
      }
      .hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr); align-items:center; gap:64px; }
      .eyebrow { margin:0 0 12px; color:var(--blue-500); font-size:.78rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
      h1,h2,h3 { margin-top:0; line-height:1.12; }
      h1 { max-width:780px; margin-bottom:24px; font-size:clamp(2.7rem,6vw,5rem); letter-spacing:-.05em; }
      h2 { margin-bottom:16px; color:var(--navy-950); font-size:clamp(2rem,4vw,3.15rem); letter-spacing:-.035em; }
      h3 { color:var(--navy-950); font-size:1.2rem; }
      .hero-copy { max-width:670px; margin:0 0 30px; color:rgba(255,255,255,.78); font-size:1.16rem; }
      .hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
      .sales-card {
        border:1px solid rgba(191,229,255,.24); border-radius:14px; padding:30px;
        background:rgba(255,255,255,.09); box-shadow:var(--shadow); backdrop-filter:blur(12px);
      }
      .sales-card h2 { color:var(--white); font-size:1.7rem; }
      .sales-card p { color:rgba(255,255,255,.74); }
      .sales-card ul { display:grid; gap:12px; margin:22px 0 0; padding:0; list-style:none; }
      .sales-card li { position:relative; padding-left:26px; color:var(--white); font-weight:700; }
      .sales-card li::before {
        position:absolute; top:.35em; left:0; width:12px; height:12px;
        border:3px solid var(--blue-500); border-radius:50%; content:"";
      }
      section { padding:88px 0; }
      .section-intro { max-width:720px; margin-bottom:38px; }
      .section-intro p { color:var(--gray-700); font-size:1.08rem; }
      .fit-grid,.process-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
      .fit-card,.process-card {
        border:1px solid var(--gray-100); border-radius:12px; padding:28px;
        background:var(--white); box-shadow:0 16px 36px rgba(6,26,51,.07);
      }
      .fit-number {
        display:inline-grid; width:42px; height:42px; margin-bottom:24px; place-items:center;
        border-radius:50%; background:var(--navy-950); color:var(--blue-200); font-weight:900;
      }
      .fit-card p,.process-card p { margin-bottom:0; color:var(--gray-700); }
      .section-muted { background:var(--gray-50); }
      .pricing-panel {
        display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.65fr); gap:52px; align-items:center;
        border-radius:16px; padding:52px; color:var(--white); background:var(--navy-950); box-shadow:var(--shadow);
      }
      .pricing-panel h2 { color:var(--white); }
      .pricing-panel p { color:rgba(255,255,255,.74); }
      .pricing-factors { display:grid; gap:1px; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:10px; background:rgba(255,255,255,.16); }
      .pricing-factors span { padding:15px 18px; background:var(--navy-900); font-weight:800; }
      .process-card { box-shadow:none; background:transparent; }
      .process-card strong { display:block; margin-bottom:10px; color:var(--blue-500); font-size:.8rem; letter-spacing:.1em; text-transform:uppercase; }
      .cta { padding:76px 0; text-align:center; color:var(--white); background:linear-gradient(135deg,var(--navy-800),var(--navy-950)); }
      .cta h2 { color:var(--white); }
      .cta p { max-width:650px; margin:0 auto 28px; color:rgba(255,255,255,.76); }
      .cta .hero-actions { justify-content:center; }
      .site-footer { padding:34px 0; color:rgba(255,255,255,.7); background:#031121; font-size:.88rem; }
      .footer-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px; }
      .footer-brand { color:var(--white); font-weight:800; }
      .footer-links { display:flex; flex-wrap:wrap; gap:18px; }
      .footer-links a { text-decoration:none; }
      .footer-links a:hover,.footer-links a[aria-current="page"] { color:var(--white); }
      @media (max-width:820px) {
        .hero-grid,.pricing-panel { grid-template-columns:1fr; }
        .fit-grid,.process-grid { grid-template-columns:1fr; }
        .hero { padding-top:170px; }
      }
      @media (max-width:560px) {
        .site-header { padding:16px 0; }
        .header-inner,.section-inner,.footer-inner { width:min(100% - 32px,var(--content)); }
        .brand-sub { display:none; }
        .site-nav { width:100%; justify-content:space-between; gap:10px; }
        .site-nav a:not(.button) { font-size:.88rem; }
        .site-nav .button { padding:10px 13px; }
        .hero { padding-top:190px; }
        section { padding:64px 0; }
        .pricing-panel { padding:28px; }
      }