*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
  :root {
    --black: #0A0A0A;
    --black2: #111111;
    --card: #161616;
    --border: #222222;
    --lime: #FFFFFF;
    --lime-dim: rgba(201,255,0,0.12);
    --white: #FFFFFF;
    --muted: #666666;
    --mid: #999999;
    --font-display:"Inter", sans-serif;
    --font-body:"Inter", sans-serif;
  }
  html { scroll-behavior: smooth; }
  body { background: var(--black); color: var(--white); font-family: var(--font-body); font-size: 16px; line-height: 1.6; overflow-x: hidden; }
  ::-webkit-scrollbar { width: 3px; }
  ::-webkit-scrollbar-track { background: var(--black); }
  ::-webkit-scrollbar-thumb { background: var(--lime); }
 
  /* ── NAV ── */

  nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 10px 48px; transition: background 0.4s, padding 0.4s; }
  nav.scrolled { background: #FFF; backdrop-filter: blur(16px); padding: 6px 48px; border-bottom: 1px solid var(--border); }
  .nav-logo { font-family: var(--font-display); font-weight: 700; font-size: 17px; letter-spacing: -0.02em; color: var(--white); text-decoration: none; }
  .nav-logo span { color: var(--lime); }
  .nav-links { display: flex; gap: 36px; list-style: none; margin-bottom:0; }
  .nav-links a { font-family: var(--font-display); font-size: 13px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--mid); text-decoration: none; transition: color 0.2s; }
  .nav-links a:hover { color: var(--white); }
  .nav-cta { font-family: var(--font-display); font-size: 13px; font-weight: 600; letter-spacing: 0.04em; background: var(--lime); color: var(--black); padding: 10px 22px; border-radius: 40px; text-decoration: none; transition: opacity 0.2s, transform 0.2s; }
  .nav-cta:hover { opacity: 0.88; transform: translateY(-1px); }
  .nav-logo img{
      height:60px;
  }
  nav.scrolled .nav-cta{
    background: #000!important;
    color: #FFF!important;
  }
  nav.scrolled .nav-links a{
      color: #000!important;
  }
  
  /* HAMBURGER + DRAWER */
