:root{
    --bg:#0c0d13; --bg-2:#12141c; --bg-3:#181b26; --line:#262a38;
    --text:#f3f1ec; --text-dim:#a6a9b8; --text-mute:#6d7186;
    --accent:#ff4d6d; --accent-2:#ff8a5c; --accent-glow: rgba(255,77,109,0.35);
    --radius:18px; --maxw:1180px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0; background:var(--bg); color:var(--text); font-family:'Inter Tight', system-ui, sans-serif; line-height:1.55; -webkit-font-smoothing:antialiased; overflow-x:hidden;}
  h1,h2,h3,h4{font-family:'Sora','Inter Tight',sans-serif; line-height:1.1; letter-spacing:-0.02em; margin:0 0 .5em; color:var(--text);}
  p{color:var(--text-dim); margin:0 0 1em;}
  a{color:inherit; text-decoration:none;}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px;}
  section{position:relative; padding:100px 0;}
  @media (max-width:768px){ section{padding:64px 0;} }
  .bg-grid{position:fixed; inset:0; z-index:-2; background-image:linear-gradient(rgba(255,255,255,0.028) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.028) 1px, transparent 1px); background-size:64px 64px; mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, black 40%, transparent 90%);}
  .bg-glow{position:fixed; top:-20%; left:50%; transform:translateX(-50%); width:1100px; height:900px; z-index:-1; background: radial-gradient(circle, var(--accent-glow) 0%, transparent 65%); filter: blur(40px); opacity:.55; pointer-events:none;}
  header{position:fixed; top:0; left:0; right:0; z-index:100; background:rgba(12,13,19,0.7); backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); border-bottom:1px solid rgba(255,255,255,0.06);}
  .nav{display:flex; align-items:center; justify-content:space-between; padding:16px 24px; max-width:var(--maxw); margin:0 auto;}
  .logo{display:flex; align-items:center; gap:10px; font-family:'Sora',sans-serif; font-weight:700; font-size:1.15rem; letter-spacing:-0.01em;}
  .logo-mark{width:32px; height:32px; border-radius:9px; background:linear-gradient(135deg,var(--accent),var(--accent-2)); display:flex; align-items:center; justify-content:center; box-shadow:0 4px 18px rgba(255,77,109,0.4);}
  .logo-mark svg{width:16px; height:16px;}
  nav ul{list-style:none; display:flex; gap:36px; margin:0; padding:0;}
  nav ul a{font-size:.95rem; font-weight:500; color:var(--text-dim); transition:color .2s ease;}
  nav ul a:hover{color:var(--text);}
  .nav-cta{display:flex; align-items:center; gap:18px;}
  .btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 22px; border-radius:999px; font-weight:600; font-size:.95rem; cursor:pointer; border:1px solid transparent; transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease; white-space:nowrap;}
  .btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2)); color:#150507; box-shadow:0 8px 24px rgba(255,77,109,0.35);}
  .btn-primary:hover{transform:translateY(-2px); box-shadow:0 12px 30px rgba(255,77,109,0.5);}
  .btn-ghost{background:transparent; color:var(--text); border-color:var(--line);}
  .btn-ghost:hover{border-color:var(--accent); color:var(--accent-2);}
  .hamburger{display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:8px;}
  .hamburger span{width:22px; height:2px; background:var(--text); border-radius:2px; transition:.25s ease;}
  .hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .hamburger.open span:nth-child(2){opacity:0;}
  .hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .mobile-menu{display:none; position:fixed; top:66px; left:0; right:0; bottom:0; z-index:99; background:rgba(10,11,16,0.98); backdrop-filter:blur(10px); padding:32px 24px; flex-direction:column; gap:8px; transform:translateY(-12px); opacity:0; pointer-events:none; transition:transform .25s ease, opacity .25s ease;}
  .mobile-menu.open{display:flex; transform:translateY(0); opacity:1; pointer-events:auto;}
  .mobile-menu a{font-size:1.3rem; font-weight:600; padding:14px 4px; border-bottom:1px solid var(--line);}
  .mobile-menu .btn{margin-top:20px; width:100%;}
  @media (max-width:900px){ nav ul{display:none;} .nav-cta .btn-ghost{display:none;} .hamburger{display:flex;} }

  .page-hero{padding-top:180px; padding-bottom:60px; text-align:center;}
  .tag{display:inline-block; font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--accent-2); margin-bottom:14px;}
  .page-hero h1{font-size:clamp(2.2rem,5vw,3.6rem); max-width:820px; margin:0 auto .4em;}
  .page-hero h1 .grad{background:linear-gradient(135deg,var(--accent),var(--accent-2)); -webkit-background-clip:text; background-clip:text; color:transparent;}
  .page-hero p{max-width:640px; margin:0 auto; font-size:1.1rem;}

  .section-head{max-width:640px; margin:0 auto 50px; text-align:center;}
  .section-head h2{font-size:clamp(1.8rem,3.4vw,2.4rem);}

  .story{max-width:760px; margin:0 auto; font-size:1.05rem;}
  .story p{color:var(--text-dim);}

  .stat-row{display:flex; justify-content:center; gap:56px; flex-wrap:wrap; margin:56px 0; padding:40px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .stat b{display:block; font-family:'Sora',sans-serif; font-size:2rem; color:var(--text);}
  .stat span{font-size:.85rem; color:var(--text-mute);}

  .grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
  @media (max-width:900px){ .grid-3{grid-template-columns:1fr 1fr;} }
  @media (max-width:640px){ .grid-3{grid-template-columns:1fr;} }
  .card{background:var(--bg-2); border:1px solid var(--line); border-radius:var(--radius); padding:32px; transition:transform .25s ease, border-color .25s ease, background .25s ease;}
  .card:hover{transform:translateY(-6px); border-color:rgba(255,77,109,0.4); background:var(--bg-3);}
  .card .icon{width:46px; height:46px; border-radius:12px; margin-bottom:20px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg, rgba(255,77,109,0.18), rgba(255,138,92,0.10)); border:1px solid rgba(255,77,109,0.25);}
  .card .icon svg{width:22px; height:22px; stroke:var(--accent-2);}
  .card h3{font-size:1.15rem; margin-bottom:8px;}
  .card p{font-size:.95rem; margin-bottom:0;}

  .team-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
  @media (max-width:900px){ .team-grid{grid-template-columns:1fr 1fr;} }
  @media (max-width:640px){ .team-grid{grid-template-columns:1fr;} }
  .team-card{background:var(--bg-2); border:1px solid var(--line); border-radius:var(--radius); padding:28px; text-align:center;}
  .team-avatar{width:64px; height:64px; border-radius:50%; margin:0 auto 16px; display:flex; align-items:center; justify-content:center; font-family:'Sora',sans-serif; font-weight:700; font-size:1.2rem; color:#150507;}
  .team-card h4{font-size:1.05rem; margin-bottom:4px;}
  .team-card span{font-size:.85rem; color:var(--text-mute);}

  .cta-banner{border-radius:28px; padding:60px 40px; text-align:center; background:linear-gradient(135deg, #1a0d12, #12141c 60%); border:1px solid rgba(255,77,109,0.3); position:relative; overflow:hidden;}
  .cta-banner::before{content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 0%, rgba(255,77,109,0.25), transparent 60%);}
  .cta-banner *{position:relative;}
  .cta-banner h2{font-size:clamp(1.6rem,3.6vw,2.2rem); max-width:560px; margin:0 auto .4em;}
  .cta-banner p{max-width:460px; margin:0 auto 28px;}
  .cta-row{display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}

  footer{border-top:1px solid var(--line); padding:64px 0 32px;}
  .footer-top{display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:40px; margin-bottom:56px;}
  @media (max-width:768px){ .footer-top{grid-template-columns:1fr 1fr; gap:32px;} }
  .footer-brand p{font-size:.92rem; max-width:280px;}
  .footer-col h5{font-size:.85rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--text-mute); margin-bottom:16px;}
  .footer-col ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px;}
  .footer-col a{font-size:.92rem; color:var(--text-dim); transition:color .2s ease;}
  .footer-col a:hover{color:var(--accent-2);}
  .socials{display:flex; gap:12px; margin-top:18px;}
  .socials a{width:36px; height:36px; border:1px solid var(--line); border-radius:50%; display:flex; align-items:center; justify-content:center; transition:border-color .2s ease, color .2s ease;}
  .socials a:hover{border-color:var(--accent); color:var(--accent-2);}
  .socials svg{width:16px; height:16px;}
  .footer-bottom{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; padding-top:28px; border-top:1px solid var(--line); font-size:.85rem; color:var(--text-mute);}
  .footer-bottom a{color:var(--text-mute);}
  .footer-bottom a:hover{color:var(--text-dim);}
  .reveal{opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease;}
  .reveal.visible{opacity:1; transform:translateY(0);}

  .lang-switch{display:flex; align-items:center; gap:4px; margin-right:6px; font-size:.85rem; font-weight:600;}
  .lang-switch a{padding:6px 10px; border-radius:999px; color:var(--text-mute); transition:color .2s ease, background .2s ease;}
  .lang-switch a.active{color:var(--text); background:var(--bg-2);}
  .lang-switch a:hover{color:var(--accent-2);}
  .lang-switch .sep{color:var(--line);}
  .mobile-menu .lang-switch{justify-content:center; margin:10px 0 4px; font-size:1rem;}