*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  :root {
    --bg: #080808; --bg2: #0f0f0f; --bg3: #151515;
    --green: #FF6B3E; --green-dim: rgba(255,107,62,0.12); --green-glow: rgba(255,107,62,0.35);
    --white: #ffffff; --gray: #888888; --gray2: #444444;
    --border: rgba(255,255,255,0.07);
    --nav-bg: rgba(8,8,8,0.92);
    --glass: rgba(255,255,255,0.04);
    --glass-strong: rgba(255,255,255,0.08);
    --surface-elevated: rgba(255,255,255,0.035);
    --menu-start: rgba(18,18,18,0.98);
    --menu-end: rgba(8,8,8,0.98);
    --text-on-accent: #080808;
    --note-muted: rgba(255,255,255,0.48);
    --soft-copy: rgba(255,255,255,0.7);
    --soft-copy-strong: rgba(255,255,255,0.6);
    --soft-copy-faint: rgba(255,255,255,0.4);
    --chip-bg: rgba(255,255,255,0.06);
    --chip-border: rgba(255,255,255,0.12);
    --chip-text: #ffffff;
    --divider-soft: rgba(255,255,255,0.2);
    --portfolio-overlay-strong: rgba(8,8,8,0.74);
    --portfolio-overlay-soft: rgba(8,8,8,0.02);
    --portfolio-link-bg: rgba(8,8,8,0.6);
    --text-soft-alt: #cccccc;
    --cta-shell-border: rgba(255,255,255,0.07);
    --cta-shell-top: rgba(255,255,255,0.02);
    --cta-shell-bottom: rgba(255,255,255,0.01);
    --ghost-bg: rgba(255,255,255,0.02);
    --ghost-border: rgba(255,255,255,0.08);
    --hero-chip-bg: rgba(255,255,255,0.06);
    --hero-chip-border: rgba(255,255,255,0.12);
    --hero-chip-text: #ffffff;
    --hero-divider: rgba(255,255,255,0.2);
    --portfolio-copy: rgba(255,255,255,0.6);
    --portfolio-meta: rgba(255,255,255,0.4);
    --portfolio-track: rgba(255,255,255,0.1);
    --surface-shadow: 0 18px 40px rgba(0,0,0,0.18);
    --overlay-shadow: 0 28px 90px rgba(0,0,0,0.55);
    --panel-shadow: 0 20px 60px rgba(0,0,0,0.6);
    --page-gradient:
      radial-gradient(circle at 18% 10%, rgba(255,107,62,0.12), transparent 28%),
      radial-gradient(circle at 86% 34%, rgba(255,107,62,0.08), transparent 24%),
      linear-gradient(180deg, var(--bg) 0%, #0b0908 42%, var(--bg2) 100%);
    --section-gradient:
      radial-gradient(circle at 88% 12%, rgba(255,107,62,0.1), transparent 26%),
      radial-gradient(circle at 8% 78%, rgba(255,107,62,0.06), transparent 24%),
      linear-gradient(180deg, rgba(255,107,62,0.025), transparent 34%),
      var(--bg2);
    --section-gradient-alt:
      radial-gradient(circle at 14% 18%, rgba(255,107,62,0.09), transparent 28%),
      radial-gradient(circle at 92% 82%, rgba(255,107,62,0.07), transparent 24%),
      linear-gradient(180deg, var(--bg) 0%, #100d0b 100%);
  }
  html { scroll-behavior: smooth; }
  body { background: var(--page-gradient); color: var(--white); font-family: 'Sora', sans-serif; overflow-x: hidden; cursor: none; transition: background-color 0.3s ease, color 0.3s ease; }
  body.mobile-menu-open { overflow:hidden; touch-action:none; }
  body.mobile-menu-open::before { content:''; position:fixed; inset:0; z-index:90; background:rgba(0,0,0,0.74); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); pointer-events:none; }

  /* LOADER */
  #site-loader { position:fixed; inset:0; z-index:2000; display:flex; align-items:center; justify-content:center; background:
      radial-gradient(circle at 20% 20%,rgba(255,107,62,0.18),transparent 26%),
      radial-gradient(circle at 80% 30%,rgba(255,107,62,0.12),transparent 22%),
      linear-gradient(180deg,#050505,#0a0a0a 58%,#050505); transition:opacity 0.55s ease,visibility 0.55s ease; }
  #site-loader.is-hidden { opacity:0; visibility:hidden; pointer-events:none; }
  .loader-grid { position:absolute; inset:0; background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px); background-size:78px 78px; mask-image:radial-gradient(circle at center,black 36%,transparent 88%); opacity:0.45; }
  .loader-core { position:relative; z-index:1; width:min(560px,calc(100vw - 48px)); padding:42px 34px 34px; border:1px solid rgba(255,255,255,0.08); border-radius:32px; background:
      linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.015)),
      radial-gradient(circle at top center,rgba(255,107,62,0.1),transparent 46%);
    box-shadow:0 30px 90px rgba(0,0,0,0.45); text-align:center; overflow:hidden; }
  .loader-core::before { content:''; position:absolute; inset:auto -10% -35% -10%; height:180px; background:radial-gradient(circle,rgba(255,107,62,0.22),transparent 60%); filter:blur(12px); }
  .loader-core::after { content:''; position:absolute; inset:0; border-radius:inherit; padding:1px; background:linear-gradient(135deg,rgba(255,255,255,0.14),transparent 30%,transparent 70%,rgba(255,107,62,0.2)); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite:exclude; pointer-events:none; opacity:0.8; }
  .loader-kicker { position:relative; font-size:11px; letter-spacing:0.22em; text-transform:uppercase; color:var(--green); font-weight:700; margin-bottom:16px; }
  .loader-note { position:relative; font-size:14px; color:var(--soft-copy); letter-spacing:0.01em; margin-bottom:14px; }
  .loader-wordmark { position:relative; display:grid; gap:6px; font-family:'Bebas Neue','Syne',sans-serif; font-size:clamp(36px,6vw,68px); line-height:0.92; letter-spacing:0.02em; max-width:12ch; margin:0 auto 24px; }
  .loader-line { display:block; color:var(--white); transform:translateY(28px); opacity:0; animation:loaderTextRise 1.1s cubic-bezier(.22,1,.36,1) forwards; }
  .loader-line-accent { color:var(--green); animation-delay:0.18s; text-shadow:0 0 26px rgba(255,107,62,0.2); }
  .loader-bar { position:relative; width:100%; height:10px; border-radius:999px; background:rgba(255,255,255,0.08); overflow:hidden; margin-bottom:14px; }
  .loader-bar span { display:block; width:34%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#ff8a63,var(--green)); box-shadow:0 0 28px var(--green-glow); animation:loaderSweep 1.9s cubic-bezier(.7,0,.3,1) infinite; }
  .loader-status { position:relative; display:block; font-size:12px; letter-spacing:0.12em; text-transform:uppercase; color:rgba(255,255,255,0.44); }
  @keyframes loaderSweep { 0% { transform:translateX(-120%); } 100% { transform:translateX(320%); } }
  @keyframes loaderTextRise {
    0% { opacity:0; transform:translateY(24px); filter:blur(8px); }
    100% { opacity:1; transform:translateY(0); filter:blur(0); }
  }

  /* CURSOR */
  #cursor { position:fixed; width:12px; height:12px; background:var(--green); border-radius:50%; pointer-events:none; z-index:9999; transform:translate(-50%,-50%); mix-blend-mode:difference; }
  #cursor-ring { position:fixed; width:36px; height:36px; border:1px solid var(--green); border-radius:50%; pointer-events:none; z-index:9998; transform:translate(-50%,-50%); transition:all 0.18s ease; opacity:0.5; }

  /* NAV */
  nav { position:fixed; top:18px; left:24px; right:24px; transform:none; z-index:100; display:flex; align-items:center; justify-content:space-between; width:auto; padding:14px 22px; border:1px solid rgba(255,255,255,0.08); border-radius:32px; background:linear-gradient(180deg,rgba(34,34,40,0.82),rgba(20,20,26,0.7)); backdrop-filter:blur(18px); box-shadow:0 18px 60px rgba(0,0,0,0.3); transition:all 0.35s ease; }
  nav.scrolled { top:12px; background:linear-gradient(180deg,rgba(25,25,30,0.9),rgba(14,14,18,0.84)); border-color:rgba(255,255,255,0.12); box-shadow:0 22px 64px rgba(0,0,0,0.4); }
  .nav-logo { min-width:210px; flex-shrink:0; }
  .brand-logo { display:inline-flex; align-items:center; gap:14px; color:var(--white); }
  .brand-mark { width:46px; height:46px; border-radius:16px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; border:1px solid rgba(255,107,62,0.36); background:
      radial-gradient(circle at 28% 22%,rgba(255,255,255,0.18),transparent 28%),
      linear-gradient(135deg,rgba(255,107,62,0.24),rgba(255,107,62,0.06));
    color:var(--green); font-family:'Bebas Neue','Syne',sans-serif; font-size:24px; line-height:1; letter-spacing:0.04em; box-shadow:0 12px 28px rgba(255,107,62,0.14); position:relative; overflow:hidden; }
  .brand-mark::after { content:''; position:absolute; right:-8px; bottom:-8px; width:26px; height:26px; border-radius:50%; border:1px solid rgba(255,107,62,0.32); }
  .brand-copy { display:grid; gap:2px; line-height:1; }
  .brand-copy strong { font-family:'Sora',sans-serif; font-size:26px; font-weight:800; letter-spacing:-0.04em; color:var(--white); white-space:nowrap; }
  .brand-copy small { font-family:'Sora',sans-serif; font-size:16px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:var(--white); }
  .nav-links { display:flex; gap:6px; padding:0 14px; flex:1; justify-content:center; min-width:0; }
  .nav-links a { color:rgba(255,255,255,0.78); text-decoration:none; font-size:13px; font-weight:500; letter-spacing:0.01em; padding:11px 14px; border-radius:14px; transition:all 0.25s; font-family:'Sora',sans-serif; white-space:nowrap; }
  .nav-links a:hover { color:var(--white); }
  .nav-links a.nav-active { color:var(--white); position:relative; }
  .nav-links a.nav-active::after { content:''; position:absolute; left:14px; right:14px; bottom:2px; height:2px; border-radius:999px; background:var(--white); }
  .nav-actions { display:flex; align-items:center; gap:12px; flex-shrink:0; }
  .nav-wa { width:44px; height:44px; border-radius:50%; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.04); color:var(--white); text-decoration:none; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; letter-spacing:0.06em; transition:transform 0.2s ease,border-color 0.2s ease,background 0.2s ease; }
  .nav-wa svg { width:21px; height:21px; display:block; }
  .nav-wa:hover { transform:translateY(-1px); border-color:rgba(255,255,255,0.18); background:rgba(255,255,255,0.08); }
  .nav-cta { background:rgba(255,255,255,0.05); color:var(--white); border:1px solid rgba(255,255,255,0.08); padding:12px 20px; border-radius:999px; font-size:13px; font-weight:500; cursor:none; font-family:'Sora',sans-serif; letter-spacing:0.01em; transition:box-shadow 0.25s,transform 0.2s,border-color 0.2s ease,background 0.2s ease; }
  .nav-cta:hover { box-shadow:0 0 28px rgba(255,255,255,0.08); transform:translateY(-1px); border-color:rgba(255,255,255,0.14); background:rgba(255,255,255,0.08); }
  .nav-toggle { display:none; width:46px; height:46px; border-radius:50%; border:1px solid var(--border); background:var(--glass); color:var(--white); align-items:center; justify-content:center; cursor:none; }
  .nav-toggle-lines { width:18px; height:12px; position:relative; }
  .nav-toggle-lines span { position:absolute; left:0; right:0; height:2px; border-radius:999px; background:currentColor; transition:transform 0.25s ease,opacity 0.25s ease,top 0.25s ease; }
  .nav-toggle-lines span:nth-child(1) { top:0; }
  .nav-toggle-lines span:nth-child(2) { top:5px; }
  .nav-toggle-lines span:nth-child(3) { top:10px; }
  .nav-toggle.active .nav-toggle-lines span:nth-child(1) { top:5px; transform:rotate(45deg); }
  .nav-toggle.active .nav-toggle-lines span:nth-child(2) { opacity:0; }
  .nav-toggle.active .nav-toggle-lines span:nth-child(3) { top:5px; transform:rotate(-45deg); }
  .mobile-menu { position:fixed; top:84px; left:18px; right:18px; z-index:150; background:linear-gradient(180deg,rgba(12,12,12,0.98),rgba(4,4,4,0.99)); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); border:1px solid rgba(255,255,255,0.1); border-radius:28px; padding:24px; display:block; box-shadow:0 30px 90px rgba(0,0,0,0.72); overflow:hidden; opacity:0; transform:translateY(-18px) scale(0.98); pointer-events:none; visibility:hidden; transition:opacity 0.28s ease,transform 0.28s ease,visibility 0.28s ease; }
  .mobile-menu.open { opacity:1; transform:translateY(0) scale(1); pointer-events:auto; visibility:visible; }
  .mobile-menu::before { content:''; position:absolute; inset:-1px; background:radial-gradient(circle at top right,rgba(255,107,62,0.1),transparent 32%),linear-gradient(135deg,rgba(255,107,62,0.035),transparent 44%); pointer-events:none; }
  .mobile-menu::after { content:''; position:absolute; left:22px; right:22px; top:76px; height:1px; background:linear-gradient(90deg,transparent,var(--border),transparent); pointer-events:none; }
  .mobile-menu a,
  .mobile-menu button { width:100%; }
  .mobile-menu-inner { position:relative; z-index:1; }
  .mobile-menu-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:24px; padding-bottom:4px; }
  .mobile-menu-kicker { font-size:11px; letter-spacing:0.16em; text-transform:uppercase; color:var(--green); font-weight:600; margin-bottom:8px; }
  .mobile-menu-title { font-family:'Syne',sans-serif; font-size:28px; line-height:0.95; letter-spacing:-1.4px; max-width:none; text-wrap:nowrap; }
  .mobile-menu-links { display:flex; flex-direction:column; gap:12px; margin:22px 0 18px; }
  .mobile-menu-links a { color:var(--white); text-decoration:none; padding:17px 18px; border-radius:18px; background:rgba(255,255,255,0.032); border:1px solid rgba(255,255,255,0.085); font-size:15px; font-weight:700; display:flex; align-items:center; justify-content:flex-start; transition:transform 0.2s ease,background 0.2s ease,border-color 0.2s ease; }
  .mobile-menu-links a::after { content:none; }
  .mobile-menu-links a:hover { transform:translateY(-1px); background:rgba(255,107,62,0.08); border-color:rgba(255,107,62,0.22); }
  .mobile-menu .nav-cta { justify-content:center; display:flex; padding:15px 20px; border-radius:20px; box-shadow:0 14px 40px rgba(255,107,62,0.22); }
  .mobile-menu-note { margin-top:14px; font-size:14px; line-height:1.55; color:var(--white); max-width:none; }
  .mobile-menu-links a,
  .mobile-menu .nav-cta,
  .mobile-menu-note { will-change:transform,opacity; }

  /* HERO */
  #hero { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:140px 48px 80px; position:relative; overflow:hidden; text-align:center; }
  .hero-bg-grid { position:absolute; inset:0; background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px); background-size:80px 80px; -webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 0%,black 40%,transparent 100%); mask-image:radial-gradient(ellipse 80% 80% at 50% 0%,black 40%,transparent 100%); }
  .hero-bg-grid::after { content:''; position:absolute; inset:-80px; background:
      radial-gradient(circle,rgba(255,107,62,0.42) 0 2px,transparent 3px) 0 0 / 160px 160px,
      radial-gradient(circle,rgba(255,107,62,0.22) 0 2px,transparent 3px) 80px 80px / 160px 160px;
    opacity:0.42; animation:heroGridFlow 16s linear infinite; will-change:transform; }
  #dot-canvas { position:absolute; inset:0; width:100%; height:100%; display:block; pointer-events:none; z-index:1; }
  @keyframes heroGridFlow { from { transform:translate3d(0,0,0); } to { transform:translate3d(160px,160px,0); } }
  .hero-glow { position:absolute; top:-200px; right:-200px; width:700px; height:700px; background:radial-gradient(circle,rgba(255,107,62,0.08) 0%,transparent 65%); pointer-events:none; }
  .hero-left { position:relative; z-index:2; max-width:780px; width:100%; }
  .hero-badge { display:inline-flex; align-items:center; gap:8px; border:1px solid var(--green-dim); background:var(--green-dim); padding:6px 14px; border-radius:100px; font-size:12px; color:var(--green); font-weight:500; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:28px; font-family:'Sora',sans-serif; }
  .hero-badge::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--green); animation:pulse 2s ease-in-out infinite; }
  @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }
  h1 { font-family:'Bebas Neue','Syne',sans-serif; font-size:88px; font-weight:700; line-height:0.92; letter-spacing:0.025em; margin-bottom:28px; text-transform:uppercase; text-shadow:0 10px 34px rgba(0,0,0,0.34); }
  h1 em { display:inline-block; font-style:normal; color:var(--green); -webkit-text-stroke:0; text-stroke:0; text-shadow:none; padding:0; margin-top:6px; line-height:0.9; position:relative; }
  h1 em::after { content:none; }
  .hero-sub { font-size:17px; line-height:1.7; color:var(--soft-copy); max-width:520px; margin:0 auto 36px; font-weight:300; font-family:'Sora',sans-serif; }
  .hero-actions { display:flex; gap:16px; align-items:center; justify-content:center; flex-wrap:wrap; }
  .hero-meta { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:28px; padding-top:24px; border-top:1px solid var(--border); font-family:'Sora',sans-serif; flex-wrap:wrap; }
  .hero-chip { display:flex; align-items:center; gap:6px; background:var(--hero-chip-bg); border:1px solid var(--hero-chip-border); border-radius:100px; padding:6px 14px; }
  .hero-live-dot { width:7px; height:7px; border-radius:50%; background:var(--green); display:inline-block; box-shadow:0 0 8px var(--green); animation:heroLiveBlink 1.6s ease-in-out infinite; }
  @keyframes heroLiveBlink { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:0.35; transform:scale(0.8); } }
  .hero-chip-label { font-size:12px; font-weight:500; color:var(--hero-chip-text); }
  .hero-divider-dot { width:4px; height:4px; border-radius:50%; background:var(--hero-divider); }
  .hero-meta > div[style*="background:rgba(255,255,255,0.06)"] { background:var(--hero-chip-bg) !important; border:1px solid var(--hero-chip-border) !important; }
  .hero-meta > div[style*="background:rgba(255,255,255,0.2)"] { background:var(--hero-divider) !important; }
  .hero-meta span[style*="color:#fff"] { color:var(--hero-chip-text) !important; }
  .btn-primary { background:var(--green); color:#080808; border:none; padding:14px 28px; border-radius:100px; font-size:14px; font-weight:600; cursor:none; font-family:'Sora',sans-serif; transition:box-shadow 0.25s,transform 0.2s; display:flex; align-items:center; gap:8px; }
  .btn-primary:hover { box-shadow:0 0 36px var(--green-glow); transform:translateY(-2px); }
  .btn-ghost { color:var(--white); text-decoration:none; font-size:14px; font-weight:400; display:flex; align-items:center; gap:8px; opacity:0.7; transition:opacity 0.2s; border:none; background:none; cursor:none; font-family:'Sora',sans-serif; }
  .btn-ghost:hover { opacity:1; }
  .hero-chip-text { font-size:12px; font-weight:500; color:var(--hero-chip-text); }
  .hero-chip-dot { width:7px; height:7px; border-radius:50%; background:var(--green); display:inline-block; box-shadow:0 0 8px var(--green); }
  .hero-sep { width:4px; height:4px; border-radius:50%; background:var(--hero-divider); }

  /* MARQUEE */
  .marquee-wrap { border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:18px 0; overflow:hidden; background:linear-gradient(90deg,var(--bg2),rgba(255,107,62,0.08),var(--bg2)); }
  .marquee-track { display:flex; white-space:nowrap; animation:marquee 30s linear infinite; }
  .marquee-item { display:inline-flex; align-items:center; gap:16px; padding:0 40px; font-size:13px; color:var(--gray); letter-spacing:0.05em; text-transform:uppercase; }
  .marquee-dot { color:var(--green); font-size:20px; }
  @keyframes marquee { from{transform:translateX(0)} to{transform:translateX(-50%)} }

  /* SECTION */
  section { padding:100px 48px; }
  .section-tag { font-size:11px; text-transform:uppercase; letter-spacing:0.14em; color:var(--green); font-weight:600; margin-bottom:16px; display:flex; align-items:center; gap:8px; }
  .section-tag::before { content:''; width:24px; height:1px; background:var(--green); }
  h2 { font-family:'Bebas Neue','Syne',sans-serif; font-size:clamp(54px,6vw,82px); font-weight:700; line-height:0.9; letter-spacing:0.025em; margin-bottom:22px; text-transform:uppercase; }
  h2 em { display:inline-block; font-style:normal; color:var(--green); -webkit-text-stroke:0; text-stroke:0; text-shadow:none; padding:0; line-height:0.9; position:relative; }
  h2 em::after { content:none; }

  /* STATS */
  #stats { background:var(--section-gradient); padding:80px 48px; }
  .stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:0; border:1px solid var(--border); border-radius:20px; overflow:hidden; margin-top:60px; }
  .stat-item { padding:48px 40px; border-right:1px solid var(--border); position:relative; overflow:hidden; transition:background 0.3s; }
  .stat-item:last-child { border-right:none; }
  .stat-item::after { content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:var(--green); transform:scaleX(0); transform-origin:left; transition:transform 0.4s ease; }
  .stat-item:hover::after { transform:scaleX(1); }
  .stat-item:hover { background:rgba(255,107,62,0.04); }
  .stat-num { font-family:'Bebas Neue','Syne',sans-serif; font-size:78px; font-weight:700; letter-spacing:0.025em; color:var(--white); line-height:0.86; margin-bottom:10px; text-shadow:0 10px 30px rgba(0,0,0,0.22); }
  .stat-num span { color:var(--green); }
  .stat-label { font-size:14px; color:var(--gray); font-weight:300; line-height:1.5; }

  /* SERVICES */
  #services { background:var(--section-gradient-alt); }
  .services-header { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:end; margin-bottom:64px; }
  .services-desc { font-size:16px; color:var(--gray); line-height:1.7; font-weight:300; }
  .services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:var(--border); border:1px solid var(--border); border-radius:20px; overflow:hidden; }
  .service-card { background:var(--bg); padding:40px 36px; position:relative; overflow:hidden; transition:background 0.3s,transform 0.3s; cursor:none; }
  .service-card::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(135deg,rgba(255,107,62,0.06),transparent); opacity:0; transition:opacity 0.4s; }
  .service-card:hover::before { opacity:1; }
  .service-card:hover { background:#0d0d0d; transform:translateY(-4px); }
  .service-num { font-family:'Syne',sans-serif; font-size:14px; font-weight:700; color:var(--green); letter-spacing:0.12em; margin-bottom:24px; }
  .service-icon { width:60px; height:60px; border-radius:12px; background:var(--green-dim); border:1px solid rgba(255,107,62,0.2); display:flex; align-items:center; justify-content:center; margin-bottom:20px; }
  .service-title { font-family:'Bebas Neue','Syne',sans-serif; font-size:34px; font-weight:700; margin-bottom:12px; letter-spacing:0.025em; text-transform:uppercase; }
  .service-desc { font-size:14px; color:var(--gray); line-height:1.65; font-weight:300; }
  .service-arrow { width:46px; height:46px; border-radius:50%; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; margin-top:28px; transition:all 0.3s; color:var(--gray); }
  .service-card:hover .service-arrow { background:var(--green); border-color:var(--green); color:#080808; transform:rotate(45deg); }

  /* PORTFOLIO */
  #portfolio { background:
      radial-gradient(circle at 82% 18%,rgba(255,107,62,0.12),transparent 24%),
      radial-gradient(circle at 10% 82%,rgba(255,107,62,0.055),transparent 26%),
      linear-gradient(180deg,rgba(255,107,62,0.025),transparent 38%),
      var(--bg2); }
  .portfolio-filters { display:flex; gap:8px; flex-wrap:wrap; margin-top:24px; }
  .filter-btn { padding:8px 18px; border-radius:100px; border:1px solid var(--border); background:none; color:var(--gray); font-size:13px; cursor:none; font-family:'Sora',sans-serif; transition:all 0.2s; }
  .filter-btn.active,.filter-btn:hover { background:var(--green); border-color:var(--green); color:#080808; font-weight:600; }
  .port-card { transition:opacity 0.3s,transform 0.3s; position:relative; }
  .portfolio-layout { display:grid; grid-template-columns:minmax(280px,0.95fr) minmax(0,1.05fr); gap:80px; align-items:start; }
  .portfolio-sidebar { position:sticky; top:120px; padding:30px 28px; border:1px solid rgba(255,255,255,0.06); border-radius:28px; background:
      linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.012)),
      radial-gradient(circle at top left,rgba(255,107,62,0.06),transparent 26%); }
  .portfolio-bg { width:100%; height:100%; display:flex; align-items:flex-end; padding:28px; position:relative; overflow:hidden; transition:transform 0.5s ease,border-color 0.3s ease,box-shadow 0.3s ease; box-shadow:0 20px 70px rgba(0,0,0,0.18); }
  .port-card:hover .portfolio-bg { transform:translateY(-6px); box-shadow:0 28px 90px rgba(0,0,0,0.3); border-color:rgba(255,107,62,0.18) !important; }
  .portfolio-bg { --portfolio-shot-frame:420px; }
  .portfolio-shot { position:absolute; top:0; left:0; z-index:0; width:100%; min-height:100%; height:auto; object-fit:cover; object-position:top center; display:block; pointer-events:none; image-rendering:-webkit-optimize-contrast; transform:translateY(0); transform-origin:top center; transition:transform 3s cubic-bezier(.22,1,.36,1); }
  .portfolio-bg:hover .portfolio-shot { transform:translateY(calc(-100% + var(--portfolio-shot-frame))); transition-duration:20s; transition-timing-function:cubic-bezier(.25,.1,.25,1); }
  .portfolio-overlay { position:absolute; inset:0; background:linear-gradient(to top,var(--portfolio-overlay-strong) 0%,var(--portfolio-overlay-soft) 60%); }
  .portfolio-info { position:relative; z-index:2; }
  .portfolio-tag { font-size:10px; text-transform:uppercase; letter-spacing:0.1em; color:var(--green); font-weight:600; margin-bottom:6px; }
  .portfolio-name { font-family:'Bebas Neue','Syne',sans-serif; font-size:36px; font-weight:700; letter-spacing:0.025em; text-transform:uppercase; }
  .portfolio-info::after { content:'View project story'; display:block; margin-top:14px; font-size:12px; color:rgba(255,255,255,0.6); letter-spacing:0.08em; text-transform:uppercase; }
  .portfolio-link { position:absolute; top:20px; right:20px; z-index:2; width:42px; height:42px; border-radius:50%; background:var(--portfolio-link-bg); backdrop-filter:blur(10px); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity 0.3s,transform 0.3s ease; color:var(--white); text-decoration:none; }
  .port-card:hover .portfolio-link { opacity:1; }
  .port-card:hover .portfolio-link { transform:translateY(-2px); }
  .p1 { background:radial-gradient(circle at 18% 18%,rgba(255,214,160,0.16),transparent 24%),linear-gradient(135deg,#231913,#0f0d0c); }
  .p2 { background:radial-gradient(circle at 82% 16%,rgba(255,182,116,0.14),transparent 22%),linear-gradient(135deg,#1f1410,#0d0c0b); }
  .p3 { background:radial-gradient(circle at 16% 82%,rgba(88,188,180,0.16),transparent 24%),linear-gradient(135deg,#0d1718,#091011); }
  .p4 { background:radial-gradient(circle at 80% 18%,rgba(186,122,255,0.16),transparent 22%),linear-gradient(135deg,#17121d,#0b0b10); }
  .p5 { background:radial-gradient(circle at 22% 20%,rgba(138,220,164,0.15),transparent 20%),linear-gradient(135deg,#102016,#0b100d); }
  .portfolio-scene { position:absolute; inset:18px; z-index:1; display:flex; flex-direction:column; gap:14px; pointer-events:none; opacity:0.95; }
  .scene-browser { display:flex; gap:8px; }
  .scene-browser span { width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,0.3); }
  .scene-hero-copy,
  .scene-kpi-grid,
  .scene-chart-lines,
  .scene-luggage-grid,
  .scene-toolbar,
  .scene-medical-panel,
  .scene-stat-strip,
  .scene-orb,
  .scene-column-copy,
  .scene-chip-row { position:relative; }
  .scene-hero-copy { width:68%; height:18px; border-radius:999px; background:rgba(255,255,255,0.16); box-shadow:0 22px 0 0 rgba(255,255,255,0.11),0 44px 0 0 rgba(255,255,255,0.08); }
  .scene-book-stack { margin-top:26px; display:grid; grid-template-columns:1.15fr 0.9fr 0.7fr; gap:10px; flex:1; }
  .scene-book-stack div,
  .scene-kpi-grid div,
  .scene-luggage-grid div,
  .scene-medical-panel div { border-radius:18px; background:linear-gradient(180deg,rgba(255,255,255,0.12),rgba(255,255,255,0.06)); border:1px solid rgba(255,255,255,0.08); }
  .scene-kpi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; height:88px; margin-top:10px; }
  .scene-chart-lines { flex:1; border-radius:24px; background:
      linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02)),
      radial-gradient(circle at 18% 74%,rgba(255,107,62,0.2),transparent 18%);
    border:1px solid rgba(255,255,255,0.06); }
  .scene-chart-lines::before { content:''; position:absolute; inset:18px 18px auto 18px; height:2px; background:linear-gradient(90deg,rgba(255,255,255,0.14),rgba(255,255,255,0.05)); box-shadow:0 42px 0 0 rgba(255,255,255,0.08),0 84px 0 0 rgba(255,255,255,0.05); }
  .scene-chart-lines::after { content:''; position:absolute; left:18px; right:18px; bottom:24px; height:80px; background:linear-gradient(135deg,transparent 0 12%,rgba(255,107,62,0.8) 12% 16%,transparent 16% 28%,rgba(255,107,62,0.8) 28% 32%,transparent 32% 52%,rgba(255,107,62,0.8) 52% 56%,transparent 56% 72%,rgba(255,107,62,0.8) 72% 76%,transparent 76%); opacity:0.5; border-radius:20px; }
  .scene-chip-row { display:flex; gap:10px; margin-top:auto; }
  .scene-chip-row span { height:30px; border-radius:999px; background:rgba(255,107,62,0.18); border:1px solid rgba(255,107,62,0.22); }
  .scene-chip-row span:first-child { width:128px; }
  .scene-chip-row span:last-child { width:86px; }
  .scene-luggage-grid { flex:1; display:grid; grid-template-columns:1.1fr 0.9fr 1fr; gap:10px; }
  .scene-toolbar { display:flex; gap:8px; }
  .scene-toolbar span { width:56px; height:10px; border-radius:999px; background:rgba(255,255,255,0.14); }
  .scene-medical-panel { flex:1; display:grid; grid-template-columns:1.08fr 0.92fr; gap:12px; }
  .scene-stat-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
  .scene-stat-strip span { height:34px; border-radius:14px; background:rgba(255,255,255,0.12); border:1px solid rgba(255,255,255,0.06); }
  .scene-orb { width:138px; height:138px; border-radius:50%; margin:26px auto 8px; background:radial-gradient(circle at 35% 35%,rgba(255,255,255,0.38),rgba(255,255,255,0.04) 52%,rgba(255,107,62,0.2) 68%,transparent 72%); box-shadow:0 0 48px rgba(115,210,145,0.14); }
  .scene-column-copy { flex:1; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
  .scene-column-copy span { border-radius:18px; background:linear-gradient(180deg,rgba(255,255,255,0.13),rgba(255,255,255,0.05)); border:1px solid rgba(255,255,255,0.06); }

  /* PLATFORMS */
  #platforms { background:var(--section-gradient) !important; }
  .tools-marquee-shell { display:grid; gap:18px; margin-top:12px; }
  .tools-row { position:relative; overflow:hidden; border:1px solid rgba(255,107,62,0.2); border-radius:24px; background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.015)); padding:18px 0; box-shadow:0 8px 32px rgba(255,107,62,0.08); transition:all 0.3s ease; }
  .tools-row:hover { border-color:rgba(255,107,62,0.35); box-shadow:0 12px 48px rgba(255,107,62,0.15); background:linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0.025)); }
  .tools-row::before,
  .tools-row::after { content:''; position:absolute; top:0; bottom:0; width:84px; z-index:1; pointer-events:none; }
  .tools-row::before { left:0; background:linear-gradient(90deg,var(--bg2),transparent); }
  .tools-row::after { right:0; background:linear-gradient(270deg,var(--bg2),transparent); }
  .tools-track { display:flex; align-items:center; width:max-content; gap:18px; white-space:nowrap; will-change:transform; }
  .tools-row-forward .tools-track { animation:toolsMarqueeForward 45s linear infinite; }
  .tools-row-reverse .tools-track { animation:toolsMarqueeReverse 45s linear infinite; }
  .tool-word { display:inline-flex; align-items:center; justify-content:center; min-width:clamp(160px,18vw,220px); padding:18px 22px; border-radius:18px; background:linear-gradient(135deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02)); border:1px solid rgba(255,107,62,0.15); color:var(--white); font-family:'Bebas Neue','Syne',sans-serif; font-size:clamp(30px,3.2vw,46px); font-weight:700; letter-spacing:0.025em; transition:all 0.3s ease; box-shadow:0 4px 16px rgba(255,107,62,0.05); text-transform:uppercase; }
  .tool-word:hover { background:linear-gradient(135deg,rgba(255,107,62,0.15),rgba(255,107,62,0.08)); border-color:rgba(255,107,62,0.3); color:var(--green); box-shadow:0 8px 28px rgba(255,107,62,0.2); transform:translateY(-2px); }
  @keyframes toolsMarqueeForward { from { transform:translateX(0); } to { transform:translateX(-50%); } }
  @keyframes toolsMarqueeReverse { from { transform:translateX(-50%); } to { transform:translateX(0); } }

  /* TESTIMONIALS */
  #testimonials { background:var(--section-gradient-alt) !important; }
  .testi-swiper { padding:0 12px; overflow:visible; }
  .testi-card2 { background:var(--bg3); border:1px solid var(--border); border-radius:24px; padding:30px 28px 24px; position:relative; overflow:hidden; transition:border-color 0.3s,transform 0.3s,box-shadow 0.3s; height:100%; display:flex; flex-direction:column; min-height:320px; }
  .testi-card2::before { content:'"'; position:absolute; top:16px; right:24px; font-family:'Syne',sans-serif; font-size:80px; line-height:1; color:var(--green); opacity:0.1; font-weight:800; }
  .testi-card2:hover { border-color:rgba(255,107,62,0.25); transform:translateY(-4px); box-shadow:var(--surface-shadow); }
  .testi-swiper .swiper-wrapper { align-items:stretch; }
  .testi-swiper .swiper-slide { height:auto; display:flex; }
  .testi-stars { color:var(--green); font-size:14px; letter-spacing:0.18em; margin-bottom:18px; }
  .testi-text { font-size:22px; line-height:1.55; color:var(--white); font-weight:300; margin-bottom:28px; font-family:'Sora',sans-serif; max-width:none; }
  .testi-footer { margin-top:auto; display:flex; flex-direction:column; gap:18px; padding-top:18px; border-top:1px solid var(--border); }
  .testi-author { display:flex; align-items:center; gap:14px; }
  .testi-avatar { width:40px; height:40px; border-radius:50%; background:var(--green-dim); border:1px solid rgba(255,107,62,0.3); display:flex; align-items:center; justify-content:center; font-family:'Syne',sans-serif; font-weight:700; font-size:14px; color:var(--green); }
  .testi-name { font-weight:700; font-size:16px; }
  .testi-role { font-size:13px; color:var(--gray); line-height:1.5; margin-top:4px; }
  .testi-platform { font-size:11px; color:var(--green); text-transform:uppercase; letter-spacing:0.12em; font-weight:600; }
  .testi-arrow { position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; background:var(--bg3); border:1px solid var(--border); color:var(--white); cursor:none; z-index:10; display:flex; align-items:center; justify-content:center; transition:all 0.2s; }
  .testi-arrow:hover { background:var(--green); border-color:var(--green); color:#080808; }
  .swiper-pagination { position:relative; }
  .swiper-pagination .swiper-pagination-bullet { width:8px; height:8px; border-radius:50%; background:var(--border); opacity:1; transition:all 0.3s; margin:0 !important; }
  .swiper-pagination .swiper-pagination-bullet-active { background:var(--green); width:24px; border-radius:4px; }
  .whatsapp-sticky { position:fixed; right:22px; bottom:22px; z-index:999; display:inline-flex; align-items:center; justify-content:center; width:64px; height:64px; border-radius:50%; background:#ffffff; text-decoration:none; box-shadow:0 18px 40px rgba(0,0,0,0.28); overflow:hidden; transition:transform 0.2s ease,box-shadow 0.2s ease; }
  .whatsapp-sticky:hover { transform:translateY(-2px); box-shadow:0 22px 44px rgba(0,0,0,0.34); }
  .whatsapp-sticky img { width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; }

  /* FAQ */
  #faq { background:var(--section-gradient) !important; }
  .faq-layout { display:grid; grid-template-columns:1fr 1.6fr; gap:80px; align-items:start; }
  .faq-list { display:flex; flex-direction:column; gap:0; border:1px solid var(--border); border-radius:20px; overflow:hidden; }
  .faq-item { border-bottom:1px solid var(--border); overflow:hidden; transition:background 0.3s; }
  .faq-item:last-child { border-bottom:none; }
  .faq-q { width:100%; background:none; border:none; padding:24px 28px; display:flex; align-items:center; justify-content:space-between; cursor:none; text-align:left; color:var(--white); font-family:'Sora',sans-serif; font-size:15px; font-weight:500; transition:color 0.2s; }
  .faq-q:hover { color:var(--green); }
  .faq-icon { width:28px; height:28px; border-radius:50%; border:1px solid var(--border); flex-shrink:0; display:flex; align-items:center; justify-content:center; color:var(--gray); font-size:18px; transition:all 0.3s; }
  .faq-item.open .faq-icon { background:var(--green); border-color:var(--green); color:#080808; transform:rotate(45deg); }
  .faq-a { max-height:0; overflow:hidden; transition:max-height 0.4s ease,padding 0.3s; padding:0 28px; color:var(--gray); font-size:14px; line-height:1.7; font-weight:300; }
  .faq-item.open .faq-a { max-height:200px; padding:0 28px 24px; }
  .faq-item.open { background:rgba(255,107,62,0.03); }

  /* CUSTOM FORM */
  #contact-form { background:var(--section-gradient-alt); padding:100px 48px; position:relative; overflow:hidden; }
  .custom-form-shell { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:minmax(280px,0.9fr) minmax(0,1.1fr); gap:56px; align-items:start; }
  .custom-form-copy { position:sticky; top:120px; }
  .custom-form-copy p { color:var(--gray); font-size:16px; line-height:1.7; font-weight:300; max-width:46ch; margin-bottom:28px; }
  .custom-form-points { display:flex; flex-wrap:wrap; gap:10px; }
  .custom-form-points span { display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:999px; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); color:var(--white); font-size:13px; font-weight:600; }
  .custom-form-points span::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 14px var(--green-glow); }
  .custom-contact-form { position:relative; display:grid; gap:18px; padding:34px; border-radius:30px; border:1px solid rgba(255,255,255,0.08); background:
      linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.015)),
      radial-gradient(circle at top right,rgba(255,107,62,0.11),transparent 32%);
    box-shadow:0 24px 70px rgba(0,0,0,0.26); overflow:hidden; }
  .custom-contact-form::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(255,107,62,0.08),transparent 42%); pointer-events:none; }
  .custom-contact-form > * { position:relative; z-index:1; }
  .custom-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
  .custom-contact-form label { display:grid; gap:8px; color:rgba(255,255,255,0.82); font-size:13px; font-weight:600; font-family:'Sora',sans-serif; }
  .custom-contact-form input,
  .custom-contact-form select,
  .custom-contact-form textarea { width:100%; min-height:50px; border-radius:16px; border:1px solid rgba(255,255,255,0.1); background:rgba(8,8,8,0.72); color:var(--white); padding:13px 16px; font-family:'Sora',sans-serif; font-size:14px; box-shadow:none; outline:none; transition:border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease; }
  .custom-contact-form textarea { min-height:136px; resize:vertical; }
  .custom-contact-form select { appearance:none; background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,0.7) 50%),linear-gradient(135deg,rgba(255,255,255,0.7) 50%,transparent 50%); background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px; background-size:6px 6px,6px 6px; background-repeat:no-repeat; }
  .custom-contact-form input:focus,
  .custom-contact-form select:focus,
  .custom-contact-form textarea:focus { border-color:rgba(255,107,62,0.55); box-shadow:0 0 0 3px rgba(255,107,62,0.12); background:rgba(8,8,8,0.86); }
  .custom-contact-form ::placeholder { color:rgba(255,255,255,0.38); }
  .custom-form-submit { justify-self:start; min-height:52px; border:none; border-radius:999px; background:var(--green); color:#080808; padding:14px 28px; font-family:'Sora',sans-serif; font-size:14px; font-weight:700; cursor:none; transition:transform 0.2s ease,box-shadow 0.25s ease; }
  .custom-form-submit:hover { transform:translateY(-2px); box-shadow:0 0 36px var(--green-glow); }
  .custom-form-submit:disabled { opacity:0.68; transform:none; box-shadow:none; cursor:wait; }
  .custom-form-message { border-radius:18px; padding:14px 16px; font-size:14px; line-height:1.55; font-weight:500; }
  .custom-form-success { border:1px solid rgba(255,107,62,0.24); background:rgba(255,107,62,0.1); color:var(--white); }
  .custom-form-error { border:1px solid rgba(255,107,62,0.32); background:rgba(255,107,62,0.08); color:#ffb199; }


  /* CTA */
  #cta { padding:120px 48px; text-align:center; position:relative; overflow:hidden; background:var(--section-gradient-alt); }
  .cta-glow { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:600px; height:400px; background:radial-gradient(ellipse,rgba(255,107,62,0.1) 0%,transparent 65%); pointer-events:none; }
  .cta-shell { position:relative; max-width:1000px; margin:0 auto; padding:64px 44px; border:1px solid var(--cta-shell-border); border-radius:36px; background:
      linear-gradient(180deg,var(--cta-shell-top),var(--cta-shell-bottom)),
      radial-gradient(circle at bottom center,rgba(255,107,62,0.08),transparent 55%);
    overflow:hidden; }
  .cta-shell::before { content:''; position:absolute; inset:0; background:
      linear-gradient(135deg,rgba(255,107,62,0.08),transparent 42%),
      radial-gradient(circle at top right,rgba(255,107,62,0.12),transparent 24%);
    pointer-events:none; }
  .cta-shell > * { position:relative; z-index:1; }
  #cta h2 { font-size:clamp(54px,6.4vw,88px); margin-bottom:18px; position:relative; line-height:0.88; letter-spacing:0.025em; max-width:9.5ch; margin-left:auto; margin-right:auto; text-wrap:balance; }
  .cta-title-line { display:block; }
  #cta p { color:var(--gray); font-size:17px; margin:0 auto 34px; font-weight:300; position:relative; max-width:24ch; line-height:1.6; }
  .cta-btns { display:flex; gap:16px; justify-content:center; position:relative; }
  .cta-btns .btn-primary { min-width:240px; justify-content:center; box-shadow:0 16px 40px rgba(255,107,62,0.18); white-space:nowrap; }
  .cta-btns .btn-ghost { padding:14px 20px; border-radius:999px; border:1px solid var(--ghost-border); background:var(--ghost-bg); justify-content:center; min-width:145px; white-space:nowrap; }

  /* TEAM */
  #team { padding:40px 48px 110px; background:
      radial-gradient(circle at top center,rgba(255,107,62,0.12),transparent 34%),
      radial-gradient(circle at 8% 92%,rgba(255,107,62,0.06),transparent 22%),
      var(--bg2); }
  .team-shell { max-width:1320px; margin:0 auto; padding:42px; border:1px solid var(--border); border-radius:34px; position:relative; overflow:hidden; isolation:isolate; background:
      radial-gradient(circle at 18% 18%, rgba(255,107,62,0.16), transparent 18%),
      radial-gradient(circle at 82% 28%, rgba(255,255,255,0.08), transparent 20%),
      linear-gradient(180deg, rgba(14,14,14,0.96), rgba(10,10,10,0.94)); }
  .team-shell::before { content:''; position:absolute; inset:-1px; background:
      linear-gradient(120deg,rgba(255,107,62,0.16),transparent 20%,transparent 78%,rgba(255,107,62,0.08));
    opacity:0.7; pointer-events:none; mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite:exclude; -webkit-mask-composite:xor; padding:1px; border-radius:34px; }
  .team-codeback { position:absolute; inset:18px; z-index:0; pointer-events:none; opacity:0.38; background:
      radial-gradient(circle at 22% 22%, rgba(255,107,62,0.12), transparent 16%),
      radial-gradient(circle at 78% 32%, rgba(255,255,255,0.06), transparent 18%),
      linear-gradient(180deg, rgba(12,12,12,0.92), rgba(16,16,16,0.4)); }
  .team-code-window { position:absolute; inset:28px auto auto 38px; width:min(560px,52%); padding:18px 20px 16px; border-radius:24px; border:1px solid rgba(255,255,255,0.05); background:
      linear-gradient(180deg,rgba(12,12,12,0.82),rgba(12,12,12,0.34)),
      radial-gradient(circle at top left,rgba(70,150,255,0.08),transparent 34%); box-shadow:0 20px 50px rgba(0,0,0,0.22); backdrop-filter:blur(3px); }
  .team-code-head { display:flex; gap:8px; margin-bottom:14px; }
  .team-code-head span { width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,0.22); }
  .team-code-head span:first-child { background:#ff6b3e; }
  .team-code-head span:nth-child(2) { background:#ffcf4a; }
  .team-code-head span:nth-child(3) { background:#41d17a; }
  .team-code-line { font-family:Consolas,'Courier New',monospace; font-size:12px; line-height:1.9; color:rgba(196,212,255,0.56); white-space:nowrap; overflow:hidden; width:0; border-right:1px solid rgba(255,255,255,0.2); animation:teamTyping 9s steps(72) infinite; }
  .team-code-line.line-1 { animation-delay:0s; }
  .team-code-line.line-2 { animation-delay:1.1s; }
  .team-code-line.line-3 { animation-delay:2.5s; }
  .team-code-line.line-4 { animation-delay:4.1s; }
  .team-code-line.line-5 { animation-delay:5.8s; }
  .code-key { color:rgba(111,216,255,0.8); }
  .code-name { color:rgba(255,255,255,0.7); }
  .code-prop { color:rgba(255,177,112,0.82); }
  .code-string { color:rgba(137,221,255,0.78); }
  .team-header { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(280px,0.9fr); gap:28px; align-items:end; margin-bottom:34px; }
  .team-header,
  .team-grid { position:relative; z-index:1; }
  .team-header .section-tag { color:var(--white); }
  .team-header h2 { margin-bottom:0; max-width:11ch; color:var(--white); }
  .team-copy { color:var(--white); font-size:15px; line-height:1.75; max-width:520px; justify-self:end; text-align:left; }
  .team-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; }
  .team-card { min-height:300px; padding:26px; border-radius:28px; border:1px solid rgba(255,255,255,0.08); background:
      radial-gradient(circle at 12% 16%, rgba(255,107,62,0.16), transparent 18%),
      radial-gradient(circle at 88% 32%, rgba(255,255,255,0.08), transparent 20%),
      linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.015));
    position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; box-shadow:0 20px 60px rgba(0,0,0,0.18); transition:transform 0.35s ease,border-color 0.35s ease,box-shadow 0.35s ease,background 0.35s ease; }
  .team-card::before { content:''; position:absolute; inset:-1px; border-radius:inherit; padding:1px; background:linear-gradient(130deg,rgba(255,107,62,0.56),rgba(255,255,255,0.02) 28%,rgba(255,107,62,0.08) 70%,rgba(255,107,62,0.5)); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite:exclude; opacity:0.32; transition:opacity 0.35s ease,transform 0.45s ease; }
  .team-card::after { content:''; position:absolute; right:-32px; bottom:-32px; width:120px; height:120px; border-radius:50%; border:1px solid rgba(255,107,62,0.18); opacity:0.8; transition:transform 0.45s ease,opacity 0.35s ease; }
  .team-card:hover { transform:translateY(-8px) scale(1.02); border-color:rgba(255,107,62,0.22); box-shadow:0 28px 80px rgba(0,0,0,0.28); }
  .team-card:hover::before { opacity:1; transform:rotate(6deg) scale(1.01); }
  .team-card:hover::after { opacity:1; transform:scale(1.12); }
  .team-card-featured { background:
      radial-gradient(circle at 12% 16%, rgba(255,107,62,0.16), transparent 18%),
      radial-gradient(circle at 88% 32%, rgba(255,255,255,0.08), transparent 20%),
      linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0.015)); }
  .team-card-top { display:flex; align-items:center; gap:14px; margin-bottom:44px; }
  .team-mark { width:58px; height:58px; border-radius:50%; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,107,62,0.32); background:rgba(255,107,62,0.08); color:var(--green); font-family:'Syne',sans-serif; font-weight:800; font-size:20px; letter-spacing:-0.04em; box-shadow:0 12px 32px rgba(255,107,62,0.1); transition:transform 0.35s ease,box-shadow 0.35s ease; }
  .team-card:hover .team-mark { transform:scale(1.08); box-shadow:0 16px 42px rgba(255,107,62,0.18); }
  .team-line { flex:1; height:1px; background:linear-gradient(90deg,rgba(255,107,62,0.42),rgba(255,255,255,0.02)); transition:transform 0.4s ease,opacity 0.3s ease; transform-origin:left center; }
  .team-card:hover .team-line { transform:scaleX(1.06); opacity:1; }
  .team-card-body { position:relative; z-index:1; }
  .team-name { font-family:'Bebas Neue','Syne',sans-serif; font-size:38px; line-height:0.95; letter-spacing:0.02em; color:var(--white); margin-bottom:12px; max-width:none; white-space:nowrap; }
  .team-role { display:inline-flex; align-items:center; gap:10px; padding:10px 14px; border-radius:999px; border:1px solid rgba(255,255,255,0.08); background:rgba(255,255,255,0.03); color:var(--white); font-size:12px; letter-spacing:0.12em; text-transform:uppercase; font-weight:600; margin-bottom:18px; }
  .team-card p { color:var(--white); font-size:15px; line-height:1.75; max-width:34ch; }
  @keyframes teamTyping {
    0%, 8% { width:0; border-right-color:rgba(255,255,255,0.22); }
    22%, 62% { width:100%; border-right-color:rgba(255,255,255,0.22); }
    70%, 100% { width:0; border-right-color:transparent; }
  }
  .copy-soft { color:var(--soft-copy-strong) !important; }
  .copy-faint { color:var(--soft-copy-faint) !important; }
  .progress-track { width:120px; height:2px; background:var(--chip-border); border-radius:2px; overflow:hidden; }
  nav,
  nav.scrolled,
  .nav-links,
  .nav-toggle,
  .mobile-menu,
  .service-card,
  .plat-card,
  .testi-card2,
  .faq-item,
  .cta-shell,
  .marquee-wrap,
  footer,
  .stat-item,
  .filter-btn,
  .portfolio-link,
  .hero-chip { transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease; }

  /* FOOTER */
  footer { background:
      radial-gradient(circle at 20% 0%,rgba(255,107,62,0.14),transparent 22%),
      radial-gradient(circle at 84% 72%,rgba(255,107,62,0.07),transparent 24%),
      linear-gradient(180deg,var(--bg2),#090807); border-top:1px solid var(--border); padding:64px 48px 40px; }
  .footer-cta-panel { display:grid; grid-template-columns:minmax(320px,1.1fr) minmax(260px,0.8fr); gap:34px; align-items:center; margin-bottom:54px; padding:30px; border:1px solid rgba(255,107,62,0.16); border-radius:24px; background:
      linear-gradient(90deg,rgba(255,107,62,0.1),rgba(255,255,255,0.025) 38%,rgba(255,255,255,0.01)),
      linear-gradient(180deg,rgba(10,10,10,0.94),rgba(8,8,8,0.96));
    box-shadow:0 18px 58px rgba(0,0,0,0.24); position:relative; overflow:hidden; }
  .footer-cta-panel::before { content:none; }
  .footer-cta-main,
  .footer-cta-points,
  .footer-cta-actions { position:relative; z-index:1; }
  .footer-cta-kicker { display:inline-flex; align-items:center; gap:10px; color:var(--green); font-size:11px; font-weight:700; letter-spacing:0.18em; text-transform:uppercase; margin-bottom:12px; }
  .footer-cta-kicker::before { content:''; width:28px; height:1px; background:var(--green); }
  .footer-cta-main h3 { font-family:'Bebas Neue','Syne',sans-serif; font-size:clamp(38px,4vw,58px); line-height:0.9; letter-spacing:0.025em; text-transform:uppercase; font-weight:700; margin-bottom:12px; }
  .footer-cta-main p { color:var(--soft-copy); font-size:15px; line-height:1.65; max-width:52ch; }
  .footer-cta-points { display:grid; gap:10px; }
  .footer-cta-points span { display:flex; align-items:center; gap:10px; min-height:42px; padding:10px 14px; border-radius:999px; background:rgba(255,255,255,0.035); border:1px solid rgba(255,255,255,0.07); color:var(--white); font-size:13px; font-weight:600; letter-spacing:0.01em; }
  .footer-cta-points span::before { content:''; width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 16px var(--green-glow); flex-shrink:0; animation:footerDotBlink 1.45s ease-in-out infinite; }
  .footer-cta-points span:nth-child(2)::before { animation-delay:0.18s; }
  .footer-cta-points span:nth-child(3)::before { animation-delay:0.36s; }
  @keyframes footerDotBlink { 0%,100% { opacity:1; transform:scale(1); box-shadow:0 0 16px var(--green-glow); } 50% { opacity:0.35; transform:scale(0.72); box-shadow:0 0 4px var(--green-glow); } }
  .footer-cta-actions { display:flex; flex-wrap:wrap; gap:12px 18px; align-items:center; margin-top:22px; }
  .footer-cta-actions .btn-primary { text-decoration:none; white-space:nowrap; justify-content:center; }
  .footer-cta-link { color:var(--gray); font-size:13px; text-decoration:none; transition:color 0.2s ease; }
  .footer-cta-link:hover { color:var(--white); }
  .footer-top { display:grid; grid-template-columns:minmax(300px,1.35fr) repeat(3,minmax(150px,0.65fr)); gap:24px; margin-bottom:56px; align-items:stretch; }
  .footer-brand-card { position:relative; overflow:hidden; padding:26px; border-radius:26px; border:1px solid rgba(255,255,255,0.07); background:
      radial-gradient(circle at 12% 12%,rgba(255,107,62,0.16),transparent 28%),
      linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.014));
    box-shadow:0 18px 52px rgba(0,0,0,0.18); }
  .footer-brand-card::after { content:''; position:absolute; right:-42px; top:-42px; width:130px; height:130px; border:1px solid rgba(255,107,62,0.22); border-radius:50%; pointer-events:none; }
  .footer-logo { margin-bottom:18px; }
  .footer-logo .brand-mark { width:54px; height:54px; border-radius:18px; font-size:28px; }
  .footer-logo .brand-copy strong { font-size:26px; }
  .footer-logo .brand-copy small { font-size:16px; }
  .footer-tagline { color:rgba(255,255,255,0.82); font-size:15px; line-height:1.7; font-weight:300; max-width:340px; font-family:'Sora',sans-serif; }
  .footer-socials { display:flex; gap:10px; margin-top:24px; }
  .footer-upwork-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:26px; }
  .footer-upwork-card { display:flex; flex-direction:column; gap:8px; min-height:150px; padding:18px 18px 16px; border-radius:22px; border:1px solid rgba(20,168,0,0.28); background:
      linear-gradient(180deg,rgba(20,168,0,0.12),rgba(20,168,0,0.04)),
      linear-gradient(135deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));
    text-decoration:none; box-shadow:0 18px 44px rgba(0,0,0,0.18); transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease; }
  .footer-upwork-card:hover { transform:translateY(-2px); border-color:rgba(20,168,0,0.46); box-shadow:0 22px 50px rgba(0,0,0,0.24); }
  .footer-upwork-card-pending { border-color:rgba(255,107,62,0.24); background:
      linear-gradient(180deg,rgba(255,107,62,0.1),rgba(255,107,62,0.03)),
      linear-gradient(135deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01)); }
  .footer-upwork-card-pending .footer-upwork-kicker { color:var(--green); }
  .footer-upwork-kicker { font-size:11px; letter-spacing:0.16em; text-transform:uppercase; color:#54d14f; font-weight:700; }
  .footer-upwork-title { font-family:'Bebas Neue','Syne',sans-serif; font-size:34px; line-height:0.92; letter-spacing:0.02em; color:var(--white); max-width:12ch; }
  .footer-upwork-meta { font-size:14px; color:rgba(255,255,255,0.82); line-height:1.55; max-width:26ch; }
  .social-btn { min-width:38px; height:38px; padding:0 12px; border-radius:999px; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,0.82); text-decoration:none; font-size:13px; transition:all 0.2s; }
  .social-btn:hover { border-color:var(--green); color:var(--green); }
  .footer-col { padding:24px 22px; border-radius:22px; border:1px solid rgba(255,255,255,0.055); background:rgba(255,255,255,0.018); }
  .footer-col h4 { font-family:'Syne',sans-serif; font-size:15px; font-weight:700; margin-bottom:20px; color:var(--white); }
  .footer-col a { display:block; color:rgba(255,255,255,0.82); text-decoration:none; font-size:14px; margin-bottom:13px; font-weight:300; transition:color 0.2s,transform 0.2s; }
  .footer-col a:hover { color:var(--white); }
  .footer-bottom { display:flex; align-items:center; justify-content:space-between; padding-top:32px; border-top:1px solid var(--border); color:rgba(255,255,255,0.78); font-size:13px; }
  .footer-legal-links { display:flex; gap:24px; }
  .footer-legal-links a { color:rgba(255,255,255,0.82); text-decoration:none; transition:color 0.2s; }
  .footer-legal-links a:hover { color:var(--white); }

  /* TWEAKS */
  #tweaks-panel { position:fixed; bottom:24px; right:24px; z-index:999; background:var(--bg3); border:1px solid var(--border); border-radius:16px; padding:20px 22px; width:240px; display:none; box-shadow:var(--panel-shadow); }
  .portfolio-copy { color:var(--portfolio-copy); font-family:'Sora',sans-serif; font-size:15px; line-height:1.7; font-weight:300; margin-bottom:36px; }
  .portfolio-meta { font-size:12px; color:var(--portfolio-meta); font-family:'Sora',sans-serif; margin-bottom:4px; }
  .portfolio-progress-track { width:120px; height:2px; background:var(--portfolio-track); border-radius:2px; overflow:hidden; }
  #portfolio .portfolio-sidebar > p[style*="rgba(255,255,255,0.6)"] { color:var(--portfolio-copy) !important; }
  #portfolio #port-counter + div > div:first-child { color:var(--portfolio-meta) !important; }
  #portfolio #port-counter + div > div:last-child { background:var(--portfolio-track) !important; }
  #tweaks-panel h3 { font-family:'Syne',sans-serif; font-size:14px; font-weight:700; margin-bottom:16px; }
  .tweak-row { margin-bottom:14px; }
  .tweak-label { font-size:11px; color:var(--gray); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:6px; }
  .tweak-options { display:flex; gap:6px; flex-wrap:wrap; }
  .tweak-opt { padding:5px 10px; border-radius:6px; border:1px solid var(--border); font-size:11px; cursor:pointer; color:var(--gray); background:none; transition:all 0.2s; font-family:'Sora',sans-serif; }
  .tweak-opt.active,.tweak-opt:hover { border-color:var(--green); color:var(--green); }

  @media(max-width:1024px){
    nav { top:14px; left:18px; right:18px; width:auto; padding:12px 16px; }
    nav.scrolled { top:10px; }
    .nav-links a { font-size:12px; padding:10px 10px; }
    .nav-logo { min-width:180px; }
    .nav-cta { padding:11px 16px; font-size:12px; }
    section { padding:70px 24px; }
    #hero { padding:144px 24px 86px; }
    #stats { padding:70px 24px; }
    #portfolio { padding:70px 24px 0 !important; }
    #platforms { padding:70px 24px !important; }
    #testimonials { padding:80px 0 !important; }
    #cta { padding:90px 24px !important; }
    .stats-grid { grid-template-columns:repeat(2,1fr); }
    .services-header { grid-template-columns:1fr; }
    .services-grid { grid-template-columns:1fr 1fr; }
    .portfolio-layout { grid-template-columns:1fr; gap:40px; }
    .portfolio-sidebar { position:static; }
    .tool-word { min-width:180px; font-size:24px; }
    .testi-swiper { padding:0 10px; }
    .testi-card2 { min-height:300px; }
    .testi-text { font-size:19px; max-width:none; }
    .nav-logo { min-width:0; }
    .portfolio-sidebar { padding:24px 22px; }
    .footer-cta-panel { grid-template-columns:1fr; gap:22px; padding:28px 26px; }
    .footer-cta-panel::before { display:none; }
    .footer-cta-points { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .footer-cta-actions { justify-content:flex-start; }
    #contact-form { padding:84px 24px; }
    .custom-form-shell { grid-template-columns:1fr; gap:32px; }
    .custom-form-copy { position:static; }
    #team { padding:32px 24px 90px; }
    .team-shell { padding:34px 28px; }
    .team-codeback { inset:12px; opacity:0.24; }
    .team-code-window { width:min(520px,64%); left:22px; top:22px; }
    .team-header { grid-template-columns:1fr; gap:16px; }
    .team-copy { justify-self:start; max-width:620px; }
    .team-grid { grid-template-columns:1fr; }
    .team-card,
    .team-card-featured { min-height:0; }
    footer { padding-left:24px; padding-right:24px; }
    .footer-top { grid-template-columns:1fr 1fr; }
    .footer-brand-card { grid-column:1 / -1; }
    .nav-links { display:none; }
    .faq-layout { grid-template-columns:1fr; }
  }

  @media(max-width:768px){
    nav { top:12px; left:12px; right:12px; width:auto; padding:12px 14px; gap:14px; }
    nav.scrolled { top:10px; }
    section { padding:64px 18px; }
    h1 { font-size:52px; letter-spacing:0.02em; line-height:0.96; margin-bottom:18px; }
    h2 { font-size:clamp(42px,11vw,58px); letter-spacing:0.02em; }
    .hero-sub { font-size:15px; max-width:100%; margin-bottom:26px; }
    .hero-meta { justify-content:center; gap:8px; }
    .nav-actions .nav-cta { display:none; }
    .nav-wa { display:none; }
    .nav-toggle { display:flex; margin-left:auto; }
    .stats-grid,
    .services-grid,
    .footer-top,
    .faq-layout { grid-template-columns:1fr; }
    .stat-item { padding:32px 24px; border-right:none; border-bottom:1px solid var(--border); }
    .stat-item:last-child { border-bottom:none; }
    .services-header { gap:18px; margin-bottom:28px; }
    .services-desc { font-size:15px; line-height:1.65; }
    .portfolio-filters { gap:10px; }
    .filter-btn { flex:1 1 calc(50% - 10px); text-align:center; }
    #port-cards { padding-bottom:72px !important; }
    .portfolio-bg { min-height:360px; padding:22px; }
    .portfolio-name { font-size:30px; }
    .tools-marquee-shell { gap:14px; }
    .tools-row { border-radius:18px; padding:14px 0; }
    .tools-row::before,
    .tools-row::after { width:42px; }
    .tool-word { min-width:138px; padding:14px 16px; font-size:30px; border-radius:14px; }
    .mobile-menu-title { text-wrap:wrap; }
    .testi-swiper { padding:0 8px !important; }
    .testi-card2 { min-height:auto; padding:24px 20px 20px; border-radius:20px; }
    .testi-text { font-size:17px; line-height:1.65; margin-bottom:22px; }
    .testi-footer { gap:14px; padding-top:16px; }
    .testi-arrow { width:40px; height:40px; top:auto; bottom:-72px; transform:none; }
    #testi-prev { left:calc(50% - 52px) !important; }
    #testi-next { right:calc(50% - 52px) !important; }
    #testi-dots { margin-top:84px !important; }
    .faq-q { padding:20px; gap:16px; }
    .faq-a { padding:0 20px; }
    .faq-item.open .faq-a { padding:0 20px 20px; max-height:320px; }
    .cta-btns { flex-direction:column; align-items:center; gap:12px; }
    .cta-btns > * { width:auto; min-width:220px; max-width:none; justify-content:center; }
    .cta-shell { padding:48px 24px; border-radius:28px; }
    #cta h2 { font-size:clamp(42px,12vw,58px); max-width:8.5ch; letter-spacing:0.02em; margin-bottom:12px; }
    #cta p { font-size:15px; line-height:1.55; max-width:270px; margin:0 auto 26px; }
    #cta .section-tag { justify-content:center; margin-bottom:12px; }
    #cta .cta-break { display:none; }
    #team { padding:24px 18px 72px; }
    #contact-form { padding:72px 18px; }
    .custom-contact-form { padding:26px 20px; border-radius:24px; }
    .custom-form-grid { grid-template-columns:1fr; }
    .custom-form-submit { width:100%; justify-self:stretch; }
    .team-shell { padding:28px 20px; border-radius:26px; }
    .team-codeback { inset:8px; opacity:0.18; }
    .team-code-window { position:relative; inset:auto; width:100%; margin-bottom:22px; }
    .team-code-line { font-size:11px; }
    .team-header { margin-bottom:24px; }
    .team-header h2 { max-width:12ch; }
    .team-copy { font-size:14px; line-height:1.7; }
    .team-grid { gap:16px; }
    .team-card { padding:22px 20px; border-radius:22px; }
    .team-card-top { margin-bottom:28px; }
    .team-mark { width:50px; height:50px; font-size:17px; }
    .team-name { font-size:34px; max-width:none; }
    .team-role { font-size:11px; letter-spacing:0.1em; padding:9px 12px; }
    .team-card p { font-size:14px; line-height:1.65; max-width:none; }
    .footer-cta-panel { padding:24px 20px; border-radius:24px; }
    .footer-cta-main h3 { font-size:clamp(34px,10vw,48px); }
    .footer-cta-points { grid-template-columns:1fr; }
    .footer-bottom { flex-direction:column; gap:12px; align-items:flex-start; }
  }

  @media(max-width:560px){
    nav { justify-content:space-between; flex-wrap:nowrap; }
    .nav-logo { width:auto; text-align:left; }
    .nav-logo .brand-mark { width:42px; height:42px; border-radius:14px; font-size:22px; }
    .nav-logo .brand-copy strong { font-size:18px; }
    .nav-logo .brand-copy small { font-size:11px; letter-spacing:0.14em; }
    .mobile-menu { top:86px; left:14px; right:14px; padding:26px 18px; margin-top:1.8rem; }
    .mobile-menu-title { font-size:24px; max-width:none; }
    .mobile-menu-links { gap:12px; margin:22px 0 18px; }
    .mobile-menu-links a { padding:16px 16px; border-radius:16px; }
    #hero { min-height:auto; padding:118px 18px 50px; }
    h1 { font-size:46px; line-height:0.96; }
    .hero-actions { gap:10px; }
    .hero-actions > * { width:auto; min-width:0; }
    .btn-primary { padding:13px 20px; border-radius:18px; }
    .btn-ghost { padding:10px 0; }
    .hero-meta { flex-direction:column; align-items:stretch; }
    .hero-meta > div { justify-content:center; }
    .marquee-item { padding:0 24px; font-size:12px; }
    .stats-grid { margin-top:40px; }
    .stat-num { font-size:58px; }
    .service-card { padding:32px 22px; }
    .service-title { font-size:28px; }
    #portfolio { padding:56px 18px 0 !important; }
    .portfolio-layout { gap:28px; }
    .portfolio-bg { min-height:300px; padding:18px; }
    .portfolio-link { top:16px; right:16px; width:34px; height:34px; opacity:1; }
    #platforms { padding:56px 18px !important; }
    #testimonials { padding:64px 0 !important; }
    .tools-row::before,
    .tools-row::after { width:26px; }
    .tool-word { min-width:120px; padding:12px 14px; font-size:28px; }
    .testi-text { font-size:16px; }
    .mobile-menu-note { font-size:13px; }
    .whatsapp-sticky { right:14px; bottom:14px; width:56px; height:56px; }
    .faq-icon { width:24px; height:24px; font-size:16px; }
    #cta { padding:56px 18px !important; }
    .cta-shell { padding:34px 18px 26px; border-radius:24px; }
    #cta h2 { font-size:clamp(38px,11vw,48px); max-width:8.7ch; letter-spacing:0.02em; line-height:0.92; }
    #cta p { max-width:235px; margin-bottom:18px; font-size:14px; }
    .cta-btns { gap:10px; }
    .cta-btns > * { min-width:210px; }
    .cta-btns .btn-ghost { min-width:210px; padding:12px 16px; font-size:14px !important; }
    .team-shell { padding:24px 16px; }
    .team-code-window { display:none; }
    .team-name { font-size:32px; white-space:normal; }
    .team-role { width:100%; justify-content:center; text-align:center; line-height:1.4; }
    .footer-cta-actions .btn-primary { width:100%; justify-content:center; }
    .footer-cta-actions { justify-content:stretch; width:100%; }
    .footer-cta-link { text-align:center; }
    .footer-upwork-list { grid-template-columns:1fr; }
    .footer-brand-card,
    .footer-col { padding:22px 18px; }
    footer { padding:48px 18px 32px; }
    .nav-cta {display: none !important;}
  }

  @media(hover:none),(pointer:coarse){
    body,
    .nav-cta,
    .nav-toggle,
    .btn-primary,
    .btn-ghost,
    .service-card,
    .filter-btn,
    .testi-arrow,
    .swiper-pagination .swiper-pagination-bullet,
    .faq-q,
    .custom-form-submit { cursor:auto; }
    #cursor,
    #cursor-ring { display:none; }
  }

  @media(prefers-reduced-motion:reduce){
    html { scroll-behavior:auto; }
    *, *::before, *::after { animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; }
    .mobile-menu { transition:none; }
  }