.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:42px;height:42px;cursor:pointer;gap:5px;background:none;border:none;padding:0;z-index:201}
.hamburger span{display:block;width:24px;height:2px;background:var(--nog-ink);border-radius:2px;transition:transform .3s,opacity .3s,width .3s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0;width:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:199;opacity:0;pointer-events:none;transition:opacity .3s}
.drawer-overlay.open{opacity:1;pointer-events:all}
.drawer{position:fixed;top:0;right:0;bottom:0;width:280px;background:#000;z-index:200;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:0}
.drawer.open{transform:translateX(0)}
.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid var(--nog-line); position: absolute; top: 0; right: 0; z-index: 999;}
.drawer-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--nog-bg);border:none;border-radius:var(--radius-sm);font-size:1.1rem;color:var(--nog-ink2);transition:background .2s}
.drawer-close:hover{background:var(--nog-line)}
.drawer-nav{display:flex;flex-direction:column;padding:1.5rem;gap:0.25rem;flex:1;margin-top: 55px;}
.drawer-nav a{font-size:1rem;font-weight:500;color:var(--nog-ink2);padding:0.75rem 1rem;border-radius:var(--radius-sm);transition:background .15s,color .15s;text-decoration:none}
.drawer-nav a:hover{background:var(--nog-bg);color:var(--nog-accent)}
.drawer-footer{padding:1.5rem;border-top:1px solid var(--nog-line);display:flex;flex-direction:column;gap:0.75rem}
.drawer-cta{display:block;background:var(--nog-accent);color:#fff;text-align:center;padding:0.85rem;border-radius:var(--radius-sm);font-weight:600;font-size:0.95rem;text-decoration:none;transition:background .2s}
.drawer-cta:hover{background:var(--nog-accent2)}
.drawer-close-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:0.8rem;border:1.5px solid var(--nog-line);border-radius:var(--radius-sm);background:transparent;color:var(--nog-ink2);font-size:0.9rem;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.drawer-close-btn:hover{border-color:var(--nog-ink);color:var(--nog-ink);background:var(--nog-bg)}
.drawer-close-btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.5;fill:none;stroke-linecap:round}
.nav-name{    
    margin-left: 5px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 5px;
    transition: 0.2s all ease-in-out;
}
.nav-name span{
    width: 80px;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.2;
    font-size: 16px;
    font-weight:600;
    color: #FFF;
    transition: 0.2s all ease-in-out;
}
nav.scrolled .nav-name span{
    color:#000;
}
nav.scrolled .nav-name{
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
 
  /* ── HERO ── */
  #hero { position: relative; min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 48px 50px; overflow: hidden; }
  .hero-bg-img { position: absolute; inset: 0; z-index: 0; }
  .hero-bg-img img { width: 100%; height: 100%; object-fit: cover; opacity: 0.18; filter: grayscale(60%); }
  .hero-bg-img::after { content: ''; position: absolute; inset: 0; }
  .hero-bg-grid { position: absolute; inset: 0; z-index: 1; background-image: linear-gradient(rgba(201,255,0,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(201,255,0,0.035) 1px, transparent 1px); background-size: 60px 60px; animation: gridDrift 20s linear infinite; }
  @keyframes gridDrift { from{background-position:0 0;} to{background-position:60px 60px;} }
  .hero-glow { position: absolute; width: 600px; height: 600px; background: radial-gradient(circle,rgba(201,255,0,0.09) 0%,transparent 70%); top:-100px; right:-100px; pointer-events:none; animation:glowPulse 4s ease-in-out infinite; z-index:1; }
  .hero-glow2 { position:absolute; width:400px; height:400px; background:radial-gradient(circle,rgba(201,255,0,0.06) 0%,transparent 70%); bottom:100px; left:10%; pointer-events:none; animation:glowPulse 6s ease-in-out infinite reverse; z-index:1; }
  @keyframes glowPulse { 0%,100%{transform:scale(1);opacity:1;} 50%{transform:scale(1.15);opacity:0.6;} }
  .hero-eyebrow { position:relative; z-index:2; display:inline-flex; align-items:center; gap:10px; font-family:var(--font-display); font-size:11px; font-weight:600; letter-spacing:0.14em; text-transform:uppercase; color:var(--lime); margin-bottom:28px; }
  .hero-eyebrow::before { content:''; display:inline-block; width:28px; height:1px; background:var(--lime); }
  .hero-headline { position:relative; z-index:2; font-family:var(--font-display); font-size:60px; font-weight:700; letter-spacing:-0.03em; line-height:0.93; margin-bottom:32px; }
  .hero-headline .line { display:block; overflow:hidden; }
  .hero-headline .line-inner { display:block; transform:translateY(100%); animation:slideUp 0.9s cubic-bezier(0.16,1,0.3,1) forwards;font-size:60px; }
  .hero-headline .line:nth-child(1) .line-inner{animation-delay:0.1s}
  .hero-headline .line:nth-child(2) .line-inner{animation-delay:0.22s}
  .hero-headline .line:nth-child(3) .line-inner{animation-delay:0.34s}
  @keyframes slideUp{to{transform:translateY(0);}}
  .ticker-wrap { display:inline-block; color:var(--lime); }
  .ticker-cursor { display:inline-block; width:3px; height:0.85em; background:var(--lime); margin-left:4px; vertical-align:middle; animation:blink 0.9s step-end infinite; }
  @keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
  .hero-sub { position:relative; z-index:2; max-width:480px; font-size:15px; font-weight:300; color:var(--mid); line-height:1.7; margin-bottom:44px; opacity:0; animation:fadeInUp 0.8s 0.7s forwards; }
  .hero-actions { position:relative; z-index:2; display:flex; align-items:center; gap:20px; opacity:0; animation:fadeInUp 0.8s 0.9s forwards; }
  @keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
  .hero-floating-card { position:absolute; right:48px; bottom:120px; z-index:3; background:rgba(22,22,22,0.88); backdrop-filter:blur(12px); border:1px solid var(--border); padding:20px 24px; min-width:220px; opacity:0; animation:fadeInUp 0.8s 1.2s forwards; }
  .hfc-label { font-family:var(--font-display); font-size:10px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted); margin-bottom:8px; }
  .hfc-value { font-family:var(--font-display); font-size:28px; font-weight:700; color:var(--white); letter-spacing:-0.02em; }
  .hfc-value span { color:var(--lime); }
  .hfc-sub { font-size:12px; color:var(--muted); margin-top:4px; }
  .hfc-bar { height:3px; background:var(--border); margin-top:14px; border-radius:2px; }
  .hfc-bar-fill { height:100%; width:78%; background:var(--lime); border-radius:2px; animation:barGrow 1.5s 1.6s cubic-bezier(0.16,1,0.3,1) both; }
  @keyframes barGrow{from{width:0;}to{width:78%;}}
  .btn-primary { font-family:var(--font-display); font-weight:600; font-size:14px; letter-spacing:0.02em; background:var(--lime); color:var(--black); padding:14px 32px; border-radius:40px; text-decoration:none; transition:transform 0.2s,box-shadow 0.2s; }
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(201,255,0,0.25);}
  .btn-ghost { font-family:var(--font-display); font-weight:500; font-size:14px; color:var(--mid); text-decoration:none; display:flex; align-items:center; gap:8px; transition:color 0.2s; }
  .btn-ghost:hover{color:var(--white);}
  .btn-ghost:hover svg{transform:translateX(4px);}
  .btn-ghost svg{transition:transform 0.2s;}
  .hero-scroll-hint { position:absolute; bottom:30px; left:48px; z-index:3; display:flex; flex-direction:column; align-items:center; gap:8px; font-family:var(--font-display); font-size:10px; letter-spacing:0.12em; text-transform:uppercase; color:var(--muted); opacity:0; animation:fadeIn 1s 1.4s forwards; }
  @keyframes fadeIn{to{opacity:1;}}
  .scroll-line { width:1px; height:50px; background:linear-gradient(to bottom,var(--lime),transparent); animation:scrollLine 2s ease-in-out infinite; }
  @keyframes scrollLine{0%,100%{transform:scaleY(1);opacity:1;}50%{transform:scaleY(0.4);opacity:0.3;}}
 
  /* ── MARQUEE ── */
  .marquee-band { border-top:1px solid var(--border); border-bottom:1px solid var(--border); overflow:hidden; padding:14px 0; background:var(--black2); }
  .marquee-track { display:flex; animation:marquee 22s linear infinite; white-space:nowrap; }
  @keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
  .marquee-item { display:inline-flex; align-items:center; gap:20px; font-family:var(--font-display); font-size:12px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); padding:0 32px; }
  .marquee-item .dot { width:5px; height:5px; background:var(--lime); border-radius:50%; flex-shrink:0; }
 
  /* ── SECTION BASE ── */
  section { padding:120px 48px; position:relative; }
  .section-label { font-family:var(--font-display); font-size:11px; font-weight:600; letter-spacing:0.14em; text-transform:uppercase; color:var(--lime); margin-bottom:20px; display:flex; align-items:center; gap:12px; }
  .section-label::before { content:''; width:24px; height:1px; background:var(--lime); }
  .section-title { font-family:var(--font-display); font-size:clamp(36px,5vw,50px); font-weight:700; letter-spacing:-0.025em; line-height:1.05; margin-bottom:24px; }
  .section-body { font-size:16px; font-weight:300; color:var(--mid); line-height:1.75; max-width:560px; }
 
  /* ── REVEAL ── */
  .reveal { opacity:0; transform:translateY(40px); transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1); }
  .reveal.visible{opacity:1;transform:translateY(0);}
  .reveal-left { opacity:0; transform:translateX(-40px); transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1); }
  .reveal-left.visible{opacity:1;transform:translateX(0);}
  .reveal-right { opacity:0; transform:translateX(40px); transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1); }
  .reveal-right.visible{opacity:1;transform:translateX(0);}
 
  /* ── STATS ── */
  #stats { padding:0; background:var(--black2); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
  .stats-with-image { display:grid; grid-template-columns:1fr 1.3fr; }
  .stats-image-side { position:relative; overflow:hidden; min-height:320px; }
  .stats-image-side img { width:100%; height:100%; object-fit:cover; filter:grayscale(40%) brightness(0.6); transition:transform 0.6s; }
  .stats-image-side:hover img{transform:scale(1.04);}
  .stats-image-side::after { content:''; position:absolute; inset:0; }
  .stats-numbers-side { padding:64px 52px; }
  .stats-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--border); }
  .stat-item { background:var(--black2); padding:44px 36px; text-align:center; }
  .stat-number { font-family:var(--font-display); font-size:clamp(42px,4vw,66px); font-weight:700; letter-spacing:-0.03em; color:var(--white); line-height:1; margin-bottom:10px; }
  .stat-number span{color:var(--lime);}
  .stat-label { font-family:var(--font-display); font-size:12px; font-weight:500; letter-spacing:0.06em; color:var(--muted); text-transform:uppercase; }
 
  /* ── ABOUT ── */
  #about { background:var(--black); }
  .about-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; margin-top:72px; }
  .about-img-stack { position:relative; height:520px; }
  .about-img-main { position:absolute; inset:0; border-radius:2px; overflow:hidden; }
  .about-img-main img { width:100%; height:100%; object-fit:cover; filter:grayscale(20%) brightness(0.75); transition:transform 0.7s cubic-bezier(0.16,1,0.3,1); }
  .about-img-main:hover img{transform:scale(1.04);}
  .about-img-main::after { content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(10,10,10,0.7) 0%,transparent 50%); }
  .about-img-inset { position:absolute; bottom:-28px; right:-28px; width:48%; height:44%; border-radius:2px; overflow:hidden; border:3px solid var(--black); box-shadow:0 20px 60px rgba(0,0,0,0.5); }
  .about-img-inset img { width:100%; height:100%; object-fit:cover; filter:grayscale(10%); transition:transform 0.7s; }
  .about-img-inset:hover img{transform:scale(1.06);}
  .about-lime-line { position:absolute; top:-12px; left:-12px; width:44%; height:44%; border:1px solid var(--lime); border-radius:2px; opacity:0.25; pointer-events:none; }
  .about-overlay-badge { position:absolute; bottom:24px; left:24px; z-index:3; background:rgba(10,10,10,0.85); backdrop-filter:blur(10px); border:1px solid var(--border); padding:16px 20px; }
  .aob-label { font-family:var(--font-display); font-size:10px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--lime); margin-bottom:4px; }
  .aob-value { font-family:var(--font-display); font-size:22px; font-weight:700; letter-spacing:-0.02em; }
  .about-text .values-list { list-style:none; margin-top:36px; display:flex; flex-direction:column; gap:16px; }
  .values-list li { display:flex; align-items:flex-start; gap:16px; font-size:15px; color:var(--mid); line-height:1.6; }
  .values-list li::before { content:''; flex-shrink:0; width:16px; height:16px; border:1.5px solid var(--lime); border-radius:50%; margin-top:3px; background:var(--lime-dim); }
 
  /* ── SERVICES ── */
  #services { background:var(--black); }
  .services-intro { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:end; margin-bottom:72px; }
  .services-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--border); }
  .service-card { background:var(--black); padding:0; position:relative; overflow:hidden; transition:background 0.4s; cursor:default; }
  .service-card-img { width:100%; height:200px; overflow:hidden; position:relative; }
  .service-card-img img { width:100%; height:100%; object-fit:cover; filter:grayscale(50%) brightness(0.5); transition:filter 0.5s,transform 0.5s; }
  .service-card:hover .service-card-img img { filter:grayscale(20%) brightness(0.7); transform:scale(1.05); }
  .service-card-img::after { content:''; position:absolute; inset:0; background:linear-gradient(to bottom,transparent 40%,var(--black) 100%); }
  .service-card-body { padding:32px 40px 40px; }
  .service-number { font-family:var(--font-display); font-size:11px; font-weight:600; letter-spacing:0.12em; color:var(--lime); margin-bottom:12px; opacity:0.7; }
  .service-name { font-family:var(--font-display); font-size:22px; font-weight:700; letter-spacing:-0.02em; margin-bottom:12px; line-height:1.2; }
  .service-desc { font-size:14px; font-weight:300; color:var(--mid); line-height:1.7; margin-bottom:24px; }
  .service-tags { display:flex; flex-wrap:wrap; gap:7px; }
  .tag { font-family:var(--font-display); font-size:11px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; color:var(--muted); border:1px solid var(--border); padding:5px 12px; border-radius:2px; transition:border-color 0.3s,color 0.3s; }
  .service-card:hover .tag { border-color:rgba(201,255,0,0.2); color:var(--mid); }
 
  /* ── PROCESS ── */
  #process { padding:0; display:flex; min-height:400vh; position:relative; }
  .process-sticky { position:sticky; top:0; height:160vh; width:100%; display:flex; align-items:center; overflow:hidden; pointer-events:none; background:var(--black2); }
  .process-bg-text { position:absolute; font-family:var(--font-display); font-size:clamp(120px,16vw,200px); font-weight:700; letter-spacing:-0.04em; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,0.04); top:50%; left:50%; transform:translate(-50%,-50%); white-space:nowrap; pointer-events:none; user-select:none; }
  .process-content { position:absolute; left:48px; right:48px; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
  .process-left { pointer-events:auto; }
  .process-step { padding:20px 0; border-bottom:1px solid var(--border); opacity:0.3; transition:opacity 0.5s; pointer-events:auto; }
  .process-step.active{opacity:1;}
  .process-step-header { display:flex; align-items:center; gap:16px; margin-bottom:10px; }
  .step-num { font-family:var(--font-display); font-size:11px; font-weight:700; letter-spacing:0.1em; color:var(--lime); width:28px; }
  .step-title { font-family:var(--font-display); font-size:19px; font-weight:600; letter-spacing:-0.01em; }
  .step-desc { font-size:14px; font-weight:300; color:var(--mid); line-height:1.7; padding-left:44px; }
  .process-visual-panel { height:400px; background:var(--card); border:1px solid var(--border); border-radius:2px; position:relative; overflow:hidden; pointer-events:auto; }
  .process-panel-img { position:absolute; inset:0; display:none; }
  .process-panel-img.show{display:block;}
  .process-panel-img img { width:100%; height:100%; object-fit:cover; filter:grayscale(30%) brightness(0.55); transition:filter 0.4s; }
  .process-panel-img::after { content:''; position:absolute; inset:0;}
  .process-panel-overlay { position:absolute; bottom:0; left:0; right:0; padding:32px; z-index:2; }
  .process-panel-label { font-family:var(--font-display); font-size:20px; font-weight:600; letter-spacing:-0.01em; margin-bottom:8px; }
  .process-panel-text { font-size:13px; color:var(--mid); line-height:1.65; }
 
  /* ── WORK ── */
  #work { background:var(--black); }
  .work-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--border); margin-top:72px; }
  .work-item { background:var(--black); padding:0; position:relative; overflow:hidden; min-height:300px; display:flex; flex-direction:column; justify-content:flex-end; }
  .work-item::after { content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(10,10,10,0.95) 0%,rgba(10,10,10,1) 35%,transparent 100%); z-index:1; }
  .work-item-bg { position:absolute; inset:0; }
  .work-item-bg img { width:100%; height:100%; object-fit:contain; object-position:top; filter:grayscale(40%) brightness(0.65); transition:filter 0.5s,transform 0.7s cubic-bezier(0.16,1,0.3,1); }
  .work-item:hover .work-item-bg img { filter:grayscale(10%) brightness(0.85); transform:scale(1.06); }
  .work-item-content { position:relative; z-index:2; padding:32px; }
  .work-cat { font-family:var(--font-display); font-size:10px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--lime); margin-bottom:8px; }
  .work-title { font-family:var(--font-display); font-size:18px; font-weight:600; letter-spacing:-0.01em; margin-bottom:3px; }
  .work-meta { font-size:13px; color:var(--muted); }
  .work-arrow { position:absolute; top:24px; right:24px; z-index:2; width:36px; height:36px; border:1px solid rgba(255,255,255,0.15); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--muted); opacity:0; transition:opacity 0.3s,border-color 0.3s,color 0.3s; }
  .work-item:hover .work-arrow { opacity:1; border-color:var(--lime); color:var(--lime); }
  .work-item a{
      color:unset;
      text-decoration:unset;
  }
 
  /* ── WHY US ── */
  #why { background:var(--black2); }
  .why-layout { display:grid; grid-template-columns:1fr 1.4fr; gap:80px; align-items:start; margin-top:72px; }
  .why-features { display:flex; flex-direction:column; gap:1px; background:var(--border); }
  .why-feature { background:var(--black2); padding:28px 32px; display:flex; gap:20px; align-items:flex-start; transition:background 0.3s; }
  .why-feature:hover{background:var(--card);}
  .why-icon { width:42px; height:42px; flex-shrink:0; border:1px solid rgba(201,255,0,0.15); border-radius:8px; display:flex; align-items:center; justify-content:center; color:var(--lime); }
  .why-icon svg{width:20px;height:20px;}
  .why-feature-title { font-family:var(--font-display); font-size:15px; font-weight:600; margin-bottom:5px; letter-spacing:-0.01em; }
  .why-feature-text { font-size:13px; color:var(--mid); line-height:1.65; }
  .why-right { display:flex; flex-direction:column; gap:24px; }
  .why-img-block { position:relative; height:300px; overflow:hidden; border-radius:2px; }
  .why-img-block img { width:100%; height:100%; object-fit:cover; filter:grayscale(30%) brightness(0.65); transition:transform 0.6s; }
  .why-img-block:hover img{transform:scale(1.04);}
  .why-img-block::after { content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(22,22,22,0.8) 0%,transparent 60%); }
  .why-quote-block { background:var(--card); border:1px solid var(--border); padding:44px; }
  .why-big-quote { font-family:var(--font-display); font-size:clamp(18px,2.5vw,26px); font-weight:600; letter-spacing:-0.02em; line-height:1.4; margin-bottom:28px; }
  .why-big-quote em{font-style:normal;color:var(--lime);}
 
  /* ── TESTIMONIALS ── */
  #testimonials { background:var(--black); }
  .testimonials-layout { display:grid; grid-template-columns:1fr 1fr 1fr; gap:1px; background:var(--border); margin-top:64px; }
  .testimonial-card { background:var(--black); padding:40px; transition:background 0.3s; }
  .testimonial-card:hover{background:var(--card);}
  .testi-stars { display:flex; gap:4px; margin-bottom:20px; color:var(--lime); font-size:13px; }
  .testi-quote { font-size:15px; font-weight:300; line-height:1.75; color:var(--mid); margin-bottom:28px; font-style:italic; }
  .testi-quote strong{color:var(--white);font-weight:500;font-style:normal;}
  .testi-author { display:flex; align-items:center; gap:12px; }
  .testi-avatar { width:40px; height:40px; border-radius:50%; background:var(--border); display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-size:14px; font-weight:700; color:var(--lime); flex-shrink:0; }
  .testi-name { font-family:var(--font-display); font-size:14px; font-weight:600; margin-bottom:2px; }
  .testi-role{font-size:12px;color:var(--muted);}
 
  /* ── CTA ── */
  #cta { position:relative; overflow:hidden; padding:0; }
  .cta-img-bg { position:absolute; inset:0; }
  .cta-img-bg img { width:100%; height:100%; object-fit:cover; filter:grayscale(60%) brightness(0.25); }
  .cta-img-bg::after { content:''; position:absolute; inset:0; background:rgba(201,255,0,0.88); mix-blend-mode:multiply; }
  .cta-inner { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:60px; padding:100px 48px; }
  .cta-heading { font-family:var(--font-display); font-size:clamp(36px,5vw,64px); font-weight:700; letter-spacing:-0.03em; line-height:1.05; color:#FFF; margin-bottom:14px; }
  .cta-sub { font-size:17px; font-weight:300; color:#FFF; max-width:440px; }
  .btn-dark { font-family:var(--font-display); font-size:15px; font-weight:700; letter-spacing:0.01em; background:var(--black); color:var(--lime); padding:18px 44px; border-radius:40px; text-decoration:none; display:inline-block; transition:transform 0.2s,box-shadow 0.2s; flex-shrink:0; }
  .btn-dark:hover{transform:translateY(-3px);box-shadow:0 16px 48px rgba(0,0,0,0.4);}
 
  /* ── CONTACT ── */
  #contact { background:var(--black); }
  .contact-layout { display:grid; grid-template-columns:1fr 1fr; gap:80px; margin-top:72px; }
  .contact-left { display:flex; flex-direction:column; gap:0; }
  .contact-img { width:100%; height:220px; overflow:hidden; border-radius:2px; margin-bottom:40px; }
  .contact-img img { width:100%; height:100%; object-fit:cover; filter:grayscale(30%) brightness(0.6); transition:transform 0.6s; }
  .contact-img:hover img{transform:scale(1.04);}
  .contact-info-item { margin-bottom:28px; }
  .contact-info-label { font-family:var(--font-display); font-size:11px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--lime); margin-bottom:5px; }
  .contact-info-value { font-size:15px; color:var(--mid); }
  .contact-form{display:flex;flex-direction:column;gap:16px;}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .form-group,.form-group p{display:flex;flex-direction:column;gap:8px;}
  
  .form-group label { font-family:var(--font-display); font-size:11px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted); }
  .form-group input,.form-group select,.form-group textarea { background:var(--card); border:1px solid var(--border); color:var(--white); font-family:var(--font-body); font-size:15px; padding:13px 16px; border-radius:2px; outline:none; transition:border-color 0.2s; appearance:none; width:100%; }
  .form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--lime);}
  .form-group textarea{min-height:120px;resize:vertical;}
  .form-group select option{background:var(--card);}
  .btn-submit { font-family:var(--font-display); font-size:14px; font-weight:700; letter-spacing:0.04em; background:var(--lime); color:var(--black); border:none; padding:15px 36px; cursor:pointer; border-radius:2px; align-self:flex-start; transition:opacity 0.2s,transform 0.2s; }
  .btn-submit:hover{opacity:0.88;transform:translateY(-2px);}
 
  /* ── FOOTER ── */
  footer { background:var(--black2); border-top:1px solid var(--border); padding:60px 48px 10px; }
  .footer-top { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:48px; }
  .footer-brand { font-family:var(--font-display); font-size:21px; font-weight:700; letter-spacing:-0.02em; }
  .footer-brand img{
      height:50px;
  }
  .footer-brand span{color:var(--lime);}
  .footer-brand p { font-size:13px; font-weight:300; color:var(--muted); margin-top:8px; max-width:240px; letter-spacing:0; font-family:var(--font-body); }
  .footer-links { display:grid; grid-template-columns:repeat(3,130px); gap:40px; }
  .footer-col-title { font-family:var(--font-display); font-size:11px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--white); margin-bottom:14px; }
  .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;padding-left:0!important;}
  .footer-col ul a { font-size:14px; color:var(--muted); text-decoration:none; transition:color 0.2s; }
  .footer-col ul a:hover{color:var(--white);}
  .footer-bottom { display:flex; justify-content:center; align-items:center; border-top:1px solid var(--border); padding-top:24px; }
  .footer-copy{font-size:12px;color:var(--muted);}
  .footer-socials{display:flex;gap:14px;}
  .social-link { width:34px; height:34px; border:1px solid var(--border); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--muted); text-decoration:none; transition:border-color 0.2s,color 0.2s; font-size:11px; font-family:var(--font-display); font-weight:700; }
  .social-link:hover{border-color:var(--lime);color:var(--lime);}
 
  .parallax-layer{will-change:transform;}
 
  /* ── IMAGE UTILITY ── */
  .img-overlay-lime::after { content:''; position:absolute; inset:0; background:rgba(201,255,0,0.05); mix-blend-mode:screen; pointer-events:none; }
 
 .hamburger span{
     background:#FFF;
 }
 nav.scrolled .hamburger span{
     background:#000;
 }
  /* ── RESPONSIVE ── */
  @media(max-width:900px){
    nav{padding:16px 24px;}
    nav.scrolled{padding:12px 24px;}
    .nav-links{display:none;}
    section{padding:80px 24px;}
    #hero{padding:120px 24px 60px;min-height:unset;}
    .hero-headline .line-inner{
        font-size: 60px;
    }
    .hero-floating-card{display:none;}
    .hero-headline{font-size:
    70px;}
    .stats-with-image{grid-template-columns:1fr;}
    .stats-image-side{display:none;}
    .stats-numbers-side{padding:48px 24px;}
    .stats-grid{grid-template-columns:repeat(2,1fr);}
    .about-grid,.services-intro,.why-layout,.contact-layout{grid-template-columns:1fr;gap:48px;}
    .about-img-stack{height:340px;}
    .about-img-inset{display:none;}
    .services-grid{grid-template-columns:1fr;}
    .work-grid{grid-template-columns:1fr;}
    .testimonials-layout{grid-template-columns:1fr;}
    .cta-inner{flex-direction:column;padding:60px 24px;}
    .footer-top{flex-direction:column;gap:40px;}
    .footer-links{grid-template-columns:repeat(2,1fr);}
    #process{min-height:auto;}
    .process-content{grid-template-columns:1fr;}
    .process-visual-panel{display:none;}
    .footer-bottom{flex-direction:column;gap:16px;text-align:center;}
      .hamburger{display:flex}
      .nav-cta{display:none;}

  }
  @media(prefers-reduced-motion:reduce){
    .reveal,.reveal-left,.reveal-right{opacity:1!important;transform:none!important;transition:none!important;}
    .marquee-track{animation:none;}
    .hero-bg-grid{animation:none;}
  }