*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#060612;--text:#f0f0f5;--dim:rgba(255,255,255,.45);
  --pink:#ff006e;--cyan:#00f5d4;--yellow:#fee440;--purple:#8338ec;
  --blue:#3a86ff;--orange:#fb5607;--green:#39ff14;--magenta:#e040fb;
  --glass:rgba(255,255,255,.04);--glass-border:rgba(255,255,255,.08);
  --font-display:'Syne',sans-serif;--font-body:'Space Grotesk',sans-serif;--font-mono:'Space Mono',monospace;
  --ease:cubic-bezier(.16,1,.3,1)
}
html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--purple) transparent}
body{font-family:var(--font-body);font-weight:400;color:var(--text);background:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;border:none;background:none;cursor:pointer;color:inherit}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--pink),var(--purple),var(--cyan));border-radius:3px}
::selection{background:var(--purple);color:#fff}

.orb{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:.3;animation:orbFloat 12s ease-in-out infinite}
.orb-1{width:450px;height:450px;background:var(--purple);top:-5%;right:-8%;animation-delay:0s}
.orb-2{width:350px;height:350px;background:var(--blue);bottom:10%;left:-5%;animation-delay:-4s}
.orb-3{width:300px;height:300px;background:var(--cyan);top:50%;left:40%;animation-delay:-8s}
@keyframes orbFloat{
  0%,100%{transform:translate(0,0) scale(1)}
  25%{transform:translate(30px,-40px) scale(1.05)}
  50%{transform:translate(-20px,30px) scale(.95)}
  75%{transform:translate(40px,20px) scale(1.02)}
}

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

/* ===== NAV ===== */
.sub-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,4vw,48px);background:rgba(6,6,18,.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border)}
.sub-nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.05em}
.sub-nav-logo img{width:28px;height:28px}
.sub-nav-right{display:flex;align-items:center;gap:24px}
.sub-nav-link{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);transition:color .3s}
.sub-nav-link:hover{color:var(--cyan)}
.sub-nav-back{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--dim);transition:color .3s}
.sub-nav-back:hover{color:var(--pink)}

/* ===== HERO ===== */
.loc-hero{padding:clamp(120px,15vw,180px) clamp(20px,6vw,80px) clamp(40px,6vw,80px);text-align:center;position:relative;z-index:1}
.loc-tag{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:20px}
.loc-title{font-family:var(--font-display);font-weight:800;font-size:clamp(3rem,8vw,6rem);line-height:1;margin-bottom:24px;background:linear-gradient(135deg,var(--cyan),var(--purple),var(--pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.loc-desc{font-size:clamp(.9rem,1.3vw,1.1rem);color:var(--dim);max-width:600px;margin:0 auto;line-height:1.7}

/* ===== REGIONS ===== */
.loc-regions{position:relative;z-index:1;padding:clamp(40px,6vw,80px) clamp(20px,6vw,80px)}
.loc-regions-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}

.loc-region{padding:clamp(28px,4vw,40px);border-radius:24px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .5s var(--ease),border-color .4s,box-shadow .4s}
.loc-region:hover{transform:translateY(-6px);border-color:rgba(0,245,212,.2);box-shadow:0 20px 60px rgba(0,245,212,.06)}
.loc-region-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.loc-region-icon{font-size:1.5rem}
.loc-region-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.2rem,2vw,1.5rem)}
.loc-region-desc{font-size:.85rem;color:var(--dim);line-height:1.7;margin-bottom:20px}
.loc-city-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.loc-city{font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;padding:6px 14px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text);transition:all .3s var(--ease)}
.loc-city:hover{border-color:var(--cyan);color:var(--cyan);background:rgba(0,245,212,.05)}

