.nav-link2 {
  color: orange;
}

.nav-link2 {
  color: forestgreen;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(inter-v20-latin-regular.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

   :root {
     --bg: #07111f;
     --bg-light: #0c1a2d;
     --surface: #101f33;
     --surface-light: #152941;
     --border: rgba(255,255,255,.09);
     --text: #f4f7fb;
     --muted: #9eacbd;
     --primary: #55d6be;
     --primary-dark: #2aa996;
     --accent: #7c8cff;
     --white: #ffffff;
   }

   * {
     box-sizing: border-box;
   }

   html {
     scroll-behavior: smooth;
   }

   body {
     margin: 0;
     font-family: 'Inter', sans-serif;
     background: var(--bg);
     color: var(--text);
     line-height: 1.6;
   }

   a {
     color: inherit;
     text-decoration: none;
   }

   .container {
     width: min(1180px, calc(100% - 40px));
     margin: auto;
   }

   /* NAVBAR */

   .navbar {
     position: sticky;
     top: 0;
     z-index: 100;
     backdrop-filter: blur(18px);
     background: rgba(7, 17, 31, .82);
     border-bottom: 1px solid var(--border);
   }

   .nav-inner {
     height: 76px;
     display: flex;
     align-items: center;
     justify-content: space-between;
   }

   .logo {
     display: flex;
     align-items: center;
     gap: 11px;
     font-family: 'Space Grotesk', sans-serif;
     font-weight: 700;
     font-size: 21px;
   }

   .logo-mark {
     width: 35px;
     height: 35px;
     border-radius: 10px;
     background: linear-gradient(135deg, var(--primary), var(--accent));
     display: grid;
     place-items: center;
     color: #07111f;
     font-weight: 800;
   }

   .nav-links {
     display: flex;
     gap: 30px;
     align-items: center;
   }

     .nav-links a {
       color: var(--muted);
       font-size: 14px;
       transition: .2s;
     }

       .nav-links a:hover {
         color: var(--white);
       }

   .nav-actions {
     display: flex;
     align-items: center;
     gap: 12px;
   }

   .btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 12px 20px;
     border-radius: 9px;
     font-size: 14px;
     font-weight: 600;
     transition: .2s;
     border: 1px solid transparent;
   }

   .btn-outline {
     border-color: var(--border);
     color: var(--text);
   }

     .btn-outline:hover {
       background: var(--surface);
     }

   .btn-primary {
     background: var(--primary);
     color: #06141b;
   }

     .btn-primary:hover {
       background: #70e3ce;
       transform: translateY(-1px);
     }

   /* HERO */

   .hero {
     position: relative;
     overflow: hidden;
     padding: 110px 0 90px;
   }

     .hero::before {
       content: "";
       position: absolute;
       width: 600px;
       height: 600px;
       background: rgba(85,214,190,.10);
       filter: blur(100px);
       border-radius: 50%;
       top: -250px;
       left: -200px;
     }

   .hero-grid {
     display: grid;
     grid-template-columns: 1.05fr .95fr;
     gap: 70px;
     align-items: center;
     position: relative;
   }

   .eyebrow {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     border: 1px solid rgba(85,214,190,.25);
     background: rgba(85,214,190,.07);
     color: var(--primary);
     border-radius: 100px;
     padding: 7px 13px;
     font-size: 12px;
     font-weight: 600;
     margin-bottom: 24px;
   }

   .eyebrow-dot {
     width: 6px;
     height: 6px;
     background: var(--primary);
     border-radius: 50%;
   }

   h1 {
     font-family: 'Space Grotesk', sans-serif;
     font-size: clamp(42px, 5vw, 68px);
     line-height: 1.02;
     letter-spacing: -2.5px;
     margin: 0 0 24px;
   }

   .gradient-text {
     background: linear-gradient(100deg, var(--primary), #8c9aff);
     -webkit-background-clip: text;
     color: transparent;
   }

   .hero-copy {
     max-width: 650px;
     color: var(--muted);
     font-size: 18px;
     line-height: 1.75;
     margin-bottom: 34px;
   }

   .hero-buttons {
     display: flex;
     gap: 12px;
     flex-wrap: wrap;
   }

   /* DEMO PANEL */

   .analysis-window {
     border: 1px solid var(--border);
     background: rgba(16,31,51,.88);
     border-radius: 18px;
     box-shadow: 0 30px 80px rgba(0,0,0,.35);
     overflow: hidden;
   }

   .window-header {
     padding: 13px 17px;
     border-bottom: 1px solid var(--border);
     display: flex;
     align-items: center;
     gap: 7px;
   }

   .window-dot {
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: #667589;
   }

   .window-title {
     margin-left: auto;
     margin-right: auto;
     color: var(--muted);
     font-size: 11px;
   }

   .analysis-body {
     padding: 25px;
   }

   .analysis-label {
     color: var(--muted);
     font-size: 11px;
     text-transform: uppercase;
     letter-spacing: 1px;
     margin-bottom: 10px;
   }

   .document-text {
     color: #d8e0ea;
     font-size: 14px;
     line-height: 1.8;
     background: #0a1728;
     padding: 17px;
     border-radius: 10px;
     border: 1px solid var(--border);
   }

   .entity {
     padding: 2px 5px;
     border-radius: 4px;
   }

   .entity-person {
     color: #8fe8da;
     background: rgba(85,214,190,.10);
   }

   .entity-organization {
     color: #a8b0ff;
     background: rgba(124,140,255,.12);
   }

   .entity-law {
     color: #f0c982;
     background: rgba(240,201,130,.10);
   }

   .analysis-results {
     margin-top: 18px;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 9px;
   }

   .result {
     background: #0b192b;
     border: 1px solid var(--border);
     border-radius: 9px;
     padding: 11px;
   }

   .result-value {
     font-size: 18px;
     font-weight: 700;
   }

   .result-label {
     font-size: 10px;
     color: var(--muted);
     margin-top: 3px;
   }

   /* TRUST */

   .trust {
     border-top: 1px solid var(--border);
     border-bottom: 1px solid var(--border);
     padding: 24px 0;
   }

   .trust-inner {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 30px;
   }

   .trust-label {
     color: #68788b;
     font-size: 12px;
     text-transform: uppercase;
     letter-spacing: 1px;
   }

   .trust-items {
     display: flex;
     gap: 40px;
     color: #75869b;
     font-weight: 600;
     font-size: 13px;
   }

   /* SECTIONS */

   section {
     padding: 105px 0;
   }

   .section-heading {
     max-width: 700px;
     margin-bottom: 50px;
   }

     .section-heading .eyebrow {
       margin-bottom: 16px;
     }

   h2 {
     font-family: 'Space Grotesk', sans-serif;
     font-size: clamp(32px, 4vw, 46px);
     line-height: 1.1;
     letter-spacing: -1.5px;
     margin: 0 0 18px;
   }

   .section-description {
     color: var(--muted);
     font-size: 16px;
   }

   /* SERVICES */

   .services-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 17px;
   }

   .service-card {
     background: var(--surface);
     border: 1px solid var(--border);
     border-radius: 14px;
     padding: 28px;
     transition: .25s;
   }

     .service-card:hover {
       transform: translateY(-5px);
       border-color: rgba(85,214,190,.3);
     }

   .service-icon {
     width: 45px;
     height: 45px;
     border-radius: 11px;
     display: grid;
     place-items: center;
     background: rgba(85,214,190,.08);
     color: var(--primary);
     font-size: 20px;
     margin-bottom: 22px;
   }

   .service-card h3 {
     font-family: 'Space Grotesk', sans-serif;
     margin: 0 0 10px;
     font-size: 19px;
   }

   .service-card p {
     margin: 0;
     color: var(--muted);
     font-size: 14px;
     line-height: 1.7;
   }

   /* LEGAL */

   .legal-section {
     background: #091625;
   }

   .legal-grid {
     display: grid;
     grid-template-columns: .9fr 1.1fr;
     gap: 70px;
     align-items: center;
   }

   .legal-features {
     display: grid;
     gap: 13px;
     margin-top: 30px;
   }

   .legal-feature {
     display: flex;
     gap: 13px;
     align-items: flex-start;
   }

   .check {
     width: 22px;
     height: 22px;
     border-radius: 50%;
     background: rgba(85,214,190,.12);
     color: var(--primary);
     display: grid;
     place-items: center;
     flex: 0 0 auto;
     font-size: 11px;
     margin-top: 2px;
   }

   .legal-feature strong {
     display: block;
     font-size: 14px;
     margin-bottom: 2px;
   }

   .legal-feature span {
     color: var(--muted);
     font-size: 13px;
   }

   /* DOCUMENT CARD */

   .document-card {
     background: var(--surface);
     border: 1px solid var(--border);
     border-radius: 15px;
     padding: 28px;
   }

   .document-top {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 24px;
   }

   .document-name {
     font-size: 14px;
     font-weight: 600;
   }

   .status {
     color: var(--primary);
     background: rgba(85,214,190,.09);
     padding: 5px 9px;
     border-radius: 6px;
     font-size: 10px;
     font-weight: 700;
   }

   .document-line {
     height: 8px;
     border-radius: 5px;
     background: #1c3048;
     margin-bottom: 10px;
   }

     .document-line.short {
       width: 65%;
     }

     .document-line.medium {
       width: 82%;
     }

   .annotation {
     border-left: 2px solid var(--primary);
     padding: 11px 13px;
     margin: 17px 0;
     background: rgba(85,214,190,.045);
     font-size: 12px;
     color: #b7c3d1;
   }

   /* API */

   .api-section {
     padding-top: 90px;
   }

   .api-box {
     border: 1px solid var(--border);
     background: #06101d;
     border-radius: 16px;
     overflow: hidden;
   }

   .api-header {
     padding: 17px 21px;
     border-bottom: 1px solid var(--border);
     display: flex;
     justify-content: space-between;
   }

   .api-method {
     color: var(--primary);
     font-size: 12px;
     font-weight: 700;
   }

   .api-url {
     color: var(--muted);
     font-family: monospace;
     font-size: 12px;
   }

   pre {
     margin: 0;
     padding: 24px;
     overflow-x: auto;
     color: #cbd5e1;
     font-size: 13px;
     line-height: 1.7;
   }

   .json-key {
     color: #8c9aff;
   }

   .json-string {
     color: #82d9c8;
   }

   /* CTA */

   .cta {
     padding: 95px 0;
   }

   .cta-box {
     position: relative;
     overflow: hidden;
     text-align: center;
     padding: 75px 30px;
     border-radius: 20px;
     border: 1px solid rgba(85,214,190,.18);
     background: radial-gradient(circle at 50% 0%, rgba(85,214,190,.12), transparent 45%), var(--surface);
   }

     .cta-box h2 {
       max-width: 700px;
       margin-left: auto;
       margin-right: auto;
     }

     .cta-box p {
       color: var(--muted);
       max-width: 580px;
       margin: 0 auto 30px;
     }

   /* FOOTER */

   footer {
     border-top: 1px solid var(--border);
     padding: 35px 0;
     color: var(--muted);
     font-size: 12px;
   }

   .footer-inner {
     display: flex;
     justify-content: space-between;
     align-items: center;
   }

   .footer-links {
     display: flex;
     gap: 25px;
   }

   /* RESPONSIVE */

   @@media (max-width: 900px) {

     .nav-links {
       display: none;
     }

     .hero-grid,
     .legal-grid {
       grid-template-columns: 1fr;
     }

     .services-grid {
       grid-template-columns: 1fr 1fr;
     }

     .hero {
       padding-top: 75px;
     }

     .trust-items {
       gap: 15px;
       flex-wrap: wrap;
       justify-content: flex-end;
     }
   }

   @@media (max-width: 600px) {

     .container {
       width: min(100% - 28px, 1180px);
     }

     .nav-actions .btn-outline {
       display: none;
     }

     .services-grid {
       grid-template-columns: 1fr;
     }

     .trust-inner {
       flex-direction: column;
       align-items: flex-start;
     }

     .trust-items {
       justify-content: flex-start;
     }

     .analysis-results {
       grid-template-columns: 1fr;
     }

     section {
       padding: 75px 0;
     }

     h1 {
       font-size: 42px;
     }
   }