/*
 * Benly Theme – assets/css/main.css
 * Merged styles for all 3 pages (Home, NFC Cards, Marketing Services)
 * Compatible with WordPress + Elementor
 */

:root {
  --ink:#080808; --ink-1:#0E0E0E; --ink-2:#161616; --ink-3:#1E1E1E;
  --dust:rgba(255,255,255,0.06); --cream:#EDE9E0; --mist:#6E6A65;
  --ghost:#2A2926; --amber:#BA59FF;
}


    :root {
      --ink:#080808; --ink-1:#0E0E0E; --ink-2:#161616; --ink-3:#1E1E1E;
      --dust:rgba(255,255,255,0.06); --cream:#EDE9E0; --mist:#6E6A65;
      --ghost:#2A2926; --amber:#BA59FF;
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
    html{-webkit-font-smoothing:antialiased;}
    body{font-family:'Montserrat',sans-serif;background:var(--ink);color:var(--cream);}
    a{text-decoration:none;color:inherit;}
    .container{max-width:1100px;margin:0 auto;padding:0 32px;}
    section{padding:90px 0;}

    /* ─── REVEAL ─────────────────────────────────────────────── */
    .reveal{opacity:0;transform:translateY(22px);transition:opacity 0.6s cubic-bezier(0.22,1,0.36,1),transform 0.6s cubic-bezier(0.22,1,0.36,1);}
    .reveal.visible{opacity:1;transform:none;}

    /* ─── NAV ───────────────────────────────────────────────── */
    .nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background 0.3s,border-color 0.3s;border-bottom:1px solid transparent;}
    .nav.scrolled{background:rgba(6,6,8,0.9);backdrop-filter:blur(18px);border-bottom-color:var(--dust);}
    .nav-inner{max-width:1100px;margin:0 auto;padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between;}
    .nav-logo img{height:26px;width:auto;display:block;}
    .nav-right{display:flex;align-items:center;gap:20px;}
    .nav-other{font-size:13px;font-weight:600;color:var(--mist);transition:color 0.2s;display:flex;align-items:center;gap:6px;}
    .nav-other:hover{color:var(--cream);}
    .nav-other svg{transition:transform 0.2s;}
    .nav-other:hover svg{transform:translateX(3px);}
    .lang-switcher{display:flex;align-items:center;gap:4px;}
    .lang-btn{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.1em;color:var(--mist);background:none;border:none;cursor:pointer;padding:5px 4px;transition:color 0.2s;}
    .lang-btn.active,.lang-btn:hover{color:var(--cream);}
    .lang-sep{color:var(--ghost);font-size:12px;}

    /* ─── HERO ──────────────────────────────────────────────── */
    .hero{min-height:100vh;display:flex;align-items:center;padding:100px 0 60px;position:relative;overflow:hidden;}
    .hero-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;}
    .hero-orb-1{width:500px;height:500px;background:rgba(237,233,224,0.03);top:-100px;right:-80px;}
    .hero-orb-2{width:350px;height:350px;background:rgba(186,89,255,0.03);bottom:0;left:-80px;}
    .hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
    .hero-label{font-size:11px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--mist);margin-bottom:20px;}
    .hero-h1{font-size:clamp(40px,5.5vw,70px);font-weight:900;line-height:1.0;letter-spacing:-0.03em;color:var(--cream);margin-bottom:20px;}
    .hero-h1 em{font-style:italic;color:rgba(237,233,224,0.65);}
    .hero-sub{font-size:16px;color:var(--mist);line-height:1.7;margin-bottom:36px;max-width:420px;}
    .btn-primary{
      display:inline-flex;align-items:center;gap:9px;
      background:var(--cream);color:#0a0a0a;
      font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;
      padding:13px 26px;border-radius:100px;
      transition:all 0.25s cubic-bezier(0.22,1,0.36,1);
    }
    .btn-primary:hover{background:#f0ece4;transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,255,255,0.15);}
    .btn-primary svg{transition:transform 0.2s;}
    .btn-primary:hover svg{transform:translateX(3px);}

    /* 3D Card */
    .hero-visual{display:flex;justify-content:center;align-items:center;}
    .card-scene{perspective:1200px;}
    .card-3d{
      width:320px;height:196px;border-radius:18px;
      background:linear-gradient(145deg,#1c1c1c 0%,#252525 60%,#1e1e1e 100%);
      border:1px solid rgba(255,255,255,0.11);
      box-shadow:0 30px 80px rgba(0,0,0,0.6),0 6px 20px rgba(0,0,0,0.3);
      transform:rotateX(10deg) rotateY(-18deg) rotateZ(1.5deg);
      transition:transform 0.15s ease-out;
      position:relative;overflow:hidden;
      display:flex;flex-direction:column;justify-content:flex-end;padding:22px 24px;
    }
    .card-shimmer{
      position:absolute;inset:0;border-radius:inherit;
      background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,0.04) 50%,transparent 70%);
      pointer-events:none;
    }
    .card-top{position:absolute;top:18px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;}
    .card-top img{height:14px;width:auto;opacity:0.85;}
    .card-nfc{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,0.18);display:flex;align-items:center;justify-content:center;}
    .card-nfc::before{content:'';display:block;width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,0.1);}
    .card-name{font-size:13px;font-weight:700;color:rgba(237,233,224,0.88);margin-bottom:3px;}
    .card-role{font-size:10px;color:rgba(237,233,224,0.38);}
    .card-email{font-size:9px;color:rgba(237,233,224,0.25);margin-top:6px;}
    .card-accent{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02));}

    /* ─── STEPS ─────────────────────────────────────────────── */
    .steps-section{background:var(--ink-1);}
    .section-label{font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--mist);margin-bottom:14px;}
    .section-h2{font-size:clamp(28px,4vw,46px);font-weight:800;letter-spacing:-0.025em;color:var(--cream);line-height:1.1;margin-bottom:48px;}
    .section-h2 em{font-style:italic;color:rgba(237,233,224,0.6);}
    .section-header{margin-bottom:48px;text-align:center;}
    .section-header .section-h2{margin-bottom:14px;}
    .section-sub{font-size:15px;color:var(--mist);line-height:1.75;max-width:540px;margin:0 auto;display:block;}
    .steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
    .step-card{
      background:var(--ink-2);border:1px solid var(--dust);border-radius:18px;
      padding:28px 26px 30px;transition:border-color 0.25s;
    }
    .step-card:hover{border-color:rgba(255,255,255,0.13);}
    .step-num{font-size:11px;font-weight:800;letter-spacing:0.12em;color:var(--mist);margin-bottom:18px;}
    .step-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,0.04);display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:rgba(237,233,224,0.5);}
    .step-icon svg{width:20px;height:20px;}
    .step-title{font-size:15px;font-weight:700;color:var(--cream);margin-bottom:8px;}
    .step-desc{font-size:13px;color:var(--mist);line-height:1.65;}

    /* ─── MATERIALS ─────────────────────────────────────────── */
    .materials-heading{font-size:clamp(24px,3vw,36px);font-weight:800;letter-spacing:-0.02em;color:var(--cream);margin-bottom:32px;}
    .materials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
    .mat-card{
      background:var(--ink-1);border:1.5px solid var(--dust);border-radius:18px;
      padding:28px 24px 26px;cursor:pointer;transition:all 0.28s cubic-bezier(0.22,1,0.36,1);
      position:relative;
    }
    .mat-card:hover{border-color:rgba(255,255,255,0.15);transform:translateY(-3px);}
    .mat-card.selected{border-color:rgba(237,233,224,0.35);background:var(--ink-2);}
    .mat-check{
      position:absolute;top:16px;right:16px;width:20px;height:20px;
      border-radius:50%;background:rgba(237,233,224,0.1);border:1px solid rgba(237,233,224,0.2);
      display:flex;align-items:center;justify-content:center;
      transition:all 0.2s;opacity:0;
    }
    .mat-card.selected .mat-check{opacity:1;background:var(--cream);}
    .mat-check svg{width:10px;height:10px;color:#0a0a0a;}
    .mat-thumb{height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
    .mat-mini{width:70px;height:44px;border-radius:8px;border:1px solid rgba(255,255,255,0.12);}
    .mat-mini--plastic{background:linear-gradient(135deg,#222,#2e2e2e);}
    .mat-mini--wood{background:linear-gradient(135deg,#3d2e1e,#5c4430);}
    .mat-mini--metal{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);}
    .mat-mini .mat-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.15);margin:auto;margin-top:calc(50% - 4px);}
    .mat-name{font-size:15px;font-weight:700;color:var(--cream);margin-bottom:5px;}
    .mat-sub{font-size:12px;color:var(--mist);}
    .mat-chip{
      display:inline-block;margin-top:14px;font-size:10px;font-weight:700;
      letter-spacing:0.08em;text-transform:uppercase;padding:3px 9px;border-radius:100px;
    }
    .chip-pop{background:rgba(237,233,224,0.07);color:var(--cream);}
    .chip-eco{background:rgba(80,160,80,0.12);color:#7ec87e;}
    .chip-prem{background:rgba(186,89,255,0.12);color:var(--amber);}

    /* ─── TESTIMONIALS ──────────────────────────────────────── */
    .testi-section{background:var(--ink-1);}
    .testi-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
    .testi-card{background:var(--ink-2);border:1px solid var(--dust);border-radius:18px;padding:28px 26px 26px;}
    .testi-stars{color:var(--amber);font-size:13px;letter-spacing:2px;margin-bottom:14px;}
    .testi-text{font-size:14px;color:rgba(237,233,224,0.75);line-height:1.7;margin-bottom:20px;font-style:italic;}
    .testi-author{display:flex;align-items:center;gap:12px;}
    .testi-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;}
    .testi-info strong{display:block;font-size:13px;font-weight:700;color:var(--cream);}
    .testi-info span{font-size:11px;color:var(--mist);}

    /* ─── CTA ───────────────────────────────────────────────── */
    .cta-section{text-align:center;}
    .cta-eyebrow{font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--mist);margin-bottom:18px;}
    .cta-h2{font-size:clamp(32px,5vw,58px);font-weight:900;letter-spacing:-0.03em;color:var(--cream);line-height:1.0;margin-bottom:16px;}
    .cta-h2 em{font-style:italic;color:rgba(237,233,224,0.6);}
    .cta-sub{font-size:16px;color:var(--mist);margin-bottom:36px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.6;}
    .cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
    .btn-cta{
      display:inline-flex;align-items:center;gap:9px;padding:14px 28px;border-radius:100px;
      font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;
      background:var(--cream);color:#0a0a0a;
      transition:all 0.25s cubic-bezier(0.22,1,0.36,1);
    }
    .btn-cta:hover{background:#f0ece4;transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,255,255,0.12);}
    .btn-cta-outline{
      display:inline-flex;align-items:center;gap:9px;padding:14px 28px;border-radius:100px;
      font-family:'Montserrat',sans-serif;font-size:14px;font-weight:600;color:var(--cream);
      border:1px solid rgba(255,255,255,0.14);transition:all 0.25s cubic-bezier(0.22,1,0.36,1);
    }
    .btn-cta-outline:hover{border-color:rgba(255,255,255,0.28);background:rgba(255,255,255,0.04);}

    /* ─── CROSSLINK ─────────────────────────────────────────── */
    .crosslink{background:var(--ink-2);border-top:1px solid var(--dust);padding:80px 0;}
    .crosslink-inner{
      display:flex;align-items:center;justify-content:space-between;gap:40px;
      flex-wrap:wrap;
    }
    .crosslink-kicker{font-size:11px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--mist);margin-bottom:10px;}
    .crosslink-title{font-size:clamp(26px,3.5vw,40px);font-weight:800;letter-spacing:-0.025em;color:var(--cream);line-height:1.15;margin-bottom:10px;}
    .crosslink-desc{font-size:14px;color:var(--mist);line-height:1.65;max-width:420px;}
    .crosslink-btn{
      display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:100px;
      font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;color:var(--cream);
      border:1px solid rgba(255,255,255,0.14);white-space:nowrap;
      transition:all 0.28s cubic-bezier(0.22,1,0.36,1);
    }
    .crosslink-btn:hover{border-color:rgba(255,255,255,0.28);background:rgba(255,255,255,0.04);transform:translateX(4px);}
    .crosslink-btn svg{transition:transform 0.22s;}
    .crosslink-btn:hover svg{transform:translateX(4px);}

    /* ─── FOOTER ────────────────────────────────────────────── */
    .footer{background:var(--ink-1);border-top:1px solid var(--dust);padding:30px 32px;}
    .footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;}
    .footer-logo img{height:21px;width:auto;opacity:0.6;}
    .footer-copy{font-size:12px;color:var(--mist);}
    .footer-nav{display:flex;gap:24px;}
    .footer-nav a{font-size:12px;color:var(--mist);font-weight:500;transition:color 0.2s;}
    .footer-nav a:hover{color:var(--cream);}

    /* ─── IMAGE PLACEHOLDER ─────────────────────────────────── */
    .img-ph{
      width:100%;border-radius:18px;
      border:2px dashed rgba(186,89,255,0.35);
      background:linear-gradient(135deg,rgba(186,89,255,0.04),rgba(186,89,255,0.02));
      display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
      color:rgba(186,89,255,0.45);padding:40px 20px;
    }
    .img-ph svg{width:30px;height:30px;opacity:0.7;}
    .img-ph-label{font-size:10px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;}

    /* ─── AMBER SECTION ─────────────────────────────────────── */
    .section-amber{background:linear-gradient(160deg,#0E0A02 0%,#140E03 100%);}
    .section-amber .section-label{color:rgba(186,89,255,0.75);}
    .section-amber .section-h2{color:var(--cream);}
    .section-amber .section-h2 em{color:rgba(237,233,224,0.5);}

    /* ─── SHOWCASE GRID ─────────────────────────────────────── */
    .showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
    .showcase-label{font-size:14px;font-weight:700;color:var(--cream);margin-top:14px;text-align:center;letter-spacing:0.02em;}
    .showcase-sub{font-size:12px;color:var(--mist);text-align:center;margin-top:4px;}
    /* Hover image flip */
    .card-flip{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:3/2;display:block;cursor:default;background:#111;}
    .card-flip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:18px;display:block;}
    .card-flip .cf-front{z-index:2;transition:opacity 0.45s ease;}
    .card-flip .cf-back{z-index:1;}
    .card-flip:hover .cf-front{opacity:0;}

    /* ─── HERO STATS (cards) ────────────────────────────────── */
    .hero-stats-row{display:flex;gap:36px;margin-top:40px;padding-top:32px;border-top:1px solid var(--dust);}
    .hero-stat-num{font-size:22px;font-weight:900;letter-spacing:-0.02em;color:var(--amber);margin-bottom:3px;}
    .hero-stat-lbl{font-size:11px;color:var(--mist);font-weight:500;}

    /* ─── LIGHT SECTIONS ────────────────────────────────────── */
    .section-light { background: #F2EFE8; }
    .section-light .section-label { color: #8A8680; }
    .section-light .section-h2 { color: #0E0E0E; }
    .section-light .section-h2 em { color: rgba(14,14,14,0.42); }
    /* steps */
    .section-light .step-card { background: #FFFFFF; border-color: rgba(0,0,0,0.08); }
    .section-light .step-card:hover { border-color: rgba(0,0,0,0.18); }
    .section-light .step-num { color: #8A8680; }
    .section-light .step-icon { background: rgba(0,0,0,0.04); color: rgba(14,14,14,0.35); }
    .section-light .step-title { color: #0E0E0E; }
    .section-light .step-desc { color: #6E6A65; }
    /* testimonials */
    .section-light .testi-card { background: #FFFFFF; border-color: rgba(0,0,0,0.08); }
    .section-light .testi-text { color: rgba(14,14,14,0.65); }
    .section-light .testi-info strong { color: #0E0E0E; }
    .section-light .testi-info span { color: #6E6A65; }

    /* ─── FILE UPLOAD ───────────────────────────────────────── */
    .f-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;border-radius:12px;border:1.5px dashed rgba(186,89,255,0.4);background:rgba(186,89,255,0.04);cursor:pointer;transition:border-color 0.2s,background 0.2s;text-align:center;}
    .f-upload-area:hover{border-color:rgba(186,89,255,0.7);background:rgba(186,89,255,0.08);}
    .f-upload-area input[type=file]{position:absolute;opacity:0;width:0;height:0;}
    .f-upload-icon{color:var(--amber);opacity:0.8;}
    .f-upload-icon svg{width:22px;height:22px;}
    .f-upload-txt{font-size:12px;font-weight:600;color:var(--mist);}
    .f-upload-txt strong{color:var(--amber);}
    .f-upload-hint{font-size:10px;color:rgba(110,106,101,0.7);margin-top:2px;}
    .f-upload-chosen{font-size:11px;color:var(--amber);margin-top:6px;font-weight:600;display:none;}

    /* ─── DESIGN SECTION ────────────────────────────────────── */
    .design-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;}
    .design-card{background:var(--ink-2);border:1px solid var(--dust);border-radius:20px;padding:36px 32px;transition:border-color 0.3s,transform 0.3s;}
    .design-card:hover{border-color:rgba(186,89,255,0.35);transform:translateY(-4px);}
    .design-icon{width:52px;height:52px;background:rgba(186,89,255,0.1);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;color:var(--amber);}
    .design-icon svg{width:26px;height:26px;}
    .design-title{font-size:17px;font-weight:800;letter-spacing:-0.02em;color:var(--cream);margin-bottom:10px;}
    .design-desc{font-size:13px;color:var(--mist);line-height:1.75;}
    .design-tag{display:inline-block;margin-top:18px;font-size:10px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--amber);background:rgba(186,89,255,0.1);border-radius:100px;padding:4px 12px;}

    /* ─── WALLET SECTION ─────────────────────────────────────── */
    .wallet-section{background:var(--ink-1);}
    .wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:48px;}
    .wallet-card{background:var(--ink-2);border:1px solid var(--dust);border-radius:20px;padding:32px;display:flex;flex-direction:column;align-items:flex-start;transition:border-color 0.3s;}
    .wallet-card:hover{border-color:rgba(186,89,255,0.3);}
    .wallet-logo{height:48px;object-fit:contain;margin-bottom:24px;display:block;}
    .wallet-title{font-size:16px;font-weight:800;color:var(--cream);margin-bottom:10px;letter-spacing:-0.015em;}
    .wallet-desc{font-size:13px;color:var(--mist);line-height:1.75;}
    .wallet-badge{display:flex;align-items:center;gap:8px;margin-top:22px;padding:10px 16px;border-radius:12px;background:rgba(255,255,255,0.04);border:1px solid var(--dust);}
    .wallet-badge svg{width:18px;height:18px;flex-shrink:0;color:var(--amber);}
    .wallet-badge span{font-size:12px;color:var(--mist);font-weight:500;}

    /* ─── CLIENTS SECTION ────────────────────────────────────── */
    .clients-section{border-top:1px solid var(--dust);}
    .clients-label{font-size:11px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--mist);text-align:center;margin-bottom:36px;}
    .clients-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center;}
    /* (removed orphan fragment) */
    .client-logo-slot img{max-height:28px;max-width:110px;object-fit:contain;opacity:1;filter:none;mix-blend-mode:normal;}
    .client-logo-slot:hover{border-color:rgba(186,89,255,0.5);}
    .client-logo-slot:hover img{opacity:1;filter:grayscale(0);}

    /* ─── RESPONSIVE ────────────────────────────────────────── */
    @media(max-width:900px){
      .hero-inner{grid-template-columns:1fr;gap:48px;}
      .hero-visual{order:-1;}
      .card-3d{width:280px;height:172px;}
      .steps-grid{grid-template-columns:1fr;}
      .materials-grid{grid-template-columns:1fr 1fr;}
      .testi-grid{grid-template-columns:1fr;}
      .crosslink-inner{flex-direction:column;align-items:flex-start;}
      .showcase-grid{grid-template-columns:1fr;}
      .hero-stats-row{gap:20px;}
      .design-grid{grid-template-columns:1fr;}
      .wallet-grid{grid-template-columns:1fr;}
    }
    @media(max-width:600px){
      .container{padding:0 20px;}
      section{padding:64px 0;}
      .materials-grid{grid-template-columns:1fr;}
      .footer-inner{flex-direction:column;text-align:center;gap:14px;}
      .footer-nav{flex-wrap:wrap;justify-content:center;}
      .cta-btns{flex-direction:column;align-items:center;}
      .hero-stats-row{flex-wrap:wrap;gap:16px;}
      .f-r2{grid-template-columns:1fr;}
      .contact-grid{grid-template-columns:1fr;}
    }

    /* ─── CONTACT SECTION ────────────────────────────────────── */
    .contact-section{background:var(--ink-1);border-top:1px solid var(--dust);}
    .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
    .c-eyebrow{font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--mist);margin-bottom:14px;}
    .c-h2{font-size:clamp(26px,3vw,42px);font-weight:900;letter-spacing:-0.025em;color:var(--cream);line-height:1.05;margin-bottom:12px;}
    .c-h2 em{font-style:italic;color:rgba(237,233,224,0.55);}
    .c-sub{font-size:14px;color:var(--mist);line-height:1.65;margin-bottom:28px;}
    .c-items{display:flex;flex-direction:column;gap:16px;margin-bottom:26px;}
    .c-item{display:flex;align-items:flex-start;gap:14px;}
    .c-icon{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,0.04);border:1px solid var(--dust);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--mist);}
    .c-icon svg{width:16px;height:16px;}
    .c-item-label{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--mist);margin-bottom:3px;}
    .c-item-val{font-size:14px;font-weight:600;color:var(--cream);line-height:1.5;display:block;}
    a.c-item-val{transition:color 0.2s;}
    a.c-item-val:hover{color:var(--amber);}
    .c-social{display:flex;gap:8px;flex-wrap:wrap;}
    .c-social-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:100px;font-size:12px;font-weight:700;color:var(--mist);border:1px solid var(--dust);transition:all 0.22s;}
    .c-social-btn:hover{color:var(--cream);border-color:rgba(255,255,255,0.22);}
    .c-social-btn svg{width:13px;height:13px;flex-shrink:0;}
    .c-form-card{background:var(--ink-2);border:1px solid var(--dust);border-radius:20px;padding:26px 24px;}
    .fg{margin-bottom:16px;}
    .fl{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--mist);margin-bottom:7px;display:block;}
    .fl-opt{font-weight:400;text-transform:none;letter-spacing:0;}
    .f-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;}
    .f-pill-r{display:none;}
    .f-pill-l{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:100px;font-size:13px;font-weight:600;color:var(--mist);border:1px solid rgba(255,255,255,0.1);cursor:pointer;transition:all 0.2s;}
    .f-pill-l--sm{font-size:12px;padding:5px 12px;}
    .f-pill-r:checked+.f-pill-l{border-color:rgba(237,233,224,0.45);color:var(--cream);background:rgba(255,255,255,0.04);}
    .f-r2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
    .fi{width:100%;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:10px 13px;font-family:'Montserrat',sans-serif;font-size:13px;color:var(--cream);outline:none;transition:border-color 0.2s;}
    .fi::placeholder{color:rgba(110,106,101,0.6);}
    .fi:focus{border-color:rgba(255,255,255,0.24);}
    textarea.fi{resize:vertical;min-height:90px;}
    .f-submit{width:100%;padding:13px;border-radius:100px;border:none;cursor:pointer;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;background:var(--cream);color:#0a0a0a;margin-top:4px;transition:all 0.25s cubic-bezier(0.22,1,0.36,1);}
    .f-submit:hover{background:#f0ece4;transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,255,255,0.12);}
    .f-submit:disabled{opacity:0.7;cursor:default;transform:none!important;}
    .hidden{display:none!important;}
    .footer-social{display:flex;gap:12px;align-items:center;}
    .footer-social a{display:flex;color:var(--mist);transition:color 0.2s;}
    .footer-social a:hover{color:var(--cream);}
    .footer-social svg{width:15px;height:15px;}
    @media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:40px;}}
  