/* ===== WHY SECTION ===== */
.loc-why{position:relative;z-index:1;padding:clamp(80px,10vw,140px) clamp(20px,6vw,80px);text-align:center}
.loc-why-tag{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow);margin-bottom:16px}
.loc-why-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.2;margin-bottom:clamp(40px,6vw,64px);max-width:700px;margin-left:auto;margin-right:auto}
.loc-why-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.loc-why-card{padding:clamp(24px,3vw,40px);border-radius:20px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(8px);text-align:center;transition:transform .4s var(--ease),border-color .4s}
.loc-why-card:hover{transform:translateY(-4px);border-color:rgba(254,228,64,.2)}
.loc-why-num{display:block;font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,4vw,3.5rem);background:linear-gradient(135deg,var(--cyan),var(--purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}
.loc-why-card p{font-size:.85rem;color:var(--dim);line-height:1.6}

/* ===== CTA ===== */
.loc-cta{position:relative;z-index:1;padding:clamp(80px,12vw,140px) clamp(20px,6vw,80px);text-align:center}
.loc-cta-title{font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,5vw,3.5rem);line-height:1.1;margin-bottom:20px;background:linear-gradient(135deg,var(--cyan),var(--purple),var(--pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.loc-cta-desc{font-size:clamp(.9rem,1.3vw,1.1rem);color:var(--dim);max-width:480px;margin:0 auto 36px;line-height:1.7}
.loc-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* ===== BUTTONS ===== */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:60px;font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:.03em;transition:all .4s var(--ease);cursor:pointer}
.btn-primary{background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;box-shadow:0 0 40px rgba(131,56,236,.2),0 0 80px rgba(58,134,255,.15)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 50px rgba(131,56,236,.35),0 0 100px rgba(58,134,255,.25)}
.btn-outline{border:1px solid var(--glass-border);color:var(--text);background:var(--glass);backdrop-filter:blur(12px)}
.btn-outline:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px);box-shadow:0 0 30px rgba(0,245,212,.15)}

/* ===== INDUSTRIES GRID ===== */
.ind-grid-wrap{position:relative;z-index:1;padding:clamp(40px,6vw,80px) clamp(20px,6vw,80px)}
.ind-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}

.ind-card{position:relative;padding:clamp(28px,4vw,40px);border-radius:24px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;transition:transform .5s var(--ease),border-color .4s,box-shadow .4s}
.ind-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:24px 24px 0 0}
.ind-card--pink::before{background:linear-gradient(90deg,var(--pink),var(--purple))}
.ind-card--cyan::before{background:linear-gradient(90deg,var(--cyan),var(--blue))}
.ind-card--purple::before{background:linear-gradient(90deg,var(--purple),var(--pink))}
.ind-card--orange::before{background:linear-gradient(90deg,var(--orange),var(--yellow))}
.ind-card--green::before{background:linear-gradient(90deg,var(--green),var(--cyan))}
.ind-card--magenta::before{background:linear-gradient(90deg,var(--magenta),var(--purple))}
.ind-card:hover{transform:translateY(-8px)}
.ind-card--pink:hover{border-color:rgba(255,0,110,.3);box-shadow:0 20px 80px rgba(255,0,110,.08)}
.ind-card--cyan:hover{border-color:rgba(0,245,212,.3);box-shadow:0 20px 80px rgba(0,245,212,.08)}
.ind-card--purple:hover{border-color:rgba(131,56,236,.3);box-shadow:0 20px 80px rgba(131,56,236,.08)}
.ind-card--orange:hover{border-color:rgba(251,86,7,.3);box-shadow:0 20px 80px rgba(251,86,7,.08)}
.ind-card--green:hover{border-color:rgba(57,255,20,.3);box-shadow:0 20px 80px rgba(57,255,20,.08)}
.ind-card--magenta:hover{border-color:rgba(224,64,251,.3);box-shadow:0 20px 80px rgba(224,64,251,.08)}

.ind-card-icon{font-size:2rem;margin-bottom:16px}
.ind-card-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.1rem,1.8vw,1.4rem);margin-bottom:12px}
.ind-card-desc{font-size:.85rem;color:var(--dim);line-height:1.7;margin-bottom:20px}
.ind-card-features{list-style:none;display:flex;flex-direction:column;gap:8px}
.ind-card-features li{font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;color:var(--dim);padding-left:20px;position:relative}
.ind-card-features li::before{content:'→';position:absolute;left:0;color:var(--cyan)}
.ind-card--pink .ind-card-features li::before{color:var(--pink)}
.ind-card--purple .ind-card-features li::before{color:var(--purple)}
.ind-card--orange .ind-card-features li::before{color:var(--orange)}
.ind-card--green .ind-card-features li::before{color:var(--green)}
.ind-card--magenta .ind-card-features li::before{color:var(--magenta)}

/* ===== MORE INDUSTRIES ===== */
.ind-more{position:relative;z-index:1;padding:clamp(40px,6vw,80px) clamp(20px,6vw,80px);text-align:center}
.ind-more-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:clamp(24px,4vw,40px)}
.ind-more-grid{max-width:800px;margin:0 auto;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.ind-more-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;padding:8px 18px;border-radius:24px;background:var(--glass);border:1px solid var(--glass-border);color:var(--dim);transition:all .3s var(--ease)}
.ind-more-tag:hover{border-color:var(--purple);color:var(--text);background:rgba(131,56,236,.08)}

