:root{
  --c-black:#0A0A0A;--c-black-s:#111;--c-black-c:#161616;--c-black-h:#1C1C1C;
  --c-grey-d:#2A2A2A;--c-grey:#3D3D3D;--c-grey-m:#6B6B6B;--c-grey-l:#9A9A9A;--c-grey-s:#BFBFBF;
  --c-white:#F0F0F0;--c-white-p:#FFF;
  --c-lime:#FF9800;--c-lime-b:#FFB74D;--c-lime-d:#E68900;
  --c-glow:rgba(255,152,0,.15);--c-glow-s:rgba(255,152,0,.06);
  --c-teal:#4AE6C8;--c-blue:#4A8DE6;--c-red:#E64A5E;--c-orange:#E6A34A;
  --f-d:'Unbounded',cursive;--f-b:'Outfit',sans-serif;--f-m:'JetBrains Mono',monospace;
  --r-s:6px;--r-m:12px;--r-l:2px;--r-xl:28px;--r-pill:4px;
  --ease:cubic-bezier(.4,0,.2,1);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased}
body{background:var(--c-black);color:var(--c-white);font-family:var(--f-b);line-height:1.6;overflow-x:hidden}
::selection{background:var(--c-lime);color:var(--c-black)}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
button{border:none;cursor:pointer;font-family:inherit}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--c-black)}
::-webkit-scrollbar-thumb{background:var(--c-grey);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--c-lime)}
.container{max-width:1280px;margin:0 auto;padding:0 24px}
@media(min-width:768px){.container{padding:0 40px}}
@media(min-width:1200px){.container{padding:0 48px}}
.text-lime{color:var(--c-lime)}.text-teal{color:var(--c-teal)}
@keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}
@keyframes orbit{0%{transform:rotate(0deg) translateX(var(--orbit-r)) rotate(0deg)}100%{transform:rotate(360deg) translateX(var(--orbit-r)) rotate(-360deg)}}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes spinReverse{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes dashDraw{to{stroke-dashoffset:0}}
@keyframes glowPulse{0%,100%{box-shadow:0 0 20px rgba(255,152,0,.08)}50%{box-shadow:0 0 50px rgba(255,152,0,.18)}}
@keyframes textSlide{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:14px 0;transition:all .4s var(--ease)}
.header--scrolled{background:rgba(10,10,10,.92);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,152,0,.06);padding:10px 0}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:14px}
.header__logo{font-family:var(--f-d);font-weight:800;font-size:1.5rem;color:var(--c-white);display:flex;align-items:center;gap:10px;letter-spacing:-.02em}
.header__logo-text span{color:var(--c-lime)}
.header__logo .llama-icon{width:37px;height:37px;flex-shrink:0;transition:transform .4s var(--ease);filter:drop-shadow(0 0 8px rgba(255,152,0,.25))}
.header__logo:hover .llama-icon{transform:rotate(-8deg) scale(1.1)}
.header__nav{display:none;gap:32px;align-items:center}
@media(min-width:1024px){.header__nav{display:flex}}
.header__link{font-size:.85rem;font-weight:500;color:var(--c-grey-l);letter-spacing:.03em;transition:color .3s;position:relative}
.header__link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background:var(--c-lime);transition:width .3s}
.header__link:hover{color:var(--c-white)}.header__link:hover::after{width:100%}
.header__cta{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--c-lime);color:var(--c-black);font-weight:600;font-size:.85rem;border-radius:var(--r-pill);transition:all .3s var(--ease)}
.header__cta:hover{background:var(--c-lime-b);transform:translateY(-2px);box-shadow:0 8px 30px var(--c-glow)}
.header__burger{display:flex;flex-direction:column;gap:5px;padding:8px;background:none;border:none}
@media(min-width:1024px){.header__burger{display:none}}
.header__burger span{display:block;width:24px;height:2px;background:var(--c-white);border-radius:2px;transition:all .3s}
.mobile-menu{position:fixed;inset:0;background:rgba(10,10,10,.98);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;opacity:0;pointer-events:none;transition:opacity .4s}
.mobile-menu--active{opacity:1;pointer-events:all}
.mobile-menu__link{font-family:var(--f-d);font-size:1.5rem;font-weight:600;color:var(--c-white);transition:color .3s}
.mobile-menu__link:hover{color:var(--c-lime)}
.mobile-menu__close{position:absolute;top:20px;right:24px;background:none;border:none;color:var(--c-white);font-size:2rem;cursor:pointer}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-b);font-weight:600;font-size:.9rem;padding:14px 32px;border-radius:var(--r-pill);transition:all .3s var(--ease);letter-spacing:.01em}
.btn--primary{background:var(--c-lime);color:var(--c-black)}
.btn--primary:hover{background:var(--c-lime-b);transform:translateY(-2px);box-shadow:0 8px 30px var(--c-glow)}
.btn--secondary{background:transparent;color:var(--c-white);border:1px solid var(--c-grey)}
.btn--secondary:hover{border-color:var(--c-lime);color:var(--c-lime);transform:translateY(-2px)}
.btn--ghost{background:transparent;color:var(--c-lime);padding:14px 16px}
.btn--ghost:hover{background:var(--c-glow-s)}
.btn--lg{padding:18px 40px;font-size:1rem}
.section{padding:100px 0;position:relative}
@media(min-width:768px){.section{padding:140px 0}}
.section__label{font-family:var(--f-m);font-size:.72rem;color:var(--c-lime);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.section__label::before{content:'';width:8px;height:8px;border:1.5px solid var(--c-lime);border-radius:50%;flex-shrink:0}
.section__title{font-family:var(--f-d);font-size:clamp(1.8rem,4vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px}
.section__desc{font-size:1rem;color:var(--c-grey-l);line-height:1.75;max-width:600px;margin-bottom:48px}
.section--alt{background:var(--c-black-s)}
.divider{height:1px;background:linear-gradient(90deg,transparent,var(--c-grey-d) 20%,var(--c-grey-d) 80%,transparent)}
.orbit-deco{position:absolute;pointer-events:none}
.orbit-deco__ring{border:1px solid rgba(255,152,0,.08);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.orbit-deco__ring--dashed{border-style:dashed;border-color:rgba(255,152,0,.05)}
.orbit-deco__px{width:8px;height:8px;position:absolute;top:50%;left:50%;--orbit-r:0px;animation:orbit var(--orbit-speed,12s) linear infinite,pixelShift 4s ease infinite;background:var(--c-lime);box-shadow:0 0 10px rgba(255,152,0,.5),0 0 2px rgba(255,152,0,.8)}
.orbit-deco__px--teal{background:var(--c-teal);box-shadow:0 0 10px rgba(74,230,200,.5),0 0 2px rgba(74,230,200,.8);animation:orbit var(--orbit-speed,12s) linear infinite,pixelShiftTeal 4s ease infinite}
.orbit-deco__px--blue{width:8px;height:8px;position:absolute;top:50%;left:50%;--orbit-r:0px;background:var(--c-blue);box-shadow:0 0 10px rgba(74,141,230,.5);animation:orbit var(--orbit-speed,12s) linear infinite,pixelShiftBlue 3s ease infinite}
.orbit-deco__px--sm{width:5px;height:5px}
.orbit-deco__px--lg{width:12px;height:12px}
.orbit-deco__cross{width:12px;height:12px;position:absolute;top:50%;left:50%;--orbit-r:0px;animation:orbit var(--orbit-speed,12s) linear infinite}
.orbit-deco__cross::before,.orbit-deco__cross::after{content:'';position:absolute;background:var(--c-lime);border-radius:1px}
.orbit-deco__cross::before{width:12px;height:2px;top:5px;left:0;animation:pixelShift 3s ease infinite}
.orbit-deco__cross::after{width:2px;height:12px;top:0;left:5px;animation:pixelShift 3s ease infinite}
.orbit-deco__cross--teal::before,.orbit-deco__cross--teal::after{background:var(--c-teal);animation-name:pixelShiftTeal}
.orbit-deco__diamond{width:8px;height:8px;position:absolute;top:50%;left:50%;--orbit-r:0px;background:var(--c-lime);transform-origin:center;animation:orbit var(--orbit-speed,12s) linear infinite,diamondSpin 2s linear infinite,pixelShift 5s ease infinite;box-shadow:0 0 8px rgba(255,152,0,.4)}
.orbit-deco__diamond--teal{width:8px;height:8px;position:absolute;top:50%;left:50%;--orbit-r:0px;background:var(--c-teal);box-shadow:0 0 8px rgba(74,230,200,.4);animation:orbit var(--orbit-speed,12s) linear infinite,diamondSpin 3s linear infinite,pixelShiftTeal 5s ease infinite}
@keyframes pixelShift{0%,100%{background:var(--c-lime);box-shadow:0 0 10px rgba(255,152,0,.5)}33%{background:var(--c-teal);box-shadow:0 0 10px rgba(74,230,200,.5)}66%{background:var(--c-lime-b);box-shadow:0 0 10px rgba(212,240,86,.5)}}
@keyframes pixelShiftTeal{0%,100%{background:var(--c-teal);box-shadow:0 0 10px rgba(74,230,200,.5)}33%{background:var(--c-blue);box-shadow:0 0 10px rgba(74,141,230,.5)}66%{background:var(--c-lime);box-shadow:0 0 10px rgba(255,152,0,.5)}}
@keyframes pixelShiftBlue{0%,100%{background:var(--c-blue);box-shadow:0 0 10px rgba(74,141,230,.5)}50%{background:var(--c-teal);box-shadow:0 0 10px rgba(74,230,200,.5)}}
@keyframes diamondSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.llama-ghost{position:absolute;pointer-events:none;opacity:.03}
.llama-ghost--flip{transform:scaleX(-1)}
.dot-grid{position:absolute;display:grid;grid-template-columns:repeat(6,8px);gap:8px;opacity:.15;pointer-events:none}
.dot-grid span{width:4px;height:4px;background:var(--c-lime);border-radius:50%}
.hero{
  position:relative;min-height:100vh;min-height:100dvh;
  display:flex;align-items:center;
  overflow:hidden;padding:0;
}
.hero__video-wrap{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero__video{
  position:absolute;top:0;left:0;width:100%;height:100%;
  object-fit:cover;object-position:70% 60%;
}
.hero__video-canvas{
  position:absolute;top:0;left:0;width:100%;height:100%;
  object-fit:cover;z-index:0;display:none;
}
.hero__video-overlay{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(135deg,
    rgba(10,10,10,.89) 10%,rgba(10,10,10,.88) 40%,
    rgba(10,10,10,.85) 75%,rgba(10,10,10,.75) 88%,rgba(10,10,10,.5) 100%);
  transition:background .6s var(--ease);
}
[data-theme="light"] .hero__video-overlay{
  background:linear-gradient(135deg,
    rgba(250,250,250,.97) 0%,rgba(250,250,250,.94) 30%,
    rgba(250,250,250,.82) 55%,rgba(250,250,250,.65) 78%,rgba(250,250,250,.48) 100%);
}
.hero__spin-badge{
  position:absolute;top:10%;right:8%;width:150px;height:150px;
  animation:spin 22s linear infinite;z-index:3;
}
@media(max-width:1023px){.hero__spin-badge{width:90px;height:90px;top:88px;right:16px}}
@media(max-width:767px){.hero__spin-badge{display:none}}
.hero__spin-badge svg{width:100%;height:100%}
.hero__container{
  position:relative;z-index:3;
  display:grid;grid-template-columns:1fr;gap:48px;
  padding-top:140px;padding-bottom:80px;
  align-items:center;
}
@media(min-width:1024px){
  .hero__container{
    grid-template-columns:1fr;
    padding-top:180px;padding-bottom:140px;
  }
}
.hero__left{animation:fadeUp .7s 0.6s var(--ease) both}
.hero__h1-seo{
  font-size:inherit;font-weight:inherit;margin:0;
}
.hero__reveal{
  display:flex;align-items:center;gap:16px;
  margin-bottom:72px;overflow:hidden;
  animation:fadeUp .6s 0.4s var(--ease) both;
}
.hero__reveal-bar{
  display:block;flex-shrink:0;
  width:40px;height:4px;background:var(--c-lime);
  border-radius:2px;
}
.hero__reveal-bar--left{
  animation:barSlideLeft 0.2s 0.7s var(--ease) both;
}
.hero__reveal-bar--right{
  animation:barSlideRight 0.2s 0.7s var(--ease) both;
}
.hero__reveal-text{
  font-family:var(--f-m);font-size:.68rem;font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--c-grey-l);white-space:nowrap;
  flex-shrink:1;min-width:0;
  opacity:0;animation:revealText .2s 1.1s var(--ease) forwards;
}
@keyframes barSlideLeft{
  0%{width:50%;transform:translateX(100%)}
  60%{width:50%;transform:translateX(0)}
  100%{width:40px;transform:translateX(0)}
}
@keyframes barSlideRight{
  0%{width:50%;transform:translateX(-100%)}
  60%{width:50%;transform:translateX(0)}
  100%{width:40px;transform:translateX(0)}
}
@keyframes revealText{
  0%{opacity:0;letter-spacing:.3em}
  100%{opacity:1;letter-spacing:.12em}
}
@media(max-width:767px){
  .hero__reveal{gap:10px;margin-bottom:60px}
  .hero__reveal-bar{width:20px;height:3px}
  .hero__reveal-text{font-size:.5rem;letter-spacing:.06em;white-space:normal;line-height:1.5}
  @keyframes revealText{
    0%{opacity:0;letter-spacing:.2em}
    100%{opacity:1;letter-spacing:.08em}
  }
}
.hero__tag{
  display:inline-flex;align-items:center;gap:9px;
  padding:9px 22px 9px 14px;margin-bottom:32px;
  background:rgba(255,152,0,.05);
  border:1px solid rgba(255,152,0,.12);
  border-radius:var(--r-pill);
  font-family:var(--f-m);font-size:.68rem;
  color:var(--c-lime);letter-spacing:.07em;text-transform:uppercase;
  position:relative;overflow:hidden;
  animation:fadeUp .6s var(--ease) both;
}
.hero__tag::before{
  content:'';position:absolute;top:0;left:-100%;
  width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,152,0,.08),transparent);
  animation:tagSweep 5s ease-in-out infinite;
}
@keyframes tagSweep{
  0%,100%{left:-100%}
  50%{left:100%}
}
.hero__tag-dot{
  width:6px;height:6px;background:var(--c-lime);
  border-radius:50%;flex-shrink:0;
  animation:pulse 2s infinite;
  box-shadow:0 0 6px rgba(255,152,0,.4);
}
.hero__tag-text{color:var(--c-lime)}
.hero__headline{
  font-family:'Dela Gothic One',Impact,sans-serif;
  font-weight:400;
  font-size:clamp(2rem,6.3vw,4rem);
  line-height:1.22;letter-spacing:-.02em;
  text-transform:uppercase;
  margin-bottom:24px;
}
.hero__line{display:block}
.hero__accent{color:var(--c-lime)}
.hero__sub{
  font-size:clamp(.92rem,1.2vw,1.05rem);
  color:var(--c-grey-l);line-height:1.75;
  max-width:420px;
  animation:fadeUp .7s .1s var(--ease) both;
}
.hero__right{animation:fadeUp .7s .2s var(--ease) both}
.hero__right-card{
  display:flex;flex-direction:column;gap:18px;
  padding:32px;border-radius:2px;position:relative;overflow:hidden;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
}
.hero__right-glow{
  position:absolute;top:-40px;right:-40px;width:140px;height:140px;
  background:radial-gradient(circle,rgba(255,152,0,.15),transparent 65%);
  pointer-events:none;animation:glowFloat 6s ease-in-out infinite;
}
@keyframes glowFloat{
  0%,100%{transform:translate(0,0)}
  50%{transform:translate(-15px,15px)}
}
.hero__right-label{
  font-family:var(--f-m);font-size:.62rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--c-grey-m);
}
.hero__right-title{
  font-family:var(--f-d);font-weight:700;font-size:clamp(1.2rem,2vw,1.5rem);
  line-height:1.15;letter-spacing:-.02em;color:var(--c-white);
}
.hero__cta-primary{
  display:inline-flex;align-items:center;gap:10px;
  padding:18px 40px;border-radius:var(--r-pill);
  background:var(--c-lime);color:#1A1A1A;
  font-family:var(--f-b);font-weight:700;font-size:1rem;
  transition:all .35s var(--ease);
  box-shadow:0 4px 24px rgba(255,152,0,.25);
  align-self:flex-start;
}
.hero__cta-primary:hover{
  transform:translateY(-3px) scale(1.02);
  box-shadow:0 12px 40px rgba(255,152,0,.35);
  background:var(--c-lime-b);
}
.hero__cta-primary svg{transition:transform .3s}
.hero__cta-primary:hover svg{transform:translate(3px,-3px)}
.hero__cta-ghost{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 24px;border-radius:var(--r-pill);
  border:1px solid rgba(255,255,255,.12);
  color:var(--c-white);font-weight:600;font-size:.88rem;
  transition:all .35s var(--ease);
  align-self:flex-start;
}
.hero__cta-ghost svg{transition:transform .3s}
.hero__cta-ghost:hover{
  border-color:var(--c-lime);color:var(--c-lime);
  transform:translateY(-2px);
}
.hero__cta-ghost:hover svg{transform:translateX(4px)}
.hero__right-meta{
  display:flex;align-items:center;gap:20px;margin-top:4px;
  padding-top:18px;border-top:1px solid rgba(255,255,255,.06);
}
.hero__meta-sep{width:1px;height:28px;background:rgba(255,255,255,.08)}
.hero__meta-item span{
  display:block;font-size:.7rem;color:var(--c-grey-m);margin-top:2px;
}
.hero__meta-item strong{
  display:block;font-family:var(--f-d);font-size:1.4rem;
  font-weight:800;color:var(--c-lime);
}
[data-theme="light"] .hero__cta-ghost{color:#1A1A1A;border-color:rgba(0,0,0,.12)}
[data-theme="light"] .hero__cta-ghost:hover{color:var(--c-lime)}
[data-theme="light"] .hero__right-meta{border-top-color:rgba(0,0,0,.06)}
[data-theme="light"] .hero__right-card{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.06)}
.hero__scroll{
  position:absolute;bottom:28px;left:50%;transform:translateX(-50%);
  z-index:4;display:flex;flex-direction:column;align-items:center;gap:8px;
  animation:fadeUp .8s .5s var(--ease) both;
}
.hero__scroll span{
  font-family:var(--f-m);font-size:.55rem;letter-spacing:.15em;
  text-transform:uppercase;color:var(--c-grey-m);
}
.hero__scroll-line{
  width:1px;height:32px;
  background:linear-gradient(180deg,var(--c-lime),transparent);
  animation:scrollPulse 2s ease-in-out infinite;
}
@keyframes scrollPulse{
  0%,100%{opacity:.3;transform:scaleY(.7)}
  50%{opacity:1;transform:scaleY(1)}
}
.hero__actions{
  display:flex;flex-wrap:wrap;gap:14px;margin-top:80px;
  animation:fadeUp .7s 0.8s var(--ease) both;
}
.hero__btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  padding:17px 36px;border-radius:var(--r-pill);
  background:var(--c-lime);color:#1A1A1A;
  font-family:var(--f-b);font-weight:700;font-size:.95rem;
  transition:all .35s var(--ease);
  box-shadow:0 4px 24px rgba(255,152,0,.2);
}
.hero__btn-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 40px rgba(255,152,0,.35);
  background:var(--c-lime-b);
}
.hero__btn-outline{
  display:inline-flex;align-items:center;gap:8px;
  padding:17px 30px;border-radius:var(--r-pill);
  border:1px solid rgba(255,255,255,.15);
  color:var(--c-white);
  font-family:var(--f-b);font-weight:600;font-size:.95rem;
  transition:all .35s var(--ease);
}
.hero__btn-outline:hover{
  border-color:var(--c-lime);color:var(--c-lime);
  transform:translateY(-3px);
}
[data-theme="light"] .hero__btn-outline{border-color:rgba(0,0,0,.12);color:#1A1A1A}
[data-theme="light"] .hero__btn-outline:hover{border-color:var(--c-lime);color:var(--c-lime)}
@media(max-width:767px){
  .hero{min-height:auto}
  .hero__container{
    padding-top:10px;padding-bottom:12px;gap:0;
    display:flex;flex-direction:column;justify-content:center;
  }
  .hero__headline{font-size:clamp(1.8rem,3.5vw,2.6rem);line-height: 1.72;}
  .hero__headline .hero__line{display:inline}
  .hero__tag{margin-bottom:20px;font-size:.6rem}
  .hero__actions{
    flex-direction:column;gap:10px;margin-top:90px;
  }
  .hero__btn-primary,.hero__btn-outline{
    justify-content:center;padding:15px 24px;font-size:.9rem;
    width:100%;
  }
  .hero__scroll{display:none}
}
@media(max-width:380px){
  .hero__headline{font-size:clamp(1.5rem,7.5vw,2rem)}
}
.marquee{overflow:hidden;padding:28px 0;border-top:1px solid var(--c-grey-d);border-bottom:1px solid var(--c-grey-d)}
.marquee__track{display:flex;gap:48px;animation:marquee 30s linear infinite;width:max-content}
.marquee__item{font-family:var(--f-d);font-size:clamp(.9rem,2vw,1.2rem);font-weight:700;color:var(--c-grey-d);white-space:nowrap;display:flex;align-items:center;gap:48px}
.marquee__item::after{content:'◆';color:var(--c-lime);font-size:.5rem}
.wwd{position:relative;overflow:hidden}
.wwd__layout{display:flex;flex-direction:column;gap:40px}
@media(min-width:1024px){.wwd__layout{grid-template-columns:1fr;gap:56px}}
.wwd__macbook{display:flex;flex-direction:column;align-items:center;max-width:680px;margin:0 auto}
.wwd__macbook-frame{
  position:relative;width:100%;max-width:520px;
  background:#1A1A1A;border-radius:12px 12px 0 0;
  border:2px solid #333;border-bottom:none;
  padding:0;overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.4);
}
.wwd__macbook-notch{
  display:flex;align-items:center;gap:6px;
  padding:8px 14px;background:#1A1A1A;
}
.wwd__macbook-notch span{width:8px;height:8px;border-radius:50%;background:#333}
.wwd__macbook-notch span:first-child{background:#E64A5E}
.wwd__macbook-notch span:nth-child(2){background:#E6A34A}
.wwd__macbook-notch span:last-child{background:#4AE6C8}
.wwd__macbook-screen{
  aspect-ratio:16/10;overflow:hidden;
  border-top:1px solid #333;
}
.wwd__macbook-screen img{
  width:100%;height:100%;object-fit:cover;
}
.wwd__macbook-base{
  width:110%;max-width:580px;height:14px;
  background:linear-gradient(180deg,#2A2A2A,#1A1A1A);
  border-radius:0 0 6px 6px;
  border:1px solid #333;border-top:none;
  position:relative;
}
.wwd__macbook-base::after{
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:60px;height:4px;background:#222;border-radius:0 0 4px 4px;
}
[data-theme="light"] .wwd__macbook-frame{background:#E8E8E8;border-color:#D0D0D0}
[data-theme="light"] .wwd__macbook-notch{background:#E8E8E8}
[data-theme="light"] .wwd__macbook-notch span{background:#CCC}
[data-theme="light"] .wwd__macbook-notch span:first-child{background:#E64A5E}
[data-theme="light"] .wwd__macbook-notch span:nth-child(2){background:#E6A34A}
[data-theme="light"] .wwd__macbook-notch span:last-child{background:#4AE6C8}
[data-theme="light"] .wwd__macbook-screen{border-top-color:#D0D0D0}
[data-theme="light"] .wwd__macbook-base{background:linear-gradient(180deg,#D8D8D8,#C8C8C8);border-color:#D0D0D0}
[data-theme="light"] .wwd__macbook-frame{box-shadow:0 20px 60px rgba(0,0,0,.1)}
.wwd__content{position:relative}
.wwd__cards{
  display:grid;grid-template-columns:1fr;gap:0;margin-top:8px;
}
@media(min-width:600px){.wwd__cards{grid-template-columns:1fr 1fr}}
@media(min-width:1200px){.wwd__cards{grid-template-columns:repeat(3,1fr)}}
.wwd__card{
  display:flex;flex-direction:column;gap:10px;
  padding:28px 24px;
  border-bottom:1px solid rgba(255,255,255,.06);
  transition:all .35s var(--ease);position:relative;
}
.wwd__cards a:nth-child(odd){border-right:1px solid rgba(255,255,255,.06)}
.wwd__card:hover{background:rgba(255,152,0,.03);padding-left:30px}
.wwd__card-arrow{
  width:32px;height:32px;color:var(--c-lime);flex-shrink:0;
  transition:transform .35s var(--ease),color .35s;
}
.wwd__card:hover .wwd__card-arrow{transform:translate(4px,-4px);color:var(--c-lime-b)}
.wwd__card-title{
  font-family:var(--f-d);font-weight:700;font-size:clamp(1rem,1.5vw,1.25rem);
  letter-spacing:-.02em;color:var(--c-white);transition:color .3s;
}
.wwd__card:hover .wwd__card-title{color:var(--c-lime)}
.wwd__card-desc{font-size:.82rem;color:var(--c-grey-m);line-height:1.6}
[data-theme="light"] .wwd__card{border-bottom-color:rgba(0,0,0,.06)}
[data-theme="light"] .wwd__cards a:nth-child(odd){border-right-color:rgba(0,0,0,.06)}
[data-theme="light"] .wwd__card:hover{background:rgba(255,152,0,.03)}
.services__grid{display:grid;grid-template-columns:1fr;gap:20px;counter-reset:svc}
@media(min-width:640px){.services__grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.services__grid{grid-template-columns:1fr 1fr 1fr}}
.service{background:var(--c-black-c);border:1px solid var(--c-grey-d);border-radius:var(--r-xl);padding:36px 28px 28px;position:relative;overflow:hidden;transition:all .5s var(--ease);counter-increment:svc}
.service::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--c-lime),var(--c-teal));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.service::after{content:counter(svc,decimal-leading-zero);position:absolute;top:20px;right:20px;font-family:var(--f-d);font-size:4rem;font-weight:900;line-height:1;color:rgba(255,152,0,.03);transition:color .5s}
.service:hover{border-color:rgba(255,152,0,.2);transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.service:hover::before{transform:scaleX(1)}
.service:hover::after{color:rgba(255,152,0,.07)}
.service__icon{width:64px;height:64px;border-radius:var(--r-l);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:transform .4s}
.service:hover .service__icon{transform:scale(1.1);box-shadow:0 0 24px rgba(255,152,0,.1)}
.service__icon svg{width:32px;height:32px}
.service__icon--lime{background:linear-gradient(135deg,rgba(255,152,0,.1),rgba(255,152,0,.03));border:1px solid rgba(255,152,0,.1);color:var(--c-lime)}
.service__icon--teal{background:linear-gradient(135deg,rgba(74,230,200,.1),rgba(74,230,200,.03));border:1px solid rgba(74,230,200,.1);color:var(--c-teal)}
.service__icon--blue{background:linear-gradient(135deg,rgba(74,141,230,.1),rgba(74,141,230,.03));border:1px solid rgba(74,141,230,.1);color:var(--c-blue)}
.service__title{font-family:var(--f-d);font-weight:700;font-size:1.1rem;letter-spacing:-.01em;margin-bottom:10px}
.service__desc{font-size:.88rem;color:var(--c-grey-l);line-height:1.65;margin-bottom:16px}
.service__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.service__tag{font-family:var(--f-m);font-size:.58rem;padding:3px 10px;border-radius:var(--r-pill);border:1px solid var(--c-grey-d);color:var(--c-grey-l);letter-spacing:.04em;text-transform:uppercase;transition:all .3s}
.service:hover .service__tag{border-color:rgba(255,152,0,.12);color:var(--c-grey-s)}
.service__link{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-m);font-size:.72rem;color:var(--c-lime);letter-spacing:.04em;text-transform:uppercase;padding:8px 18px;border-radius:var(--r-pill);background:rgba(255,152,0,.05);border:1px solid rgba(255,152,0,.08);transition:all .3s}
.service__link:hover{background:rgba(255,152,0,.1);gap:14px}
.bigtext{padding:30px 0;position:relative;overflow:hidden;background:var(--c-lime)}
.bigtext__track{display:flex;gap:64px;animation:textSlide 20s linear infinite;width:max-content}
.bigtext__word{font-family:var(--f-d);font-size:clamp(3rem,7vw,8rem);font-weight:900;white-space:nowrap;line-height:1}
.bigtext__word--fill{color:var(--c-black)}
.bigtext__word--outline{-webkit-text-stroke:2px var(--c-black);color:transparent}
.bigtext__word--dot{font-size:clamp(2rem,6vw,5rem);color:var(--c-black);opacity:.3}
.approach{text-align:center}
.approach__grid{display:grid;grid-template-columns:1fr;gap:40px;margin-top:56px;position:relative}
@media(min-width:768px){.approach__grid{grid-template-columns:repeat(3,1fr);gap:32px}}
.approach__step{position:relative}
.approach__orbit{width:120px;height:120px;position:relative;margin:0 auto 24px}
.approach__orbit-ring{position:absolute;inset:0;border:1px solid rgba(255,152,0,.1);border-radius:50%}
.approach__orbit-ring--inner{inset:15px;border-color:rgba(255,152,0,.06)}
.approach__orbit-px{width:8px;height:8px;background:var(--c-lime);position:absolute;top:50%;left:50%;--orbit-r:58px;animation:orbit 8s linear infinite,pixelShift 4s ease infinite;box-shadow:0 0 10px rgba(255,152,0,.5)}
.approach__step:nth-child(2) .approach__orbit-px{--orbit-r:58px;animation:orbit 10s linear infinite reverse,pixelShiftTeal 4s ease infinite;background:var(--c-teal);box-shadow:0 0 10px rgba(74,230,200,.5)}
.approach__step:nth-child(3) .approach__orbit-px{--orbit-r:58px;animation:orbit 6s linear infinite,pixelShiftBlue 3s ease infinite;background:var(--c-blue)}
.approach__orbit-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--f-d);font-weight:800;font-size:1.5rem;color:var(--c-lime)}
.approach__step:nth-child(2) .approach__orbit-num{color:var(--c-teal)}
.approach__name{font-family:var(--f-d);font-weight:700;font-size:1rem;margin-bottom:6px}
.approach__sub{font-family:var(--f-m);font-size:.65rem;color:var(--c-lime);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.approach__text{font-size:.85rem;color:var(--c-grey-m);line-height:1.6;max-width:300px;margin:0 auto}
/* ═══ PORTFOLIO v5 ═══ */
#lp-port{
  padding:clamp(60px,10vw,120px) clamp(20px,5vw,80px);
  overflow:hidden;
}
#lp-port .hdr{
  display:flex;justify-content:space-between;align-items:flex-end;
  margin-bottom:clamp(40px,6vw,72px);flex-wrap:wrap;gap:20px;
}
#lp-port .acc{display:flex;height:clamp(440px,52vw,600px);gap:4px}
#lp-port .itm{
  flex:1;min-width:0;position:relative;overflow:hidden;cursor:pointer;
  transition:flex .65s cubic-bezier(.22,.9,.36,1);
  background:var(--c-black-s);display:flex;flex-direction:column;
}
#lp-port .acc:hover .itm{flex:.5}
#lp-port .acc .itm:hover{flex:4}
#lp-port .bg-img{
  position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:.12;transition:opacity .5s cubic-bezier(.22,.9,.36,1);
}
#lp-port .itm:hover .bg-img{opacity:0}
#lp-port .stripe{
  position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--c-lime);transform:scaleY(0);transform-origin:top;
  transition:transform .5s cubic-bezier(.22,.9,.36,1) .1s;z-index:10;
}
#lp-port .itm:hover .stripe{transform:scaleY(1)}
#lp-port .col-view{
  position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:flex-end;padding:24px 12px;
  z-index:2;opacity:1;transition:opacity .35s .1s;pointer-events:none;
}
#lp-port .itm:hover .col-view{opacity:0;transition:opacity .2s}
#lp-port .col-num{
  font-family:var(--f-d);font-size:clamp(80px,9vw,140px);color:var(--c-lime);
  opacity:.08;position:absolute;top:50%;left:50%;
  transform:translate(-50%,-55%);line-height:1;white-space:nowrap;
}
#lp-port .col-name{
  font-family:var(--f-d);font-size:clamp(13px,1.2vw,16px);
  writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);
  letter-spacing:1px;color:rgba(255,255,255,.7);flex:1;
  display:flex;align-items:flex-end;white-space:nowrap;
}
#lp-port .col-arrow{
  width:36px;height:36px;border:1.5px solid rgba(255,255,255,.2);
  display:flex;align-items:center;justify-content:center;
  margin-top:16px;flex-shrink:0;transition:border-color .3s;
}
#lp-port .itm:hover .col-arrow{border-color:var(--c-lime)}
#lp-port .col-arrow svg{width:14px;height:14px;stroke:var(--c-lime);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#lp-port .exp-view{
  position:absolute;inset:0;opacity:0;transition:opacity .4s .15s;
  z-index:3;display:flex;flex-direction:column;pointer-events:none;
}
#lp-port .itm:hover .exp-view{opacity:1;pointer-events:auto}
#lp-port .exp-top{
  flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;
}
#lp-port .exp-top::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 30% 70%,var(--c-glow),transparent 60%),
    linear-gradient(135deg,var(--c-black-c) 0%,var(--c-black) 100%);z-index:0;
}
#lp-port .mockup{
  position:relative;z-index:1;width:92%;max-width:580px;background:#fff;
  border-radius:8px;overflow:hidden;
  box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 50px var(--c-glow);
  transform:translateY(20px) scale(.92);
  transition:transform .55s cubic-bezier(.22,.9,.36,1) .2s;
}
#lp-port .itm:hover .mockup{transform:translateY(0) scale(1)}
#lp-port .mockup-bar{
  background:#e4e4e4;padding:7px 12px;display:flex;align-items:center;gap:5px;
  border-radius:10px 10px 0 0;
}
#lp-port .mockup-dot{width:7px;height:7px;border-radius:50%;background:#ccc}
#lp-port .mockup-dot:first-child{background:#ff5f57}
#lp-port .mockup-dot:nth-child(2){background:#febc2e}
#lp-port .mockup-dot:nth-child(3){background:#28c840}
#lp-port .mockup-url{
  margin:0 10px;font-size:11px;color:#999;background:#f5f5f5;
  padding:4px 14px;border-radius:6px;flex:1;text-align:center;
  font-family:var(--f-b);
}
#lp-port .mockup-body{
  height:clamp(180px,22vw,320px);
  background-size:cover;background-position:top center;background-color:#fafafa;
  image-rendering:auto;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transform:translateZ(0);
}
#lp-port .exp-stat{
  position:absolute;z-index:2;background:var(--c-black);
  border:1px solid rgba(255,152,0,.25);padding:10px 14px;
  display:flex;flex-direction:column;gap:2px;opacity:0;
  transition:opacity .4s .35s,transform .4s .35s;
}
#lp-port .itm:hover .exp-stat{opacity:1}
#lp-port .exp-stat.s1{top:16px;right:16px;transform:translateY(10px)}
#lp-port .itm:hover .exp-stat.s1{transform:translateY(0)}
#lp-port .exp-stat.s2{bottom:16px;left:16px;transform:translateY(-10px)}
#lp-port .itm:hover .exp-stat.s2{transform:translateY(0)}
#lp-port .stat-val{font-family:var(--f-d);font-size:18px;color:var(--c-lime)}
#lp-port .stat-lbl{font-size:10px;color:var(--c-grey-m);text-transform:uppercase;letter-spacing:1px}
#lp-port .exp-bot{
  background:var(--c-black-c);padding:clamp(16px,2vw,24px);
  display:flex;flex-direction:column;gap:10px;border-top:3px solid var(--c-lime);
}
#lp-port .exp-num{font-size:11px;font-weight:700;color:var(--c-lime);letter-spacing:3px}
#lp-port .exp-name{font-family:var(--f-d);font-size:clamp(18px,1.8vw,26px);line-height:1.2}
#lp-port .exp-desc{
  font-size:clamp(12px,1vw,14px);color:var(--c-grey-m);line-height:1.5;
  transform:translateY(6px);opacity:0;transition:opacity .35s .25s,transform .35s .25s;
}
#lp-port .itm:hover .exp-desc{opacity:1;transform:translateY(0)}
#lp-port .exp-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  flex-wrap:wrap;margin-top:4px;transform:translateY(6px);opacity:0;
  transition:opacity .35s .3s,transform .35s .3s;
}
#lp-port .itm:hover .exp-row{opacity:1;transform:translateY(0)}
#lp-port .exp-tags{display:flex;gap:6px;flex-wrap:wrap}
#lp-port .exp-tag{
  font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;
  padding:4px 12px;border:1px solid var(--c-lime);color:var(--c-lime);white-space:nowrap;
}
#lp-port .exp-btn{
  display:inline-flex;align-items:center;gap:8px;background:var(--c-lime);
  color:var(--c-black);font-size:12px;font-weight:800;text-transform:uppercase;
  letter-spacing:1px;padding:8px 18px;text-decoration:none;
  transition:background .3s,transform .2s;white-space:nowrap;
}
#lp-port .exp-btn:hover{background:var(--c-lime-b);transform:scale(1.04)}
#lp-port .exp-btn svg{width:12px;height:12px}
/* Light theme */
[data-theme="light"] #lp-port .itm{background:#fff;}
[data-theme="light"] #lp-port .col-name{color:rgba(0,0,0,.6)}
[data-theme="light"] #lp-port .col-arrow{border-color:rgba(0,0,0,.15)}
[data-theme="light"] #lp-port .col-arrow svg{stroke:var(--c-lime-d)}
[data-theme="light"] #lp-port .col-num{color:var(--c-lime-d)}
[data-theme="light"] #lp-port .exp-top::before{
  background:radial-gradient(ellipse at 30% 70%,rgba(255,152,0,.08),transparent 60%),
    linear-gradient(135deg,#f5f5f5 0%,#eee 100%);
}
[data-theme="light"] #lp-port .exp-bot{background:#fff;border-top-color:var(--c-lime-d)}
[data-theme="light"] #lp-port .exp-name{color:black;}
[data-theme="light"] #lp-port .exp-desc{color:rgb(29, 29, 29);}
[data-theme="light"] #lp-port .exp-stat{background:#fff;border-color:rgba(255,152,0,.2)}
[data-theme="light"] #lp-port .stat-val{color:var(--c-lime-d)}
[data-theme="light"] #lp-port .exp-tag{border-color:var(--c-lime-d);color:var(--c-lime-d)}
[data-theme="light"] #lp-port .exp-btn{background:var(--c-lime-d);color:#fff}
[data-theme="light"] #lp-port .exp-btn:hover{background:var(--c-lime)}
[data-theme="light"] #lp-port .exp-num{color:var(--c-lime-d)}
[data-theme="light"] #lp-port .mockup{box-shadow:0 20px 60px rgba(0,0,0,.12),0 0 20px rgba(255,152,0,.06)}
/* Mobile */
@media(max-width:900px){
  #lp-port .acc{flex-direction:column;height:auto;gap:0}
  #lp-port .acc:hover .itm{flex:1}
  #lp-port .itm{height:80px;flex:none!important;transition:height .55s cubic-bezier(.22,.9,.36,1);border-bottom:1px solid rgba(255,255,255,.06)}
  #lp-port .itm:hover{flex:none!important}
  #lp-port .itm.mob-open{height:420px}
  #lp-port .bg-img{opacity:.08}
  #lp-port .mob-open .bg-img{opacity:0}
  #lp-port .col-view{flex-direction:row;padding:0 20px;align-items:center;justify-content:flex-start;gap:16px}
  #lp-port .col-name{writing-mode:horizontal-tb;transform:none;flex:1;font-size:15px;color:rgba(255,255,255,.85)}
  #lp-port .col-num{font-size:48px;opacity:.04;position:absolute;top:50%;left:auto;right:50px;transform:translate(0,-50%)}
  #lp-port .col-arrow{width:32px;height:32px;transition:border-color .3s,transform .4s}
  #lp-port .mob-open .col-arrow{transform:rotate(90deg);border-color:var(--c-lime)}
  #lp-port .itm:hover .col-view{opacity:1;transition:opacity .2s}
  #lp-port .mob-open .col-view{opacity:0;transition:opacity .2s}
  #lp-port .itm:hover .exp-view{opacity:0;pointer-events:none}
  #lp-port .mob-open .exp-view{opacity:1!important;pointer-events:auto!important}
  #lp-port .stripe{left:0;top:0;bottom:auto;right:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left}
  #lp-port .itm:hover .stripe{transform:scaleY(0)}
  #lp-port .mob-open .stripe{transform:scaleX(1)!important}
  #lp-port .exp-top{min-height:200px}
  #lp-port .mockup{max-width:260px;width:75%}
  #lp-port .mob-open .mockup{transform:translateY(0) scale(1)}
  #lp-port .mob-open .exp-stat{opacity:1}
  #lp-port .mob-open .exp-stat.s1{transform:translateY(0)}
  #lp-port .mob-open .exp-stat.s2{transform:translateY(0)}
  #lp-port .mob-open .exp-desc{opacity:1;transform:translateY(0)}
  #lp-port .mob-open .exp-row{opacity:1;transform:translateY(0)}
  #lp-port .exp-stat{padding:8px 10px}
  #lp-port .stat-val{font-size:15px}
  #lp-port .stat-lbl{font-size:9px}
  #lp-port .exp-bot{padding:16px 20px;gap:8px}
  #lp-port .exp-name{font-size:18px}
  #lp-port .exp-desc{font-size:12px}
  [data-theme="light"] #lp-port .col-name{color:rgba(0,0,0,.7)}
  [data-theme="light"] #lp-port .itm{border-bottom-color:rgba(0,0,0,.08)}
}
@media(max-width:480px){
  #lp-port{padding:40px 16px}
  #lp-port .itm.mob-open{height:380px}
  #lp-port .exp-top{min-height:170px}
  #lp-port .mockup-body{height:120px}
  #lp-port .exp-btn{padding:7px 14px;font-size:11px}
}
.team-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:56px;gap:30px;flex-wrap:wrap}
.team-hl{position:relative;display:inline-block}
.team-hl::after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:7px;background:var(--c-lime);opacity:.2;border-radius:4px;transform:skewX(-6deg)}
.team-subtitle{max-width:380px;color:var(--c-grey-m);font-size:.92rem;line-height:1.7}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:1024px){.team-grid{grid-template-columns:repeat(2,1fr);gap:14px}}
@media(max-width:640px){.team-grid{grid-template-columns:1fr 1fr;gap:12px}}
.team-card{
  background:var(--c-black-c);border:1px solid var(--c-grey-d);
  border-radius:0;overflow:hidden;position:relative;cursor:pointer;
  transition:transform .5s cubic-bezier(.19,1,.22,1),border-color .4s;
  opacity:0;transform:translateY(30px);animation:card-in .6s var(--ease) forwards;
}
.team-card:nth-child(1){animation-delay:.1s}.team-card:nth-child(2){animation-delay:.2s}
.team-card:nth-child(3){animation-delay:.3s}.team-card:nth-child(4){animation-delay:.4s}
.team-card:nth-child(5){animation-delay:.5s}.team-card:nth-child(6){animation-delay:.6s}
.team-card:nth-child(7){animation-delay:.7s}.team-card:nth-child(8){animation-delay:.8s}
@keyframes card-in{to{opacity:1;transform:translateY(0)}}
.team-card:hover{transform:translateY(-8px);border-color:rgba(255,152,0,.25)}
.team-card::before{
  content:'';position:absolute;inset:-1px;border-radius:0;padding:1px;
  background:conic-gradient(from 180deg,transparent 60%,var(--c-lime) 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:0;transition:opacity .5s;pointer-events:none;z-index:2;
}
.team-card:hover::before{opacity:.5}
.tc-img{position:relative;aspect-ratio:3/4;overflow:hidden;background:#1a1a22}
.tc-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.05);transition:filter .6s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1)}
.team-card:hover .tc-img img{filter:grayscale(0%) contrast(1);transform:scale(1.06)}
.tc-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(255,152,0,.12) 100%);opacity:0;transition:opacity .5s;mix-blend-mode:screen}
.team-card:hover .tc-img::after{opacity:1}
.tc-badge{
  position:absolute;top:12px;left:12px;
  background:rgba(10,10,10,.7);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.08);
  padding:5px 12px;border-radius:999px;
  font-family:var(--f-m);font-size:.58rem;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;color:var(--c-lime);
  opacity:0;transform:translateY(-8px);
  transition:opacity .4s .1s,transform .4s cubic-bezier(.19,1,.22,1) .1s;z-index:3;
}
.team-card:hover .tc-badge{opacity:1;transform:translateY(0)}
.tc-links{
  position:absolute;bottom:12px;left:12px;right:12px;
  display:flex;gap:8px;justify-content:center;
  opacity:0;transform:translateY(14px);
  transition:opacity .4s .1s,transform .5s cubic-bezier(.19,1,.22,1) .1s;z-index:3;
}
.team-card:hover .tc-links{opacity:1;transform:translateY(0)}
.tc-links a{
  width:38px;height:38px;display:flex;align-items:center;justify-content:center;
  background:rgba(10,10,10,.6);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.1);border-radius:50%;
  color:var(--c-white);transition:all .25s;
}
.tc-links a:hover{background:var(--c-lime);border-color:var(--c-lime);color:#1A1A1A;transform:scale(1.15)}
.tc-ico{width:16px;height:16px;fill:currentColor}
.tc-info{padding:18px 18px 22px;position:relative}
.tc-name{font-family:var(--f-d);font-size:1.05rem;font-weight:700;margin-bottom:4px;transition:color .3s}
.team-card:hover .tc-name{color:var(--c-lime)}
.tc-role{font-size:.75rem;color:var(--c-grey-m);font-weight:500;letter-spacing:.02em}
.tc-idx{position:absolute;top:14px;right:16px;font-family:var(--f-d);font-size:2.2rem;font-weight:800;color:rgba(255,255,255,.03);line-height:1;transition:color .4s;pointer-events:none}
.team-card:hover .tc-idx{color:rgba(255,152,0,.08)}
.team-stats{display:flex;gap:40px;margin-top:56px;padding-top:44px;border-top:1px solid var(--c-grey-d);flex-wrap:wrap;justify-content:center}
.ts-item{text-align:center}
.ts-num{font-family:var(--f-d);font-size:2.8rem;font-weight:800;color:var(--c-lime);line-height:1;margin-bottom:6px}
.ts-label{font-family:var(--f-m);font-size:.68rem;color:var(--c-grey-m);text-transform:uppercase;letter-spacing:.1em;font-weight:600}
[data-theme="light"] .team-card{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.06)}
[data-theme="light"] .team-card:hover{border-color:rgba(255,152,0,.2)}
[data-theme="light"] .team-stats{border-top-color:rgba(0,0,0,.06)}
@media(max-width:640px){
  .team-card{border-radius:0}
  .tc-img{aspect-ratio:1/1.75}
  .tc-img img{filter:grayscale(0%) contrast(1)}
  .tc-img::after{opacity:1;background:linear-gradient(180deg,transparent 50%,rgba(10,10,10,.5) 100%)}
  .tc-info{padding:12px 12px 14px}
  .tc-name{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tc-role{font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tc-idx{font-size:1.6rem;top:10px;right:10px}
  .tc-badge{opacity:1;transform:none;font-size:.5rem;padding:3px 8px;backdrop-filter:none;background:rgba(10,10,10,.85)}
  .tc-links{opacity:1;transform:none;bottom:10px;left:10px;right:10px;gap:6px}
  .tc-links a{width:32px;height:32px;background:rgba(10,10,10,.85);backdrop-filter:none}
  .tc-ico{width:14px;height:14px}
  .team-card:hover{transform:none}
  .team-card::before{display:none}
  .team-card:active{transform:scale(.97)}
  .team-card:active .tc-name{color:var(--c-lime)}
  .team-stats{gap:0;margin-top:36px;padding-top:28px;justify-content:space-between}
  .ts-item{flex:1}
  .ts-num{font-size:1.6rem}
  .ts-label{font-size:.55rem;letter-spacing:.06em}
}
.cta-banner{background:var(--c-lime);position:relative;overflow:hidden;padding:64px 0}
.cta-banner::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:rgba(0,0,0,.04);pointer-events:none}
.cta-banner::after{content:'';position:absolute;bottom:-60px;left:-60px;width:250px;height:250px;border-radius:50%;background:rgba(0,0,0,.03);pointer-events:none}
.cta-banner__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}
.cta-banner__text{font-family:var(--f-d);font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:800;color:var(--c-black);letter-spacing:-.02em;line-height:1.15;font-style:italic;max-width:600px}
.cta-banner__btn{width:100px;height:100px;background:var(--c-black);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--c-grey-d);transition:all .4s;flex-shrink:0;position:relative}
.cta-banner__btn::before{content:'';position:absolute;inset:-6px;border:1px solid rgba(0,0,0,.15);border-radius:50%}
.cta-banner__btn:hover{transform:scale(1.08);box-shadow:0 8px 30px rgba(0,0,0,.2)}
.cta-banner__btn span{font-family:var(--f-b);font-size:.7rem;color:var(--c-white);text-align:center;line-height:1.3}
.cta-banner .dot-grid--left{left:20px;top:50%;transform:translateY(-50%)}
.cta-banner .dot-grid--right{right:20px;top:50%;transform:translateY(-50%)}
.testimonials__grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:768px){.testimonials__grid{grid-template-columns:repeat(3,1fr)}}
.testimonial{background:var(--c-black-c);border:1px solid var(--c-grey-d);border-radius:var(--r-xl);padding:32px;transition:border-color .3s}
.testimonial:hover{border-color:rgba(255,152,0,.12)}
.testimonial--featured{border-color:rgba(255,152,0,.15);box-shadow:0 0 50px rgba(255,152,0,.03)}
.testimonial__quote{color:var(--c-lime);font-family:var(--f-d);font-size:2.5rem;line-height:1;margin-bottom:12px}
.testimonial__text{font-size:.88rem;color:var(--c-grey-s);line-height:1.7;font-style:italic;margin-bottom:24px}
.testimonial__author{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--c-grey-d)}
.testimonial__avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--f-d);font-weight:700;font-size:.7rem;color:var(--c-black)}
.testimonial__name{font-size:.82rem;font-weight:600}
.testimonial__role{font-size:.68rem;color:var(--c-grey-m)}
.blg__header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px;margin-bottom:48px}
.blg__track{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
@media(max-width:1024px){.blg__track{grid-template-columns:1fr 1fr;gap:16px}}
@media(max-width:640px){
  .blg__track{grid-template-columns:1fr;gap:16px}
  .blg__card,.blg__card:nth-child(1),.blg__card:nth-child(2),.blg__card:nth-child(3){
    transform:rotate(0deg);
    clip-path:polygon(1% 0%,100% 1%,99% 100%,0% 99%);
  }
}
.blg__card{
  display:flex;flex-direction:column;
  background:var(--c-black-c);border:1px solid var(--c-grey-d);
  overflow:hidden;position:relative;
  transition:transform .5s var(--ease),border-color .3s,clip-path .5s var(--ease);
}
.blg__card:nth-child(1){
  clip-path:polygon(2% 0%,100% 1%,98% 97%,0% 100%);
  transform:rotate(-.8deg);
}
.blg__card:nth-child(2){
  clip-path:polygon(0% 2%,97% 0%,100% 98%,3% 100%);
  transform:rotate(.6deg);
}
.blg__card:nth-child(3){
  clip-path:polygon(1% 1%,100% 0%,99% 100%,0% 97%);
  transform:rotate(-0.4deg);
}
@media(max-width:640px){
  .blg__card{min-width:280px;flex-shrink:0;scroll-snap-align:start}
}
.blg__card:hover{
  transform:rotate(0deg) translateY(-8px) scale(1.02)!important;
  border-color:rgba(255,152,0,.2);
  clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)!important;
  z-index:2;
}
.blg__card-img{
  position:relative;aspect-ratio:16/10;overflow:hidden;
  border-bottom:3px solid var(--c-lime);
}
.blg__card-img img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .5s var(--ease);
}
.blg__card:hover .blg__card-img img{transform:scale(1.06)}
.blg__card-img::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(10,10,10,.4) 100%);
}
.blg__card-body{padding:24px;display:flex;flex-direction:column;flex:1}
.blg__card-cat{
  display:inline-block;align-self:flex-start;
  font-family:'Dela Gothic One',var(--f-d),sans-serif;
  font-size:.7rem;font-weight:400;text-transform:uppercase;letter-spacing:.08em;
  background:var(--c-lime);color:#1A1A1A;
  padding:6px 14px;margin-bottom:16px;
  transform:rotate(-1.5deg);
  clip-path:polygon(0% 5%,97% 0%,100% 92%,3% 100%);
}
.blg__card:nth-child(2) .blg__card-cat{transform:rotate(1deg);clip-path:polygon(2% 0%,100% 6%,98% 100%,0% 95%)}
.blg__card:nth-child(3) .blg__card-cat{transform:rotate(-0.5deg);clip-path:polygon(0% 0%,100% 3%,97% 100%,2% 97%)}
.blg__card-title{
  font-family:'Dela Gothic One',var(--f-d),sans-serif;
  font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:400;
  line-height:1.15;letter-spacing:-.01em;
  text-transform:uppercase;
  color:var(--c-white);margin-bottom:12px;
  transition:color .3s;
}
.blg__card:hover .blg__card-title{color:var(--c-lime)}
.blg__card-desc{
  font-size:.82rem;color:var(--c-grey-m);line-height:1.65;
  margin-bottom:16px;flex:1;
}
.blg__card-link{
  font-family:var(--f-m);font-size:.72rem;font-weight:600;
  letter-spacing:.04em;color:var(--c-lime);
  transition:gap .3s;display:inline-flex;align-items:center;gap:4px;
}
.blg__card:hover .blg__card-link{gap:10px}
[data-theme="light"] .blg__card{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.06)}
[data-theme="light"] .blg__card:hover{border-color:rgba(255,152,0,.15)}
[data-theme="light"] .blg__card-cat{color:#1A1A1A}
.ct__head{margin-bottom:48px}
.ct-marker{background:none!important;border:none!important}
.ct-marker svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));animation:markerBounce 3s ease-in-out infinite}
@keyframes markerBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.ct__map-wrap{
  position:relative;border-radius:2px;overflow:hidden;
  aspect-ratio:16/10;border:1px solid var(--c-grey-d);
}
.ct__map{
  width:100%;height:100%;border:none;
}
.ct__map-wrap::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  border:2px solid rgba(255,152,0,.15);border-radius:2px;
}
.ct__info{display:flex;flex-wrap:wrap;gap:24px;margin-top:24px}
.ct__info-item{flex:1;min-width:140px}
.ct__info-label{
  font-family:var(--f-m);font-size:.6rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--c-grey-m);margin-bottom:6px;
}
.ct__info-value{font-size:.9rem;color:var(--c-white);line-height:1.6}
.ct__info-link{color:var(--c-lime);transition:opacity .3s}
.ct__info-link:hover{opacity:.8}
.ct__form{
  padding:36px;border-radius:2px;
  background:rgba(255,255,255,.02);border:1px solid var(--c-grey-d);
}
.ct__form-title{
  font-family:var(--f-d);font-weight:700;font-size:1.3rem;
  margin-bottom:28px;letter-spacing:-.02em;
}
.ct__form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){.ct__form-row{grid-template-columns:1fr}}
.ct__field{margin-bottom:16px}
.ct__label{
  display:block;font-family:var(--f-m);font-size:.62rem;
  letter-spacing:.08em;text-transform:uppercase;
  color:var(--c-grey-m);margin-bottom:8px;
}
.ct__input{
  width:100%;padding:14px 16px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  border-radius:2px;color:var(--c-white);
  font-family:var(--f-b);font-size:.88rem;
  outline:none;transition:all .4s var(--ease);
  -webkit-appearance:none;
}
.ct__input::placeholder{color:var(--c-grey-m)}
.ct__input:focus{
  border-color:var(--c-lime);
  box-shadow:0 0 0 3px rgba(255,152,0,.08),0 0 20px rgba(255,152,0,.04);
  transform:translateY(-1px);
}
.ct__select{cursor:pointer;color:var(--c-grey-m)}
.ct__select:focus{color:var(--c-white)}
.ct__textarea{min-height:120px;resize:vertical}
.ct__submit{
  width:100%;padding:16px;border:none;border-radius:var(--r-pill);
  background:var(--c-lime);color:#1A1A1A;
  font-family:var(--f-b);font-weight:700;font-size:.95rem;
  cursor:pointer;transition:all .35s var(--ease);
  margin-top:8px;
}
.ct__submit:hover{
  background:var(--c-lime-b);transform:translateY(-3px);
  box-shadow:0 12px 36px rgba(255,152,0,.25);
}
[data-theme="light"] .ct__form{background:rgba(0,0,0,.015);border-color:rgba(0,0,0,.06)}
[data-theme="light"] .ct__input{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.08);color:#1A1A1A}
[data-theme="light"] .ct__right{background:rgba(250,250,250,.92);border-color:rgba(0,0,0,.06)}
[data-theme="light"] .ct__map-wrap::after{border-color:rgba(255,152,0,.1)}
.faq__header{text-align:center;margin-bottom:48px}
.faq__list{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(max-width:767px){.faq__list{grid-template-columns:1fr}}
.faq__item{
  border-radius:0;overflow:hidden;
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);
  transition:all .3s var(--ease);
}
.faq__item--open{background:rgba(255,152,0,.03);border-color:rgba(255,152,0,.1)}
.faq__q{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  width:100%;padding:20px 24px;background:none;border:none;cursor:pointer;
  font-family:var(--f-b);font-size:.95rem;font-weight:600;
  color:var(--c-white);text-align:left;transition:color .3s;
}
.faq__q:hover{color:var(--c-lime)}
.faq__icon{
  width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.05);
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;color:var(--c-grey-m);flex-shrink:0;transition:all .35s var(--ease);
}
.faq__item--open .faq__icon{background:var(--c-lime);color:#1A1A1A;transform:rotate(45deg)}
.faq__a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease),padding .3s}
.faq__item--open .faq__a{max-height:300px}
.faq__a p{padding:0 24px 20px;font-size:.88rem;color:var(--c-grey-l);line-height:1.7}
[data-theme="light"] .faq__item{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.06)}
[data-theme="light"] .faq__item--open{background:rgba(255,152,0,.03);border-color:rgba(255,152,0,.1)}
[data-theme="light"] .faq__icon{background:rgba(0,0,0,.04)}
.faq__toggle{
  display:none;margin:20px auto 0;align-items:center;gap:6px;
  padding:12px 28px;border-radius:var(--r-pill);
  background:none;border:1px solid rgba(255,255,255,.1);
  color:var(--c-grey-l);cursor:pointer;font-family:var(--f-b);font-size:.85rem;font-weight:500;
  transition:all .3s var(--ease);
}
.faq__toggle:hover{border-color:var(--c-lime);color:var(--c-lime)}
.faq__toggle svg{transition:transform .3s}
.faq__toggle--open svg{transform:rotate(180deg)}
@media(max-width:767px){
  .faq__toggle{display:inline-flex}
  .faq__list .faq__item:nth-child(n+6){
    max-height:0;overflow:hidden;opacity:0;border:none;margin:0;padding:0;
    transition:max-height .4s var(--ease),opacity .3s,margin .3s;
  }
  .faq__list--expanded .faq__item:nth-child(n+6){
    max-height:200px;opacity:1;border:1px solid rgba(255,255,255,.06);
  }
}
.ct__title{
  font-family:'Dela Gothic One',var(--f-d),sans-serif;
  font-size:clamp(2.5rem,8vw,6rem);font-weight:400;
  text-transform:uppercase;letter-spacing:-.03em;
  margin-bottom:56px;
}
.ct__layout{display:flex;flex-direction:column;gap:32px}
.ct{position:relative;overflow:hidden;z-index:1}
.ct__map-wrap{
  overflow:hidden;border:none;position:relative;z-index:1;
}
@media(min-width:1024px){
  .ct__layout{position:relative;display:block}
  .ct__left{position:relative}
  .ct__map-wrap{aspect-ratio:auto;height:560px}
  .ct__right{
    position:relative;z-index:2;
    background:rgba(10,10,10,.92);backdrop-filter:blur(12px);
    padding:40px;border:1px solid rgba(255,255,255,.06);
    margin-top:-320px;margin-left:auto;max-width:520px;z-index:10;
  }
  .ct__details{margin-top:24px}
}
@media(max-width:1023px){
  .ct__map-wrap{aspect-ratio:16/9}
  .ct__details{max-width:100%;grid-template-columns:1fr 1fr;gap:14px 24px}
  .ct__right{margin-top:24px}
}
@media(max-width:480px){
  .ct__details{grid-template-columns:1fr 1fr;gap:16px 20px}
  .ct__details-val{font-size:.85rem;word-break:break-word}
  .ct__row{grid-template-columns:1fr}
}
.ct__details{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 40px;margin-top:24px;max-width:55%}
.ct__details-block{min-width:120px}
.ct__details-label{font-family:var(--f-m);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c-grey-m);margin-bottom:6px}
.ct__details-val{font-family:var(--f-d);font-size:1rem;font-weight:700;color:var(--c-white);letter-spacing:-.01em}
.ct__details-link{color:var(--c-lime);transition:opacity .3s}
.ct__details-link:hover{opacity:.8}
.ct__row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:640px){.ct__row{grid-template-columns:1fr}}
.ct__field{margin-bottom:24px}
.ct__label{
  display:block;font-family:var(--f-b);font-size:.82rem;font-weight:600;
  color:var(--c-white);margin-bottom:10px;
}
.ct__input{
  width:100%;padding:12px 0;
  background:transparent;
  border:none;border-bottom:1px solid var(--c-grey-d);
  color:var(--c-white);font-family:var(--f-b);font-size:.9rem;
  outline:none;border-radius:0;
  transition:border-color .4s var(--ease),box-shadow .4s;
  -webkit-appearance:none;
}
.ct__input::placeholder{color:transparent}
.ct__input:focus{
  border-bottom-color:var(--c-lime);
  box-shadow:0 2px 0 var(--c-lime);
}
.ct__select{cursor:pointer;color:var(--c-grey-m)}
.ct__select option{background:var(--c-black);color:var(--c-white)}
.ct__textarea{min-height:80px;resize:vertical;border-bottom-width:1px}
.ct__checkbox{
  display:flex;align-items:center;gap:10px;margin-bottom:24px;
  font-size:.82rem;color:var(--c-grey-m);cursor:pointer;
}
.ct__checkbox input{accent-color:var(--c-lime);width:16px;height:16px}
.ct__submit{
  display:inline-flex;align-items:center;
  padding:14px 40px;border:none;border-radius:var(--r-pill);
  background:var(--c-lime);color:#1A1A1A;
  font-family:var(--f-b);font-weight:700;font-size:.9rem;
  cursor:pointer;transition:all .35s var(--ease);
}
.ct__submit:hover{
  background:var(--c-lime-b);transform:translateY(-3px);
  box-shadow:0 12px 36px rgba(255,152,0,.25);
}
[data-theme="light"] .ct__input{border-bottom-color:rgba(0,0,0,.12);color:#1A1A1A}
[data-theme="light"] .ct__right{background:rgba(250,250,250,.92);border-color:rgba(0,0,0,.06)}
[data-theme="light"] .ct__bottom{border-top-color:rgba(0,0,0,.06)}
@media(max-width:767px){
  .pf__card:hover{flex:none;height:100px}
  .pf__card:hover .pf__card-bg{transform:none}
  .pf__card:hover::after{height:22%;clip-path:polygon(0 28%,100% 0,100% 100%,0 100%)}
  .pf__card:hover .pf__card-title{color:#FFF}
  .pf__card:hover .pf__card-expand{max-height:0;opacity:0}
  .pf__card:hover .pf__card-accent{transform:scaleX(0)}
  .pf__card:hover::before{opacity:0}
  .pf__card:hover .pf__card-link{gap:4px}
  .pf__card--active{height:340px!important}
  .pf__card--active .pf__card-bg{transform:scale(1.06)!important}
  .pf__card--active::after{height:44%!important;clip-path:polygon(0 16%,100% 0,100% 100%,0 100%)!important}
  .pf__card--active .pf__card-title{color:var(--c-lime)!important}
  .pf__card--active .pf__card-expand{max-height:200px!important;opacity:1!important}
  .pf__card--active .pf__card-accent{transform:scaleX(1)!important}
  .pf__card--active::before{opacity:1!important}
}
.hero__btn-primary,.hero__btn-outline,.ct__submit,.mm-cta-btn,.mega-about__cta,
.hero__cta-primary,.btn--primary,.btn--ghost{
  border-radius:0!important;
  clip-path:polygon(0% 2%,98% 0%,100% 96%,2% 100%);
}
.hero__btn-primary:hover,.hero__btn-outline:hover,.ct__submit:hover,.mm-cta-btn:hover{
  clip-path:polygon(1% 0%,100% 3%,99% 100%,0% 98%);
}
.faq__item{
  clip-path:polygon(0% 0%,100% 1%,100% 99%,0% 100%);
}
.faq__item:nth-child(even){
  clip-path:polygon(0% 1%,100% 0%,100% 100%,0% 99%);
}
.faq__icon{border-radius:2px!important}
.team-card:nth-child(odd){clip-path:polygon(0% 0%,100% .5%,100% 99.5%,0% 100%)}
.team-card:nth-child(even){clip-path:polygon(0% .5%,100% 0%,100% 100%,0% 99.5%)}

.wwd__card{clip-path:polygon(0% 0%,100% 1%,100% 99%,0% 100%)}
.wwd__card:nth-child(even){clip-path:polygon(0% 1%,100% 0%,100% 100%,0% 99%)}
.blg__card-cat{clip-path:polygon(2% 0%,97% 4%,100% 92%,3% 100%)!important}
.header__cta{border-radius:0!important;clip-path:polygon(0% 3%,98% 0%,100% 95%,2% 100%)}
.lang-switch__current{border-radius:2px!important}
.lang-switch__dropdown{border-radius:2px!important}
.cpop{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .4s var(--ease)}
.cpop--open{opacity:1;visibility:visible}
.cpop__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(10px)}
.cpop__dialog{
  position:relative;width:95%;max-width:640px;max-height:90vh;overflow-y:auto;
  background:var(--c-black-c);border:1px solid rgba(255,255,255,.08);
  padding:40px;z-index:2;
  clip-path:polygon(0% 0%,100% .5%,99.5% 100%,.5% 99.5%);
}
[data-theme="light"] .cpop__dialog{background:#FAFAFA;border-color:rgba(0,0,0,.08)}
.cpop__close{
  position:absolute;top:16px;right:16px;background:none;border:1px solid rgba(255,255,255,.1);
  color:var(--c-white);font-size:1.2rem;cursor:pointer;width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;transition:all .3s;
}
.cpop__close:hover{border-color:var(--c-lime);color:var(--c-lime)}
.cpop__tabs{display:flex;gap:4px;margin-bottom:32px;flex-wrap:wrap;padding-top:28px}
.cpop__tab{
  padding:10px 18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);
  color:var(--c-grey-m);cursor:pointer;font-family:var(--f-b);font-size:.78rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.04em;transition:all .3s;
  clip-path:polygon(0% 3%,97% 0%,100% 95%,3% 100%);
}
.cpop__tab:hover{color:var(--c-white);border-color:rgba(255,152,0,.15)}
.cpop__tabs{position:relative}
.cpop__arrow-hint{
  position:absolute;top:0;left:0;z-index:5;
  animation:arrowNudge 1.8s ease-in-out infinite;
  filter:drop-shadow(0 0 6px rgba(255,152,0,.6));
  pointer-events:none;
}
@keyframes arrowNudge{
  0%,100%{transform:translateX(-50%) translateY(0)}
  40%{transform:translateX(-50%) translateY(4px)}
  60%{transform:translateX(-50%) translateY(0)}
  80%{transform:translateX(-50%) translateY(3px)}
}
.cpop__tab{position:relative}
.cpop__tab--active{background:var(--c-lime);color:#1A1A1A;border-color:var(--c-lime)}
[data-theme="light"] .cpop__tab{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08)}
.cpop__pane{display:none}
.cpop__pane--active{display:block}
.cpop__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:640px){.cpop__row{grid-template-columns:1fr}}
.cpop__field{margin-bottom:20px}
.cpop__label{display:block;font-family:var(--f-b);font-size:.78rem;font-weight:600;color:var(--c-white);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}
[data-theme="light"] .cpop__label{color:#1A1A1A}
.cpop__input{
  width:100%;padding:12px 0;background:transparent;
  border:none;border-bottom:1px solid rgba(255,255,255,.1);
  color:var(--c-white);font-family:var(--f-b);font-size:.88rem;
  outline:none;border-radius:0;transition:border-color .3s,box-shadow .3s;-webkit-appearance:none;
}
[data-theme="light"] .cpop__input{border-bottom-color:rgba(0,0,0,.1);color:#1A1A1A}
.cpop__input:focus{border-bottom-color:var(--c-lime);box-shadow:0 2px 0 var(--c-lime)}
.cpop__input::placeholder{color:var(--c-grey-m)}
.cpop__select{cursor:pointer;color:var(--c-grey-m)}
.cpop__select option{background:var(--c-black);color:var(--c-white)}
.cpop__textarea{min-height:80px;resize:vertical}
.cpop__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.cpop__tag-item{cursor:pointer}
.cpop__tag-item input{display:none}
.cpop__tag-item span{
  display:inline-block;padding:8px 16px;
  background:rgba(255,255,255,.03);
  color:var(--c-grey-l);font-size:.78rem;font-weight:500;
  transition:all .25s;
  clip-path:polygon(0% 4%,96% 0%,100% 94%,4% 100%);
}
.cpop__tag-item:hover span{border-color:rgba(255,152,0,.3);color:var(--c-white)}
.cpop__tag-item input:checked+span{
  background:var(--c-lime);border-color:var(--c-lime);color:#1A1A1A;font-weight:700;
}
[data-theme="light"] .cpop__tag-item span{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.1)}
.cpop__file{
  display:flex;flex-direction:column;gap:4px;
  padding:20px;border:1px dashed rgba(255,255,255,.1);
  cursor:pointer;text-align:center;transition:border-color .3s;
}
.cpop__file:hover{border-color:var(--c-lime)}
.cpop__file input{display:none}
.cpop__file span{font-size:.88rem;color:var(--c-grey-l)}
.cpop__file small{font-size:.7rem;color:var(--c-grey-m)}
.cpop__submit{
  width:100%;padding:16px;border:none;margin-top:8px;
  background:var(--c-lime);color:#1A1A1A;
  font-family:var(--f-b);font-weight:700;font-size:.92rem;
  cursor:pointer;transition:all .35s var(--ease);
  clip-path:polygon(0% 3%,98% 0%,100% 95%,2% 100%);
}
.cpop__submit:hover{background:var(--c-lime-b);transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,152,0,.2)}
.cpop__dialog::-webkit-scrollbar{width:4px}
.cpop__dialog::-webkit-scrollbar-track{background:transparent}
.cpop__dialog::-webkit-scrollbar-thumb{background:var(--c-grey-d);border-radius:2px}
.footer{padding:80px 0 32px;border-top:1px solid var(--c-grey-d)}
.footer__grid{display:grid;grid-template-columns:1fr;gap:40px;margin-bottom:48px}
@media(min-width:768px){.footer__grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}
.footer__brand{font-family:var(--f-d);font-weight:800;font-size:1.6rem;margin-bottom:12px;letter-spacing:-.02em}
.footer__brand span{color:var(--c-lime)}
.footer__brand-desc{font-size:.82rem;color:var(--c-grey-m);line-height:1.7;margin-bottom:20px;max-width:280px}
.footer__social{display:flex;gap:8px}
.footer__social-link{width:36px;height:36px;background:var(--c-black-c);border:1px solid var(--c-grey-d);border-radius:var(--r-s);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--c-grey-l);transition:all .3s}
.footer__social-link:hover{border-color:var(--c-lime);color:var(--c-lime)}
.footer__heading{font-family:var(--f-d);font-weight:600;font-size:.82rem;margin-bottom:16px}
.footer__link{display:block;font-size:.8rem;color:var(--c-grey-m);line-height:2.2;transition:color .3s}
.footer__link:hover{color:var(--c-lime)}
.footer__bottom{border-top:1px solid var(--c-grey-d);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer__copy{font-size:.72rem;color:var(--c-grey-m)}
.footer__legal{display:flex;gap:24px}
.footer__legal a{font-size:.72rem;color:var(--c-grey-m);transition:color .3s}
.footer__legal a:hover{color:var(--c-lime)}
@media(max-width:767px){
  .section{padding:72px 0}
  .hero{padding:100px 0 60px}
  .portfolio__grid{grid-template-columns:1fr}
  .portfolio__item--featured{min-height:320px}
  .team__grid{grid-template-columns:1fr 1fr}
  .cta-banner__inner{justify-content:center;text-align:center}
  .cta-contact__grid{gap:32px}
  .footer__grid{grid-template-columns:1fr 1fr}
  .approach__grid{gap:48px}
  .wwd__images{min-height:280px}
  .dot-grid{display:none}
}
.preloader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--c-black);transition:opacity .6s,visibility .6s}
.preloader--hidden{opacity:0;visibility:hidden;pointer-events:none}
.preloader__bg{position:absolute;inset:0;background-image:radial-gradient(rgba(255,152,0,.03) 1px,transparent 1px);background-size:20px 20px}
.preloader__particles{position:absolute;inset:0;overflow:hidden}
.preloader__particle{position:absolute;animation:particleFly var(--dur,4s) var(--delay,0s) linear infinite}
@keyframes particleFly{0%{transform:translate(0,0) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translate(var(--dx,100px),var(--dy,-200px)) rotate(var(--rot,360deg));opacity:0}}
.preloader__center{position:relative;display:flex;flex-direction:column;align-items:center;z-index:1}
.preloader__orbit{position:relative;width:220px;height:220px;margin-bottom:32px}
.preloader__orbit-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid}
.preloader__orbit-ring--1{width:220px;height:220px;border-color:rgba(255,152,0,.1);animation:spin 20s linear infinite}
.preloader__orbit-ring--2{width:160px;height:160px;border-color:rgba(74,230,200,.08);border-style:dashed;animation:spinReverse 15s linear infinite}
.preloader__orbit-ring--3{width:100px;height:100px;border-color:rgba(255,152,0,.06);animation:spin 10s linear infinite}
.preloader__px{width:8px;height:8px;position:absolute;top:50%;left:50%}
.preloader__px--1{--orbit-r:108px;--orbit-speed:3s;background:#FF9800;animation:orbit 3s linear infinite,pixelShift 2s ease infinite;box-shadow:0 0 12px rgba(255,152,0,.6)}
.preloader__px--2{--orbit-r:78px;--orbit-speed:2.5s;background:#4AE6C8;animation:orbit 2.5s linear infinite reverse,pixelShiftTeal 1.8s ease infinite;box-shadow:0 0 12px rgba(74,230,200,.6)}
.preloader__px--3{--orbit-r:48px;--orbit-speed:2s;background:#4A8DE6;animation:orbit 2s linear infinite,pixelShiftBlue 1.5s ease infinite;box-shadow:0 0 12px rgba(74,141,230,.6)}
.preloader__cross{position:absolute;top:50%;left:50%;width:14px;height:14px}
.preloader__cross::before,.preloader__cross::after{content:'';position:absolute;border-radius:1px}
.preloader__cross::before{width:14px;height:2px;top:6px;left:0}
.preloader__cross::after{width:2px;height:14px;top:0;left:6px}
.preloader__cross--1{--orbit-r:95px;animation:orbit 4s linear infinite}
.preloader__cross--1::before,.preloader__cross--1::after{background:#FF9800;animation:pixelShift 3s ease infinite}
.preloader__cross--2{--orbit-r:65px;animation:orbit 3.5s linear infinite reverse}
.preloader__cross--2::before,.preloader__cross--2::after{background:#4AE6C8;animation:pixelShiftTeal 2.5s ease infinite}
.preloader__diamond{width:10px;height:10px;position:absolute;top:50%;left:50%}
.preloader__diamond--1{--orbit-r:88px;background:#FF9800;box-shadow:0 0 10px rgba(255,152,0,.5);animation:orbit 5s linear infinite,diamondSpin 1.5s linear infinite,pixelShift 3s ease infinite}
.preloader__diamond--2{--orbit-r:55px;background:#4AE6C8;box-shadow:0 0 10px rgba(74,230,200,.5);animation:orbit 3s linear infinite reverse,diamondSpin 2s linear infinite reverse,pixelShiftTeal 2s ease infinite}
.preloader__llama{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;animation:llamaPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,152,0,.3))}
.preloader__llama svg{width:100%;height:100%}
@keyframes llamaPulse{0%,100%{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 0 20px rgba(255,152,0,.3))}50%{transform:translate(-50%,-50%) scale(1.08);filter:drop-shadow(0 0 35px rgba(255,152,0,.5))}}
.preloader__text{font-family:var(--f-d);font-size:1.8rem;font-weight:800;letter-spacing:-.02em;overflow:hidden;margin-bottom:20px}
.preloader__text-lama{color:var(--c-white);display:inline-block;animation:textReveal .6s .4s var(--ease) both}
.preloader__text-pixel{color:var(--c-lime);display:inline-block;animation:textReveal .6s .7s var(--ease) both}
@keyframes textReveal{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
.preloader__bar{width:160px;height:2px;background:var(--c-grey-d);border-radius:2px;overflow:hidden;margin-bottom:8px}
.preloader__bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--c-lime),var(--c-teal));border-radius:2px;transition:width .1s linear}
.preloader__percent{font-family:var(--f-m);font-size:.65rem;color:var(--c-grey-m);letter-spacing:.08em}
.page-hero{padding-top:180px;padding-bottom:80px;position:relative;overflow:hidden}
.page-hero__grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:end}
@media(min-width:1024px){.page-hero__grid{grid-template-columns:.62fr .38fr;gap:56px}}
.page-hero__eyebrow{font-family:var(--f-m);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-lime);display:inline-flex;gap:10px;align-items:center;margin-bottom:18px}
.page-hero__eyebrow::before{content:'';width:26px;height:1px;background:var(--c-lime);display:block}
.page-hero__title{font-family:var(--f-d);font-weight:900;font-size:clamp(2.6rem,7vw,5.4rem);line-height:1.02;letter-spacing:-.05em;margin-bottom:20px}
.page-hero__title .accent{color:var(--c-lime)}
.page-hero__text{max-width:620px;font-size:1.04rem;color:var(--c-grey-l);line-height:1.8;margin-bottom:28px}
.page-hero__cta{display:flex;flex-wrap:wrap;gap:12px}
.page-hero__card{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border:1px solid rgba(255,152,0,.09);border-radius:32px;padding:28px;position:relative;overflow:hidden;box-shadow:0 20px 80px rgba(0,0,0,.35)}
.page-hero__card::before{content:'';position:absolute;inset:auto -15% -35% auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,152,0,.18),transparent 70%)}
.metric-list{display:grid;gap:16px}
.metric{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.metric:last-child{border-bottom:none}
.metric__label{font-family:var(--f-m);font-size:.72rem;text-transform:uppercase;color:var(--c-grey-m);letter-spacing:.08em}
.metric__value{font-family:var(--f-d);font-size:1rem;color:var(--c-white)}
.blog-layout{padding-bottom:120px}
.blog-section{padding:28px 0 0}
.blog-grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:760px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1180px){.blog-grid{grid-template-columns:repeat(3,1fr)}}
.post-card{position:relative;display:flex;flex-direction:column;min-height:360px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.06);border-radius:2px;padding:24px;overflow:hidden;transition:transform .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease)}
.post-card::before{content:'';position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,152,0,.08),transparent 42%,rgba(74,230,200,.05));opacity:0;transition:opacity .45s var(--ease)}
.post-card:hover{transform:translateY(-8px);border-color:rgba(255,152,0,.16);box-shadow:0 26px 70px rgba(0,0,0,.35)}
.post-card:hover::before{opacity:1}
.post-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;position:relative;z-index:1}
.post-card__tag,.post-card__time{font-family:var(--f-m);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 10px}
.post-card__tag{background:rgba(255,152,0,.08);border:1px solid rgba(255,152,0,.12);color:var(--c-lime)}
.post-card__time{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);color:var(--c-grey-s)}
.post-card__title{font-family:var(--f-d);font-size:1.5rem;line-height:1.12;letter-spacing:-.03em;margin-bottom:14px;position:relative;z-index:1}
.post-card__excerpt{color:var(--c-grey-l);font-size:.96rem;line-height:1.72;margin-bottom:20px;position:relative;z-index:1}
.post-card__footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1}
.post-card__link{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-m);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--c-lime)}
.post-card__link::after{content:'→';transition:transform .3s var(--ease)}
.post-card:hover .post-card__link::after{transform:translateX(4px)}
.post-card__stats{font-size:.74rem;color:var(--c-grey-m)}
.blog-banner{margin:60px 0 18px;padding:28px;border-radius:32px;background:linear-gradient(135deg,rgba(255,152,0,.12),rgba(74,230,200,.04) 55%,rgba(255,255,255,.01));border:1px solid rgba(255,152,0,.1);display:grid;grid-template-columns:1fr;gap:24px;align-items:center}
@media(min-width:960px){.blog-banner{grid-template-columns:1.2fr .8fr;padding:34px 38px}}
.blog-banner__title{font-family:var(--f-d);font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.08;letter-spacing:-.04em;margin-bottom:12px}
.blog-banner__text{color:var(--c-grey-s);max-width:620px}
.blog-banner__chips{display:flex;flex-wrap:wrap;gap:10px}
.blog-banner__chip{font-family:var(--f-m);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(10,10,10,.28)}
.guides-carousel{position:relative;margin-top:26px}
.guides-track{display:flex;gap:20px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}
.guides-track::-webkit-scrollbar{display:none}
.guide-slide{min-width:min(88vw,420px);scroll-snap-align:start;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.07);border-radius:30px;padding:24px;position:relative;overflow:hidden}
.guide-slide::after{content:'';position:absolute;inset:auto -40px -40px auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,152,0,.16),transparent 68%)}
.guide-slide__title{font-family:var(--f-d);font-size:1.45rem;line-height:1.12;letter-spacing:-.03em;max-width:320px;margin:16px 0 14px;position:relative;z-index:1}
.guide-slide__text{color:var(--c-grey-l);line-height:1.7;position:relative;z-index:1}
.guide-slide__actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;position:relative;z-index:1}
.carousel-nav{display:flex;gap:10px;margin-top:16px}
.carousel-btn{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:var(--c-white);transition:all .3s var(--ease)}
.carousel-btn:hover{background:rgba(255,152,0,.08);border-color:rgba(255,152,0,.18);color:var(--c-lime)}
/* Legacy .article-* block removed in 1.0.5 — old blogpost design is gone, and .article-content here was forcing a 2-column grid that broke the new /clanek/<slug> layout. Article styles now live scoped inside clanek.php under .page-article. */
.page-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(255,152,0,.08),transparent 28%),radial-gradient(circle at 80% 10%,rgba(74,230,200,.06),transparent 26%)}
.header__link.is-active{color:var(--c-white)}
.header__link.is-active::after{width:100%}
.container--wide{max-width:1480px}
.page{background:var(--c-black)}
.page-hero{padding:160px 0 84px;position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:auto auto 0 -10%;width:520px;height:520px;background:radial-gradient(circle,rgba(255,152,0,.12),transparent 62%);pointer-events:none;filter:blur(10px)}
.page-hero__grid,.service-page__hero-grid{display:grid;grid-template-columns:1fr;gap:36px;align-items:start}
@media(min-width:1100px){.page-hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(360px,.72fr)}.service-page__hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.78fr);gap:52px}}
.page-hero__title{font-family:var(--f-d);font-size:clamp(2.7rem,7vw,6.2rem);font-weight:900;letter-spacing:-.055em;line-height:.98;max-width:12ch;text-wrap:balance}
.page-hero__title--article{max-width:13ch;font-size:clamp(2.2rem,5vw,4.6rem)}
.page-hero__desc{font-size:1.14rem;line-height:1.9;letter-spacing:.012em;color:var(--c-grey-s);max-width:840px;margin-top:26px}
.page-hero__desc--article{max-width:900px}
.page-hero__aside h2{font-family:var(--f-d);font-size:clamp(1.65rem,3vw,3rem);line-height:1.06;letter-spacing:-.04em;margin-bottom:22px;max-width:11ch}
.page-hero__aside p{font-size:1.06rem;line-height:1.9;letter-spacing:.013em;color:var(--c-grey-s)}
.glow-panel{border:1px solid rgba(255,152,0,.12);border-radius:32px;padding:38px;background:linear-gradient(135deg,rgba(255,152,0,.08),rgba(74,230,200,.02) 34%,rgba(255,255,255,.02));box-shadow:0 30px 80px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.02)}
.tag-cloud{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.tag-cloud span{padding:12px 18px;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-family:var(--f-m);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;background:rgba(0,0,0,.18)}
.page-section-title{font-family:var(--f-d);font-size:clamp(2.2rem,5vw,4.7rem);line-height:.98;letter-spacing:-.05em;max-width:14ch;margin-bottom:18px}.page-section-title--sm{font-size:clamp(1.8rem,3vw,3rem);max-width:16ch}
.section__desc--wide{max-width:900px;font-size:1.08rem;letter-spacing:.012em}
.blog-layout{padding-bottom:120px}
.blog-grid--wide{display:grid;grid-template-columns:1fr;gap:24px}.blog-card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);border-radius:2px;overflow:hidden;transition:transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease)}.blog-card:hover{transform:translateY(-8px);border-color:rgba(255,152,0,.2);box-shadow:0 30px 60px rgba(0,0,0,.32)}
.blog-card__image{display:block;aspect-ratio:16/10;overflow:hidden}.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .7s var(--ease)}.blog-card:hover .blog-card__image img{transform:scale(1.06);filter:saturate(1.05)}
.blog-card__body{padding:24px 24px 28px}.blog-card__meta{font-family:var(--f-m);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--c-lime);margin-bottom:14px}.blog-card h3{font-family:var(--f-d);font-size:clamp(1.15rem,2vw,1.8rem);line-height:1.08;letter-spacing:-.03em;margin-bottom:14px}.blog-card p{font-size:1rem;line-height:1.82;letter-spacing:.013em;color:var(--c-grey-s)}
.blog-card--quote{display:flex;align-items:stretch;background:radial-gradient(circle at top left,rgba(255,152,0,.15),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}.blog-card--feature{grid-column:span 1}@media(min-width:900px){.blog-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card--feature{grid-column:span 2}}@media(min-width:1360px){.blog-grid--wide{grid-template-columns:1.15fr 1fr 1fr}}
.guide-strip__head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px;flex-wrap:wrap}.guide-strip__controls{display:flex;gap:12px}.guide-strip__control{width:54px;height:54px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--c-white);font-size:1.25rem;transition:all .3s var(--ease)}.guide-strip__control:hover{border-color:rgba(255,152,0,.3);color:var(--c-lime);transform:translateY(-2px)}
.guides-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,35vw);gap:20px;overflow:auto;scrollbar-width:none;padding-bottom:6px}.guides-track::-webkit-scrollbar{display:none}.guide-slide{padding:28px;border-radius:2px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012));min-height:280px;display:flex;flex-direction:column;justify-content:space-between}.guide-slide__label{font-family:var(--f-m);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-lime);margin-bottom:18px}.guide-slide h3{font-family:var(--f-d);font-size:1.6rem;line-height:1.08;letter-spacing:-.03em;margin-bottom:14px}.guide-slide p{color:var(--c-grey-s);line-height:1.84;letter-spacing:.013em;margin-bottom:18px}
/* (Removed second legacy .article-* cluster in 1.0.5 — dead code from old blogpost design.) */
.service-page__visual{position:relative}.service-page__image-card{border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px rgba(0,0,0,.38);min-height:520px}.service-page__image-card img{width:100%;height:100%;object-fit:cover}.tag-cloud--float{position:absolute;left:18px;right:18px;bottom:18px;margin-top:0}.tag-cloud--float span{backdrop-filter:blur(14px);background:rgba(10,10,10,.45)}
.mini-stats{display:grid;grid-template-columns:1fr;gap:14px;margin-top:30px}@media(min-width:760px){.mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.mini-stat{padding:18px 20px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}.mini-stat strong{display:block;font-family:var(--f-d);font-size:1rem;letter-spacing:-.03em;margin-bottom:6px}.mini-stat span{color:var(--c-grey-s);line-height:1.7;letter-spacing:.013em;font-size:.95rem}
.service-band{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:900px){.service-band{grid-template-columns:repeat(3,minmax(0,1fr))}}.insight-card{padding:28px;border-radius:2px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012));position:relative;overflow:hidden}.insight-card::before{content:'';position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,var(--c-lime),transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.insight-card:hover::before{transform:scaleX(1)}.insight-card h3{font-family:var(--f-d);font-size:1.4rem;line-height:1.06;letter-spacing:-.03em;margin-bottom:14px}.insight-card p{color:var(--c-grey-s);line-height:1.85;letter-spacing:.013em}
.creative-two-col{display:grid;grid-template-columns:1fr;gap:30px}@media(min-width:1100px){.creative-two-col{grid-template-columns:minmax(0,.92fr) minmax(360px,.8fr);gap:54px}}.process-stack{display:grid;gap:16px}.process-step{display:grid;grid-template-columns:62px 1fr;gap:16px;padding:22px 22px 24px;border-radius:2px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}.process-step span{font-family:var(--f-d);font-size:1.5rem;color:var(--c-lime);letter-spacing:-.05em}.process-step h3{font-family:var(--f-d);font-size:1.15rem;letter-spacing:-.02em;margin-bottom:8px}.process-step p{color:var(--c-grey-s);line-height:1.8;letter-spacing:.013em}
.cta-slab{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:32px;border-radius:30px;border:1px solid rgba(255,152,0,.12);background:linear-gradient(135deg,rgba(255,152,0,.08),rgba(255,255,255,.015))}
@media(max-width:767px){.page-hero,.article-hero{padding-top:132px}.page-hero__title{font-size:clamp(2.6rem,14vw,4.4rem);max-width:10ch}.page-section-title{font-size:clamp(2rem,11vw,3.2rem)}}
.header__controls{
  display:flex;align-items:center;gap:10px;flex-shrink:0;
}
.lang-switch{
  position:relative;display:none;flex-shrink:0;
}
@media(min-width:768px){.lang-switch{display:block}}
.lang-switch__current{
  display:flex;align-items:center;gap:6px;
  padding:5px 12px 5px 6px;border-radius:13px;height:30px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);
  color:var(--c-grey-l);cursor:pointer;
  font-family:var(--f-m);font-size:.65rem;font-weight:500;
  letter-spacing:.04em;transition:all .3s var(--ease);
}
.lang-switch__current:hover{
  border-color:rgba(255,152,0,.2);background:rgba(255,152,0,.04);
}
.lang-switch__active-flag{width:18px;height:13px;border-radius:2px;overflow:hidden;flex-shrink:0;display:flex}
.lang-switch__active-flag svg{width:100%;height:100%}
.lang-switch__opt-flag{width:18px;height:13px;border-radius:2px;overflow:hidden;flex-shrink:0;display:flex}
.lang-switch__opt-flag svg{width:100%;height:100%}
.lang-switch__chev{
  transition:transform .3s var(--ease);color:var(--c-grey-m);
}
.lang-switch--open .lang-switch__chev{transform:rotate(180deg)}
.lang-switch--open .lang-switch__current{
  border-color:rgba(255,152,0,.2);background:rgba(255,152,0,.04);
}
.lang-switch__dropdown{
  position:absolute;top:calc(100% + 6px);right:0;
  min-width:150px;padding:6px;border-radius:2px;
  background:var(--c-black-c);border:1px solid rgba(255,255,255,.08);
  box-shadow:0 16px 40px rgba(0,0,0,.4);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:all .25s var(--ease);z-index:999;
}
.lang-switch--open .lang-switch__dropdown{
  opacity:1;visibility:visible;transform:translateY(0);
}
.lang-switch__option{
  display:flex;align-items:center;gap:8px;width:100%;
  padding:9px 12px;border:none;border-radius:2px;
  background:transparent;color:var(--c-grey-l);cursor:pointer;
  font-family:var(--f-b);font-size:.8rem;text-align:left;
  transition:all .2s;
}
.lang-switch__option:hover{
  background:rgba(255,152,0,.06);color:var(--c-white);
}
.lang-switch__option--active{color:var(--c-lime)}
[data-theme="light"] .lang-switch__current{
  background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);
}
[data-theme="light"] .lang-switch__current:hover{
  border-color:rgba(255,152,0,.2);background:rgba(255,152,0,.04);
}
[data-theme="light"] .lang-switch__dropdown{
  background:#FFF;border-color:rgba(0,0,0,.08);
  box-shadow:0 16px 40px rgba(0,0,0,.1);
}
[data-theme="light"] .lang-switch__option:hover{
  background:rgba(255,152,0,.06);
}
.dt-widget{
  display:none;align-items:center;gap:10px;flex-shrink:0;
}
@media(min-width:768px){.dt-widget{display:flex}}
.dt-widget__time{
  font-family:var(--f-m);font-size:.62rem;letter-spacing:.04em;
  color:var(--c-grey-m);transition:color .4s;
}
.dt-switch{
  position:relative;width:56px;height:30px;border-radius:4px;
  background:#1A2340;
  border:1px solid rgba(255,255,255,.08);
  cursor:pointer;transition:all .5s var(--ease);
  padding:0;
}
.dt-switch:hover{transform:scale(1.06)}
[data-theme="light"] .dt-switch{
  background:#E8D5A8;
  border-color:rgba(0,0,0,.08);
}
.dt-switch__thumb{
  position:absolute;top:2px;left:2px;
  width:24px;height:24px;border-radius:3px;
  background:#2A3A6A;
  box-shadow:0 2px 8px rgba(0,0,0,.3);
  transition:left .4s var(--ease),background .4s,box-shadow .4s,transform .4s;
  display:flex;align-items:center;justify-content:center;
  z-index:2;
}
.dt-switch:hover .dt-switch__thumb{transform:scale(1.05)}
[data-theme="light"] .dt-switch__thumb{
  left:calc(100% - 26px);
  background:#F5A623;
  box-shadow:0 0 12px rgba(245,166,35,.5),0 2px 6px rgba(0,0,0,.12);
}
.dt-switch__ico{
  position:absolute;width:14px;height:14px;
  transition:opacity .4s var(--ease),transform .4s var(--ease);
}
.dt-switch__ico--moon{color:#B8C4E0;opacity:1;transform:rotate(0) scale(1)}
.dt-switch__ico--sun{color:#FFF;opacity:0;transform:rotate(60deg) scale(0.4)}
[data-theme="light"] .dt-switch__ico--moon{opacity:0;transform:rotate(-60deg) scale(0.4)}
[data-theme="light"] .dt-switch__ico--sun{opacity:1;transform:rotate(0) scale(1)}
.dt-widget--mobile{
  display:flex!important;padding-top:0;margin-top:0;
}
@media(min-width:768px){.dt-widget--mobile{display:none!important}}
body,
.header,
.service,
.contact-form,
.testimonial,
.blog-card,
.contact-form__input,
.portfolio__track,
.portfolio-project,
.portfolio-project__hover,
.mobile-menu,
.preloader{
  transition-property:background,background-color,border-color,color,box-shadow;
  transition-duration:.5s;
  transition-timing-function:var(--ease);
}
[data-theme="light"]{
  --c-black:#FAFAFA;
  --c-black-s:#F2F2F2;
  --c-black-c:#FFFFFF;
  --c-black-h:#F5F5F5;
  --c-grey-d:#E5E5E5;
  --c-grey:#D1D1D1;
  --c-grey-m:#8A8A8A;
  --c-grey-l:#666;
  --c-grey-s:#444;
  --c-white:#1A1A1A;
  --c-white-p:#0A0A0A;
  --c-glow:rgba(255,152,0,.12);
  --c-glow-s:rgba(255,152,0,.06);
}
[data-theme="light"] ::selection{background:var(--c-lime);color:#FFF}
[data-theme="light"] ::-webkit-scrollbar-track{background:#F0F0F0}
[data-theme="light"] ::-webkit-scrollbar-thumb{background:#CCC}
[data-theme="light"] ::-webkit-scrollbar-thumb:hover{background:var(--c-lime)}
[data-theme="light"] .header--scrolled{
  background:rgba(250,250,250,.92);
  border-bottom:1px solid rgba(0,0,0,.06);
}
[data-theme="light"] .hero::before{background:radial-gradient(circle,rgba(255,152,0,.08),transparent 65%)}
[data-theme="light"] .hero__arc{border-color:rgba(255,152,0,.1)}
[data-theme="light"] .hero__title-outline{-webkit-text-stroke-color:#D1D1D1}
[data-theme="light"] .hero__inline-photo{border-color:var(--c-lime);box-shadow:0 0 24px rgba(255,152,0,.2)}
[data-theme="light"] .hero__highlight::before{background:var(--c-lime)}
[data-theme="light"] .hero__highlight span{color:#FFF}
[data-theme="light"] .hero__photo{box-shadow:0 20px 60px rgba(0,0,0,.12)}
[data-theme="light"] .hero__photo--2{border-color:rgba(255,152,0,.2)}
[data-theme="light"] .header__burger span{background:var(--c-white)}
[data-theme="light"] .btn--primary{color:#1A1A1A}
[data-theme="light"] .header__cta{color:#1A1A1A}
[data-theme="light"] .btn--secondary{border-color:#D1D1D1;color:#1A1A1A}
[data-theme="light"] .btn--secondary:hover{border-color:var(--c-lime);color:var(--c-lime)}
[data-theme="light"] .mobile-menu{background:rgba(250,250,250,.98)}
[data-theme="light"] .orbit-deco__ring{border-color:rgba(255,152,0,.12)}
[data-theme="light"] .orbit-deco__ring--dashed{border-color:rgba(255,152,0,.08)}
[data-theme="light"] .dot-grid span{background:var(--c-lime)}
[data-theme="light"] .wwd__arc{border-color:rgba(255,152,0,.1)}
[data-theme="light"] .wwd__img{box-shadow:0 20px 60px rgba(0,0,0,.1)}
[data-theme="light"] .service{
  background:#FFF;border-color:#E8E8E8;
  box-shadow:0 2px 20px rgba(0,0,0,.04);
}
[data-theme="light"] .service:hover{
  border-color:rgba(255,152,0,.3);
  box-shadow:0 20px 60px rgba(0,0,0,.08);
}
[data-theme="light"] .service::after{color:rgba(255,152,0,.06)}
[data-theme="light"] .service:hover::after{color:rgba(255,152,0,.1)}
[data-theme="light"] .bigtext{background:var(--c-lime)}
[data-theme="light"] .portfolio::before{
  background:
    radial-gradient(circle at 15% 20%,rgba(255,152,0,.06),transparent 28%),
    radial-gradient(circle at 85% 30%,rgba(74,230,200,.04),transparent 24%),
    linear-gradient(180deg,rgba(0,0,0,.01),transparent 24%,transparent 76%,rgba(0,0,0,.01));
}
[data-theme="light"] .portfolio__bg-column{
  border-color:rgba(0,0,0,.04);
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.005));
}
[data-theme="light"] .portfolio__bg-column::before,
[data-theme="light"] .portfolio__bg-column::after{border-color:rgba(0,0,0,.04)}
[data-theme="light"] .portfolio__track{
  border-color:rgba(0,0,0,.08);
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.01));
  box-shadow:0 30px 80px rgba(0,0,0,.06);
}
[data-theme="light"] .portfolio__track::before{
  background:linear-gradient(90deg,rgba(250,250,250,.95),transparent 14%,transparent 86%,rgba(250,250,250,.95));
}
[data-theme="light"] .portfolio-project{
  background:#FFF;border-color:rgba(0,0,0,.08);
}
[data-theme="light"] .portfolio-project:hover{
  border-color:rgba(255,152,0,.3);
  box-shadow:0 26px 64px rgba(0,0,0,.1);
}
[data-theme="light"] .portfolio-project__overlay{
  background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.88) 100%);
}
[data-theme="light"] .portfolio-project:hover .portfolio-project__overlay{
  background:linear-gradient(180deg,rgba(255,152,0,.06) 0%,rgba(255,152,0,.1) 26%,rgba(0,0,0,.15) 52%,rgba(0,0,0,.82) 100%);
}
[data-theme="light"] .portfolio-project__hover{
  background:linear-gradient(180deg,rgba(255,152,0,.12),rgba(0,0,0,.82) 22%,rgba(0,0,0,.88) 100%);
  border-color:rgba(255,152,0,.2);
}
[data-theme="light"] .portfolio__viewall{
  background:rgba(255,152,0,.08);border-color:rgba(255,152,0,.2);
}
[data-theme="light"] .portfolio__note{
  background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.08);
}
[data-theme="light"] .approach__orbit-ring{border-color:rgba(255,152,0,.12)}
[data-theme="light"] .approach__orbit-ring--inner{border-color:rgba(255,152,0,.08)}
[data-theme="light"] .team-card__image{border-color:#E8E8E8}
[data-theme="light"] .team-card__social-link{
  background:rgba(255,255,255,.85);border-color:#E0E0E0;
}
[data-theme="light"] .team-card__social-link:hover{
  background:var(--c-lime);color:#FFF;border-color:var(--c-lime);
}
[data-theme="light"] .cta-banner{background:var(--c-lime)}
[data-theme="light"] .cta-banner__text{color:#FFF}
[data-theme="light"] .cta-banner__btn{background:#1A1A1A}
[data-theme="light"] .cta-banner__btn span{color:#FFF}
[data-theme="light"] .testimonial{
  background:#FFF;border-color:#E8E8E8;
  box-shadow:0 2px 20px rgba(0,0,0,.04);
}
[data-theme="light"] .testimonial:hover{border-color:rgba(255,152,0,.2)}
[data-theme="light"] .testimonial--featured{
  border-color:rgba(255,152,0,.2);
  box-shadow:0 4px 40px rgba(255,152,0,.06);
}
[data-theme="light"] .blog-card{
  background:#FFF;border-color:#E8E8E8;
  box-shadow:0 2px 20px rgba(0,0,0,.04);
}
[data-theme="light"] .blog-card:hover{
  border-color:rgba(255,152,0,.25);
  box-shadow:0 20px 60px rgba(0,0,0,.08);
}
[data-theme="light"] .contact-form{
  background:#FFF;border-color:#E8E8E8;
  box-shadow:0 4px 40px rgba(0,0,0,.06);
}
[data-theme="light"] .contact-form__input{
  background:#F5F5F5;border-color:#E0E0E0;color:#1A1A1A;
}
[data-theme="light"] .contact-form__input::placeholder{color:#999}
[data-theme="light"] .contact-form__input:focus{
  border-color:var(--c-lime);
  box-shadow:0 0 0 3px rgba(255,152,0,.1);
}
[data-theme="light"] .cta-contact::before{
  background:linear-gradient(135deg,rgba(255,152,0,.04),rgba(74,230,200,.02));
}
[data-theme="light"] .footer{border-top-color:#E5E5E5}
[data-theme="light"] .footer__social-link{
  background:#F5F5F5;border-color:#E0E0E0;
}
[data-theme="light"] .marquee{border-color:#E5E5E5}
[data-theme="light"] .marquee__item{color:#D1D1D1}
[data-theme="light"] .divider{background:linear-gradient(90deg,transparent,#E5E5E5 20%,#E5E5E5 80%,transparent)}
[data-theme="light"] .preloader{background:#FAFAFA}
[data-theme="light"] .preloader__bg{background-image:radial-gradient(rgba(255,152,0,.06) 1px,transparent 1px)}
[data-theme="light"] .llama-icon{filter:drop-shadow(0 0 8px rgba(255,152,0,.2))}
[data-theme="light"] .llama-ghost{opacity:.04!important}
[data-theme="light"] .glow-panel{
  border-color:rgba(255,152,0,.1);
  background:linear-gradient(135deg,rgba(255,152,0,.05),rgba(74,230,200,.02) 34%,rgba(0,0,0,.01));
  box-shadow:0 30px 80px rgba(0,0,0,.06),inset 0 0 0 1px rgba(0,0,0,.02);
}
[data-theme="light"] .hero__stats{border-top-color:#E5E5E5}
[data-theme="light"] .post-card{
  background:#FFF;border-color:#E8E8E8;
}
[data-theme="light"] .post-card:hover{
  border-color:rgba(255,152,0,.2);
  box-shadow:0 26px 70px rgba(0,0,0,.06);
}
[data-theme="light"] .post-card::before{
  background:linear-gradient(140deg,rgba(255,152,0,.06),transparent 42%,rgba(74,230,200,.03));
}
[data-theme="light"] .hero__spin-badge text{fill:var(--c-lime)}
[data-theme="light"] .hero__spin-badge circle:first-of-type{stroke:rgba(255,152,0,.15)}
[data-theme="light"] .hero__spin-badge circle:last-of-type{stroke:rgba(255,152,0,.08)}
[data-theme="light"] .guide-slide{
  background:linear-gradient(180deg,rgba(0,0,0,.01),rgba(0,0,0,.005));
  border-color:rgba(0,0,0,.08);
}
[data-theme="light"] .guide-slide::after{
  background:radial-gradient(circle,rgba(255,152,0,.1),transparent 68%);
}
[data-theme="light"] .cta-slab{
  border-color:rgba(255,152,0,.15);
  background:linear-gradient(135deg,rgba(255,152,0,.06),rgba(0,0,0,.01));
}
[data-theme="light"] .page-hero::before{background:radial-gradient(circle,rgba(255,152,0,.08),transparent 62%)}
[data-theme="light"] .page-hero__card{
  background:linear-gradient(180deg,rgba(0,0,0,.01),rgba(0,0,0,.005));
  border-color:rgba(255,152,0,.1);
  box-shadow:0 20px 80px rgba(0,0,0,.06);
}
[data-theme="light"] .page-hero__card::before{
  background:radial-gradient(circle,rgba(255,152,0,.1),transparent 70%);
}
[data-theme="light"] .metric{border-bottom-color:rgba(0,0,0,.06)}
[data-theme="light"] .insight-card{
  background:linear-gradient(180deg,rgba(0,0,0,.01),rgba(0,0,0,.005));
  border-color:rgba(0,0,0,.08);
}
[data-theme="light"] .wwd__item{border-bottom-color:#E5E5E5}
[data-theme="light"] .wwd__item-num{
  background:rgba(255,152,0,.08);
  border-color:rgba(255,152,0,.15);
}
[data-theme="light"] .article-cover{
  background:linear-gradient(135deg,rgba(0,0,0,.02),rgba(255,152,0,.04));
  border-color:rgba(0,0,0,.06);
}
[data-theme="light"] .article-cover__card{
  background:rgba(255,255,255,.7);
  border-color:rgba(0,0,0,.06);
}
[data-theme="light"] .info-card{
  background:rgba(0,0,0,.02);
  border-color:rgba(0,0,0,.06);
}
[data-theme="light"] .blog-banner{
  background:linear-gradient(135deg,rgba(255,152,0,.08),rgba(74,230,200,.03) 55%,rgba(0,0,0,.01));
  border-color:rgba(255,152,0,.12);
}
[data-theme="light"] .process-step{
  background:rgba(0,0,0,.02);
  border-color:rgba(0,0,0,.06);
}
[data-theme="light"] .tag-cloud span{
  border-color:rgba(0,0,0,.1);
  background:rgba(0,0,0,.03);
}
[data-theme="light"] .carousel-btn{
  background:rgba(0,0,0,.03);
  border-color:rgba(0,0,0,.08);
}
[data-theme="light"] .carousel-btn:hover{
  background:rgba(255,152,0,.08);
  border-color:rgba(255,152,0,.2);
}
.mega-backdrop{
  position:fixed;inset:0;z-index:997;
  background:rgba(0,0,0,.5);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .35s var(--ease),visibility .35s;
}
.mega-backdrop--active{opacity:1;visibility:visible;pointer-events:auto}
[data-theme="light"] .mega-backdrop{background:rgba(255,255,255,.5)}
.mega-trigger{position:relative}
.mega-trigger__btn{
  display:inline-flex;align-items:center;gap:5px;
  background:none;color:var(--c-grey-l);
  font-size:.85rem;font-weight:500;letter-spacing:.03em;
  padding:0;cursor:pointer;position:relative;font-family:var(--f-b);
}
.mega-trigger__btn::after{
  content:'';position:absolute;bottom:-4px;left:0;width:0;
  height:1.5px;background:var(--c-lime);transition:width .3s;
}
.mega-trigger:hover .mega-trigger__btn,
.mega-trigger--active .mega-trigger__btn{color:var(--c-white)}
.mega-trigger:hover .mega-trigger__btn::after,
.mega-trigger--active .mega-trigger__btn::after{width:100%}
.mega-trigger__chevron{transition:transform .35s var(--ease);flex-shrink:0}
.mega-trigger:hover .mega-trigger__chevron,
.mega-trigger--active .mega-trigger__chevron{transform:rotate(180deg)}
.mega-trigger>*{pointer-events:auto}
.mega-trigger::after{content:"";position:absolute;left:-30px;right:-30px;bottom:-20px;height:22px}
.mega-panel{
  position:fixed;left:0;right:0;top:var(--header-h,62px);
  background:var(--c-black);
  border-bottom:1px solid rgba(255,255,255,.06);
  box-shadow:0 40px 80px rgba(0,0,0,.5);
  opacity:0;visibility:hidden;transform:translateY(-12px);
  transition:opacity .35s var(--ease),transform .35s var(--ease),visibility .35s;
  z-index:998;max-height:calc(100vh - var(--header-h,62px) - 20px);overflow-y:auto;
}
.mega-trigger:hover > .mega-panel,
.mega-trigger--active > .mega-panel{
  opacity:1;visibility:visible;transform:translateY(0);
}
.mega-panel__inner{padding:0 48px}
.mega-ed{display:flex;flex-direction:column}
.mega-ed__item{
  display:grid;grid-template-columns:48px 1fr 32px;gap:16px;
  align-items:center;padding:22px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
  transition:all .3s var(--ease);
}
.mega-ed__item:first-child{border-top:1px solid rgba(255,255,255,.06)}
.mega-ed__item:hover{padding-left:12px;background:rgba(255,152,0,.03)}
.mega-ed__num{
  font-family:var(--f-m);font-size:.65rem;color:var(--c-grey-m);
  letter-spacing:.06em;
}
.mega-ed__title{
  font-family:var(--f-d);font-weight:700;font-size:clamp(1.1rem,2vw,1.6rem);
  letter-spacing:-.02em;color:var(--c-white);display:block;
  transition:color .3s;
}
.mega-ed__item:hover .mega-ed__title{color:var(--c-lime)}
.mega-ed__desc{
  font-size:.78rem;color:var(--c-grey-m);margin-top:2px;
  letter-spacing:.01em;display:block;
}
.mega-ed__arrow{
  font-size:1.1rem;color:var(--c-grey-m);
  transition:transform .3s,color .3s;justify-self:end;
}
.mega-ed__item:hover .mega-ed__arrow{
  transform:translateX(4px);color:var(--c-lime);
}
.mega-about{
  display:grid;grid-template-columns:1fr;gap:32px;
  padding:28px 0;
}
@media(min-width:1024px){.mega-about--full{grid-template-columns:1fr}}
.mega-about__links{display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:768px){.mega-about__links{grid-template-columns:repeat(4,1fr);gap:0}}
.mega-about__link{
  display:flex;align-items:center;justify-content:space-between;
  padding:24px 20px;
  border-right:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
  border-top:1px solid rgba(255,255,255,.06);
  font-family:var(--f-d);font-weight:700;font-size:clamp(1rem,1.8vw,1.35rem);
  letter-spacing:-.02em;color:var(--c-white);
  transition:all .3s var(--ease);
}
.mega-about__link:first-child{border-left:1px solid rgba(255,255,255,.06)}
.mega-about__link span{
  font-size:.9rem;color:var(--c-grey-m);transition:transform .3s,color .3s;
}
.mega-about__link:hover{padding-left:10px;color:var(--c-lime)}
.mega-about__link:hover span{transform:translateX(4px);color:var(--c-lime)}
.mega-about__contact{
  padding:24px;border-radius:2px;
  background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);
  align-self:start;
}
.mega-about__contact-title{
  font-family:var(--f-m);font-size:.62rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--c-grey-m);margin-bottom:16px;
}
.mega-about__contact-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);
  font-size:.85rem;
}
.mega-about__contact-row span:first-child{
  font-family:var(--f-m);font-size:.62rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--c-grey-m);
}
.mega-about__contact-row a,
.mega-about__contact-row span:last-child{
  color:var(--c-grey-s);transition:color .3s;
}
.mega-about__contact-row a:hover{color:var(--c-lime)}
.mega-about__cta{
  display:flex;justify-content:center;align-items:center;
  width:100%;padding:14px;border-radius:2px;margin-top:16px;
  background:var(--c-lime);color:#1A1A1A;font-weight:600;font-size:.85rem;
  transition:all .3s var(--ease);
}
.mega-about__cta:hover{
  background:var(--c-lime-b);transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(255,152,0,.2);
}
[data-theme="light"] .mega-panel{
  background:#FFF;border-bottom-color:#E5E5E5;
  box-shadow:0 40px 80px rgba(0,0,0,.08);
}
[data-theme="light"] .mega-ed__item{border-bottom-color:rgba(0,0,0,.06)}
[data-theme="light"] .mega-ed__item:first-child{border-top-color:rgba(0,0,0,.06)}
[data-theme="light"] .mega-ed__item:hover{background:rgba(255,152,0,.03)}
[data-theme="light"] .mega-about__link{border-color:rgba(0,0,0,.06)}
[data-theme="light"] .mega-about__contact{
  background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.06);
}
[data-theme="light"] .mega-about__contact-row{border-bottom-color:rgba(0,0,0,.04)}
.mega-phone{
  display:flex;justify-content:center;align-items:center;
  padding:12px 0;
}
.mega-phone__frame{
  position:relative;width:220px;
  background:#111;border-radius:2px;
  border:3px solid #2A2A2A;
  padding:8px;
  box-shadow:0 20px 50px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.04);
}
.mega-phone__notch{
  position:absolute;top:10px;left:50%;transform:translateX(-50%);
  width:60px;height:6px;background:#1A1A1A;border-radius:2px;
  z-index:3;border:1px solid #222;
}
.mega-phone__screen{
  position:relative;border-radius:2px;overflow:hidden;
  aspect-ratio:9/19;background:#0A0A0A;
}
.mega-phone__img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;opacity:0;
  transition:opacity .5s var(--ease);
}
.mega-phone__img--active{opacity:1}
.mega-phone__progress{
  position:absolute;top:22px;left:12px;right:12px;
  display:flex;gap:3px;z-index:4;
}
.mega-phone__bar{
  flex:1;height:2px;border-radius:1px;
  background:rgba(255,255,255,.2);overflow:hidden;
  position:relative;
}
.mega-phone__bar::after{
  content:'';position:absolute;inset:0;
  background:var(--c-lime);transform:scaleX(0);
  transform-origin:left;border-radius:1px;
}
.mega-phone__bar--active::after{
  animation:storyFill 4s linear forwards;
}
.mega-phone__bar--done::after{
  transform:scaleX(1);background:var(--c-lime);
}
@keyframes storyFill{
  to{transform:scaleX(1)}
}
.mega-phone__caption{
  position:absolute;bottom:0;left:0;right:0;
  z-index:4;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:20px 16px;
  background:linear-gradient(transparent,rgba(0,0,0,.7));
}
.mega-phone__tag{
  font-family:var(--f-m);font-size:.5rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--c-lime);
  padding:3px 8px;border-radius:999px;
  background:rgba(0,0,0,.5);backdrop-filter:blur(8px);
}
.mega-phone__name{
  font-family:var(--f-d);font-size:.68rem;font-weight:600;
  color:#FFF;text-shadow:0 1px 4px rgba(0,0,0,.5);
}
[data-theme="light"] .mega-phone__frame{
  background:#F0F0F0;border-color:#D0D0D0;
  box-shadow:0 20px 50px rgba(0,0,0,.1);
}
[data-theme="light"] .mega-phone__notch{background:#E0E0E0;border-color:#D0D0D0}
.mega-about__contact{
  padding:28px;border-radius:2px;
  background:linear-gradient(145deg,rgba(255,152,0,.04),rgba(255,255,255,.02));
  border:1px solid rgba(255,152,0,.08);
  align-self:start;position:relative;overflow:hidden;
}
.mega-about__contact::before{
  content:'';position:absolute;top:-30px;right:-30px;
  width:100px;height:100px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,152,0,.08),transparent 65%);
  pointer-events:none;
}
.mega-about__contact-head{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:18px;
}
.mega-about__contact-avail{
  display:flex;align-items:center;gap:6px;
  font-family:var(--f-m);font-size:.58rem;letter-spacing:.04em;
  color:var(--c-lime);text-transform:uppercase;
}
.mega-about__pulse{
  width:6px;height:6px;border-radius:50%;background:var(--c-lime);
  animation:pulse 2s infinite;box-shadow:0 0 6px rgba(255,152,0,.4);
}
.mega-about__cta{
  display:flex;justify-content:center;align-items:center;
  width:100%;padding:12px;border-radius:2px;margin-top:10px;
  background:transparent;color:var(--c-grey-l);
  font-size:.78rem;transition:color .3s;
  border:1px solid rgba(255,255,255,.06);
}
.mega-about__cta:hover{color:var(--c-lime);border-color:rgba(255,152,0,.15)}
[data-theme="light"] .mega-about__contact{
  background:linear-gradient(145deg,rgba(255,152,0,.04),rgba(0,0,0,.01));
  border-color:rgba(255,152,0,.1);
}
[data-theme="light"] .mega-about__cta{border-color:rgba(0,0,0,.06)}
.contact-form__input{
  transition:border-color .4s var(--ease),box-shadow .4s var(--ease),transform .3s var(--ease);
}
.contact-form__input:focus{
  border-color:var(--c-lime);
  box-shadow:0 0 0 3px rgba(255,152,0,.1),0 0 24px rgba(255,152,0,.06),0 4px 16px rgba(0,0,0,.1);
  transform:translateY(-1px);
}
.contact-form__input:focus::placeholder{
  opacity:.4;
}
[data-theme="light"] .contact-form__input:focus{
  box-shadow:0 0 0 3px rgba(255,152,0,.08),0 0 20px rgba(255,152,0,.04),0 4px 16px rgba(0,0,0,.04);
}
@media(max-width:1023px){.mega-phone{display:none}}
@media(max-width:1023px){
  .mega-panel{display:none!important}
  .mega-trigger__chevron{display:none}
}
.mobile-menu{position:fixed;inset:0;background:var(--c-black);z-index:9999;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .4s var(--ease);overflow-y:auto;-webkit-overflow-scrolling:touch}
.mobile-menu--active{opacity:1;pointer-events:all}
.mobile-menu__header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;flex-shrink:0}
.mobile-menu__logo{display:flex;align-items:center;gap:8px}
.mobile-menu__logo-text{font-family:var(--f-d);font-weight:800;font-size:1.3rem;letter-spacing:-.02em}
.mobile-menu__close{background:none;border:1px solid rgba(255,255,255,.08);color:var(--c-white);font-size:1.4rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}
.mobile-menu__close:hover{border-color:rgba(255,152,0,.2);color:var(--c-lime)}
.mobile-menu__body{flex:1;padding:8px 24px 40px;display:flex;flex-direction:column}
.mm-num{font-family:var(--f-m);font-size:.58rem;color:var(--c-grey-m);letter-spacing:.04em;min-width:22px}
.mobile-menu__link{display:flex;align-items:center;gap:14px;font-family:var(--f-d);font-size:1.3rem;font-weight:700;color:var(--c-white);padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06);transition:color .3s,padding .3s}
.mobile-menu__link:hover{color:var(--c-lime);padding-left:6px}
.mm-accordion{border-bottom:1px solid rgba(255,255,255,.06)}
.mm-accordion__trigger{display:flex;align-items:center;gap:14px;width:100%;padding:18px 0;background:none;border:none;color:var(--c-white);cursor:pointer;font-family:var(--f-d);font-size:1.3rem;font-weight:700}
.mm-accordion__chevron{color:var(--c-grey-m);margin-left:auto;transition:transform .35s var(--ease),color .3s}
.mm-accordion--open .mm-accordion__chevron{transform:rotate(180deg);color:var(--c-lime)}
.mm-accordion__panel{max-height:0;overflow:hidden;transition:max-height .4s var(--ease),opacity .3s;opacity:0}
.mm-accordion--open .mm-accordion__panel{max-height:500px;opacity:1}
.mm-ed-link{display:flex;align-items:center;justify-content:space-between;padding:14px 0 14px 36px;border-bottom:1px solid rgba(255,255,255,.04);font-size:.95rem;color:var(--c-grey-l);transition:all .25s var(--ease)}
.mm-ed-link:last-child{border-bottom:none}
.mm-ed-link:hover{color:var(--c-white);padding-left:42px}
.mm-ed-arrow{color:var(--c-grey-m);transition:transform .3s,color .3s;font-size:.85rem}
.mm-ed-link:hover .mm-ed-arrow{transform:translateX(4px);color:var(--c-lime)}
.mm-cta-btn{display:flex;justify-content:center;align-items:center;padding:16px;margin-top:24px;border-radius:var(--r-pill);background:var(--c-lime);color:#1A1A1A;font-family:var(--f-b);font-weight:700;font-size:.95rem;transition:all .3s var(--ease)}
.mm-cta-btn:hover{background:var(--c-lime-b)}
.mm-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:auto;padding:24px 0 8px;flex-shrink:0}
.mm-controls .dt-widget--mobile{margin-top:0;padding-top:0}
.mm-controls .lang-switch--mobile .lang-switch__current{height:30px}
.lang-switch--mobile{display:block!important}
.lang-switch--mobile .lang-switch__dropdown{top:auto;bottom:calc(100% + 6px)}
[data-theme="light"] .mobile-menu{background:#FAFAFA}
[data-theme="light"] .mobile-menu__close{border-color:rgba(0,0,0,.08)}
[data-theme="light"] .mm-accordion{border-bottom-color:rgba(0,0,0,.06)}
[data-theme="light"] .mobile-menu__link{border-bottom-color:rgba(0,0,0,.06)}
[data-theme="light"] .mm-ed-link{border-bottom-color:rgba(0,0,0,.04)}
.skip-link:focus{top:0!important}
.hero{min-height:100vh}
.ct__map-wrap{min-height:400px}


html, body {
    overflow-x: hidden; 
    width: 100%;
}

@media (max-width: 767px) {
    .hero__container {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 640px) {
    .cpop__tabs {
        display: grid;
        grid-template-columns: 1fr; 
        gap: 10px;
    }
    .cpop__tab {
        clip-path: none; 
        border-radius: 4px; 
    }
    /* JS positions arrow-hint absolutely over the Brief tab; stacked grid breaks that math. Hide it. */
    .cpop__arrow-hint { display: none !important; }
}

@media (max-width: 767px) {
    .header__inner {
        padding: 0 15px; 
    }
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:0.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:0.01ms!important;
    scroll-behavior:auto!important;
  }
  .hero__video{display:none}
  .hero__video-wrap{background:url('../img/lama_poster.webp') center/cover no-repeat}
  .marquee__track,.bigtext__track{animation:none!important}
}

/* ═══════════════════════════════════════════════════════════════════════════
   v2.3 — MOBILE SAFETY BLOCK (refined)
   Global safeguards against horizontal scroll + oversize content at narrow
   viewports. Targeted at ≤640px; uses low specificity so per-component rules
   override it. Additive only — no regressions to existing desktop layouts.
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
  /* Hard stop for horizontal overflow */
  html, body { max-width: 100vw; overflow-x: hidden; }

  /* Any media must never exceed its container */
  img, video, iframe, svg { max-width: 100%; height: auto; }

  /* Contact block — map + form stack cleanly */
  .ct__map-wrap { min-height: 260px; }
  .ct__details-val { word-break: break-word; font-size: .95rem; }

  /* Portfolio cards — prevent overflow on clip-paths + stacked stats */
  .acc .itm .exp-top { flex-direction: column; gap: 16px; }
  .acc .itm .mockup { max-width: 100%; }

  /* Team cards — 2 per row on mobile (per client request v2.3), NOT 1 */
  /* This matches existing rule at .team-grid{grid-template-columns:1fr 1fr} line 707 */
  .team-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .team-card .tc-img img { aspect-ratio: 3/4; object-fit: cover; }
  .team-card .tc-info { padding: 10px 12px; }
  .team-card .tc-name { font-size: .9rem; }
  .team-card .tc-role { font-size: .72rem; }
  .team-card .tc-idx { font-size: .65rem; }
  .team-card .tc-badge { font-size: .55rem; padding: 4px 8px; }

  /* Footer — stack columns */
  .footer__grid { grid-template-columns: 1fr !important; gap: 32px; }
  .footer__addr { display: block; line-height: 1.5; }

  /* Tables and code blocks (blog articles) */
  table { display: block; overflow-x: auto; max-width: 100%; }
  pre, code { max-width: 100%; overflow-x: auto; word-wrap: break-word; }

  /* Hosting cards — prevent stat numbers from overflowing */
  [class*="price-num"], [class*="hosting-price"] { font-size: clamp(2.5rem, 10vw, 4rem) !important; }
}

@media (max-width: 480px) {
  .container { padding-left: 16px !important; padding-right: 16px !important; }
  h1 { font-size: clamp(1.8rem, 8vw, 2.4rem); }
  /* Team — stay 2-column even at 480px, just tighter */
  .team-grid { gap: 8px !important; }
}