/* :root tokens moved to assets/css/tokens.css - see that file. */
*,*::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}
/* Legacy .mobile-menu definitions removed in v2.6 dedup; canonical block lives at ~L2016 below */
.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;
}
/* Transform/opacity only — no width/letter-spacing (those reflow → CLS). */
@keyframes barSlideLeft{
  0%{opacity:0;transform:translateX(-14px) scaleX(.2)}
  100%{opacity:1;transform:translateX(0) scaleX(1)}
}
@keyframes barSlideRight{
  0%{opacity:0;transform:translateX(14px) scaleX(.2)}
  100%{opacity:1;transform:translateX(0) scaleX(1)}
}
@keyframes revealText{
  0%{opacity:0;transform:translateY(4px)}
  100%{opacity:1;transform:translateY(0)}
}
@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}
}
.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;}
  /* v4.4: removed `.hero__line{display:inline}` - siblings have no whitespace between them
     in the PHP markup (rendering optimisation), so inline-display caused words from
     adjacent lines to concatenate (e.g. "STRKÁME NOS" + "DO VŠEHO" → "NOSDO VŠEHO").
     Keep them block on all viewports - each line is conceptually one row of the slogan. */
  .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{margin:0;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{
  position:absolute;top:24px;right:24px;
  width:20px;height:20px;color:var(--c-grey-m);flex-shrink:0;
  transition:transform .35s var(--ease),color .35s;
}
.wwd__card:hover .wwd__card-arrow{transform:translate(4px,-4px);color:var(--c-lime)}

/* ═══ Duotone service icons ═══ */
.wwd__card-icon{
  width:44px;height:44px;flex-shrink:0;
  color:var(--c-white); /* drives base via currentColor → auto-inverts */
  transition:transform .4s var(--ease),color .35s;
  overflow:visible;
}
.wwd__card-icon .icn__base{fill:currentColor;transition:fill .3s}
.wwd__card-icon .icn__accent{fill:var(--c-lime)}
.wwd__card:hover .wwd__card-icon{transform:scale(1.06)}
.wwd__card:hover .wwd__card-icon .icn__base{fill:var(--c-lime)}
.wwd__card{padding-right:60px} /* room for absolute arrow */
.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:#ff9800;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;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__details{
		max-width: 100%;
	}
	.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;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;padding:12px}
.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}
/* Intro overlay covers the LCP hero; skip it on touch/mobile (kept on desktop). */
@media(max-width:1024px){#preloader{display:none !important}}
.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; }
}

/* ═══════════════════════════════════════════════════════════════
   v2.6 - TYPOGRAPHY HARDENING (Stage 3)

   Goals: WCAG AA contrast, no iOS auto-zoom on inputs,
   Czech diacritic preservation (line-height ≥ 1.05 on uppercase),
   readable small text on mobile.
   ═══════════════════════════════════════════════════════════════ */

/* ── Anti iOS-zoom: form inputs ≥ 16px ─────────────────────────
   Safari zooms when input < 16px on focus. This kills the jump. */
input, textarea, select, button {
  font-size: max(16px, 1rem);
}
/* But keep tiny chips/labels small if they're not real form fields */
input[type="checkbox"], input[type="radio"] { font-size: inherit; }

/* ── Czech diacritic preservation ─────────────────────────────
   Uppercase + line-height < 1.05 clips gachek glyphs (Č, Š, Ť, Á).
   We bump line-height where it was too aggressive. */
.page-hosting .hp-hero h1 { line-height: 1.05; }
.page-blog .bl-title { line-height: 1.0; }
.page-hero__title { line-height: 1.04; }

/* ── Outline-text seam fix for big stat numbers ─────────────── */
/* The .exp-num is 11px (a label) - bump it for readability on mobile. */
@media (max-width: 640px) {
  #lp-port .exp-num { font-size: 13px; letter-spacing: 2px; }
}

/* ── Marquee contrast lift (was --c-grey-d on dark = 1.79:1 AA fail) ── */
.marquee__item { color: var(--c-grey-m); }
[data-theme="light"] .marquee__item { color: var(--c-grey-m); }

/* ── overflow-wrap: base reflow protection for Czech compound words ── */
body { overflow-wrap: break-word; }
h1, h2, h3, .hero-title, .sec-title, .section__title { text-wrap: balance; }

/* ── Mobile heading clip-protect (Czech words break clean) ───── */
@media (max-width: 640px) {
  h1, h2, h3 {
    overflow-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
    -webkit-hyphens: auto;
  }
  /* Forms: also bump touch targets */
  input, textarea, select { min-height: 44px; }
  /* Eyebrow labels were 10-11px - too small on phone */
  .stat-lbl { font-size: 12px !important; }
}

/* ── :focus-visible - replaces broken `outline: none` patterns ── */
:focus-visible {
  outline: 2px solid var(--c-brand);
  outline-offset: 2px;
}
input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline-offset: -1px;
}