/* ===== FOOTER ===== */
.sub-footer{position:relative;z-index:1;padding:40px clamp(20px,4vw,48px);border-top:1px solid var(--glass-border)}
.sub-footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.sub-footer-copy{font-family:var(--font-mono);font-size:11px;color:var(--dim);letter-spacing:.05em}
.sub-footer-links{display:flex;gap:20px}
.sub-footer-links a{font-family:var(--font-mono);font-size:11px;color:var(--dim);letter-spacing:.05em;transition:color .3s}
.sub-footer-links a:hover{color:var(--purple)}

/* ===== REVEAL ANIMATIONS ===== */
.rv{opacity:0;transform:translateY(50px);filter:blur(4px);transition:opacity .8s var(--ease),transform .8s var(--ease),filter .6s var(--ease)}
.rv.v{opacity:1;transform:translateY(0);filter:blur(0)}
.sl{opacity:0;transform:translateX(-80px) rotate(-2deg);filter:blur(3px);transition:opacity .8s var(--ease),transform .8s var(--ease),filter .6s var(--ease)}
.sl.v{opacity:1;transform:translate(0) rotate(0);filter:blur(0)}
.sr{opacity:0;transform:translateX(80px) rotate(2deg);filter:blur(3px);transition:opacity .8s var(--ease),transform .8s var(--ease),filter .6s var(--ease)}
.sr.v{opacity:1;transform:translate(0) rotate(0);filter:blur(0)}
.scale-in{opacity:0;transform:scale(.7);filter:blur(10px);transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease)}
.scale-in.v{opacity:1;transform:scale(1);filter:blur(0)}
.flip-up{opacity:0;transform:perspective(800px) rotateX(20deg) translateY(60px);transform-origin:bottom center;transition:opacity .9s var(--ease),transform .9s var(--ease)}
.flip-up.v{opacity:1;transform:perspective(800px) rotateX(0) translateY(0)}
.clip-up{clip-path:inset(100% 0 0 0);transition:clip-path .8s var(--ease)}
.clip-up.v{clip-path:inset(0)}
.glow-in{opacity:0;filter:blur(20px) brightness(2);transform:scale(1.05);transition:opacity 1s var(--ease),filter 1.2s var(--ease),transform 1s var(--ease)}
.glow-in.v{opacity:1;filter:blur(0) brightness(1);transform:scale(1)}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
  .loc-regions-inner{grid-template-columns:1fr}
  .ind-grid{grid-template-columns:1fr}
  .loc-why-grid{grid-template-columns:1fr;max-width:400px}
  .sub-nav-link{display:none}
}
@media(max-width:600px){
  .sub-nav-right{gap:12px}
  .loc-cta-buttons{flex-direction:column;align-items:center}
  .btn{width:100%;max-width:280px;justify-content:center}
  .sub-footer-inner{flex-direction:column;gap:16px;text-align:center}
  .sub-footer-links{flex-wrap:wrap;justify-content:center}
}

/* COOKIE BANNER */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:200;padding:16px clamp(20px,4vw,48px);background:rgba(6,6,18,.95);backdrop-filter:blur(24px);border-top:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;gap:20px;transform:translateY(100%);transition:transform .5s var(--ease)}
.cookie-banner.show{transform:translateY(0)}
.cookie-banner p{font-size:.8rem;color:var(--dim);flex:1}
.cookie-btns{display:flex;gap:10px}
.cookie-accept{padding:8px 20px;border-radius:40px;background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;font-size:12px;font-weight:600;transition:transform .3s,box-shadow .3s}
.cookie-accept:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(131,56,236,.3)}
.cookie-decline{padding:8px 20px;border-radius:40px;border:1px solid var(--glass-border);color:var(--dim);font-size:12px;transition:border-color .3s,color .3s}
.cookie-decline:hover{border-color:var(--dim);color:var(--text)}
@media(max-width:600px){.cookie-banner{flex-direction:column;text-align:center}}

/* LANGUAGE */
.lang-trigger{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:40px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(12px);font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--dim);transition:border-color .3s,color .3s}
.lang-trigger:hover{border-color:var(--purple);color:var(--text)}
.lang-drop{display:none;position:absolute;bottom:100%;left:0;margin-bottom:8px;padding:8px;border-radius:16px;background:rgba(6,6,18,.95);border:1px solid var(--glass-border);backdrop-filter:blur(24px);min-width:160px;max-height:320px;overflow-y:auto}
.lang-opt{padding:8px 14px;border-radius:10px;font-size:12px;cursor:pointer;transition:background .2s}
.lang-opt:hover,.lang-opt.active{background:rgba(131,56,236,.15)}