/* ══════════════════════════════════════════
       DESIGN TOKENS
    ══════════════════════════════════════════ */
    :root {
      --g1: #0a3d0a;   /* deep forest */
      --g2: #1a7a1a;   /* mid green */
      --g3: #2ecc2e;   /* vivid green */
      --g4: #7eed7e;   /* light green */
      --b1: #051e3e;   /* deep navy */
      --b2: #0d4fa8;   /* royal blue */
      --b3: #2196f3;   /* bright blue */
      --b4: #7ec8f7;   /* sky blue */
      --ink: #080f08;
      --ink2: #111a11;
      --ink3: #1c2a1c;
      --surface: #f6fbf6;
      --muted: #8a9e8a;
      --white: #ffffff;
      --card-bg: rgba(255,255,255,0.03);
      --card-border: rgba(255,255,255,0.08);
      --radius-lg: 24px;
      --radius-md: 16px;
      --radius-sm: 10px;
    }

    /* ══════════════════════════════════════════
       RESET & BASE
    ══════════════════════════════════════════ */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body {
      font-family: "IBM Plex Sans", sans-serif;
      font-size: 16px;
      color: #e8f0e8;
      background: var(--ink);
      overflow-x: hidden;
    }

    /* Noise overlay */
    body::before {
      content: '';
      position: fixed; inset: 0; z-index: 0;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");
      pointer-events: none;
      opacity: 0.5;
    }

    * { position: relative; z-index: 1; }

    h1,h2,h3,h4,h5 { font-family: "IBM Plex Sans", sans-serif; line-height: 1.1; }
    h2 { font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 700; }
    h3 { font-size: 1.2rem; font-weight: 700; }
    a { text-decoration: none; }

    /* ══════════════════════════════════════════
       NAVBAR
    ══════════════════════════════════════════ */
    header {
      position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
      padding: 0 40px;
    }

    .nav-wrap {
      margin: 12px auto;
      max-width: 1200px;
      background: rgba(8,15,8,0.75);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid rgba(46,204,46,0.15);
      border-radius: 100px;
      padding: 12px 28px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    .logo img { width: 160px; height: auto; display: block; }

    .nav-links {
      display: flex; align-items: center; gap: 2px;
      list-style: none; padding: 0; margin: 0;
    }

    .nav-links a {
     font-family: "IBM Plex Sans", sans-serif;
      font-size: 0.82rem; font-weight: 600;
      color: rgba(255,255,255,0.6);
      letter-spacing: 0.04em; text-transform: uppercase;
      padding: 7px 14px;
      border-radius: 100px;
      transition: all 0.25s ease;
    }
    .nav-links a:hover {
      color: var(--white);
      background: rgba(46,204,46,0.12);
    }

    .nav-cta {
      background: linear-gradient(135deg, var(--g2), var(--g3)) !important;
      color: var(--white) !important;
      padding: 8px 20px !important;
      box-shadow: 0 4px 16px rgba(46,204,46,0.3);
    }
    .nav-cta:hover {
      background: linear-gradient(135deg, var(--b2), var(--b3)) !important;
      box-shadow: 0 4px 16px rgba(33,150,243,0.4) !important;
    }

    /* ══════════════════════════════════════════
       HERO
    ══════════════════════════════════════════ */
    .hero {
      min-height: 100vh;
      display: flex; align-items: center;
      padding: 120px 40px 80px;
      overflow: hidden;
      background: var(--ink);
    }

    /* Mesh gradient blobs */
    .hero-blob {
      position: absolute;
      border-radius: 50%;
      filter: blur(80px);
      pointer-events: none;
      z-index: 0;
    }
    .blob-1 { width: 600px; height: 600px; background: radial-gradient(circle, rgba(26,122,26,0.25) 0%, transparent 70%); top: -100px; left: -150px; animation: blobFloat 8s ease-in-out infinite; }
    .blob-2 { width: 500px; height: 500px; background: radial-gradient(circle, rgba(13,79,168,0.20) 0%, transparent 70%); bottom: -80px; right: -100px; animation: blobFloat 10s ease-in-out infinite reverse; }
    .blob-3 { width: 300px; height: 300px; background: radial-gradient(circle, rgba(33,150,243,0.15) 0%, transparent 70%); top: 50%; right: 20%; animation: blobFloat 12s ease-in-out infinite; }

    @keyframes blobFloat {
      0%, 100% { transform: translate(0,0) scale(1); }
      33% { transform: translate(30px,-20px) scale(1.05); }
      66% { transform: translate(-20px,30px) scale(0.95); }
    }

    .hero-inner { max-width: 1200px; margin: 0 auto; width: 100%; }

    .hero-badge {
      display: inline-flex; align-items: center; gap: 8px;
      background: rgba(46,204,46,0.1);
      border: 1px solid rgba(46,204,46,0.25);
      color: var(--g4);
     font-family: "IBM Plex Sans", sans-serif;
      font-size: 0.75rem; font-weight: 600;
      letter-spacing: 0.12em; text-transform: uppercase;
      padding: 7px 18px; border-radius: 100px;
      margin-bottom: 32px;
      animation: fadeUp 0.8s ease both;
    }
    .hero-badge .dot { width: 6px; height: 6px; background: var(--g3); border-radius: 50%; animation: pulse 2s ease-in-out infinite; }
    @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.5;transform:scale(0.8)} }

    .hero-title {
      font-family: "IBM Plex Sans", sans-serif;
      font-size: clamp(3rem, 7vw, 6.5rem);
      font-weight: 800;
      line-height: 0.95;
      color: var(--white);
      margin-bottom: 28px;
      animation: fadeUp 0.8s 0.1s ease both;
    }
    .hero-title .accent {
      background: linear-gradient(135deg, var(--g3) 0%, var(--b3) 60%, var(--b4) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .hero-title .line2 { display: block; color: rgba(255,255,255,0.35); font-size: 0.65em; font-weight: 500; margin-top: 8px; letter-spacing: -0.01em; }

    .hero-desc {
      font-size: 1.1rem; color: rgba(255,255,255,0.55);
      max-width: 520px; line-height: 1.75;
      margin-bottom: 44px;
      animation: fadeUp 0.8s 0.2s ease both;
    }

    .hero-actions {
      display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
      animation: fadeUp 0.8s 0.3s ease both;
    }

    .btn-primary {
      display: inline-flex; align-items: center; gap: 10px;
      background: linear-gradient(135deg, var(--g1), var(--g2));
      color: var(--white);
    font-family: "IBM Plex Sans", sans-serif;
      font-size: 0.9rem; font-weight: 700;
      letter-spacing: 0.05em; text-transform: uppercase;
      padding: 15px 36px; border-radius: 100px;
      border: 1px solid rgba(46,204,46,0.3);
      box-shadow: 0 0 0 0 rgba(46,204,46,0.4);
      transition: all 0.35s ease;
    }
    .btn-primary:hover {
      background: linear-gradient(135deg, var(--g2), var(--g3));
      color: var(--white);
      box-shadow: 0 8px 32px rgba(46,204,46,0.35), 0 0 0 6px rgba(46,204,46,0.08);
      transform: translateY(-3px);
    }

    .btn-ghost {
      display: inline-flex; align-items: center; gap: 10px;
      background: transparent;
      color: rgba(255,255,255,0.7);
      font-family: "IBM Plex Sans", sans-serif;
      font-size: 0.9rem; font-weight: 600;
      padding: 15px 32px; border-radius: 100px;
      border: 1px solid rgba(255,255,255,0.12);
      transition: all 0.3s ease;
    }
    .btn-ghost:hover {
      color: var(--white);
      border-color: rgba(255,255,255,0.3);
      background: rgba(255,255,255,0.05);
    }

    /* Hero stats */
    .hero-stats {
      display: flex; gap: 40px; flex-wrap: wrap;
      margin-top: 60px;
      padding-top: 40px;
      border-top: 1px solid rgba(255,255,255,0.06);
      animation: fadeUp 0.8s 0.4s ease both;
    }
    .stat-item {}
    .stat-num {
      font-family: "IBM Plex Sans", sans-serif;
      font-size: 2.2rem; font-weight: 800;
      background: linear-gradient(135deg, var(--g4), var(--b4));
      -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
      line-height: 1;
    }
    .stat-label { font-size: 0.8rem; color: rgba(255,255,255,0.4); margin-top: 4px; text-transform: uppercase; letter-spacing: 0.08em; }

    /* Right side floating card */
    .hero-right {
      animation: fadeUp 0.8s 0.2s ease both;
    }
    .hero-card-stack { position: relative; }
    .hero-glass-card {
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: var(--radius-lg);
      padding: 28px;
      backdrop-filter: blur(20px);
    }
    .hero-glass-card + .hero-glass-card {
      position: absolute;
      top: -20px; right: -20px;
      width: 70%;
      z-index: -1;
      opacity: 0.5;
    }

    .floating-tag {
      display: inline-flex; align-items: center; gap: 6px;
      background: rgba(46,204,46,0.12);
      border: 1px solid rgba(46,204,46,0.2);
      color: var(--g4);
      font-size: 0.75rem; font-weight: 600;
      padding: 5px 12px; border-radius: 100px;
      margin: 4px;
    }
    .floating-tag.blue {
      background: rgba(33,150,243,0.12);
      border-color: rgba(33,150,243,0.2);
      color: var(--b4);
    }

    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(24px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* ══════════════════════════════════════════
       SERVICES — BENTO GRID
    ══════════════════════════════════════════ */
    .services-section {
      padding: 100px 40px;
      background: var(--ink);
    }
    .services-inner { max-width: 1200px; margin: 0 auto; }

    .section-header { margin-bottom: 60px; }
    .section-tag {
      display: inline-flex; align-items: center; gap: 8px;
      font-family: "IBM Plex Sans", sans-serif;
      font-size: 0.72rem; font-weight: 700;
      letter-spacing: 0.15em; text-transform: uppercase;
      color: var(--g3);
      margin-bottom: 16px;
    }
    .section-tag::before { content: ''; width: 24px; height: 2px; background: var(--g3); border-radius: 2px; }
    .section-title { font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 800; color: var(--white); line-height: 1.05; }
    .section-title span { color: var(--g3); }
    .section-desc { color: rgba(255,255,255,0.45); font-size: 1rem; max-width: 500px; margin-top: 16px; line-height: 1.75; }

    /* Bento Grid */
    .bento-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
    }

    .bento-card {
      background: var(--card-bg);
      border: 1px solid var(--card-border);
      border-radius: var(--radius-lg);
      padding: 36px 32px;
      display: flex; flex-direction: column;
      transition: all 0.4s ease;
      cursor: default;
      overflow: hidden;
      position: relative;
    }
    .bento-card::before {
      content: '';
      position: absolute; top: 0; left: 0; right: 0; height: 1px;
      background: linear-gradient(90deg, transparent, rgba(46,204,46,0.4), transparent);
      transform: scaleX(0); transform-origin: center;
      transition: transform 0.5s ease;
    }
    .bento-card:hover::before { transform: scaleX(1); }
    .bento-card:hover {
      background: rgba(255,255,255,0.06);
      border-color: rgba(46,204,46,0.2);
      transform: translateY(-4px);
      box-shadow: 0 20px 60px rgba(0,0,0,0.4), 0 0 0 1px rgba(46,204,46,0.1);
    }

    /* Glow on hover */
    .bento-card::after {
      content: '';
      position: absolute; bottom: -80px; left: 50%; transform: translateX(-50%);
      width: 200px; height: 200px;
      background: radial-gradient(circle, rgba(46,204,46,0.15) 0%, transparent 70%);
      border-radius: 50%;
      opacity: 0; transition: opacity 0.4s ease;
      pointer-events: none;
    }
    .bento-card:hover::after { opacity: 1; }

    /*.bento-card.wide { grid-column: span 2; }*/
    .bento-card.tall { grid-row: span 2; }
    .bento-card.blue-glow::after { background: radial-gradient(circle, rgba(33,150,243,0.15) 0%, transparent 70%); }
    .bento-card.blue-glow:hover { border-color: rgba(33,150,243,0.2); box-shadow: 0 20px 60px rgba(0,0,0,0.4), 0 0 0 1px rgba(33,150,243,0.1); }

    .card-icon {
      width: 56px; height: 56px;
      border-radius: 16px;
      background: linear-gradient(135deg, rgba(10,61,10,0.8), rgba(26,122,26,0.6));
      border: 1px solid rgba(46,204,46,0.2);
      display: flex; align-items: center; justify-content: center;
      font-size: 1.4rem; color: var(--g3);
      margin-bottom: 24px;
      transition: all 0.3s ease;
    }
    .bento-card:hover .card-icon {
      background: linear-gradient(135deg, var(--g1), var(--g2));
      box-shadow: 0 8px 24px rgba(46,204,46,0.25);
    }
    .card-icon.blue { background: linear-gradient(135deg, rgba(5,30,62,0.8), rgba(13,79,168,0.6)); border-color: rgba(33,150,243,0.2); color: var(--b3); }
    .bento-card.blue-glow:hover .card-icon.blue { background: linear-gradient(135deg, var(--b1), var(--b2)); box-shadow: 0 8px 24px rgba(33,150,243,0.25); }

    .bento-card h3 {
      font-size: 1.15rem; font-weight: 700; color: var(--white);
      margin-bottom: 12px;
    }
    .bento-card p {
      font-size: 0.93rem; color: rgba(255,255,255,0.45);
      line-height: 1.7; flex-grow: 1;
    }
    .card-link {
      display: inline-flex; align-items: center; gap: 6px;
      color: var(--g3); font-family: "IBM Plex Sans", sans-serif;
      font-size: 0.8rem; font-weight: 700;
      text-transform: uppercase; letter-spacing: 0.08em;
      margin-top: 24px;
      transition: gap 0.25s ease;
    }
    .card-link:hover { gap: 10px; }
    .bento-card.blue-glow .card-link { color: var(--b3); }

    /* ══════════════════════════════════════════
       PARTNERS
    ══════════════════════════════════════════ */
    .partners-section {
      padding: 80px 40px;
      background: var(--ink2);
      border-top: 1px solid rgba(255,255,255,0.04);
      border-bottom: 1px solid rgba(255,255,255,0.04);
    }
    .partners-inner { max-width: 1200px; margin: 0 auto; }
    .partners-label {
      display: flex; align-items: center; gap: 16px;
      color: rgba(255,255,255,0.25); font-size: 0.75rem;
      font-family: "IBM Plex Sans", sans-serif; letter-spacing: 0.12em; text-transform: uppercase;
      margin-bottom: 40px;
    }
    .partners-label::after { content: ''; flex-grow: 1; height: 1px; background: rgba(255,255,255,0.06); }
    .partners-img { width: 100%; border-radius: var(--radius-md); opacity: 0.75; transition: opacity 0.3s; }
    .partners-img:hover { opacity: 1; }

    /* ══════════════════════════════════════════
       WHY CHOOSE
    ══════════════════════════════════════════ */
    .why-section {
      padding: 100px 40px;
      background: var(--ink);
    }
    .why-inner { max-width: 1200px; margin: 0 auto; }

    .why-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
      margin-top: 60px;
    }

    .why-card {
      background: rgba(255,255,255,0.025);
      border: 1px solid rgba(255,255,255,0.06);
      border-radius: var(--radius-lg);
      padding: 40px 36px;
      display: flex; gap: 24px; align-items: flex-start;
      transition: all 0.35s ease;
    }
    .why-card:hover {
      background: rgba(255,255,255,0.05);
      border-color: rgba(46,204,46,0.15);
      transform: translateY(-3px);
    }
    .why-icon {
      width: 54px; height: 54px; flex-shrink: 0;
      border-radius: 16px;
      background: linear-gradient(135deg, var(--g1), var(--g2));
      border: 1px solid rgba(46,204,46,0.2);
      display: flex; align-items: center; justify-content: center;
    }
    .why-icon img { width: 50%; filter: brightness(0) invert(1); }
    .why-card h4 { font-family: "IBM Plex Sans", sans-serif; font-size: 1.05rem; font-weight: 700; color: var(--white); margin-bottom: 8px; }
    .why-card p { font-size: 0.92rem; color: rgba(255,255,255,0.45); line-height: 1.7; }

    /* ══════════════════════════════════════════
       FOOTER
    ══════════════════════════════════════════ */
    footer {
      background: var(--ink2);
      border-top: 1px solid rgba(255,255,255,0.05);
      padding: 80px 40px 0;
    }
    .footer-inner { max-width: 1200px; margin: 0 auto; }
    .footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 60px; padding-bottom: 60px; }

    .footer-logo img { width: 160px; margin-bottom: 20px; }
    .footer-about { color: rgba(255,255,255,0.35); font-size: 0.9rem; line-height: 1.8; margin-bottom: 24px; }
    .footer-social { display: flex; gap: 10px; }
    .footer-social a {
      width: 38px; height: 38px; border-radius: 10px;
      background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);
      display: flex; align-items: center; justify-content: center;
      color: rgba(255,255,255,0.4); font-size: 0.85rem; text-decoration: none;
      transition: all 0.25s ease;
    }
    .footer-social a:hover { background: var(--g1); border-color: var(--g2); color: var(--white); }

    .footer-col h5 {
      font-family: "IBM Plex Sans", sans-serif; font-size: 0.85rem; font-weight: 700;
      color: var(--white); letter-spacing: 0.1em; text-transform: uppercase;
      margin-bottom: 24px; padding-bottom: 12px;
      border-bottom: 1px solid rgba(255,255,255,0.06);
    }
    .footer-col ul { list-style: none; padding: 0; }
    .footer-col ul li { margin-bottom: 12px; }
    .footer-col ul li a {
      color: rgba(255,255,255,0.4); font-size: 0.9rem;
      display: flex; align-items: center; gap: 8px;
      transition: all 0.2s ease;
    }
    .footer-col ul li a::before { content: '↗'; font-size: 0.7rem; opacity: 0; transition: opacity 0.2s, transform 0.2s; transform: translate(-4px, 4px); }
    .footer-col ul li a:hover { color: var(--g3); }
    .footer-col ul li a:hover::before { opacity: 1; transform: translate(0,0); }

    .footer-contact-row { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 14px; }
    .footer-contact-row i { color: var(--g3); margin-top: 2px; font-size: 0.85rem; flex-shrink: 0; }
    .footer-contact-row span { color: rgba(255,255,255,0.4); font-size: 0.88rem; line-height: 1.6; }

    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,0.05);
      padding: 20px 0;
      display: flex; align-items: center; justify-content: space-between;
    }
    .footer-bottom p { color: rgba(255,255,255,0.2); font-size: 0.82rem; margin: 0; }
    .footer-bottom span { color: var(--g3); }

    /* ══════════════════════════════════════════
       SCROLL REVEAL
    ══════════════════════════════════════════ */
    .reveal {
      opacity: 0; transform: translateY(30px);
      transition: opacity 0.7s ease, transform 0.7s ease;
    }
    .reveal.visible { opacity: 1; transform: translateY(0); }

    /* ══════════════════════════════════════════
       RESPONSIVE
    ══════════════════════════════════════════ */
    @media (max-width: 992px) {
      header { padding: 0 20px; }
      .hero { padding: 120px 20px 60px; }
      .services-section, .why-section { padding: 80px 20px; }
      .partners-section, footer { padding-left: 20px; padding-right: 20px; }
      .bento-grid { grid-template-columns: 1fr 1fr; }
      .bento-card.wide { grid-column: span 2; }
      .why-grid { grid-template-columns: 1fr; }
      .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }
    }
    @media (max-width: 768px) {
      .nav-wrap { border-radius: 16px; padding: 12px 16px; flex-wrap: wrap; justify-content: center; }
      .nav-links { flex-wrap: wrap; justify-content: center; }
      .nav-links a { font-size: 0.75rem; padding: 6px 10px; }
      .hero-title { font-size: clamp(2.2rem, 8vw, 3.5rem); }
      .hero-right { display: none; }
      .bento-grid { grid-template-columns: 1fr; }
      .bento-card.wide { grid-column: span 1; }
      .footer-grid { grid-template-columns: 1fr; gap: 32px; }
    }
	
	
	
	:root { --g1:#0a3d0a;--g2:#1a7a1a;--g3:#2ecc2e;--g4:#7eed7e;--b1:#051e3e;--b2:#0d4fa8;--b3:#2196f3;--b4:#7ec8f7;--ink:#080f08;--ink2:#111a11;--white:#ffffff;--card-bg:rgba(255,255,255,0.03);--card-border:rgba(255,255,255,0.08);--r:24px; }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:'Instrument Sans',sans-serif;font-size:16px;color:#e8f0e8;background:var(--ink);overflow-x:hidden}
    body::before{content:'';position:fixed;inset:0;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;opacity:.5}
    *{position:relative;z-index:1}
    h1,h2,h3,h4{font-family:'Syne',sans-serif;line-height:1.1}
    a{text-decoration:none}

    header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 40px}
    .nav-wrap{margin:12px auto;max-width:1200px;background:rgba(8,15,8,.75);backdrop-filter:blur(20px);border:1px solid rgba(46,204,46,.15);border-radius:100px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .logo img{width:160px;height:auto;display:block}
    .nav-links{display:flex;align-items:center;gap:2px;list-style:none;padding:0;margin:0}
    .nav-links a{font-family:'Syne',sans-serif;font-size:.82rem;font-weight:600;color:rgba(255,255,255,.6);letter-spacing:.04em;text-transform:uppercase;padding:7px 14px;border-radius:100px;transition:all .25s ease}
    .nav-links a:hover{color:var(--white);background:rgba(46,204,46,.12)}
    .nav-cta{background:linear-gradient(135deg,var(--g2),var(--g3))!important;color:var(--white)!important;padding:8px 20px!important;box-shadow:0 4px 16px rgba(46,204,46,.3)}
    .nav-cta:hover{background:linear-gradient(135deg,var(--b2),var(--b3))!important}

    .page-hero{padding:160px 40px 90px;background:var(--ink);overflow:hidden}
    .blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}
    .b1{width:500px;height:500px;background:radial-gradient(circle,rgba(26,122,26,.2) 0%,transparent 70%);top:-100px;left:-100px}
    .b2{width:400px;height:400px;background:radial-gradient(circle,rgba(13,79,168,.15) 0%,transparent 70%);bottom:-80px;right:10%}
    .hero-inner{max-width:1200px;margin:0 auto}
    .breadcrumb-trail{display:flex;align-items:center;gap:8px;font-family:'Syne',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:20px}
    .breadcrumb-trail a{color:rgba(255,255,255,.3);transition:color .2s}
    .breadcrumb-trail a:hover{color:var(--g3)}
    .page-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;color:var(--white);line-height:1.0;margin-bottom:20px}
    .page-title span{background:linear-gradient(135deg,var(--g3),var(--b3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .page-sub{font-size:1.05rem;color:rgba(255,255,255,.45);max-width:540px;line-height:1.8}

    .stats-bar{background:var(--ink2);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}
    .stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.05)}
    .stat-box{background:var(--ink2);padding:36px 32px;text-align:center}
    .stat-num{font-family:'Syne',sans-serif;font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,var(--g4),var(--b4));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}
    .stat-lbl{font-size:.78rem;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.1em}

    .about-block{padding:100px 40px}
    .about-block.bg-alt{background:var(--ink2)}
    .about-block.bg-dark{background:var(--ink)}
    .about-inner{max-width:1200px;margin:0 auto}

    .section-tag{display:inline-flex;align-items:center;gap:8px;font-family:'Syne',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--g3);margin-bottom:16px}
    .section-tag::before{content:'';width:24px;height:2px;background:var(--g3);border-radius:2px}

    .block-h{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;color:var(--white);margin-bottom:20px}
    .block-h span{background:linear-gradient(135deg,var(--g3),var(--b3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .block-p{font-size:1rem;color:rgba(255,255,255,.5);line-height:1.85;margin-bottom:32px}

    .btn-p{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--g1),var(--g2));color:var(--white);font-family:'Syne',sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:13px 32px;border-radius:100px;border:1px solid rgba(46,204,46,.3);transition:all .35s ease}
    .btn-p:hover{background:linear-gradient(135deg,var(--g2),var(--g3));color:var(--white);box-shadow:0 8px 32px rgba(46,204,46,.3);transform:translateY(-2px)}

    .img-wrap{border-radius:var(--r);overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 60px rgba(0,0,0,.5)}
    .img-wrap img{width:100%;display:block;transition:transform .6s ease}
    .img-wrap:hover img{transform:scale(1.04)}

    .delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-bottom:32px}
    .dl-item{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.04)}
    .dl-check{width:22px;height:22px;flex-shrink:0;border-radius:6px;background:linear-gradient(135deg,var(--g1),var(--g2));border:1px solid rgba(46,204,46,.2);display:flex;align-items:center;justify-content:center;font-size:.6rem;color:var(--g3)}
    .dl-item span{font-size:.88rem;color:rgba(255,255,255,.5);font-weight:500}

    footer{background:var(--ink2);border-top:1px solid rgba(255,255,255,.05);padding:80px 40px 0}
    .f-inner{max-width:1200px;margin:0 auto}
    .f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px;padding-bottom:60px}
    .f-logo img{width:160px;margin-bottom:20px}
    .f-about{color:rgba(255,255,255,.35);font-size:.9rem;line-height:1.8;margin-bottom:24px}
    .f-social{display:flex;gap:10px}
    .f-social a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4);font-size:.85rem;transition:all .25s ease}
    .f-social a:hover{background:var(--g1);border-color:var(--g2);color:var(--white)}
    .f-col h5{font-family:'Syne',sans-serif;font-size:.85rem;font-weight:700;color:var(--white);letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}
    .f-col ul{list-style:none;padding:0}
    .f-col ul li{margin-bottom:12px}
    .f-col ul li a{color:rgba(255,255,255,.4);font-size:.9rem;display:flex;align-items:center;gap:8px;transition:all .2s ease}
    .f-col ul li a::before{content:'↗';font-size:.7rem;opacity:0;transition:opacity .2s,transform .2s;transform:translate(-4px,4px)}
    .f-col ul li a:hover{color:var(--g3)}
    .f-col ul li a:hover::before{opacity:1;transform:translate(0,0)}
    .f-contact{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}
    .f-contact i{color:var(--g3);margin-top:2px;font-size:.85rem;flex-shrink:0}
    .f-contact span{color:rgba(255,255,255,.4);font-size:.88rem;line-height:1.6}
    .f-bottom{border-top:1px solid rgba(255,255,255,.05);padding:20px 0;display:flex;align-items:center;justify-content:space-between}
    .f-bottom p{color:rgba(255,255,255,.2);font-size:.82rem;margin:0}
    .f-bottom span{color:var(--g3)}

    .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
    .reveal.visible{opacity:1;transform:translateY(0)}

    @media(max-width:992px){header{padding:0 20px}.page-hero,.about-block,.stats-bar,.footer-bar{padding-left:20px;padding-right:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.f-grid{grid-template-columns:1fr 1fr;gap:40px}}
    @media(max-width:768px){.nav-wrap{border-radius:16px;padding:12px 16px;flex-wrap:wrap;justify-content:center}.nav-links{flex-wrap:wrap;justify-content:center}.nav-links a{font-size:.75rem;padding:6px 10px}.delivery-grid{grid-template-columns:1fr}.f-grid{grid-template-columns:1fr;gap:32px}}
	
	
	
	:root{--g1:#0a3d0a;--g2:#1a7a1a;--g3:#2ecc2e;--g4:#7eed7e;--b1:#051e3e;--b2:#0d4fa8;--b3:#2196f3;--b4:#7ec8f7;--ink:#080f08;--ink2:#111a11;--white:#fff;--r:24px}
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:'Instrument Sans',sans-serif;font-size:16px;color:#e8f0e8;background:var(--ink);overflow-x:hidden}
    body::before{content:'';position:fixed;inset:0;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;opacity:.5}
    *{position:relative;z-index:1}
    h1,h2,h3,h4{font-family:'Syne',sans-serif;line-height:1.1}
    a{text-decoration:none}

    header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 40px}
    .nav-wrap{margin:12px auto;max-width:1200px;background:rgba(8,15,8,.75);backdrop-filter:blur(20px);border:1px solid rgba(46,204,46,.15);border-radius:100px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .logo img{width:160px;height:auto;display:block}
    .nav-links{display:flex;align-items:center;gap:2px;list-style:none;padding:0;margin:0}
    .nav-links a{font-family:'Syne',sans-serif;font-size:.82rem;font-weight:600;color:rgba(255,255,255,.6);letter-spacing:.04em;text-transform:uppercase;padding:7px 14px;border-radius:100px;transition:all .25s ease}
    .nav-links a:hover{color:var(--white);background:rgba(46,204,46,.12)}
    .nav-cta{background:linear-gradient(135deg,var(--g2),var(--g3))!important;color:var(--white)!important;padding:8px 20px!important;box-shadow:0 4px 16px rgba(46,204,46,.3)}
    .nav-cta:hover{background:linear-gradient(135deg,var(--b2),var(--b3))!important}

    .page-hero{padding:160px 40px 90px;background:var(--ink);overflow:hidden}
    .blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}
    .b1{width:500px;height:500px;background:radial-gradient(circle,rgba(26,122,26,.2) 0%,transparent 70%);top:-100px;left:-100px}
    .b2{width:400px;height:400px;background:radial-gradient(circle,rgba(13,79,168,.15) 0%,transparent 70%);bottom:-80px;right:10%}
    .hero-inner{max-width:1200px;margin:0 auto}
    .breadcrumb-trail{display:flex;align-items:center;gap:8px;font-family:'Syne',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:20px}
    .breadcrumb-trail a{color:rgba(255,255,255,.3);transition:color .2s}
    .breadcrumb-trail a:hover{color:var(--g3)}
    .page-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;color:var(--white);line-height:1;margin-bottom:20px}
    .page-title span{background:linear-gradient(135deg,var(--g3),var(--b3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .page-sub{font-size:1.05rem;color:rgba(255,255,255,.45);max-width:540px;line-height:1.8}

    /* CONTACT SECTION */
    .contact-section{padding:100px 40px;background:var(--ink)}
    .c-inner{max-width:1200px;margin:0 auto}
    .section-tag{display:inline-flex;align-items:center;gap:8px;font-family:'Syne',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--g3);margin-bottom:16px}
    .section-tag::before{content:'';width:24px;height:2px;background:var(--g3);border-radius:2px}
    .section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--white);margin-bottom:12px}
    .section-title span{background:linear-gradient(135deg,var(--g3),var(--b3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .section-desc{color:rgba(255,255,255,.4);font-size:1rem;line-height:1.75;margin-bottom:60px}

    /* INFO PANEL */
    .info-panel{background:linear-gradient(145deg,rgba(10,61,10,.6),rgba(5,30,62,.5));border:1px solid rgba(46,204,46,.12);border-radius:var(--r);padding:48px 40px;height:100%}
    .info-panel h3{font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:800;color:var(--white);margin-bottom:36px}
    .info-item{display:flex;align-items:flex-start;gap:18px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.05)}
    .info-item:last-of-type{border-bottom:none;padding-bottom:0}
    .info-icon{width:48px;height:48px;flex-shrink:0;border-radius:14px;background:linear-gradient(135deg,var(--g1),var(--g2));border:1px solid rgba(46,204,46,.2);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--g3)}
    .info-text h4{font-family:'Syne',sans-serif;font-size:.9rem;font-weight:700;color:rgba(255,255,255,.8);margin-bottom:6px}
    .info-text p{font-size:.88rem;color:rgba(255,255,255,.4);line-height:1.65;margin:0}

    /* FORM PANEL */
    .form-panel{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);padding:48px 44px;height:100%}
    .form-panel h3{font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:800;color:var(--white);margin-bottom:36px}

    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
    .form-group{margin-bottom:16px}
    .form-label{display:block;font-family:'Syne',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:8px}
    .form-input{width:100%;padding:14px 18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;font-family:'Instrument Sans',sans-serif;font-size:.95rem;color:var(--white);outline:none;transition:all .25s ease}
    .form-input::placeholder{color:rgba(255,255,255,.2)}
    .form-input:focus{border-color:rgba(46,204,46,.4);background:rgba(46,204,46,.04);box-shadow:0 0 0 4px rgba(46,204,46,.08)}
    textarea.form-input{resize:vertical;min-height:140px}

    .btn-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--g1),var(--g2));color:var(--white);font-family:'Syne',sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:15px 36px;border-radius:100px;border:1px solid rgba(46,204,46,.3);cursor:pointer;transition:all .35s ease;margin-top:8px}
    .btn-submit:hover{background:linear-gradient(135deg,var(--g2),var(--g3));box-shadow:0 8px 32px rgba(46,204,46,.3);transform:translateY(-2px)}

    /* SUPPORT */
    .support-section{padding:80px 40px;background:var(--ink2);border-top:1px solid rgba(255,255,255,.04)}
    .support-inner{max-width:1200px;margin:0 auto}
    .support-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:50px}
    .s-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:var(--r);padding:36px 32px;display:flex;align-items:center;gap:20px;transition:all .35s ease}
    .s-card:hover{background:rgba(255,255,255,.06);border-color:rgba(46,204,46,.15);transform:translateX(4px)}
    .s-icon{width:54px;height:54px;flex-shrink:0;border-radius:14px;background:linear-gradient(135deg,var(--g1),var(--g2));border:1px solid rgba(46,204,46,.2);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--g3);transition:all .3s ease}
    .s-card:hover .s-icon{box-shadow:0 8px 20px rgba(46,204,46,.25)}
    .s-text h4{font-family:'Syne',sans-serif;font-size:1rem;font-weight:700;color:var(--white);margin-bottom:4px}
    .s-text p{font-size:.88rem;color:rgba(255,255,255,.35);line-height:1.6;margin-bottom:12px}
    .s-link{display:inline-flex;align-items:center;gap:6px;color:var(--g4);font-family:'Syne',sans-serif;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;transition:gap .25s ease}
    .s-link:hover{gap:10px}

    footer{background:var(--ink2);border-top:1px solid rgba(255,255,255,.05);padding:80px 40px 0}
    .f-inner{max-width:1200px;margin:0 auto}
    .f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px;padding-bottom:60px}
    .f-logo img{width:160px;margin-bottom:20px}
    .f-about{color:rgba(255,255,255,.35);font-size:.9rem;line-height:1.8;margin-bottom:24px}
    .f-social{display:flex;gap:10px}
    .f-social a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4);font-size:.85rem;transition:all .25s ease}
    .f-social a:hover{background:var(--g1);border-color:var(--g2);color:var(--white)}
    .f-col h5{font-family:'Syne',sans-serif;font-size:.85rem;font-weight:700;color:var(--white);letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}
    .f-col ul{list-style:none;padding:0}
    .f-col ul li{margin-bottom:12px}
    .f-col ul li a{color:rgba(255,255,255,.4);font-size:.9rem;display:flex;align-items:center;gap:8px;transition:all .2s ease}
    .f-col ul li a::before{content:'↗';font-size:.7rem;opacity:0;transition:opacity .2s,transform .2s;transform:translate(-4px,4px)}
    .f-col ul li a:hover{color:var(--g3)}
    .f-col ul li a:hover::before{opacity:1;transform:translate(0,0)}
    .f-contact{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}
    .f-contact i{color:var(--g3);margin-top:2px;font-size:.85rem;flex-shrink:0}
    .f-contact span{color:rgba(255,255,255,.4);font-size:.88rem;line-height:1.6}
    .f-bottom{border-top:1px solid rgba(255,255,255,.05);padding:20px 0;display:flex;align-items:center;justify-content:space-between}
    .f-bottom p{color:rgba(255,255,255,.2);font-size:.82rem;margin:0}
    .f-bottom span{color:var(--g3)}

    .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
    .reveal.visible{opacity:1;transform:translateY(0)}

    @media(max-width:992px){header,.page-hero,.contact-section,.support-section,footer{padding-left:20px;padding-right:20px}header{padding-top:0;padding-bottom:0}.support-row{grid-template-columns:1fr}.f-grid{grid-template-columns:1fr 1fr;gap:40px}}
    @media(max-width:768px){.nav-wrap{border-radius:16px;padding:12px 16px;flex-wrap:wrap;justify-content:center}.nav-links{flex-wrap:wrap;justify-content:center}.nav-links a{font-size:.75rem;padding:6px 10px}.form-row{grid-template-columns:1fr}.form-panel{padding:32px 24px}.info-panel{padding:36px 28px}.support-row{grid-template-columns:1fr}.f-grid{grid-template-columns:1fr;gap:32px}}
	
	:root{--g1:#0a3d0a;--g2:#1a7a1a;--g3:#2ecc2e;--g4:#7eed7e;--b1:#051e3e;--b2:#0d4fa8;--b3:#2196f3;--b4:#7ec8f7;--ink:#080f08;--ink2:#111a11;--white:#fff;--r:24px}
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:'Instrument Sans',sans-serif;font-size:16px;color:#e8f0e8;background:var(--ink);overflow-x:hidden}
    body::before{content:'';position:fixed;inset:0;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;opacity:.5}
    *{position:relative;z-index:1}
    h1,h2,h3,h4{font-family:'Syne',sans-serif;line-height:1.1}
    a{text-decoration:none}

    header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 40px}
    .nav-wrap{margin:12px auto;max-width:1200px;background:rgba(8,15,8,.75);backdrop-filter:blur(20px);border:1px solid rgba(46,204,46,.15);border-radius:100px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .logo img{width:160px;height:auto;display:block}
    .nav-links{display:flex;align-items:center;gap:2px;list-style:none;padding:0;margin:0}
    .nav-links a{font-family:'Syne',sans-serif;font-size:.82rem;font-weight:600;color:rgba(255,255,255,.6);letter-spacing:.04em;text-transform:uppercase;padding:7px 14px;border-radius:100px;transition:all .25s ease}
    .nav-links a:hover{color:var(--white);background:rgba(46,204,46,.12)}
    .nav-cta{background:linear-gradient(135deg,var(--g2),var(--g3))!important;color:var(--white)!important;padding:8px 20px!important;box-shadow:0 4px 16px rgba(46,204,46,.3)}
    .nav-cta:hover{background:linear-gradient(135deg,var(--b2),var(--b3))!important}

    .page-hero{padding:160px 40px 90px;background:var(--ink);overflow:hidden}
    .blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}
    .b1{width:500px;height:500px;background:radial-gradient(circle,rgba(26,122,26,.2) 0%,transparent 70%);top:-100px;left:-100px}
    .b2{width:400px;height:400px;background:radial-gradient(circle,rgba(13,79,168,.15) 0%,transparent 70%);bottom:-80px;right:10%}
    .hero-inner{max-width:1200px;margin:0 auto}
    .breadcrumb-trail{display:flex;align-items:center;gap:8px;font-family:'Syne',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:20px}
    .breadcrumb-trail a{color:rgba(255,255,255,.3);transition:color .2s}
    .breadcrumb-trail a:hover{color:var(--g3)}
    .page-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;color:var(--white);line-height:1;margin-bottom:20px}
    .page-title span{background:linear-gradient(135deg,var(--g3),var(--b3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .page-sub{font-size:1.05rem;color:rgba(255,255,255,.45);max-width:540px;line-height:1.8}

    /* SERVICES GRID */
    .services-section{padding:100px 40px;background:var(--ink)}
    .svc-inner{max-width:1200px;margin:0 auto}
    .section-tag{display:inline-flex;align-items:center;gap:8px;font-family:'Syne',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--g3);margin-bottom:16px}
    .section-tag::before{content:'';width:24px;height:2px;background:var(--g3);border-radius:2px}
    .section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--white);margin-bottom:16px}
    .section-title span{background:linear-gradient(135deg,var(--g3),var(--b3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    .section-desc{color:rgba(255,255,255,.4);font-size:1rem;max-width:500px;line-height:1.75;margin-bottom:60px}

    /* Service cards — accordion-style list cards */
    .svc-cards{display:flex;flex-direction:column;gap:12px}
    .svc-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:var(--r);padding:36px 40px;transition:all .35s ease;cursor:default;overflow:hidden;position:relative}
    .svc-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--g3),var(--b3));transform:scaleY(0);transform-origin:top;transition:transform .4s ease;border-radius:0 0 0 var(--r)}
    .svc-card:hover::before{transform:scaleY(1)}
    .svc-card:hover{background:rgba(255,255,255,.055);border-color:rgba(46,204,46,.15);transform:translateX(4px)}
    .svc-head{display:flex;align-items:center;gap:20px;margin-bottom:0}
    .svc-icon{width:52px;height:52px;flex-shrink:0;border-radius:14px;background:linear-gradient(135deg,rgba(10,61,10,.8),rgba(26,122,26,.5));border:1px solid rgba(46,204,46,.2);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--g3);transition:all .3s ease}
    .svc-card.blue-t .svc-icon{background:linear-gradient(135deg,rgba(5,30,62,.8),rgba(13,79,168,.5));border-color:rgba(33,150,243,.2);color:var(--b3)}
    .svc-card:hover .svc-icon{box-shadow:0 6px 20px rgba(46,204,46,.25)}
    .svc-card.blue-t:hover .svc-icon{box-shadow:0 6px 20px rgba(33,150,243,.25)}
    .svc-card:hover::before,.svc-card.blue-t::before{background:linear-gradient(180deg,var(--b3),var(--g3))}
    .svc-title{font-family:'Syne',sans-serif;font-size:1.15rem;font-weight:700;color:var(--white);flex-grow:1}
    .svc-arrow{font-size:.85rem;color:rgba(255,255,255,.2);transition:all .3s ease;flex-shrink:0}
    .svc-card:hover .svc-arrow{color:var(--g3);transform:translateX(4px)}
    .svc-card.blue-t:hover .svc-arrow{color:var(--b3)}
    .svc-list{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05);display:grid;grid-template-columns:repeat(2,1fr);gap:6px 20px}
    .svc-list li{display:flex;align-items:center;gap:10px;font-size:.88rem;color:rgba(255,255,255,.45);padding:5px 0}
    .svc-list li::before{content:'';width:5px;height:5px;background:var(--g3);border-radius:50%;flex-shrink:0;opacity:.7}
    .svc-card.blue-t .svc-list li::before{background:var(--b3)}

    /* PARTNERS */
    .partners-section{padding:80px 40px;background:var(--ink2);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}
    .p-inner{max-width:1200px;margin:0 auto}
    .p-label{display:flex;align-items:center;gap:16px;color:rgba(255,255,255,.25);font-size:.75rem;font-family:'Syne',sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:40px}
    .p-label::after{content:'';flex-grow:1;height:1px;background:rgba(255,255,255,.06)}
    .p-img{width:100%;border-radius:16px;opacity:.75;transition:opacity .3s}
    .p-img:hover{opacity:1}

    /* SUPPORT */
    .support-section{padding:100px 40px;background:var(--ink)}
    .support-inner{max-width:1200px;margin:0 auto}
    .support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}
    .support-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:var(--r);padding:44px 36px;text-align:center;transition:all .35s ease;display:flex;flex-direction:column;align-items:center}
    .support-card:hover{background:rgba(255,255,255,.06);border-color:rgba(46,204,46,.15);transform:translateY(-5px);box-shadow:0 20px 60px rgba(0,0,0,.4)}
    .support-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,var(--g1),var(--g2));border:1px solid rgba(46,204,46,.2);display:flex;align-items:center;justify-content:center;font-size:1.7rem;color:var(--g3);margin:0 auto 24px;box-shadow:0 8px 24px rgba(46,204,46,.2);transition:all .3s ease}
    .support-card:hover .support-icon{box-shadow:0 12px 32px rgba(46,204,46,.35);background:linear-gradient(135deg,var(--g2),var(--g3))}
    .support-card h4{font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:700;color:var(--white);margin-bottom:12px}
    .support-card p{font-size:.92rem;color:rgba(255,255,255,.4);line-height:1.7;margin-bottom:28px;flex-grow:1}
    .btn-ghost-g{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--g4);font-family:'Syne',sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:10px 24px;border-radius:100px;border:1px solid rgba(46,204,46,.25);transition:all .3s ease}
    .btn-ghost-g:hover{background:linear-gradient(135deg,var(--g1),var(--g2));color:var(--white);border-color:transparent;box-shadow:0 6px 20px rgba(46,204,46,.3)}

    footer{background:var(--ink2);border-top:1px solid rgba(255,255,255,.05);padding:80px 40px 0}
    .f-inner{max-width:1200px;margin:0 auto}
    .f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px;padding-bottom:60px}
    .f-logo img{width:160px;margin-bottom:20px}
    .f-about{color:rgba(255,255,255,.35);font-size:.9rem;line-height:1.8;margin-bottom:24px}
    .f-social{display:flex;gap:10px}
    .f-social a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4);font-size:.85rem;transition:all .25s ease}
    .f-social a:hover{background:var(--g1);border-color:var(--g2);color:var(--white)}
    .f-col h5{font-family:'Syne',sans-serif;font-size:.85rem;font-weight:700;color:var(--white);letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}
    .f-col ul{list-style:none;padding:0}
    .f-col ul li{margin-bottom:12px}
    .f-col ul li a{color:rgba(255,255,255,.4);font-size:.9rem;display:flex;align-items:center;gap:8px;transition:all .2s ease}
    .f-col ul li a::before{content:'↗';font-size:.7rem;opacity:0;transition:opacity .2s,transform .2s;transform:translate(-4px,4px)}
    .f-col ul li a:hover{color:var(--g3)}
    .f-col ul li a:hover::before{opacity:1;transform:translate(0,0)}
    .f-contact{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}
    .f-contact i{color:var(--g3);margin-top:2px;font-size:.85rem;flex-shrink:0}
    .f-contact span{color:rgba(255,255,255,.4);font-size:.88rem;line-height:1.6}
    .f-bottom{border-top:1px solid rgba(255,255,255,.05);padding:20px 0;display:flex;align-items:center;justify-content:space-between}
    .f-bottom p{color:rgba(255,255,255,.2);font-size:.82rem;margin:0}
    .f-bottom span{color:var(--g3)}

    .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
    .reveal.visible{opacity:1;transform:translateY(0)}

    @media(max-width:992px){header,.page-hero,.services-section,.partners-section,.support-section,footer{padding-left:20px;padding-right:20px}header{padding-top:0;padding-bottom:0}.support-grid{grid-template-columns:1fr 1fr}.f-grid{grid-template-columns:1fr 1fr;gap:40px}}
    @media(max-width:768px){.nav-wrap{border-radius:16px;padding:12px 16px;flex-wrap:wrap;justify-content:center}.nav-links{flex-wrap:wrap;justify-content:center}.nav-links a{font-size:.75rem;padding:6px 10px}.svc-list{grid-template-columns:1fr}.support-grid{grid-template-columns:1fr}.f-grid{grid-template-columns:1fr;gap:32px}}