/* ===== LP-ABOUT-SECTIONS (o-nas reusable blocks; scoped .np-page) ===== */
.np-page--flush{min-height:0 !important;padding-top:0 !important}
/* ── LP v2.5 - Theme-aware page chrome (site convention: no attr = dark) ── */
html{color-scheme:dark}
html[data-theme="light"]{color-scheme:light}
body{background:#0A0A0A;color:#F0F0F0;transition:background .3s,color .3s}
html[data-theme="light"] body{background:#FAFAFA;color:#1A1A1A}
html .np-page,
.np-page{
  min-height:calc(100vh - 120px);
  --c-paper:#0A0A0A;--c-card:#141414;--c-ink:#F0F0F0;
  --c-ink-light:#A0A0A0;--c-border:#222222;
  --c-orange:#E68900;--c-orange-hover:#FF9800;
  --c-terminal:#050505;--c-matrix:#4AE6C8;
  background:var(--c-paper);color:var(--c-ink);
  transition:background .3s,color .3s;
  overflow-x:clip;position:relative;
}
html[data-theme="light"] .np-page{
  --c-paper:#FAFAFA;--c-card:#FFFFFF;--c-ink:#1A1A1A;
  --c-ink-light:#666666;--c-border:#E5E5E5;
}
/* Contrast inversion - blocks explicitly dark in the base design
   need to flip light in the dark theme (so they stay "contrast" blocks) */
.np-page .card-wf,
.np-page .process-sec{background:#F0F0F0;color:#0A0A0A}
html[data-theme="light"] .np-page .card-wf,
html[data-theme="light"] .np-page .process-sec{background:#1A1A1A;color:#F0F0F0}
        
        .np-page { 
            background: var(--c-paper); 
            color: var(--c-ink); 
            font-family: var(--f-b); 
            line-height: 1.6; 
            overflow-x: hidden; 
            -webkit-font-smoothing: antialiased;
        }

        .np-page .container { max-width: 1320px; margin: 0 auto; padding: 0 40px; }

        .np-page /* ── NEW TYPOGRAPHIC EFFECTS ── */
        
        /* Effect 1: Brutal Label (Tilted Box with Shadow) */
        .brutal-label {
            display: inline-block;
            background: var(--c-ink);
            color: var(--c-paper);
            padding: 0 20px;
            line-height: 1.1;
            clip-path: polygon(2% 0, 100% 4%, 98% 100%, 0 96%);
            transform: translateY(-8px) rotate(-2deg);
            box-shadow: 8px 8px 0 var(--c-orange);
            margin-right: 8px;
        }

        .np-page /* Effect 2: Brutal Highlight (Marker stroke behind text) */
        .brutal-highlight {
            position: relative;
            display: inline-block;
            color: var(--c-ink);
            z-index: 1;
            white-space: nowrap;
        }
        .np-page .brutal-highlight::after {
            content: '';
            position: absolute;
            bottom: 4px;
            left: -4px;
            width: calc(100% + 8px);
            height: 45%;
            background: var(--c-orange);
            z-index: -1;
            transform: rotate(-1deg);
        }

        .np-page /* Effect 3: Dark Mode Label (Orange Box) */
        .brutal-label-alt {
            display: inline-block;
            background: var(--c-orange);
            color: var(--c-ink);
            padding: 0 20px;
            line-height: 1.1;
            clip-path: polygon(0 0, 100% 2%, 99% 100%, 1% 98%);
            transform: rotate(1.5deg);
        }

        .np-page /* ── SECTION: HERO EDITORIAL ── */
        .hero {
            padding: 140px 0 100px;
            position: relative;
            min-height: 80vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        
        .np-page .tag-meta {
            font-family: var(--f-m);
            font-size: 0.7rem;
            color: var(--c-orange);
            text-transform: uppercase;
            letter-spacing: 0.15em;
            margin-bottom: 32px;
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .np-page .tag-meta::before { content: ""; width: 40px; height: 2px; background: var(--c-orange); }

        .np-page .hero-title {
            font-family: var(--f-d);
            font-size: clamp(3.5rem, 8vw, 7.5rem);
            font-weight: 900;
            line-height: 1.1;
            letter-spacing: -0.04em;
            text-transform: uppercase;
            margin-bottom: 48px;
            position: relative;
            z-index: 2;
        }
        .np-page .hero-title .accent { color: var(--c-orange); }

        .np-page .hero-perex {
            font-size: clamp(1.1rem, 2vw, 1.4rem);
            color: var(--c-ink-light);
            max-width: 760px;
            line-height: 1.6;
            margin-left: auto;
            border-left: 2px solid var(--c-orange);
            padding-left: 32px;
            position: relative;
            z-index: 2;
        }

        .np-page /* Abstract Ghost Text */
        .ghost-text {
            position: absolute;
            top: 10%;
            right: -5%;
            font-family: var(--f-d);
            font-size: 25vw;
            font-weight: 900;
            color: transparent;
            -webkit-text-stroke: 1px rgba(0,0,0,0.04);
            pointer-events: none;
            z-index: 1;
            user-select: none;
        }

        .np-page /* ── SECTION: CULTURE (ASYMMETRICAL) ── */
        .culture-sec {
            padding: 120px 0;
            border-top: 1px solid var(--c-border);
            position: relative;
        }
        .np-page .culture-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            align-items: start;
        }

        .np-page .c-left { position: sticky; top: 80px; }
        .np-page .c-left h2 {
            font-family: var(--f-d);
            font-size: clamp(2.5rem, 4vw, 4.5rem);
            font-weight: 900;
            line-height: 1.2;
            letter-spacing: -0.03em;
            text-transform: uppercase;
            margin-bottom: 40px;
        }
        .np-page .c-left p {
            font-size: 1.15rem;
            color: var(--c-ink-light);
            margin-bottom: 24px;
            max-width: 500px;
        }
        .np-page .c-left strong { color: var(--c-ink); font-weight: 700; }

        .np-page .c-right { display: flex; flex-direction: column; gap: 40px; margin-top: 120px; }
        
        .np-page .bento-card {
            background: var(--c-card);
            border: 1px solid var(--c-border);
            padding: 56px;
            position: relative;
            transition: 0.4s var(--ease);
        }
        .np-page .bento-card:hover { transform: translateY(-8px); border-color: var(--c-orange); }
        
        .np-page /* Brutalist Cuts */
        .bento-1 { clip-path: polygon(40px 0, 100% 0, 100% 100%, 0 100%, 0 40px); }
        .np-page .bento-2 { clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%); }

        .np-page .b-icon { font-size: 3rem; margin-bottom: 32px; display: block; filter: grayscale(100%); transition: 0.3s; }
        .np-page .bento-card:hover .b-icon { filter: grayscale(0%); transform: scale(1.1) rotate(5deg); }

        /* ─── SVG icons system - duotone (currentColor base + orange accent) ─── */
        .np-page .b-icon-svg {
            width: 56px; height: 56px;
            display: block;
            margin-bottom: 32px;
            color: var(--c-ink);
            transition: transform 0.45s var(--ease, cubic-bezier(.4,0,.2,1));
            flex-shrink: 0;
        }
        .np-page .bento-card:hover .b-icon-svg {
            transform: scale(1.08) rotate(-4deg);
        }
        .np-page .btn-icon {
            width: 22px; height: 22px;
            display: inline-block;
            flex-shrink: 0;
            color: currentColor;
        }
        /* Primary btn has orange bg → orange accent invisible.
           Override accent fills to dark (matches the btn-primary text color). */
        .np-page .btn-primary .btn-icon [fill="var(--c-orange)"],
        .np-page .btn-primary .btn-icon [stroke="var(--c-orange)"] {
            stroke: currentColor !important;
            fill: currentColor !important;
        }
        
        .np-page .bento-card h3 {
            font-family: var(--f-d);
            font-size: 1.6rem;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: -0.02em;
            margin-bottom: 16px;
        }
        .np-page .bento-card p { color: var(--c-ink-light); font-size: 1.05rem; }

        .np-page /* Art Image injection */
        .art-image {
            width: 100%;
            height: 300px;
            overflow: hidden;
            clip-path: polygon(0 2%, 100% 0, 98% 100%, 2% 98%);
        }
        .np-page .art-image img {
            width: 100%; height: 100%; object-fit: cover;
            filter: grayscale(100%) contrast(1.1);
        }

        .np-page /* ── SECTION: AI & TECH (DARK MODE SHOCK) ── */
        .ai-sec {
            background: var(--c-ink);
            color: var(--c-paper);
            padding: 160px 0;
            clip-path: polygon(0 40px, 100% 0, 100% 100%, 0 100%);
            margin-top: -40px;
            position: relative;
            z-index: 2;
        }
        .np-page .ai-grid {
            display: grid;
            grid-template-columns: 1.1fr 1fr;
            gap: 80px;
            align-items: center;
        }

        .np-page .ai-text .meta { font-family: var(--f-m); font-size: 0.7rem; color: var(--c-orange); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 24px; display: block; }
        .np-page .ai-text h2 {
            font-family: var(--f-d);
            font-size: clamp(2.5rem, 5vw, 4.5rem);
            font-weight: 900;
            line-height: 1.2;
            letter-spacing: -0.03em;
            text-transform: uppercase;
            margin-bottom: 40px;
        }
        
        .np-page .ai-text p { color: #666666; font-size: 1.1rem; margin-bottom: 24px; max-width: 500px; }
        
        .np-page .ai-list { list-style: none; margin-top: 40px; }
        .np-page .ai-list li {
            font-family: var(--f-d);
            font-size: 1.1rem;
            font-weight: 700;
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            gap: 16px;
        }
        .np-page .ai-list li::before { content: "✓"; color: var(--c-orange); font-family: var(--f-m); }
        .np-page .ai-list li.highlight { color: var(--c-orange); }

        .np-page /* Brutalist Terminal */
        .terminal-wrap {
            background: #111;
            border: 1px solid #333;
            padding: 40px;
            position: relative;
            --bot-label: "<?= addslashes(__('about.bot_label')) ?>";
        }
        .np-page .terminal-wrap::before {
            content: var(--bot-label);
            position: absolute;
            top: -12px;
            left: 40px;
            background: var(--c-orange);
            color: var(--c-ink);
            font-family: var(--f-m);
            font-size: 0.6rem;
            font-weight: 800;
            padding: 4px 12px;
            text-transform: uppercase;
            letter-spacing: 0.1em;
        }
        .np-page .term-title { font-family: var(--f-d); font-size: 2rem; font-weight: 900; margin-bottom: 16px; }
        .np-page .term-desc { color: #888; font-size: 1rem; margin-bottom: 40px; }
        
        .np-page .terminal {
            background: var(--c-terminal);
            border: 1px solid #222;
            border-radius: 8px;
            padding: 24px;
            font-family: var(--f-m);
            font-size: 0.85rem;
            color: var(--c-matrix);
            box-shadow: 0 20px 40px rgba(0,0,0,0.5);
        }
        .np-page .mac-dots { display: flex; gap: 8px; margin-bottom: 24px; }
        .np-page .mac-dots span { width: 12px; height: 12px; border-radius: 50%; background: #333; }
        .np-page .mac-dots span:nth-child(1) { background: #FF5F56; }
        .np-page .mac-dots span:nth-child(2) { background: #FFBD2E; }
        .np-page .mac-dots span:nth-child(3) { background: #27C93F; }

        .np-page /* Typing Animation CSS */
        .type-line { overflow: hidden; white-space: nowrap; width: 0; margin-bottom: 8px; }
        .np-page .l1 { animation: typing 1s steps(30, end) forwards; }
        .np-page .l2 { animation: typing 1s steps(30, end) 1s forwards; }
        .np-page .l3 { animation: typing 1s steps(30, end) 2s forwards; }
        .np-page .l4 { animation: typing 1s steps(30, end) 3s forwards; }
        .np-page .l5 { animation: typing 1s steps(30, end) 4s forwards; color: #fff; }
        .np-page .l6 { animation: typing 1s steps(30, end) 5s forwards; color: var(--c-orange); font-weight: bold;}
        
        @keyframes typing { from { width: 0 } to { width: 100% } }

        .np-page /* ── SECTION: HUMAN TOUCH CTA ── */
        .human-sec {
            padding: 160px 0;
            text-align: center;
            background: var(--c-paper);
        }
        .np-page .human-sec .meta { font-family: var(--f-m); font-size: 0.7rem; color: var(--c-orange); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 32px; display: block; font-weight: 700;}
        
        .np-page .human-sec h2 {
            font-family: var(--f-d);
            font-size: clamp(3rem, 6vw, 6rem);
            font-weight: 900;
            line-height: 1.1;
            letter-spacing: -0.04em;
            text-transform: uppercase;
            margin-bottom: 40px;
            max-width: 1000px;
            margin-inline: auto;
        }
        .np-page .human-sec p {
            font-size: 1.25rem;
            color: var(--c-ink-light);
            max-width: 600px;
            margin: 0 auto 64px;
            line-height: 1.7;
        }

        .np-page .cta-group { display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; }
        
        .np-page .btn {
            font-family: var(--f-d);
            font-weight: 800;
            font-size: 1.1rem;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            padding: 24px 48px;
            cursor: pointer;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 12px;
            transition: 0.4s var(--ease);
        }
        
        .np-page .btn-primary {
            background: var(--c-orange);
            color: var(--c-ink);
            border: none;
            clip-path: polygon(2% 0, 100% 0, 98% 100%, 0 100%);
        }
        .np-page .btn-primary:hover {
            background: var(--c-ink);
            color: var(--c-paper);
            transform: translateY(-4px);
        }

        .np-page .btn-outline {
            background: transparent;
            color: var(--c-ink);
            border: 2px solid var(--c-ink);
            clip-path: polygon(0 0, 100% 2%, 100% 100%, 0 98%);
        }
        .np-page .btn-outline:hover {
            background: var(--c-ink);
            color: var(--c-paper);
        }

        @media (max-width: 1024px) {
            .np-page .culture-grid, .np-page .ai-grid { grid-template-columns: 1fr; gap: 64px; }
            .np-page .c-left { position: relative; top: 0; }
            .np-page .c-right { margin-top: 0; }
            .np-page .ai-sec { clip-path: none; margin-top: 0; padding: 80px 0; }
            .np-page .hero-perex { margin-left: 0; }
            .np-page .ghost-text { display: none; }
        }





/* ── v2.4 - brutal-highlight with proper multi-line support ── */
.np-page .brutal-highlight {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* ── LP - Mobile-safety block (v2.2 audit) ── */
@media (max-width: 640px) {
  .np-page .container { padding: 0 20px !important; }

  /* Force every grid / 2-column layout to single column */
  .np-page .hero,
  .np-page .bento-grid,
  .np-page .stats-grid,
  .np-page .process-grid,
  .np-page .faq-layout,
  .np-page .eco-grid,
  .np-page .mig-layout,
  .np-page .value-layout,
  .np-page .ai-grid,
  .np-page .cases-grid,
  .np-page .ctrl-layout,
  .np-page .tags-grid,
  .np-page .erp-grid,
  .np-page .vs-grid,
  .np-page .culture-grid,
  .np-page .dt-row,
  .np-page .hw-sec > *,
  .np-page .platforms-sec .bento-grid,
  .np-page [class*="-grid"] { grid-template-columns: 1fr !important; gap: 20px !important; }

  /* Typography scale-down */
  .np-page .hero-title,
  .np-page h1,
  .np-page .hero h1 { font-size: clamp(2rem, 8vw, 2.8rem) !important; line-height: 1.05 !important; }
  .np-page .sec-title,
  .np-page h2 { font-size: clamp(1.6rem, 7vw, 2.4rem) !important; line-height: 1.1 !important; }
  .np-page h3 { font-size: 1.4rem !important; }
  .np-page .hero-perex,
  .np-page p { font-size: .95rem !important; }

  /* Hide decorative badges on narrow screens */
  .np-page .hv-badge,
  .np-page .trending-badge,
  .np-page [class*="-badge"] { display: none !important; }

  /* Neutralize clip-paths that can cause horizontal overflow on mobile */
  .np-page [class*="card-"],
  .np-page .process-sec,
  .np-page .hw-sec,
  .np-page .ai-sec,
  .np-page .erp-sec,
  .np-page .eco-sec,
  .np-page .human-sec,
  .np-page .hv-img,
  .np-page .final-cta { clip-path: none !important; margin-top: 0 !important; }

  /* Brutal label - reduce rotation/offset that could break */
  .np-page .brutal-label {
    padding: 0 12px !important;
    transform: translateY(-4px) rotate(-1deg) !important;
    box-shadow: 4px 4px 0 var(--c-orange, #E68900) !important;
    margin-right: 4px !important;
  }

  /* Button full-width on mobile */
  .np-page .btn-brutal,
  .np-page .final-cta a { width: 100%; text-align: center; box-sizing: border-box; padding: 14px 20px !important; }

  /* Section tags slightly smaller */
  .np-page .section-tag { font-size: 0.65rem !important; margin-bottom: 16px !important; }

  /* FAQ - stacked left/right layout */
  .np-page .faq-left { position: static !important; margin-bottom: 20px !important; }

  /* Stats numbers - reduce stroke width */
  .np-page .stat-num { font-size: clamp(3rem, 12vw, 5rem) !important; }

  /* Images must never overflow */
  .np-page img { max-width: 100% !important; height: auto !important; }

  /* v2.3 fixes - hero overflow, wrap, reduced top padding */
  .np-page .brutal-highlight { white-space: normal !important; display: inline !important; }
  .np-page .brutal-highlight::after { display: none !important; }  /* orange underline messes up when wrapped */
  .np-page .brutal-highlight { background: linear-gradient(transparent 55%, var(--c-orange, #E68900) 55%, var(--c-orange, #E68900) 95%, transparent 95%); padding: 0 2px; }
  .np-page .brutal-label { 
    transform: none !important; 
    clip-path: none !important;
    box-shadow: 3px 3px 0 var(--c-orange, #E68900) !important;
    padding: 2px 10px !important;
    margin-right: 0 !important;
    display: inline-block !important;
  }
  /* Reduce hero top padding - ~120px default is too much on mobile */
  /* v4.4.3 - added padding-inline: 20px (was 0). Shorthand `padding: 40px 0 48px`
     zeroed horizontal padding and beat `.np-page .container { padding: 0 20px }`
     by being declared later - content glued to viewport edges. */
  .np-page .hero { padding-block: 40px 48px !important; padding-inline: 20px !important; gap: 32px !important; }
  .np-page .hero-title { font-size: clamp(1.8rem, 7.5vw, 2.4rem) !important; letter-spacing: -0.02em !important; }
  .np-page .hero-perex { font-size: .92rem !important; line-height: 1.55 !important; }
  /* v4.4.3 - removed `.np-page section.hero { padding-top: 32px !important; }`:
     selector specificity (0,0,2,0) was beating the fixed-nav clearance rule
     below (0,0,1,1) and gluing hero to the header. */
  /* First section below hero - tighten padding-top */
  .np-page .platforms-sec, .np-page .eco-sec, .np-page .hw-sec,
  .np-page .ai-sec, .np-page .erp-sec, .np-page .human-sec,
  .np-page [class*="-sec"]:first-of-type { padding-top: 40px !important; }
  /* v2.4 - fixed-nav clearance + long-word wrap */
  .np-page .hero,
  .np-page > section:first-child,
  .np-page > header:first-child,
  .np-page > div:first-child > section:first-child {
    padding-top: calc(var(--header-h, 62px) + 28px) !important;
  }
  /* Force long single words to wrap instead of overflowing */
  .np-page h1, .np-page h2, .np-page h3,
  .np-page .hero-title, .np-page .sec-title,
  .np-page [class*="title"], .np-page [class*="-h2"] {
    overflow-wrap: anywhere !important;
    word-break: normal;
    hyphens: auto;
    max-width: 100%;
  }
  /* Extra safety - no horizontal overflow on any child of .np-page */
  .np-page, .np-page * { max-width: 100%; }

  /* v2.4 - mobile refinements: long-word break, thin underline, compact hero */
  .np-page .hero-title, .np-page .sec-title, .np-page h1, .np-page h2, .np-page h3 {
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    hyphens: auto !important;
    -webkit-hyphens: auto !important;
  }
  .np-page .brutal-highlight {
    background: linear-gradient(transparent 70%, var(--c-orange, #E68900) 70%, var(--c-orange, #E68900) 92%, transparent 92%) !important;
    padding: 0 3px !important;
    -webkit-box-decoration-break: clone !important;
    box-decoration-break: clone !important;
    white-space: normal !important;
    display: inline !important;
  }
  .np-page .brutal-highlight::after { display: none !important; }
  /* Bento cards - reduce padding drastically so "MIKROMANAGEMENTU" fits */
  .np-page .bento-card, .np-page .b-card, .np-page .eco-box, .np-page .erp-card, .np-page .ai-list { 
    padding: 24px 20px !important;
  }
  .np-page .bento-card h3, .np-page .b-card h3 { 
    font-size: 1.1rem !important; 
    letter-spacing: -0.01em !important;
  }
  /* SVG icons - slightly smaller on mobile */
  .np-page .b-icon-svg { width: 48px !important; height: 48px !important; margin-bottom: 20px !important; }
  .np-page .btn-icon { width: 20px !important; height: 20px !important; }
  /* Terminal - compact on mobile */
  .np-page .terminal-wrap { padding: 24px 20px !important; }
  .np-page .terminal { padding: 16px !important; font-size: 0.72rem !important; }
  .np-page .term-title { font-size: 1.4rem !important; }
  /* Dashboard layouts - simpler on mobile */
  .np-page .dash-table, .np-page .css-dash { transform: none !important; padding: 16px !important; }
}

@media (max-width: 400px) {
  .np-page .container { padding: 0 16px !important; }
  .np-page section { padding: 48px 0 !important; }
  .np-page .hero-title { font-size: 1.8rem !important; }
  .np-page .sec-title, .np-page h2 { font-size: 1.5rem !important; }
}




/* ===== LP-PAGEBLOCK-portfolio-page (editor parity; moved from inline render) ===== */
.pf-hero{ padding:clamp(120px,15vw,180px) 0 clamp(40px,6vw,80px); position:relative; overflow:hidden; }
.pf-hero__bg{ position:absolute; inset:0; z-index:0; background:radial-gradient(ellipse at 20% 80%,var(--c-glow),transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(74,230,200,.04),transparent 50%); }
.pf-hero__content{ position:relative; z-index:1; max-width:800px; }
.pf-hero__title{ font-family:var(--f-d); font-size:clamp(2.4rem,6vw,4.5rem); font-weight:900; line-height:1.05; letter-spacing:-.03em; margin:12px 0 20px; }
.pf-hero__title .text-lime, .pf-hero__title .hero__accent{ color:var(--c-lime); }
.pf-hero__sub{ font-size:clamp(.95rem,1.2vw,1.15rem); color:var(--c-grey-l); line-height:1.7; max-width:600px; }
[data-theme="light"] .pf-hero__sub{ color:var(--c-grey); }
.pf-hero__counter{ display:flex; gap:clamp(32px,5vw,64px); margin-top:clamp(32px,4vw,56px); flex-wrap:wrap; }
.pf-hero__stat-num{ font-family:var(--f-d); font-size:clamp(2rem,3.5vw,3rem); color:var(--c-lime); line-height:1; }
.pf-hero__stat-lbl{ font-family:var(--f-m); font-size:.68rem; color:var(--c-grey-m); text-transform:uppercase; letter-spacing:.1em; margin-top:6px; }
.pf-row-label{ font-family:var(--f-m); font-size:.72rem; color:var(--c-lime); letter-spacing:.1em; text-transform:uppercase; display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.pf-row-label::after{ content:''; flex:1; height:1px; background:linear-gradient(90deg,rgba(255,152,0,.2),transparent); }
[data-theme="light"] .pf-row-label{ color:var(--c-lime-d); }
#lp-port .acc{ margin-bottom:0; }
#lp-port .acc + .pf-row-label{ margin-top:clamp(40px,5vw,64px); }

/* ===== LP-PAGEBLOCK-blog-page (editor parity; moved from inline render) ===== */
.page-blog{ --bl-paper:#FAFAFA; --bl-card:#FFFFFF; --bl-ink:#1A1A1A; --bl-ink-light:#666; --bl-border:#E5E5E5; --bl-orange:#E68900; --bl-orange-hover:#FF9800; --bl-ease:cubic-bezier(.4,0,.2,1); background:var(--bl-paper); color:var(--bl-ink); font-family:var(--f-b); line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
[data-theme="dark"] .page-blog, html:not([data-theme="light"]) .page-blog{ --bl-paper:#0A0A0A; --bl-card:#111; --bl-ink:#F0F0F0; --bl-ink-light:#9A9A9A; --bl-border:rgba(255,255,255,.08); --bl-orange:#FF9800; --bl-orange-hover:#FFB74D; }
.page-blog *,.page-blog *::before,.page-blog *::after{ box-sizing:border-box; }
.page-blog .bl-container{ max-width:1320px; margin:0 auto; padding:0 40px; }
.page-blog .bl-header{ padding:80px 0 60px; position:relative; }
.page-blog .tag-meta{ font-family:var(--f-m); font-size:.65rem; color:var(--bl-orange); text-transform:uppercase; letter-spacing:.15em; display:flex; align-items:center; gap:12px; margin-bottom:24px; }
.page-blog .tag-meta::before{ content:""; width:8px; height:8px; background:var(--bl-orange); border-radius:50%; }
.page-blog .bl-title{ font-family:var(--f-d); font-size:clamp(3.5rem,10vw,8rem); font-weight:900; line-height:.9; letter-spacing:-.04em; text-transform:uppercase; display:flex; flex-direction:column; }
.page-blog .bl-title .stroke{ color:var(--bl-orange); }
.page-blog .bl-title .solid{ color:var(--bl-ink); }
.page-blog .bl-title .solid span{ color:var(--bl-orange); }
.page-blog .bl-filters{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:72px; border-top:1px solid var(--bl-border); padding-top:32px; }
.page-blog .f-label{ font-family:var(--f-m); font-size:.65rem; color:var(--bl-ink-light); text-transform:uppercase; letter-spacing:.1em; margin-right:16px; }
.page-blog .f-btn{ background:transparent; border:1px solid var(--bl-border); padding:10px 24px; font-family:var(--f-m); font-size:.7rem; font-weight:700; color:var(--bl-ink); text-transform:uppercase; letter-spacing:.05em; cursor:pointer; transition:all .3s var(--bl-ease); clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px); }
.page-blog .f-btn:hover{ border-color:var(--bl-ink); }
.page-blog .f-btn.active{ background:var(--bl-orange); border-color:var(--bl-orange); color:var(--bl-paper); clip-path:polygon(1% 0%,100% 4%,98% 100%,0% 96%); }
.page-blog .post-cat{ background:var(--bl-orange); color:var(--bl-paper); font-family:var(--f-m); font-size:.6rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; padding:6px 12px; display:inline-block; margin-bottom:16px; }
.page-blog .post-meta{ font-family:var(--f-m); font-size:.65rem; color:var(--bl-ink-light); text-transform:uppercase; letter-spacing:.05em; display:flex; gap:16px; margin-top:24px; }
.page-blog .read-more{ margin-top:auto; font-family:var(--f-m); font-size:.7rem; font-weight:700; color:var(--bl-orange); text-transform:uppercase; letter-spacing:.1em; display:inline-flex; align-items:center; gap:8px; text-decoration:none; transition:.3s; }
.page-blog .read-more::after{ content:'→'; transition:transform .3s var(--bl-ease); }
.page-blog .read-more:hover{ color:var(--bl-ink); }
.page-blog .read-more:hover::after{ transform:translateX(5px); }
.page-blog .featured-post{ position:relative; margin-bottom:120px; display:block; text-decoration:none; color:inherit; }
.page-blog .fp-img-wrap{ width:75%; height:600px; overflow:hidden; clip-path:polygon(0 0,100% 0,95% 100%,0 100%); transition:clip-path .6s var(--bl-ease); }
.page-blog .fp-img-wrap img{ width:100%; height:100%; object-fit:cover; filter:grayscale(100%) contrast(1.1); transition:filter .6s var(--bl-ease),transform .8s var(--bl-ease); }
.page-blog .fp-content{ position:absolute; bottom:-40px; right:0; width:50%; background:var(--bl-ink); color:var(--bl-paper); padding:56px; clip-path:polygon(2% 0,100% 0,100% 100%,0 98%); box-shadow:-20px 20px 60px rgba(0,0,0,.1); transition:transform .4s var(--bl-ease); }
[data-theme="dark"] .page-blog .fp-content, html:not([data-theme="light"]) .page-blog .fp-content{ background:#F0F0F0; color:#1A1A1A; }
.page-blog .fp-content .post-cat{ background:var(--bl-paper); color:var(--bl-ink); }
.page-blog .fp-content h2{ font-family:var(--f-d); font-size:clamp(2rem,3vw,3rem); font-weight:800; line-height:1.1; letter-spacing:-.02em; margin-bottom:24px; }
.page-blog .fp-content p{ color:#A0A0A0; font-size:1.1rem; line-height:1.6; }
[data-theme="dark"] .page-blog .fp-content p, html:not([data-theme="light"]) .page-blog .fp-content p{ color:#555; }
.page-blog .fp-content .post-meta{ border-top:1px solid #333; padding-top:24px; color:#888; }
[data-theme="dark"] .page-blog .fp-content .post-meta, html:not([data-theme="light"]) .page-blog .fp-content .post-meta{ border-top-color:#CCC; color:#666; }
.page-blog .featured-post:hover .fp-img-wrap{ clip-path:polygon(0 0,100% 0,100% 100%,0 100%); }
.page-blog .featured-post:hover .fp-img-wrap img{ filter:grayscale(0%); transform:scale(1.05); }
.page-blog .featured-post:hover .fp-content{ transform:translate(-10px,-10px); }
.page-blog .bl-grid{ display:grid; grid-template-columns:repeat(12,1fr); gap:40px; margin-bottom:120px; }
.page-blog .post-card{ display:flex; flex-direction:column; text-decoration:none; color:inherit; }
.page-blog .pc-img-wrap{ width:100%; height:320px; overflow:hidden; margin-bottom:24px; clip-path:polygon(0 0,100% 2%,98% 100%,0 98%); transition:clip-path .5s var(--bl-ease); }
.page-blog .pc-img-wrap img{ width:100%; height:100%; object-fit:cover; filter:grayscale(100%) contrast(1.1); transition:all .6s var(--bl-ease); }
.page-blog .post-card h3{ font-family:var(--f-d); font-size:clamp(1.4rem,2vw,1.8rem); font-weight:800; line-height:1.1; letter-spacing:-.02em; margin-bottom:16px; transition:color .3s; }
.page-blog .post-card p{ color:var(--bl-ink-light); font-size:1rem; line-height:1.6; margin-bottom:24px; }
.page-blog .post-card:hover .pc-img-wrap{ clip-path:polygon(0 0,100% 0,100% 100%,0 100%); }
.page-blog .post-card:hover .pc-img-wrap img{ filter:grayscale(0%); transform:scale(1.05); }
.page-blog .post-card:hover h3{ color:var(--bl-orange); }
.page-blog .post-card.span-7{ grid-column:span 7; } .page-blog .post-card.span-7 .pc-img-wrap{ height:400px; }
.page-blog .post-card.span-5{ grid-column:span 5; } .page-blog .post-card.span-5 .pc-img-wrap{ height:400px; clip-path:polygon(2% 0,100% 0,100% 98%,0 100%); }
.page-blog .post-card.span-4{ grid-column:span 4; }
.page-blog .post-card.span-8{ grid-column:span 8; } .page-blog .post-card.span-8 .pc-img-wrap{ clip-path:polygon(0 2%,100% 0,98% 100%,0 100%); }
.page-blog .post-card.span-12{ grid-column:span 12; } .page-blog .post-card.span-12 .pc-img-wrap{ height:440px; clip-path:polygon(0 0,100% 1%,99% 100%,0 99%); }
.page-blog .post-card.is-hidden, .page-blog .featured-post.is-hidden{ display:none; }
.page-blog .bl-nl{ background:var(--bl-ink); color:var(--bl-paper); padding:0; border-top:10px solid var(--bl-orange); overflow:hidden; display:flex; flex-direction:column; }
[data-theme="dark"] .page-blog .bl-nl, html:not([data-theme="light"]) .page-blog .bl-nl{ background:#1A1A1A; color:#F0F0F0; }
.page-blog .nl-marquee{ display:flex; gap:40px; width:max-content; padding:24px 0; border-bottom:1px solid #333; animation:blMarquee 15s linear infinite; }
.page-blog .nl-marquee span{ font-family:var(--f-d); font-size:1.5rem; font-weight:900; text-transform:uppercase; color:transparent; -webkit-text-stroke:1px #555; white-space:nowrap; }
.page-blog .nl-marquee span::after{ content:'◆'; color:var(--bl-orange); font-size:.8rem; margin-left:40px; -webkit-text-stroke:0; }
@keyframes blMarquee{ 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
.page-blog .nl-inner{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; padding:80px 40px; max-width:1320px; margin:0 auto; width:100%; }
.page-blog .nl-text h2{ font-family:var(--f-d); font-size:clamp(2.5rem,4vw,4rem); font-weight:900; line-height:1; letter-spacing:-.03em; margin-bottom:16px; }
.page-blog .nl-text p{ color:#A0A0A0; font-size:1.1rem; }
.page-blog .nl-form{ display:flex; align-items:stretch; height:72px; }
.page-blog .nl-form input{ flex-grow:1; background:#111; border:1px solid #333; border-right:none; padding:0 32px; color:#FFF; font-family:var(--f-b); font-size:1.1rem; outline:none; transition:.3s; }
.page-blog .nl-form input:focus{ border-color:var(--bl-orange); background:#000; }
.page-blog .nl-form button{ background:var(--bl-orange); color:var(--bl-ink); border:none; padding:0 40px; font-family:var(--f-d); font-weight:800; font-size:1rem; text-transform:uppercase; cursor:pointer; transition:.3s var(--bl-ease); clip-path:polygon(10px 0,100% 0,100% 100%,0 100%); transform:translateX(-10px); }
.page-blog .nl-form button:hover{ background:var(--bl-paper); }
@media (max-width:1024px){
  .page-blog .fp-img-wrap{ width:100%; height:400px; clip-path:none; }
  .page-blog .fp-content{ position:relative; width:90%; margin:-60px auto 0; bottom:0; clip-path:none; }
  .page-blog .bl-grid{ grid-template-columns:1fr; gap:64px; }
  .page-blog .post-card.span-7,.page-blog .post-card.span-5,.page-blog .post-card.span-4,.page-blog .post-card.span-8,.page-blog .post-card.span-12{ grid-column:span 1; }
  .page-blog .post-card .pc-img-wrap{ height:280px; clip-path:none; }
  .page-blog .nl-inner{ grid-template-columns:1fr; gap:32px; padding:64px 24px; }
  .page-blog .nl-form{ flex-direction:column; height:auto; gap:16px; }
  .page-blog .nl-form input{ border-right:1px solid #333; padding:20px; }
  .page-blog .nl-form button{ padding:20px; clip-path:none; }
  .page-blog .bl-container{ padding:0 24px; }
}

/* ===== LP-PAGEBLOCK-faq-page (editor parity) ===== */
/* ── FAQ PAGE - scoped brand vars ── */
.page-faq { --fq-paper:#FAFAFA; --fq-paper-alt:#FFFFFF; --fq-ink:#1A1A1A; --fq-grey:#666; --fq-grey-light:#E5E5E5; --fq-orange:#E68900; --fq-orange-glow:rgba(230,137,0,.04); --fq-ease:cubic-bezier(.4,0,.2,1); background:var(--fq-paper); color:var(--fq-ink); font-family:var(--f-b); line-height:1.6; -webkit-font-smoothing:antialiased; }
[data-theme="dark"] .page-faq, html:not([data-theme="light"]) .page-faq { --fq-paper:#0A0A0A; --fq-paper-alt:#111; --fq-ink:#F0F0F0; --fq-grey:#9A9A9A; --fq-grey-light:rgba(255,255,255,.08); --fq-orange:#FF9800; --fq-orange-glow:rgba(255,152,0,.06); }
.page-faq *, .page-faq *::before, .page-faq *::after { box-sizing:border-box; }
.page-faq .faq-container { max-width:1200px; margin:0 auto; padding:100px 24px; }
/* ── HEADER & SEARCH ── */
.page-faq .faq-header { margin-bottom:80px; text-align:center; }
.page-faq .faq-tag { font-family:var(--f-m); font-size:.75rem; color:var(--fq-orange); text-transform:uppercase; letter-spacing:.15em; margin-bottom:20px; display:block; font-weight:700; }
.page-faq .faq-title { font-family:var(--f-d); font-size:clamp(2.5rem,6vw,4.5rem); font-weight:900; line-height:1; letter-spacing:-.03em; margin-bottom:48px; color:var(--fq-ink); }
.page-faq .faq-title span { color:var(--fq-orange); }
.page-faq .search-wrap { position:relative; max-width:680px; margin:0 auto; clip-path:polygon(1% 0%,100% 2%,99% 100%,0% 98%); background:var(--fq-ink); padding:2px; transition:transform .3s var(--fq-ease); }
[data-theme="dark"] .page-faq .search-wrap, html:not([data-theme="light"]) .page-faq .search-wrap { background:var(--fq-orange); }
.page-faq .search-wrap:focus-within { transform:translateY(-4px); box-shadow:0 20px 40px rgba(0,0,0,.08); }
.page-faq .search-input { width:100%; padding:24px 32px; border:none; background:var(--fq-paper-alt); font-family:var(--f-b); font-size:1.15rem; outline:none; color:var(--fq-ink); transition:.3s var(--fq-ease); }
.page-faq .search-input::placeholder { color:#A0A0A0; }
.page-faq .search-icon { position:absolute; right:32px; top:50%; transform:translateY(-50%); color:var(--fq-orange); pointer-events:none; }
/* ── LAYOUT ── */
.page-faq .faq-grid { display:flex; flex-direction:column; gap:80px; }
.page-faq .section-group { display:grid; grid-template-columns:320px 1fr; gap:40px; transition:opacity .4s var(--fq-ease); }
.page-faq .section-group.hidden { display:none; }
.page-faq .section-info h2 { font-family:var(--f-d); font-size:1.1rem; font-weight:800; text-transform:uppercase; letter-spacing:.02em; position:sticky; top:100px; color:var(--fq-ink); display:flex; align-items:center; gap:16px; }
.page-faq .section-info h2::before { content:''; width:8px; height:8px; background:var(--fq-orange); display:inline-block; flex-shrink:0; }
/* ── ACCORDION ── */
.page-faq .accordion { display:flex; flex-direction:column; gap:8px; }
.page-faq .faq-item { background:transparent; border:1px solid transparent; border-bottom:1px solid var(--fq-grey-light); transition:all .4s var(--fq-ease); }
.page-faq .faq-item:hover { background:var(--fq-orange-glow); border-color:transparent; }
.page-faq .faq-item.active { background:var(--fq-paper-alt); border:1px solid var(--fq-grey-light); box-shadow:0 10px 30px rgba(0,0,0,.03); clip-path:polygon(0% 0%,100% 0%,99.5% 100%,0.5% 99%); margin:16px 0; border-bottom-color:var(--fq-grey-light); }
.page-faq .faq-question { width:100%; padding:28px 32px; display:flex; justify-content:space-between; align-items:center; background:none; border:none; cursor:pointer; text-align:left; font-family:var(--f-b); font-weight:600; font-size:1.2rem; color:var(--fq-ink); gap:24px; transition:color .3s var(--fq-ease); }
.page-faq .faq-answer { max-height:0; overflow:hidden; transition:max-height .6s var(--fq-ease),opacity .4s var(--fq-ease); opacity:0; }
.page-faq .answer-inner { padding:0 32px 32px 32px; max-width:760px; color:var(--fq-grey); font-size:1.05rem; line-height:1.75; }
.page-faq .faq-item.active .faq-question { color:var(--fq-orange); }
.page-faq .faq-item.active .faq-answer { max-height:1200px; opacity:1; }
.page-faq .icon-plus { position:relative; width:20px; height:20px; flex-shrink:0; transition:transform .5s var(--fq-ease); }
.page-faq .icon-plus::before, .page-faq .icon-plus::after { content:''; position:absolute; background:var(--fq-orange); top:50%; left:50%; transform:translate(-50%,-50%); transition:background .3s ease; }
.page-faq .icon-plus::before { width:100%; height:2px; }
.page-faq .icon-plus::after { width:2px; height:100%; }
.page-faq .faq-item.active .icon-plus { transform:rotate(135deg); }
.page-faq .faq-item.active .icon-plus::before, .page-faq .faq-item.active .icon-plus::after { background:var(--fq-ink); }
.page-faq .faq-empty { text-align:center; color:var(--fq-grey); font-family:var(--f-m); padding:40px 0; display:none; }
@media (max-width:900px) {
  .page-faq .section-group { grid-template-columns:1fr; gap:24px; }
  .page-faq .section-info h2 { position:static; margin-bottom:8px; }
  .page-faq .faq-question { padding:20px 24px; font-size:1.1rem; }
  .page-faq .answer-inner { padding:0 24px 24px 24px; }
  .page-faq .faq-container { padding:60px 24px; }
}

/* contact form validation error (moved from inline render) */
.ct__input--error{border-color:#E64A5E !important;box-shadow:0 0 0 1px #E64A5E}

/* ===== LP-PAGEBLOCK-hosting (editor parity) ===== */
/* ── HOSTING PAGE - scoped brand vars ── */
.page-hosting {
  --hp-paper: #FAFAFA;
  --hp-card: #FFFFFF;
  --hp-ink: #1A1A1A;
  --hp-ink-light: #666;
  --hp-border: #E5E5E5;
  --hp-orange: #E68900;
  --hp-orange-light: #FFB74D;
  --hp-ease: cubic-bezier(.4,0,.2,1);

  background: var(--hp-paper);
  color: var(--hp-ink);
  font-family: var(--f-b);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  padding-top: 90px; /* clearance for fixed global header */
}
[data-theme="dark"] .page-hosting,
html:not([data-theme="light"]) .page-hosting {
  --hp-paper: #0A0A0A;
  --hp-card: #111;
  --hp-ink: #F0F0F0;
  --hp-ink-light: #9A9A9A;
  --hp-border: rgba(255,255,255,.08);
  --hp-orange: #FF9800;
  --hp-orange-light: #FFB74D;
}
.page-hosting *, .page-hosting *::before, .page-hosting *::after { box-sizing: border-box; }
.page-hosting .hp-container { max-width: 1240px; margin: 0 auto; padding: 0 40px; }

/* ── MARQUEE ── */
.page-hosting .marquee-wrap{
  overflow:hidden;border-bottom:1px solid var(--hp-border);border-top:1px solid var(--hp-border);
  padding:16px 0;background:var(--hp-card);margin-bottom:80px;
}
.page-hosting .marquee-track{display:flex;gap:48px;width:max-content;animation:hpMarquee 20s linear infinite}
.page-hosting .marquee-item{font-family:var(--f-d);font-size:1rem;font-weight:800;text-transform:uppercase;color:var(--hp-ink-light);display:flex;align-items:center;gap:48px}
.page-hosting .marquee-item::after{content:'◆';color:var(--hp-orange);font-size:.5rem}
@keyframes hpMarquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── HERO ── */
.page-hosting .hp-hero{
  padding:100px 0 160px;position:relative;
  display:grid;grid-template-columns:repeat(12,1fr);gap:20px;align-items:center;
  isolation:isolate;
}
/* ─── Thematic hero background ─── */
.page-hosting .hp-hero::before{
  content:"";position:absolute;inset:0;
  background-image: radial-gradient(circle at 1px 1px, currentColor 1px, transparent 0);
  background-size: 26px 26px;
  opacity:.06;
  pointer-events:none;
  z-index:0;
  mask-image: radial-gradient(ellipse 80% 90% at 60% 40%, #000 30%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 80% 90% at 60% 40%, #000 30%, transparent 100%);
}
.page-hosting .hero-bg{
  position:absolute;inset:0;
  pointer-events:none;
  z-index:1;
  overflow:hidden;
}
/* Server rack SVG illustration - top-right */
.page-hosting .hero-rack{
  position:absolute;
  top:60px; right:3%;
  width:230px; height:auto;
  color:var(--hp-ink);
  opacity:.55;
  filter: drop-shadow(0 12px 24px rgba(0,0,0,.04));
}
.page-hosting .hero-rack .rack-led-pulse{
  animation: rackPulse 1.8s ease-in-out infinite;
  transform-origin:center;
  transform-box:fill-box;
}
@keyframes rackPulse{
  0%, 100%{opacity:1; transform:scale(1)}
  50%{opacity:.4; transform:scale(.7)}
}
/* Uptime live badge */
.page-hosting .hero-uptime{
  position:absolute;
  top:18px; left:36%;
  display:flex;align-items:center;gap:12px;
  padding:12px 18px;
  background:var(--hp-card);
  border:1px solid var(--hp-border);
  border-radius:99px;
  box-shadow: 0 6px 20px rgba(0,0,0,.05);
  font-family:var(--f-m);
  transform:rotate(-1.5deg);
}
.page-hosting .hero-uptime .up-dot{
  width:8px;height:8px;border-radius:50%;
  background:#27c93f;
  box-shadow:0 0 0 0 rgba(39,201,63,.5);
  animation:upPulse 1.8s ease-in-out infinite;
  flex-shrink:0;
}
@keyframes upPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(39,201,63,.5)}
  50%   {box-shadow:0 0 0 7px rgba(39,201,63,0)}
}
.page-hosting .hero-uptime .up-val{font-size:.85rem;font-weight:700;color:var(--hp-ink);letter-spacing:-.01em}
.page-hosting .hero-uptime .up-lbl{font-size:.6rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--hp-ink-light);margin-left:6px}
/* TTFB sparkline card */
.page-hosting .hero-ttfb{
  position:absolute;
  bottom:60px; left:4%;
  background:var(--hp-card);
  border:1px solid var(--hp-border);
  padding:14px 18px;
  display:flex;align-items:center;gap:14px;
  box-shadow:6px 6px 0 var(--hp-orange);
  transform:rotate(1deg);
}
.page-hosting .hero-ttfb .ttfb-spark{
  width:60px; height:24px;
  color:var(--hp-orange);
  flex-shrink:0;
}
.page-hosting .hero-ttfb .ttfb-stat{display:flex;flex-direction:column;gap:2px}
.page-hosting .hero-ttfb .ttfb-val{font-family:var(--f-d);font-size:1.15rem;font-weight:900;color:var(--hp-ink);line-height:1;letter-spacing:-.02em}
.page-hosting .hero-ttfb .ttfb-lbl{font-family:var(--f-m);font-size:.55rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--hp-ink-light)}
/* Location chip */
.page-hosting .hero-loc{
  position:absolute;
  top:50%; right:1%;
  display:flex;align-items:center;gap:8px;
  padding:8px 14px;
  background:var(--hp-ink);
  color:var(--hp-paper);
  font-family:var(--f-m);
  font-size:.6rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  transform:rotate(90deg) translateX(50%);
  transform-origin:right center;
}
.page-hosting .hero-loc::before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:var(--hp-orange);
  box-shadow:0 0 8px var(--hp-orange);
}
/* Radar pulse rings - bottom-right corner accent */
.page-hosting .hero-radar{
  position:absolute;
  bottom:-20px; right:-20px;
  width:240px;height:240px;
  border-radius:50%;
  border:1px solid var(--hp-orange);
  opacity:.12;
  pointer-events:none;
}
.page-hosting .hero-radar::before,
.page-hosting .hero-radar::after{
  content:"";position:absolute;inset:0;
  border-radius:50%;
  border:1px solid var(--hp-orange);
  animation: radarPulse 3.5s ease-out infinite;
}
.page-hosting .hero-radar::after{animation-delay:1.75s}
@keyframes radarPulse{
  0%{transform:scale(.4); opacity:.6}
  100%{transform:scale(1); opacity:0}
}
.page-hosting .hero-title-wrap{grid-column:1/10;position:relative;z-index:3}
.page-hosting .hero-tag{font-family:var(--f-m);font-size:.7rem;color:var(--hp-orange);text-transform:uppercase;letter-spacing:.15em;display:flex;align-items:center;gap:12px;margin-bottom:24px}
.page-hosting .hero-tag::before{content:"";width:40px;height:2px;background:var(--hp-orange)}
.page-hosting .hp-hero h1{font-family:var(--f-d);font-size:clamp(4rem,9vw,8rem);font-weight:900;line-height:.85;letter-spacing:-.04em;text-transform:uppercase;color:var(--hp-ink)}
.page-hosting .hp-hero h1 .stroke{color:var(--hp-orange);display:block;margin-left:10%}
.page-hosting .hp-hero h1 .accent{color:var(--hp-orange)}
.page-hosting .hero-box{
  grid-column:7/13;background:var(--hp-card);border:1px solid var(--hp-border);padding:48px;margin-top:-40px;z-index:4;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%);
  box-shadow:-20px 20px 60px rgba(0,0,0,.03);
}
.page-hosting .hero-box p{font-size:1.15rem;color:var(--hp-ink-light);line-height:1.7;margin-bottom:32px}
.page-hosting .tech-tags{display:flex;gap:12px;flex-wrap:wrap}
.page-hosting .t-tag{font-family:var(--f-m);font-size:.65rem;padding:8px 16px;border:1px solid var(--hp-orange);color:var(--hp-orange);text-transform:uppercase;letter-spacing:.1em;border-radius:99px;background:var(--hp-card)}

/* ── FEATURES ── */
.page-hosting .features-wrap{padding-bottom:160px}
.page-hosting .feat-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto;gap:24px}
.page-hosting .f-card{
  position:relative;padding:48px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;
  min-height:380px;transition:transform .4s var(--hp-ease);background-size:cover;background-position:center;
}
.page-hosting .f-card:hover{transform:translateY(-8px)}
.page-hosting .f-num{position:absolute;bottom:-20px;right:-10px;font-family:var(--f-d);font-size:14rem;font-weight:900;line-height:1;opacity:.1;pointer-events:none;z-index:1}
.page-hosting .f-card h3{font-family:var(--f-d);font-size:1.8rem;font-weight:800;margin-bottom:16px;letter-spacing:-.02em;position:relative;z-index:2}
.page-hosting .f-card p{font-size:1.05rem;line-height:1.6;max-width:400px;position:relative;z-index:2}
.page-hosting .fc-1{
  grid-column:1/8;background-color:#1A1A1A;color:var(--hp-paper);
  background-image:linear-gradient(rgba(26,26,26,.85),rgba(26,26,26,.95)),url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?q=80&w=1200&auto=format&fit=crop');
  clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%);
}
.page-hosting .fc-1 .f-num{color:var(--hp-paper)}
.page-hosting .fc-1 h3{color:var(--hp-orange)}
.page-hosting .fc-1 p{color:#CCC}
.page-hosting .fc-img{grid-column:8/13;padding:0;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}
.page-hosting .fc-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .5s var(--hp-ease),transform .5s var(--hp-ease)}
.page-hosting .fc-img:hover img{filter:grayscale(0%);transform:scale(1.05)}
.page-hosting .fc-2{grid-column:1/6;background:var(--hp-orange);color:var(--hp-ink);clip-path:polygon(0 0,100% 4%,100% 100%,0 96%);margin-top:-20px;z-index:2}
.page-hosting .fc-2 .f-num{color:var(--hp-ink);opacity:.15}
.page-hosting .fc-3{grid-column:6/13;background:var(--hp-paper);border:2px solid var(--hp-border);clip-path:polygon(40px 0,100% 0,100% 100%,0 100%,0 40px);z-index:1}
.page-hosting .fc-3 .f-num{-webkit-text-stroke:4px var(--hp-border);color:transparent;opacity:1}
.page-hosting .fc-3 p{color:var(--hp-ink-light)}

/* ── PRICING ── */
.page-hosting .pricing-section{padding:120px 0;border-top:1px solid var(--hp-border)}
.page-hosting .sec-title{font-family:var(--f-d);font-size:clamp(2rem,4vw,3.5rem);font-weight:900;letter-spacing:-.03em;margin-bottom:64px;text-align:center;color:var(--hp-ink)}
.page-hosting .price-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch;max-width:1000px;margin:0 auto}
.page-hosting .price-card{background:var(--hp-card);border:1px solid var(--hp-border);padding:64px 48px;position:relative;display:flex;flex-direction:column;transition:.4s var(--hp-ease)}
.page-hosting .price-card.featured{background:#1A1A1A;color:#F0F0F0;border:none;clip-path:polygon(0 0,100% 0,100% 98%,0 100%)}
[data-theme="dark"] .page-hosting .price-card.featured,
html:not([data-theme="light"]) .page-hosting .price-card.featured{background:#000;color:#F0F0F0}
.page-hosting .price-badge{font-family:var(--f-m);font-size:.6rem;color:var(--hp-ink);background:var(--hp-orange);padding:6px 16px;text-transform:uppercase;letter-spacing:.1em;position:absolute;top:32px;right:0;font-weight:700}
.page-hosting .p-label{font-family:var(--f-m);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--hp-ink-light);margin-bottom:16px}
.page-hosting .price-card.featured .p-label{color:var(--hp-orange)}
.page-hosting .price-card h2{font-family:var(--f-d);font-size:2rem;font-weight:800;margin-bottom:8px;letter-spacing:-.02em;color:inherit}
.page-hosting .price-val{font-family:var(--f-d);font-size:4rem;font-weight:900;color:var(--hp-orange);margin-bottom:32px;line-height:1}
.page-hosting .price-val span{font-size:1rem;color:var(--hp-ink-light);font-weight:700;letter-spacing:0;font-family:var(--f-b)}
.page-hosting .price-list{list-style:none;margin-bottom:48px;flex-grow:1;padding:0}
.page-hosting .price-list li{margin-bottom:16px;display:flex;gap:12px;font-weight:500;font-size:1.05rem}
.page-hosting .price-list li::before{content:"◆";color:var(--hp-orange);font-size:.8rem;padding-top:4px}
.page-hosting .price-card.featured .price-list li{color:#D1D1D1}

/* ── ORDER FORM ── */
.page-hosting .form-section{padding:120px 0 160px;background:var(--hp-card);border-top:1px solid var(--hp-border)}
.page-hosting .form-wrapper{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}
.page-hosting .form-txt h2{font-family:var(--f-d);font-size:clamp(3rem,5vw,4.5rem);font-weight:900;line-height:.9;letter-spacing:-.03em;margin-bottom:24px;color:var(--hp-ink)}
.page-hosting .form-txt p{color:var(--hp-ink-light);font-size:1.1rem;margin-bottom:40px}
.page-hosting .status-box{font-family:var(--f-m);font-size:.7rem;color:var(--hp-ink);letter-spacing:.08em;padding:24px;border:1px solid var(--hp-border);background:var(--hp-paper)}
.page-hosting .status-box span{color:#4AE6C8;display:inline-block;margin-right:8px;animation:hpPulse 2s infinite}
@keyframes hpPulse{0%,100%{opacity:1}50%{opacity:.4}}
.page-hosting .form-grid{display:grid;gap:32px}
.page-hosting .form-grid input,.page-hosting .form-grid select,.page-hosting .form-grid textarea{
  width:100%;background:transparent;border:none;border-bottom:2px solid var(--hp-border);
  padding:16px;color:var(--hp-ink);font-family:var(--f-b);font-size:1.1rem;outline:none;
  transition:.3s var(--hp-ease);border-radius:0;appearance:none;
}
.page-hosting .form-grid input::placeholder,.page-hosting .form-grid textarea::placeholder{color:#A0A0A0;font-weight:300}
.page-hosting .form-grid input:focus,.page-hosting .form-grid select:focus,.page-hosting .form-grid textarea:focus{border-color:var(--hp-orange)}
.page-hosting .form-grid textarea{resize:vertical;min-height:120px}
.page-hosting .btn-order{
  display:inline-flex;align-items:center;justify-content:center;background:var(--hp-orange);color:var(--hp-paper);
  border:none;padding:24px 48px;font-family:var(--f-d);font-weight:800;font-size:1rem;cursor:pointer;
  text-transform:uppercase;letter-spacing:.05em;transition:all .4s var(--hp-ease);margin-top:16px;
}
.page-hosting .btn-p{clip-path:polygon(1% 0%,100% 2%,99% 100%,0% 97%)}
.page-hosting .btn-p:hover{background:var(--hp-ink);transform:translateY(-4px);clip-path:polygon(0% 2%,99% 0%,100% 98%,1% 100%)}
.page-hosting .btn-out{clip-path:polygon(2% 0%,100% 1%,98% 100%,0% 98%);background:transparent;border:1px solid var(--hp-ink);color:var(--hp-ink)}
.page-hosting .btn-out:hover{background:var(--hp-ink);color:var(--hp-paper)}
.page-hosting .btn-order:disabled{opacity:.5;cursor:not-allowed}

@media(max-width:900px){
  .page-hosting .hp-hero{grid-template-columns:1fr;padding:60px 0 80px}
  .page-hosting .hero-title-wrap,.page-hosting .hero-box{grid-column:1/-1}
  .page-hosting .hero-box{margin-top:0;clip-path:none}
  .page-hosting .hp-hero h1 .stroke{margin-left:0}
  .page-hosting .fc-1,.page-hosting .fc-2,.page-hosting .fc-3,.page-hosting .fc-img{grid-column:1/-1;clip-path:none;margin-top:0}
  .page-hosting .fc-img{height:250px}
  .page-hosting .price-grid,.page-hosting .form-wrapper{grid-template-columns:1fr;gap:48px}
  .page-hosting .hp-container{padding:0 10px}
  /* Hero decorations - hide most on mobile, keep one subtle hint */
  .page-hosting .hero-rack,
  .page-hosting .hero-loc,
  .page-hosting .hero-ttfb,
  .page-hosting .hero-radar{display:none}
  .page-hosting .hero-uptime{top:8px;left:auto;right:8px;transform:none;padding:8px 12px}
  .page-hosting .hero-uptime .up-lbl{display:none}
  /* Pricing card - compact mobile sizing */
  .page-hosting .price-card{padding:40px 28px}
  .page-hosting .price-card h2{font-size:1.5rem}
  .page-hosting .price-val{font-size:clamp(2.2rem, 9vw, 2.8rem); margin-bottom:24px; white-space:nowrap}
  .page-hosting .price-val span{font-size:.85rem; display:inline-block; margin-left:6px}
  .page-hosting .price-list li{font-size:.95rem; margin-bottom:12px}
  .page-hosting .price-badge{font-size:.55rem; padding:5px 12px}
}
.page-hosting .fc-2 h3{color:var(--hp-ink)}
.page-hosting .form-grid .lp-err{border-color:#E64A5E !important;box-shadow:0 0 0 1px #E64A5E}

/* ===== LP-PAGE404 (404 page, site style) ===== */
.page-404{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;padding:clamp(80px,12vw,160px) 24px;overflow:hidden;text-align:center}
.page-404 .nf-inner{position:relative;z-index:2;max-width:940px}
.page-404 .nf-big{font-family:var(--f-d);font-weight:900;font-size:clamp(8rem,26vw,20rem);line-height:.8;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:2px var(--c-grey-d,#2a2a2a);opacity:.5;margin-bottom:-.1em;pointer-events:none}
[data-theme="light"] .page-404 .nf-big{-webkit-text-stroke-color:#e0e0e0}
.page-404 .nf-eyebrow{font-family:var(--f-m);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--c-lime);margin-bottom:18px}
.page-404 .nf-title{font-family:var(--f-d);font-size:clamp(1.8rem,4.5vw,3rem);font-weight:900;line-height:1.05;letter-spacing:-.02em;margin-bottom:18px}
.page-404 .nf-title .text-lime,.page-404 .nf-title .hero__accent{color:var(--c-lime)}
.page-404 .nf-text{font-size:clamp(.95rem,1.4vw,1.1rem);color:var(--c-grey-l);line-height:1.7;max-width:480px;margin:0 auto 36px}
[data-theme="light"] .page-404 .nf-text{color:var(--c-grey)}
.page-404 .nf-btn{display:inline-block;background:var(--c-lime);color:#111;font-family:var(--f-m);font-weight:700;font-size:.85rem;letter-spacing:.03em;padding:16px 34px;text-decoration:none;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:transform .25s,filter .25s;cursor:pointer}
.page-404 .nf-btn:hover{transform:translateY(-3px);filter:brightness(1.08)}