/* ─── HOME PAGE SPECIFIC ─────────────────────────────────────── */

    :root {
      --ink:   #080808; --ink-1: #0E0E0E; --ink-2: #161616; --ink-3: #1E1E1E;
      --dust:  rgba(255,255,255,0.06); --cream: #EDE9E0; --mist: #6E6A65;
      --ghost: #2A2926; --amber: #BA59FF;
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { -webkit-font-smoothing: antialiased; }
    body { font-family: 'Montserrat', sans-serif; background: var(--ink); color: var(--cream); min-height: 100vh; }
    a { text-decoration: none; color: inherit; }

    /* NAV */
    .nav {
      position: fixed; top: 0; left: 0; right: 0; z-index: 100;
      background: rgba(8,8,8,0.78); backdrop-filter: blur(18px);
      border-bottom: 1px solid rgba(255,255,255,0.07);
      transition: background 0.3s;
    }
    .nav.scrolled { background: rgba(6,6,8,0.96); }
    .nav-inner {
      max-width: 1160px; margin: 0 auto; padding: 0 32px;
      height: 64px; display: flex; align-items: center; justify-content: space-between;
    }
    .nav-logo img { height: 26px; width: auto; display: block; }
    .lang-switcher { display: flex; align-items: center; gap: 4px; }
    .lang-btn {
      font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 700;
      letter-spacing: 0.1em; color: var(--mist); background: none; border: none;
      cursor: pointer; padding: 5px 4px; transition: color 0.2s;
    }
    .lang-btn.active, .lang-btn:hover { color: var(--cream); }
    .lang-sep { color: var(--ghost); font-size: 12px; }

    /* CHOICE SECTION */
    .choice-section {
      min-height: 100vh; display: flex; flex-direction: column;
      align-items: center; justify-content: center;
      padding: 96px 32px 72px; position: relative; overflow: hidden;
      background: #F2EFE8;
    }
    .bg-orb { position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none; }
    .bg-orb-1 { width: 640px; height: 640px; background: rgba(186,89,255,0.10); top: -160px; left: -120px; }
    .bg-orb-2 { width: 500px; height: 500px; background: rgba(186,89,255,0.07); bottom: -120px; right: -100px; }

    .choice-header { text-align: center; margin-bottom: 48px; position: relative; z-index: 1; }
    .choice-kicker {
      font-size: 11px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase;
      color: #8A8680; margin-bottom: 18px;
    }
    .choice-h1 {
      font-size: clamp(38px, 5.5vw, 62px); font-weight: 900; line-height: 1.0;
      letter-spacing: -0.03em; color: #0E0E0E; margin-bottom: 14px;
    }
    .choice-sub { font-size: 16px; color: #6E6A65; font-weight: 400; }

    /* CHOICE GRID */
    .choice-grid {
      display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
      width: 100%; max-width: 860px; position: relative; z-index: 1;
    }
    .choice-card {
      display: flex; flex-direction: column; background: var(--ink-1);
      border: 1px solid rgba(255,255,255,0.07); border-radius: 22px;
      overflow: hidden; cursor: pointer; position: relative;
      transition: transform 0.38s cubic-bezier(0.22,1,0.36,1), border-color 0.3s, box-shadow 0.38s cubic-bezier(0.22,1,0.36,1);
      box-shadow: 0 4px 32px rgba(0,0,0,0.18);
    }
    .choice-card:hover {
      transform: translateY(-7px); border-color: rgba(237,233,224,0.2);
      box-shadow: 0 32px 80px rgba(0,0,0,0.32);
    }
    .choice-card::after {
      content: ''; position: absolute; inset: 0; border-radius: inherit;
      opacity: 0; transition: opacity 0.4s; pointer-events: none;
    }
    .choice-card--nfc::after { background: radial-gradient(ellipse at 40% 0%, rgba(237,233,224,0.07) 0%, transparent 60%); }
    .choice-card--ag::after  { background: radial-gradient(ellipse at 60% 0%, rgba(186,89,255,0.08) 0%, transparent 60%); }
    .choice-card:hover::after { opacity: 1; }

    /* Visual area */
    .choice-visual {
      height: 192px; display: flex; align-items: center; justify-content: center;
      background: var(--ink-2); position: relative; overflow: hidden;
    }

    /* Mini NFC card */
    .mini-card-wrap { position: relative; }
    .mini-nfc {
      width: 186px; height: 114px; border-radius: 13px;
      background: linear-gradient(140deg, #1d1d1d 0%, #262626 100%);
      border: 1px solid rgba(255,255,255,0.11);
      box-shadow: 0 18px 48px rgba(0,0,0,0.55), 0 3px 10px rgba(0,0,0,0.3);
      transform: rotate(-5deg) translateY(6px); position: relative;
      display: flex; flex-direction: column; justify-content: flex-end; padding: 12px 14px;
    }
    .mini-nfc-top {
      position: absolute; top: 11px; left: 13px; right: 13px;
      display: flex; align-items: center; justify-content: space-between;
    }
    .mini-nfc-top img { height: 11px; width: auto; opacity: 0.8; }
    .nfc-icon-mini {
      width: 18px; height: 18px; border-radius: 50%;
      border: 1.5px solid rgba(255,255,255,0.18);
      display: flex; align-items: center; justify-content: center;
    }
    .nfc-icon-mini::before {
      content: ''; display: block; width: 8px; height: 8px;
      border-radius: 50%; border: 1.5px solid rgba(255,255,255,0.12);
    }
    .mini-nfc-name { font-size: 8.5px; font-weight: 700; color: rgba(237,233,224,0.8); }
    .mini-nfc-role { font-size: 7px; color: rgba(237,233,224,0.32); margin-top: 2px; }
    .nfc-rings { position: absolute; top: 50%; right: -22px; transform: translateY(-50%); }
    .nfc-r {
      position: absolute; border-radius: 50%; border: 1px solid rgba(237,233,224,0.11);
      animation: nfc-pulse 2.8s ease-in-out infinite;
    }
    .nfc-r:nth-child(1) { width: 36px; height: 36px; top: -18px; left: -18px; animation-delay: 0s; }
    .nfc-r:nth-child(2) { width: 58px; height: 58px; top: -29px; left: -29px; animation-delay: 0.55s; }
    .nfc-r:nth-child(3) { width: 80px; height: 80px; top: -40px; left: -40px; animation-delay: 1.1s; }
    @keyframes nfc-pulse {
      0%,100% { opacity: 0.55; transform: scale(0.97); }
      50%      { opacity: 0.12; transform: scale(1.04); }
    }

    /* Agency chart */
    .agency-visual { display: flex; align-items: flex-end; gap: 9px; height: 100px; width: 200px; position: relative; }
    .a-bar { flex: 1; border-radius: 5px 5px 0 0; background: rgba(237,233,224,0.07); transition: background 0.3s; }
    .a-bar:last-child { background: rgba(186,89,255,0.35); }
    .choice-card:hover .a-bar:last-child { background: rgba(186,89,255,0.55); }
    .a-trend { position: absolute; left: 0; right: 0; bottom: 0; height: 100%; pointer-events: none; }

    /* Card content */
    .choice-content { padding: 28px 30px 32px; display: flex; flex-direction: column; flex: 1; }
    .ch-badge { font-size: 10px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; color: var(--mist); margin-bottom: 9px; }
    .ch-title { font-size: 24px; font-weight: 800; letter-spacing: -0.02em; color: var(--cream); line-height: 1.15; margin-bottom: 10px; }
    .ch-desc { font-size: 14px; color: var(--mist); line-height: 1.65; margin-bottom: 22px; }
    .ch-features { list-style: none; display: flex; flex-direction: column; gap: 7px; margin-bottom: 24px; }
    .ch-features li {
      display: flex; align-items: center; gap: 9px;
      font-size: 13px; color: rgba(237,233,224,0.6); font-weight: 500;
    }
    .ch-features li::before {
      content: ''; display: block; width: 4px; height: 4px;
      border-radius: 50%; background: var(--mist); flex-shrink: 0;
    }
    .ch-cta {
      display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700;
      color: var(--cream); margin-top: auto; transition: gap 0.22s;
    }
    .choice-card:hover .ch-cta { gap: 13px; }
    .ch-cta svg { transition: transform 0.22s; }
    .choice-card:hover .ch-cta svg { transform: translateX(5px); }

    /* MARQUEE */
    .marquee-section {
      border-top: 1px solid var(--dust); border-bottom: 1px solid var(--dust);
      overflow: hidden; padding: 15px 0; background: var(--ink-1);
    }
    .marquee-track { display: flex; white-space: nowrap; animation: marquee 30s linear infinite; }
    @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
    .marq-item { display: inline-flex; align-items: center; gap: 9px; padding: 0 28px; }
    .marq-num { font-size: 13px; font-weight: 800; color: var(--amber); }
    .marq-lbl { font-size: 11px; color: var(--mist); font-weight: 500; }
    .marq-sep { color: var(--ghost); font-size: 16px; padding: 0 4px; }

    /* IMAGE PLACEHOLDER */
    .img-ph {
      width:100%;border-radius:16px;
      border:2px dashed rgba(186,89,255,0.35);
      background:linear-gradient(135deg,rgba(186,89,255,0.05),rgba(186,89,255,0.02));
      display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
      color:rgba(186,89,255,0.5);padding:36px 16px;
    }
    .img-ph svg{width:28px;height:28px;opacity:0.7;}
    .img-ph-label{font-size:10px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;}

    /* TEAM SECTION */
    .team-section {
      max-width:1160px;margin:0 auto;padding:80px 32px;
      display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;
    }
    .team-eyebrow{font-size:11px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--amber);margin-bottom:14px;}
    .team-h2{font-size:clamp(28px,3.5vw,42px);font-weight:900;letter-spacing:-0.03em;color:var(--cream);line-height:1.05;margin-bottom:16px;}
    .team-h2 em{font-style:italic;color:rgba(237,233,224,0.55);}
    .team-desc{font-size:14px;color:var(--mist);line-height:1.75;margin-bottom:28px;max-width:360px;}
    .team-link{
      display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;
      color:var(--amber);border-bottom:1px solid rgba(186,89,255,0.3);padding-bottom:2px;
      transition:border-color 0.2s,gap 0.2s;
    }
    .team-link:hover{border-color:var(--amber);gap:13px;}
    .team-link svg{transition:transform 0.2s;}
    .team-link:hover svg{transform:translateX(4px);}
    .team-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
    .team-photo-card{}
    .team-photo-img{margin-bottom:12px;border-radius:16px;overflow:hidden;aspect-ratio:3/4;}
    .team-photo-img img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;border-radius:16px;}
    .team-photo-name{font-size:14px;font-weight:700;color:var(--cream);margin-bottom:2px;}
    .team-photo-role{font-size:11px;color:var(--mist);font-weight:500;margin-bottom:8px;}
    .team-photo-li{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--amber);opacity:0.8;transition:opacity 0.2s;}
    .team-photo-li:hover{opacity:1;}
    .team-photo-li svg{width:13px;height:13px;}
    .team-divider{height:1px;background:var(--dust);margin:0 32px;}

    /* FILE UPLOAD */
    .f-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;border-radius:12px;border:1.5px dashed rgba(186,89,255,0.4);background:rgba(186,89,255,0.04);cursor:pointer;transition:border-color 0.2s,background 0.2s;text-align:center;}
    .f-upload-area:hover{border-color:rgba(186,89,255,0.7);background:rgba(186,89,255,0.08);}
    .f-upload-area input[type=file]{position:absolute;opacity:0;width:0;height:0;}
    .f-upload-icon{color:var(--amber);opacity:0.8;}
    .f-upload-icon svg{width:22px;height:22px;}
    .f-upload-txt{font-size:12px;font-weight:600;color:var(--mist);}
    .f-upload-txt strong{color:var(--amber);}
    .f-upload-hint{font-size:10px;color:rgba(110,106,101,0.7);margin-top:2px;}
    .f-upload-chosen{font-size:11px;color:var(--amber);margin-top:6px;font-weight:600;display:none;}

    /* CLIENTS SECTION */
    .clients-section { padding: 56px 32px; background: #000000; border-top: none; }
    .clients-inner { max-width: 1160px; margin: 0 auto; }
    .clients-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.45); text-align: center; margin-bottom: 28px; }
    .clients-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
    .client-slot { border-radius: 14px; overflow: hidden; aspect-ratio: 3/2; display: flex; align-items: center; justify-content: center; background: #111111; border: 1px solid rgba(255,255,255,0.06); padding: 16px 20px; }
    .client-slot.white-bg { background: #ffffff; border-color: rgba(255,255,255,0.2); }
    .client-slot img { max-width: 100%; max-height: 64px; width: auto; height: auto; object-fit: contain; display: block; opacity: 1; filter: none; mix-blend-mode: normal; }
    .client-slot:hover { border-color: rgba(186,89,255,0.3); }
    .client-slot.white-bg:hover { border-color: rgba(186,89,255,0.5); }
    .client-slot:hover img { opacity: 1; filter: none; }
    @media (max-width: 900px) { .clients-grid { grid-template-columns: repeat(3, 1fr); } }
    @media (max-width: 500px) { .clients-grid { grid-template-columns: repeat(2, 1fr); } }

    /* FOOTER */
    .footer { background: var(--ink-1); border-top: 1px solid var(--dust); padding: 30px 32px; }
    .footer-inner {
      max-width: 1160px; margin: 0 auto;
      display: flex; align-items: center; justify-content: space-between; gap: 20px;
    }
    .footer-logo img { height: 21px; width: auto; opacity: 0.6; }
    .footer-copy { font-size: 12px; color: var(--mist); }
    .footer-nav { display: flex; gap: 24px; }
    .footer-nav a { font-size: 12px; color: var(--mist); font-weight: 500; transition: color 0.2s; }
    .footer-nav a:hover { color: var(--cream); }

    /* RESPONSIVE */
    @media (max-width: 900px) {
      .team-section{grid-template-columns:1fr;gap:40px;}
    }
    @media (max-width: 700px) {
      .choice-grid { grid-template-columns: 1fr; max-width: 420px; }
      .choice-section { padding: 88px 20px 56px; }
      .choice-h1 { font-size: 36px; }
      .footer-inner { flex-direction: column; text-align: center; gap: 14px; }
      .footer-nav { flex-wrap: wrap; justify-content: center; }
      .team-section { padding: 64px 20px; }
      .team-photos { grid-template-columns: 1fr 1fr; }
      .f-r2 { grid-template-columns: 1fr; }
      .contact-grid { grid-template-columns: 1fr; }
    }

    /* ─── CONTACT SECTION ────────────────────────────────────── */
    .contact-section { background: var(--ink-1); border-top: 1px solid var(--dust); }
    .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
    .c-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: var(--mist); margin-bottom: 14px; }
    .c-h2 { font-size: clamp(26px,3vw,42px); font-weight: 900; letter-spacing: -0.025em; color: var(--cream); line-height: 1.05; margin-bottom: 12px; }
    .c-h2 em { font-style: italic; color: rgba(237,233,224,0.55); }
    .c-sub { font-size: 14px; color: var(--mist); line-height: 1.65; margin-bottom: 28px; }
    .c-items { display: flex; flex-direction: column; gap: 16px; margin-bottom: 26px; }
    .c-item { display: flex; align-items: flex-start; gap: 14px; }
    .c-icon { width: 38px; height: 38px; border-radius: 10px; background: rgba(255,255,255,0.04); border: 1px solid var(--dust); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--mist); }
    .c-icon svg { width: 16px; height: 16px; }
    .c-item-label { font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mist); margin-bottom: 3px; }
    .c-item-val { font-size: 14px; font-weight: 600; color: var(--cream); line-height: 1.5; display: block; }
    a.c-item-val { transition: color 0.2s; }
    a.c-item-val:hover { color: var(--amber); }
    .c-social { display: flex; gap: 8px; flex-wrap: wrap; }
    .c-social-btn { display: inline-flex; align-items: center; gap: 7px; padding: 8px 15px; border-radius: 100px; font-size: 12px; font-weight: 700; color: var(--mist); border: 1px solid var(--dust); transition: all 0.22s; }
    .c-social-btn:hover { color: var(--cream); border-color: rgba(255,255,255,0.22); }
    .c-social-btn svg { width: 13px; height: 13px; flex-shrink: 0; }
    .c-form-card { background: var(--ink-2); border: 1px solid var(--dust); border-radius: 20px; padding: 26px 24px; }
    .fg { margin-bottom: 16px; }
    .fl { font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mist); margin-bottom: 7px; display: block; }
    .fl-opt { font-weight: 400; text-transform: none; letter-spacing: 0; }
    .f-pills { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
    .f-pill-r { display: none; }
    .f-pill-l { display: inline-flex; align-items: center; gap: 5px; padding: 7px 14px; border-radius: 100px; font-size: 13px; font-weight: 600; color: var(--mist); border: 1px solid rgba(255,255,255,0.1); cursor: pointer; transition: all 0.2s; }
    .f-pill-l--sm { font-size: 12px; padding: 5px 12px; }
    .f-pill-r:checked+.f-pill-l { border-color: rgba(237,233,224,0.45); color: var(--cream); background: rgba(255,255,255,0.04); }
    .f-r2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    .fi { width: 100%; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; padding: 10px 13px; font-family: 'Montserrat',sans-serif; font-size: 13px; color: var(--cream); outline: none; transition: border-color 0.2s; }
    .fi::placeholder { color: rgba(110,106,101,0.6); }
    .fi:focus { border-color: rgba(255,255,255,0.24); }
    textarea.fi { resize: vertical; min-height: 90px; }
    .f-submit { width: 100%; padding: 13px; border-radius: 100px; border: none; cursor: pointer; font-family: 'Montserrat',sans-serif; font-size: 14px; font-weight: 700; background: var(--cream); color: #0a0a0a; margin-top: 4px; transition: all 0.25s cubic-bezier(0.22,1,0.36,1); }
    .f-submit:hover { background: #f0ece4; transform: translateY(-2px); box-shadow: 0 10px 28px rgba(255,255,255,0.12); }
    .f-submit:disabled { opacity: 0.7; cursor: default; transform: none !important; }
    .hidden { display: none !important; }
    .footer-social { display: flex; gap: 12px; align-items: center; }
    .footer-social a { display: flex; color: var(--mist); transition: color 0.2s; }
    .footer-social a:hover { color: var(--cream); }
    .footer-social svg { width: 15px; height: 15px; }
    @media (max-width: 900px) { .contact-grid { grid-template-columns: 1fr; gap: 40px; } }
  
/* ─── SERVICES PAGE SPECIFIC ────────────────────────────────── */

    :root {
      --ink:#080808; --ink-1:#0E0E0E; --ink-2:#161616; --ink-3:#1E1E1E;
      --dust:rgba(255,255,255,0.06); --cream:#EDE9E0; --mist:#6E6A65;
      --ghost:#2A2926; --amber:#BA59FF;
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
    html{-webkit-font-smoothing:antialiased;}
    body{font-family:'Montserrat',sans-serif;background:var(--ink);color:var(--cream);}
    a{text-decoration:none;color:inherit;}
    .container{max-width:1100px;margin:0 auto;padding:0 32px;}
    section{padding:90px 0;}

    /* ─── REVEAL ─────────────────────────────────────────────── */
    .reveal{opacity:0;transform:translateY(22px);transition:opacity 0.6s cubic-bezier(0.22,1,0.36,1),transform 0.6s cubic-bezier(0.22,1,0.36,1);}
    .reveal.visible{opacity:1;transform:none;}

    /* ─── NAV ───────────────────────────────────────────────── */
    .nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background 0.3s,border-color 0.3s;border-bottom:1px solid transparent;}
    .nav.scrolled{background:rgba(6,6,8,0.9);backdrop-filter:blur(18px);border-bottom-color:var(--dust);}
    .nav-inner{max-width:1100px;margin:0 auto;padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between;}
    .nav-logo img{height:26px;width:auto;display:block;}
    .nav-right{display:flex;align-items:center;gap:20px;}
    .nav-other{font-size:13px;font-weight:600;color:var(--mist);transition:color 0.2s;display:flex;align-items:center;gap:6px;}
    .nav-other:hover{color:var(--cream);}
    .nav-other svg{transition:transform 0.2s;}
    .nav-other:hover svg{transform:translateX(3px);}
    .lang-switcher{display:flex;align-items:center;gap:4px;}
    .lang-btn{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.1em;color:var(--mist);background:none;border:none;cursor:pointer;padding:5px 4px;transition:color 0.2s;}
    .lang-btn.active,.lang-btn:hover{color:var(--cream);}
    .lang-sep{color:var(--ghost);font-size:12px;}

    /* ─── HERO ──────────────────────────────────────────────── */
    .hero{padding:140px 0 80px;position:relative;overflow:hidden;}
    .hero-bg-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;}
    .hero-orb-1{width:560px;height:560px;background:rgba(186,89,255,0.04);top:-120px;right:-100px;}
    .hero-orb-2{width:400px;height:400px;background:rgba(237,233,224,0.025);bottom:-80px;left:-80px;}
    .hero-label{font-size:11px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--mist);margin-bottom:20px;}
    .hero-h1{font-size:clamp(44px,6vw,78px);font-weight:900;line-height:1.0;letter-spacing:-0.03em;color:var(--cream);margin-bottom:22px;}
    .hero-h1 em{font-style:italic;color:rgba(237,233,224,0.6);}
    .hero-sub{font-size:17px;color:var(--mist);line-height:1.7;margin-bottom:40px;max-width:520px;}
    .hero-btns{display:flex;gap:12px;flex-wrap:wrap;}
    .btn-primary{
      display:inline-flex;align-items:center;gap:9px;background:var(--cream);color:#0a0a0a;
      font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;
      padding:13px 26px;border-radius:100px;
      transition:all 0.25s cubic-bezier(0.22,1,0.36,1);
    }
    .btn-primary:hover{background:#f0ece4;transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,255,255,0.15);}
    .btn-ghost{
      display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:100px;
      font-family:'Montserrat',sans-serif;font-size:14px;font-weight:600;color:var(--mist);
      border:1px solid rgba(255,255,255,0.1);transition:all 0.25s cubic-bezier(0.22,1,0.36,1);
    }
    .btn-ghost:hover{color:var(--cream);border-color:rgba(255,255,255,0.22);}
    .hero-stats{display:flex;gap:40px;margin-top:52px;padding-top:40px;border-top:1px solid var(--dust);}
    .hero-stat-num{font-size:26px;font-weight:900;letter-spacing:-0.02em;color:var(--amber);margin-bottom:4px;}
    .hero-stat-lbl{font-size:12px;color:var(--mist);font-weight:500;}

    /* ─── SERVICES GRID ─────────────────────────────────────── */
    .services-section{background:var(--ink-1);}
    .section-header{margin-bottom:48px;}
    .section-label{font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--mist);margin-bottom:14px;}
    .section-h2{font-size:clamp(28px,4vw,46px);font-weight:800;letter-spacing:-0.025em;color:var(--cream);line-height:1.1;}
    .section-h2 em{font-style:italic;color:rgba(237,233,224,0.6);}
    .services-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
    .service-card{
      background:var(--ink-2);border:1px solid var(--dust);border-radius:18px;
      padding:28px 26px 30px;transition:border-color 0.25s,transform 0.3s cubic-bezier(0.22,1,0.36,1);
    }
    .service-card:hover{border-color:rgba(255,255,255,0.14);transform:translateY(-3px);}
    .srv-icon{
      width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;
      margin-bottom:18px;background:rgba(255,255,255,0.04);color:rgba(237,233,224,0.5);
    }
    .srv-icon svg{width:22px;height:22px;}
    .srv-icon--amber{background:rgba(186,89,255,0.1);color:var(--amber);}
    .srv-name{font-size:16px;font-weight:700;color:var(--cream);margin-bottom:10px;}
    .srv-desc{font-size:13px;color:var(--mist);line-height:1.65;margin-bottom:16px;}
    .srv-tags{display:flex;flex-wrap:wrap;gap:6px;}
    .srv-tag{font-size:10px;font-weight:600;color:var(--mist);background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);padding:3px 9px;border-radius:100px;}

    /* ─── RESULTS ───────────────────────────────────────────── */
    .results-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:48px;border:1px solid var(--dust);border-radius:18px;overflow:hidden;}
    .r-stat{padding:32px 28px;background:var(--ink-1);}
    .r-stat:not(:last-child){border-right:1px solid var(--dust);}
    .r-num{font-size:clamp(32px,4vw,48px);font-weight:900;letter-spacing:-0.03em;color:var(--cream);margin-bottom:8px;}
    .r-lbl strong{display:block;font-size:13px;font-weight:700;color:var(--cream);margin-bottom:4px;}
    .r-lbl span{font-size:12px;color:var(--mist);}
    .cases-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
    .case-card{
      background:var(--ink-1);border:1px solid var(--dust);border-radius:18px;
      padding:28px 26px 24px;transition:border-color 0.25s;
    }
    .case-card:hover{border-color:rgba(255,255,255,0.14);}
    .case-tag{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--mist);margin-bottom:10px;}
    .case-metric{font-size:36px;font-weight:900;letter-spacing:-0.03em;color:var(--cream);margin-bottom:6px;}
    .case-title{font-size:15px;font-weight:700;color:var(--cream);margin-bottom:8px;}
    .case-desc{font-size:13px;color:var(--mist);line-height:1.65;}
    .case-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--dust);display:flex;justify-content:space-between;align-items:center;}
    .case-client strong{display:block;font-size:12px;font-weight:700;color:var(--cream);}
    .case-client span{font-size:11px;color:var(--mist);}
    .case-arrow{width:28px;height:28px;border-radius:50%;border:1px solid var(--dust);display:flex;align-items:center;justify-content:center;color:var(--mist);transition:all 0.2s;}
    .case-card:hover .case-arrow{border-color:rgba(255,255,255,0.18);color:var(--cream);}

    /* ─── CTA ───────────────────────────────────────────────── */
    .cta-section{text-align:center;}
    .cta-eyebrow{font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--mist);margin-bottom:18px;}
    .cta-h2{font-size:clamp(32px,5vw,58px);font-weight:900;letter-spacing:-0.03em;color:var(--cream);line-height:1.0;margin-bottom:16px;}
    .cta-h2 em{font-style:italic;color:rgba(237,233,224,0.6);}
    .cta-sub{font-size:16px;color:var(--mist);margin-bottom:36px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.6;}
    .cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
    .btn-cta{display:inline-flex;align-items:center;gap:9px;padding:14px 28px;border-radius:100px;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;background:var(--cream);color:#0a0a0a;transition:all 0.25s cubic-bezier(0.22,1,0.36,1);}
    .btn-cta:hover{background:#f0ece4;transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,255,255,0.12);}
    .btn-cta-outline{display:inline-flex;align-items:center;gap:9px;padding:14px 28px;border-radius:100px;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:600;color:var(--cream);border:1px solid rgba(255,255,255,0.14);transition:all 0.25s cubic-bezier(0.22,1,0.36,1);}
    .btn-cta-outline:hover{border-color:rgba(255,255,255,0.28);background:rgba(255,255,255,0.04);}

    /* ─── CROSSLINK ─────────────────────────────────────────── */
    .crosslink{background:var(--ink-2);border-top:1px solid var(--dust);padding:80px 0;}
    .crosslink-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;}
    .crosslink-kicker{font-size:11px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--mist);margin-bottom:10px;}
    .crosslink-title{font-size:clamp(26px,3.5vw,40px);font-weight:800;letter-spacing:-0.025em;color:var(--cream);line-height:1.15;margin-bottom:10px;}
    .crosslink-desc{font-size:14px;color:var(--mist);line-height:1.65;max-width:420px;}
    .crosslink-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:100px;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;color:var(--cream);border:1px solid rgba(255,255,255,0.14);white-space:nowrap;transition:all 0.28s cubic-bezier(0.22,1,0.36,1);}
    .crosslink-btn:hover{border-color:rgba(255,255,255,0.28);background:rgba(255,255,255,0.04);transform:translateX(4px);}
    .crosslink-btn svg{transition:transform 0.22s;}
    .crosslink-btn:hover svg{transform:translateX(4px);}

    /* ─── FOOTER ────────────────────────────────────────────── */
    .footer{background:var(--ink-1);border-top:1px solid var(--dust);padding:30px 32px;}
    .footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;}
    .footer-logo img{height:21px;width:auto;opacity:0.6;}
    .footer-copy{font-size:12px;color:var(--mist);}
    .footer-nav{display:flex;gap:24px;}
    .footer-nav a{font-size:12px;color:var(--mist);font-weight:500;transition:color 0.2s;}
    .footer-nav a:hover{color:var(--cream);}

    /* ─── HERO SPLIT ────────────────────────────────────────── */
    .hero-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
    .hero-img-side{display:flex;justify-content:center;align-items:center;}

    /* ─── IMAGE PLACEHOLDER ──────────────────────────────────── */
    .img-ph{
      width:100%;border-radius:20px;
      border:2px dashed rgba(186,89,255,0.35);
      background:linear-gradient(135deg,rgba(186,89,255,0.04),rgba(186,89,255,0.02));
      display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
      color:rgba(186,89,255,0.45);padding:48px 24px;
    }
    .img-ph svg{width:36px;height:36px;opacity:0.7;}
    .img-ph-label{font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;}

    /* ─── AMBER SECTION ─────────────────────────────────────── */
    .section-amber{background:linear-gradient(160deg,#0E0A02 0%,#140E03 100%);}
    .section-amber .r-num{color:var(--amber);}
    .section-amber .r-stat{background:rgba(186,89,255,0.05);border-color:rgba(186,89,255,0.14);}
    .section-amber .case-card{background:rgba(186,89,255,0.04);border-color:rgba(186,89,255,0.1);}
    .section-amber .case-metric{color:var(--amber);}
    .section-amber .section-h2 em{color:rgba(237,233,224,0.5);}

    /* ─── ABOUT SECTION ─────────────────────────────────────── */
    .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
    .about-team{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
    .about-card{display:flex;flex-direction:column;}
    .about-card-img{border-radius:16px;overflow:hidden;margin-bottom:14px;aspect-ratio:3/4;}
    .about-card-img img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;}
    .about-card-name{font-size:15px;font-weight:700;color:var(--cream);margin-bottom:3px;}
    .about-card-role{font-size:12px;color:var(--mist);font-weight:500;margin-bottom:8px;}
    .about-card-li{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--amber);opacity:0.8;transition:opacity 0.2s;}
    .about-card-li:hover{opacity:1;}
    .about-card-li svg{width:13px;height:13px;}
    .about-story{border-left:3px solid var(--amber);padding-left:28px;}
    .about-story-eyebrow{font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--amber);margin-bottom:16px;}
    .about-story-h3{font-size:clamp(22px,2.8vw,32px);font-weight:800;letter-spacing:-0.025em;color:var(--cream);line-height:1.15;margin-bottom:22px;}
    .about-story p{font-size:14px;color:var(--mist);line-height:1.8;margin-bottom:14px;}
    .about-story p:last-child{margin-bottom:0;}

    /* ─── LIGHT SECTIONS ────────────────────────────────────── */
    .section-light { background: #F2EFE8; }
    .section-light .section-label { color: #8A8680; }
    .section-light .section-h2 { color: #0E0E0E; }
    .section-light .section-h2 em { color: rgba(14,14,14,0.42); }
    /* services */
    .section-light .service-card { background: #FFFFFF; border-color: rgba(0,0,0,0.08); }
    .section-light .service-card:hover { border-color: rgba(0,0,0,0.18); }
    .section-light .srv-icon { background: rgba(0,0,0,0.04); color: rgba(14,14,14,0.35); }
    .section-light .srv-icon--amber { background: rgba(186,89,255,0.12); color: var(--amber); }
    .section-light .srv-name { color: #0E0E0E; }
    .section-light .srv-desc { color: #6E6A65; }
    .section-light .srv-tag { color: #6E6A65; background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.08); }
    /* cta */
    .section-light .cta-eyebrow { color: #8A8680; }
    .section-light .cta-h2 { color: #0E0E0E; }
    .section-light .cta-h2 em { color: rgba(14,14,14,0.42); }
    .section-light .cta-sub { color: #6E6A65; }
    .section-light .btn-cta { background: #0E0E0E; color: #EDE9E0; }
    .section-light .btn-cta:hover { background: #1c1c1c; box-shadow: 0 10px 30px rgba(0,0,0,0.18); }
    .section-light .btn-cta-outline { color: #0E0E0E; border-color: rgba(0,0,0,0.18); }
    .section-light .btn-cta-outline:hover { border-color: rgba(0,0,0,0.3); background: rgba(0,0,0,0.04); }

    /* ─── MEDIA / PRESS ─────────────────────────────────────── */
    .media-section{background:var(--ink-1);border-top:1px solid var(--dust);}
    .media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;}
    .media-card{background:var(--ink-2);border:1px solid var(--dust);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:border-color 0.3s,transform 0.3s;}
    .media-card:hover{border-color:rgba(186,89,255,0.35);transform:translateY(-4px);}
    .media-thumb{width:100%;aspect-ratio:16/7;overflow:hidden;background:#111;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--dust);}
    .media-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease;}
    .media-card:hover .media-thumb img{transform:scale(1.04);}
    .media-body{padding:24px;display:flex;flex-direction:column;flex:1;}
    .media-outlet{font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--amber);margin-bottom:10px;}
    .media-headline{font-size:14px;font-weight:700;color:var(--cream);line-height:1.5;margin-bottom:auto;padding-bottom:20px;}
    .media-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--mist);border-top:1px solid var(--dust);padding-top:16px;transition:color 0.2s,gap 0.2s;}
    .media-link svg{width:13px;height:13px;transition:transform 0.2s;}
    .media-card:hover .media-link{color:var(--amber);}
    .media-card:hover .media-link svg{transform:translate(3px,-3px);}
    @media(max-width:900px){.media-grid{grid-template-columns:1fr;}}

    /* ─── CLIENTS SECTION ───────────────────────────────────── */
    .clients-section{padding:56px 0;background:#000000;border-top:none;}
    .clients-eyebrow{font-size:11px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--mist);text-align:center;margin-bottom:28px;}
    .clients-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}
    .client-slot{border-radius:14px;overflow:hidden;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;background:#111111;border:1px solid rgba(255,255,255,0.06);padding:16px 20px;}
    .client-slot.white-bg{background:#ffffff;border-color:rgba(255,255,255,0.2);}
    .client-slot img{max-width:100%;max-height:64px;width:auto;height:auto;object-fit:contain;display:block;opacity:1;filter:none;mix-blend-mode:normal;}
    .client-slot:hover{border-color:rgba(186,89,255,0.3);}
    .client-slot.white-bg:hover{border-color:rgba(186,89,255,0.5);}
    .client-slot:hover img{opacity:1;filter:none;}
    @media(max-width:900px){.clients-grid{grid-template-columns:repeat(3,1fr);}}
    @media(max-width:500px){.clients-grid{grid-template-columns:repeat(2,1fr);}}

    /* ─── RESPONSIVE ────────────────────────────────────────── */
    @media(max-width:900px){
      .services-grid{grid-template-columns:1fr;}
      .results-stats{grid-template-columns:1fr;border-radius:18px;}
      .r-stat:not(:last-child){border-right:none;border-bottom:1px solid var(--dust);}
      .cases-grid{grid-template-columns:1fr;}
      .crosslink-inner{flex-direction:column;align-items:flex-start;}
      .hero-stats{gap:24px;}
      .hero-split{grid-template-columns:1fr;gap:40px;}
      .hero-img-side{display:flex;}
      .about-grid{grid-template-columns:1fr;gap:40px;}
    }
    @media(max-width:600px){
      .container{padding:0 16px;}
      section{padding:56px 0;}
      .hero{padding:110px 0 50px;}
      .footer-inner{flex-direction:column;text-align:center;gap:14px;}
      .footer-nav{flex-wrap:wrap;justify-content:center;}
      .cta-btns{flex-direction:column;align-items:center;}
      .hero-stats{flex-wrap:wrap;gap:20px;}
      .about-team{grid-template-columns:1fr;gap:24px;}
      .f-r2{grid-template-columns:1fr;}
      .contact-grid{grid-template-columns:1fr;gap:32px;}
      /* Form mobile tweaks */
      .c-form-card{padding:20px 16px;border-radius:16px;}
      .f-pill-l{padding:8px 13px;font-size:12px;}
      .f-pill-l--sm{font-size:11px;padding:7px 11px;}
      .f-pills{gap:5px;}
      .fi{padding:11px 13px;font-size:14px;}
      .f-submit{padding:14px;font-size:15px;}
      .c-h2{font-size:26px;}
      .c-items{gap:12px;}
      .c-icon{width:34px;height:34px;}
      .f-upload-area{padding:16px 12px;}
      textarea.fi{min-height:80px;}
    }

    /* ─── CONTACT SECTION ────────────────────────────────────── */
    .contact-section{background:var(--ink-1);border-top:1px solid var(--dust);}
    .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
    .c-eyebrow{font-size:11px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--mist);margin-bottom:14px;}
    .c-h2{font-size:clamp(26px,3vw,42px);font-weight:900;letter-spacing:-0.025em;color:var(--cream);line-height:1.05;margin-bottom:12px;}
    .c-h2 em{font-style:italic;color:rgba(237,233,224,0.55);}
    .c-sub{font-size:14px;color:var(--mist);line-height:1.65;margin-bottom:28px;}
    .c-items{display:flex;flex-direction:column;gap:16px;margin-bottom:26px;}
    .c-item{display:flex;align-items:flex-start;gap:14px;}
    .c-icon{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,0.04);border:1px solid var(--dust);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--mist);}
    .c-icon svg{width:16px;height:16px;}
    .c-item-label{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--mist);margin-bottom:3px;}
    .c-item-val{font-size:14px;font-weight:600;color:var(--cream);line-height:1.5;display:block;}
    a.c-item-val{transition:color 0.2s;}
    a.c-item-val:hover{color:var(--amber);}
    .c-social{display:flex;gap:8px;flex-wrap:wrap;}
    .c-social-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:100px;font-size:12px;font-weight:700;color:var(--mist);border:1px solid var(--dust);transition:all 0.22s;}
    .c-social-btn:hover{color:var(--cream);border-color:rgba(255,255,255,0.22);}
    .c-social-btn svg{width:13px;height:13px;flex-shrink:0;}
    .c-form-card{background:var(--ink-2);border:1px solid var(--dust);border-radius:20px;padding:26px 24px;}
    .fg{margin-bottom:16px;}
    .fl{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--mist);margin-bottom:7px;display:block;}
    .fl-opt{font-weight:400;text-transform:none;letter-spacing:0;}
    .f-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;}
    .f-pill-r{display:none;}
    .f-pill-l{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:100px;font-size:13px;font-weight:600;color:var(--mist);border:1px solid rgba(255,255,255,0.1);cursor:pointer;transition:all 0.2s;}
    .f-pill-l--sm{font-size:12px;padding:5px 12px;}
    .f-pill-r:checked+.f-pill-l{border-color:rgba(237,233,224,0.45);color:var(--cream);background:rgba(255,255,255,0.04);}
    .f-r2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
    .fi{width:100%;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:10px 13px;font-family:'Montserrat',sans-serif;font-size:13px;color:var(--cream);outline:none;transition:border-color 0.2s;}
    .fi::placeholder{color:rgba(110,106,101,0.6);}
    .fi:focus{border-color:rgba(255,255,255,0.24);}
    textarea.fi{resize:vertical;min-height:90px;}
    .f-submit{width:100%;padding:13px;border-radius:100px;border:none;cursor:pointer;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;background:var(--cream);color:#0a0a0a;margin-top:4px;transition:all 0.25s cubic-bezier(0.22,1,0.36,1);}
    .f-submit:hover{background:#f0ece4;transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,255,255,0.12);}
    .f-submit:disabled{opacity:0.7;cursor:default;transform:none!important;}
    .hidden{display:none!important;}
    /* ─── FILE UPLOAD ───────────────────────────────────────── */
    .f-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 16px;border-radius:12px;border:1.5px dashed rgba(186,89,255,0.4);background:rgba(186,89,255,0.04);cursor:pointer;transition:border-color 0.2s,background 0.2s;text-align:center;}
    .f-upload-area:hover{border-color:rgba(186,89,255,0.7);background:rgba(186,89,255,0.08);}
    .f-upload-area input[type=file]{position:absolute;opacity:0;width:0;height:0;}
    .f-upload-icon{color:var(--amber);opacity:0.8;}
    .f-upload-icon svg{width:20px;height:20px;}
    .f-upload-txt{font-size:12px;font-weight:600;color:var(--mist);}
    .f-upload-txt strong{color:var(--amber);}
    .f-upload-hint{font-size:10px;color:rgba(110,106,101,0.7);margin-top:2px;}
    .f-upload-chosen{font-size:11px;color:var(--amber);margin-top:6px;font-weight:600;display:none;}
    .footer-social{display:flex;gap:12px;align-items:center;}
    .footer-social a{display:flex;color:var(--mist);transition:color 0.2s;}
    .footer-social a:hover{color:var(--cream);}
    .footer-social svg{width:15px;height:15px;}
    @media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:40px;}}