:root{
  --bg:#000000;
  --bg-1:#070809;
  --surface:#0d0e10;
  --surface-2:#141518;
  --border:rgba(255,255,255,.08);
  --border-2:rgba(255,255,255,.14);
  --text:#f5f5f7;
  --dim:#a1a1a8;
  --dimmer:#6e6e76;
  --green:#00ff6a;
  --green-2:#00d957;
  --green-dim:rgba(0,255,106,.14);
  --green-glow:rgba(0,255,106,.35);
  --blood-burgundy:#2a0509;
  --blood-red:#ff2537;
  --blood-glow:rgba(255,37,55,.46);
  --radius:22px;
  --radius-lg:30px;
  --maxw:1160px;
  --ease:cubic-bezier(.16,1,.3,1);
  --font:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:"JetBrains Mono","SF Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{
  font-family:var(--font);
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
  letter-spacing:-.011em;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
::selection{background:var(--green);color:#000}
img{max-width:100%;display:block}


#rainGlobal{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.15}
.matrix-variant-section{position:relative;overflow:hidden;isolation:isolate}
.matrix-variant-section>.container{position:relative;z-index:2}
.matrix-variant-section>.glow{z-index:1}
.matrix-variant-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.9}
.matrix-variant-section::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(3,4,5,.16),rgba(3,4,5,.72)),radial-gradient(960px circle at 50% 48%,transparent,rgba(0,0,0,.52) 76%)}
.matrix-rift-section{background:radial-gradient(640px circle at 50% 42%,rgba(255,79,216,.12),transparent 68%),radial-gradient(900px circle at 62% 34%,rgba(0,255,106,.12),transparent 70%)}
.matrix-rift-section::before{content:"";position:absolute;inset:10% 0 auto;height:78%;z-index:0;background:linear-gradient(100deg,transparent 12%,rgba(0,255,106,.08) 42%,rgba(255,79,216,.09) 54%,transparent 82%);transform:skewY(-8deg);filter:blur(1px);pointer-events:none}
.matrix-neural-section{background:radial-gradient(740px circle at 24% 46%,rgba(0,255,106,.12),transparent 70%)}
.matrix-storm-section{background:radial-gradient(620px circle at 18% 20%,rgba(255,79,216,.14),transparent 65%),radial-gradient(720px circle at 82% 76%,rgba(0,255,106,.16),transparent 68%)}
.hero,main,.foot{position:relative;z-index:1}


.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 26px}
.section{position:relative;padding:clamp(84px,12vh,150px) 0}
section[id]{scroll-margin-top:90px}
h2.h2{
  font-size:clamp(30px,4.4vw,54px);font-weight:800;line-height:1.05;
  letter-spacing:-.03em;color:var(--text);margin-bottom:18px;
}
.center{text-align:center}


.glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.5;pointer-events:none;z-index:0}


@property --primary-cta-cut{syntax:"<length>";inherits:false;initial-value:0px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-weight:600;font-size:16px;letter-spacing:-.01em;
  padding:15px 28px;border-radius:100px;cursor:pointer;border:1px solid transparent;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s,border-color .3s;
  will-change:transform;
}
.btn svg{width:18px;height:18px}
.btn-primary{position:relative;isolation:isolate;border-color:transparent;border-radius:0;background:transparent;color:#001b0c;box-shadow:none}
.btn-primary::before,.btn-primary::after{content:"";position:absolute;inset:0;pointer-events:none}
.btn-primary::before{
  --primary-cta-cut:14px;z-index:-1;border-radius:0;background:var(--green);
  clip-path:polygon(var(--primary-cta-cut) 0,calc(100% - var(--primary-cta-cut)) 0,100% var(--primary-cta-cut),100% calc(100% - var(--primary-cta-cut)),calc(100% - var(--primary-cta-cut)) 100%,var(--primary-cta-cut) 100%,0 calc(100% - var(--primary-cta-cut)),0 var(--primary-cta-cut));
  transition:--primary-cta-cut .22s var(--ease),border-radius .22s var(--ease)
}
.btn-primary::after{z-index:-2;border-radius:999px;box-shadow:0 14px 40px -8px var(--green-glow),0 0 24px var(--green-glow);opacity:0;transform:translateY(-2px) scale(.96);transition:opacity .35s var(--ease),transform .35s var(--ease)}
.btn-primary:hover,.btn-primary:focus-visible{transform:translateY(-2px);box-shadow:none}
.btn-primary:hover::before,.btn-primary:focus-visible::before{--primary-cta-cut:0px;border-radius:999px}
.btn-primary:hover::after,.btn-primary:focus-visible::after{opacity:1;transform:translateY(-2px) scale(1)}
.btn-primary:focus-visible{outline:0}
.btn-ghost{background:rgba(255,255,255,.04);color:var(--text);border-color:var(--border-2)}
.btn-ghost:hover{background:rgba(255,255,255,.09);transform:translateY(-2px)}
.btn-lg{padding:18px 34px;font-size:17px}


.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  transition:background .4s,backdrop-filter .4s,padding .4s;
  border-bottom:0;padding:14px 0;
}
.nav.scrolled{
  background:rgba(6,7,9,.72);backdrop-filter:saturate(160%) blur(18px);
  -webkit-backdrop-filter:saturate(160%) blur(18px);border-bottom:0;
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:19px;letter-spacing:-.02em}
.logo .dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 2.4s infinite}
.nav-links{display:flex;align-items:center;gap:34px}
.nav-links a{font-size:15px;color:var(--dim);font-weight:500;transition:color .25s;position:relative}
.nav-links a:hover{color:var(--text)}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1.5px;background:var(--green);transition:width .3s var(--ease)}
.nav-links a:hover::after{width:100%}
.nav-right{display:flex;align-items:center;gap:18px}
.nav-free-link{white-space:nowrap}
.nav .btn{padding:11px 20px;font-size:14.5px}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.hamburger span{width:24px;height:2px;background:var(--text);border-radius:2px;transition:.3s var(--ease)}
.nav.open .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav.open .hamburger span:nth-child(2){opacity:0}
.nav.open .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}


.hero{position:relative;padding:170px 0 90px;overflow:hidden}
#rain{position:absolute;inset:0;width:100%;height:100%;opacity:.16;z-index:0;pointer-events:none;
  -webkit-mask-image:radial-gradient(120% 80% at 70% 25%,#000 35%,transparent 78%);
  mask-image:radial-gradient(120% 80% at 70% 25%,#000 35%,transparent 78%)}
.hero .glow{top:-160px;right:-120px;width:620px;height:620px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:13px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--green);margin-bottom:26px;padding:8px 15px;border:0;
  background:var(--green-dim);border-radius:100px}
h1.h1{font-size:clamp(40px,6.4vw,80px);font-weight:900;line-height:1.02;letter-spacing:-.04em;margin-bottom:26px}
.h1 .grad{background:linear-gradient(115deg,#fff 30%,var(--green) 115%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cursor{display:inline-block;width:.5ch;color:var(--green);text-shadow:0 0 16px var(--green)}
.cursor.is-active{animation:blink 1.05s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.hero p.lead{font-size:clamp(16.5px,1.7vw,19px);color:var(--dim);line-height:1.66;margin-bottom:18px;max-width:540px}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin:32px 0 22px}


@keyframes rec{0%{box-shadow:0 0 0 0 rgba(0,255,106,.5)}70%{box-shadow:0 0 0 9px rgba(0,255,106,0)}100%{box-shadow:0 0 0 0 rgba(0,255,106,0)}}
@keyframes wave{0%,100%{height:14%}50%{height:92%}}





.terminal{background:#08090b;border:1px solid var(--border-2);border-radius:var(--radius);overflow:hidden;
  box-shadow:0 40px 90px -34px rgba(0,0,0,.9),0 0 0 1px rgba(0,255,106,.05);font-family:var(--mono)}
.tr{background:#ff5f57}.ty{background:#febc2e}
.matrix-elephant{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(255,63,216,.18),transparent 30%),radial-gradient(circle at 25% 75%,rgba(0,255,106,.14),transparent 34%),#08090b;border:0;border-radius:var(--radius);padding:24px 22px;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 22px 80px -48px rgba(255,63,216,.55),0 0 42px -30px var(--green-glow)}
.matrix-elephant::before{content:"AI VIDEO GRAFIKA VFX WEB STRÁNKY APLIKÁCIE AUTOMATIZÁCIA B2B NOVÍ KLIENTI AUDIT DOMÉNY RUŽOVÝ SLON RUŽOVÝ SLONÍČEK ZELENÝ CHOBOTÍČEK SPOKOJNOSŤ KLIENTA DLHÉ ROKY SKÚSENOSTÍ KVALITNÉ SLUŽBY POMÔŽEME VÁM ";position:absolute;inset:-20%;font-family:var(--mono);font-size:15px;line-height:1.9;letter-spacing:.16em;color:rgba(0,255,106,.08);word-spacing:18px;transform:rotate(-8deg);animation:elephantBgRain 12s linear infinite;pointer-events:none}
.matrix-elephant::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 28%,rgba(0,255,106,.04));pointer-events:none}
.matrix-strip{animation:elephantMatrixFall 5.5s linear infinite}
.matrix-strip.two{animation-duration:7s;animation-delay:-1.4s}
.matrix-strip.three{animation-duration:6.2s;animation-delay:-2.6s}
@keyframes elephantMatrixFall{0%{transform:translateY(-220px)}100%{transform:translateY(220px)}}
@keyframes elephantBgRain{0%{background-position:0 0;transform:translateY(-6%) rotate(-8deg)}100%{background-position:0 240px;transform:translateY(6%) rotate(-8deg)}}


.step{background:var(--surface);border:0;border-radius:var(--radius);padding:30px 26px;transition:transform .5s var(--ease)}
.step:hover{transform:translateY(-6px)}
.step h3{font-size:19px;font-weight:700;margin-bottom:9px;letter-spacing:-.02em}
.step p{font-size:15px;color:var(--dim);line-height:1.6}
@keyframes processDataDrift{0%{transform:translate3d(0,58px,0);opacity:0}12%{opacity:.62}76%{opacity:.42}100%{transform:translate3d(18px,-245px,0);opacity:0}}


.pkg-list-collapse{overflow:hidden;transition:max-height .38s var(--ease)}
.pkg-toggle{display:block;width:max-content;margin:22px auto 0;padding:4px 2px;border:0;border-bottom:1px solid rgba(0,255,106,.48);background:transparent;color:var(--green);font:700 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}
.pkg-toggle:hover{color:#d8ffe8;border-bottom-color:currentColor;transform:translateY(-1px)}
.pkg-toggle:focus-visible{outline:2px solid var(--green);outline-offset:5px;border-radius:3px}

@media (prefers-reduced-motion: reduce){.pkg-list-collapse,.pkg-toggle{transition:none}}


@keyframes tlFlowTravel{0%{left:14%;opacity:0}6%,94%{opacity:1}100%{left:calc(86% - 12px);opacity:0}}
@keyframes tlTransformSweep{to{transform:rotate(360deg)}}
@keyframes tlParticleDrift{0%,100%{transform:translate(0,0) scale(.88);opacity:.58}50%{transform:translate(4px,-7px) scale(1.15);opacity:1}}
@keyframes tlBlueprintScan{0%,100%{transform:translateY(0);opacity:.18}50%{transform:translateY(76px);opacity:1}}
@keyframes tlSystemPulse{0%,100%{transform:scale(.72);opacity:.58}50%{transform:scale(1.18);opacity:1}}


.aud-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,3vw,38px);margin-top:0}
.aud-head{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:22px;font-weight:800;letter-spacing:-.02em}
.aud-head .badge{width:40px;height:40px;border-radius:12px;display:grid;place-items:center}
.aud-head .badge svg{width:22px;height:22px}
.aud-list-collapse{overflow:hidden;transition:max-height .38s var(--ease)}
.aud-toggle{position:relative;z-index:3;display:block;width:max-content;margin:22px auto 0;padding:4px 2px;border:0;border-bottom:1px solid rgba(0,255,106,.48);background:transparent;color:var(--green);font:700 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}
.aud-toggle:hover{border-color:var(--green);color:#b9ffd7;transform:translateY(-1px)}
.aud-toggle:focus-visible{outline:2px solid var(--green);outline-offset:5px;border-radius:2px}
.aud-vfx{isolation:isolate}
.aud-vfx>*{position:relative;z-index:2}
.aud-vfx::before,.aud-vfx::after{content:"";position:absolute;pointer-events:none;transition:opacity .35s var(--ease),filter .35s var(--ease),transform .5s var(--ease)}
.aud-vfx--yes{border-color:rgba(0,255,106,.22);box-shadow:0 22px 80px -58px rgba(0,255,106,.45)}
.aud-vfx--yes::before{
  inset:-2px;z-index:0;border-radius:inherit;padding:2px;
  background:conic-gradient(from 0deg,transparent 0 11%,rgba(0,255,106,.95) 16%,rgba(195,255,218,.95) 19%,transparent 26%,transparent 48%,rgba(0,255,106,.82) 54%,transparent 64%,transparent);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.34;animation:audSnakeSpin 8s linear infinite
}
.aud-vfx--yes::after{inset:0;z-index:1;background:radial-gradient(210px circle at var(--aud-light-x,50%) var(--aud-light-y,50%),rgba(108,255,164,.26),transparent 68%),radial-gradient(340px circle at 16% 0%,rgba(0,255,106,.18),transparent 66%),linear-gradient(135deg,rgba(0,255,106,.08),transparent 44%);opacity:.46}
.aud-vfx--yes:hover{transform:translateY(-6px);border-color:rgba(0,255,106,.48);box-shadow:0 30px 100px -48px rgba(0,255,106,.72),0 0 0 1px rgba(0,255,106,.22) inset}
.aud-vfx--yes:hover::before{opacity:1;animation-duration:2.6s;filter:drop-shadow(0 0 12px var(--green-glow))}
.aud-vfx--yes:hover::after{opacity:.86;filter:saturate(1.25)}
.aud-vfx--no{
  border-color:rgba(160,30,40,.36);
  background:
    radial-gradient(360px circle at 82% 12%,rgba(255,37,55,.17),transparent 60%),
    radial-gradient(230px circle at 14% 84%,rgba(120,0,18,.28),transparent 66%),
    linear-gradient(180deg,var(--blood-burgundy),#0b0507 74%);
  box-shadow:0 24px 82px -56px rgba(255,37,55,.44),inset 0 0 0 1px rgba(255,255,255,.025)
}
.aud-vfx--no::before{
  inset:-2px;z-index:0;border-radius:inherit;padding:2px;
  background:conic-gradient(from 0deg,rgba(255,37,55,.05),rgba(255,37,55,.72),rgba(255,134,74,.42),transparent 34%,rgba(130,0,18,.55),transparent 72%,rgba(255,37,55,.58));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.38;animation:audHellPulse 5s ease-in-out infinite
}
.aud-vfx--no::after{
  inset:0;z-index:1;
  background:
    radial-gradient(210px circle at var(--aud-light-x,50%) var(--aud-light-y,50%),rgba(255,84,96,.24),transparent 68%),
    radial-gradient(15px 11px at 24% 24%,rgba(255,37,55,.32),transparent 70%),
    radial-gradient(24px 18px at 86% 22%,rgba(255,37,55,.22),transparent 70%),
    radial-gradient(9px 7px at 68% 72%,rgba(255,37,55,.30),transparent 70%),
    radial-gradient(40px 25px at 12% 86%,rgba(120,0,18,.38),transparent 78%),
    linear-gradient(150deg,rgba(255,37,55,.10),transparent 34%,rgba(0,0,0,.3));
  opacity:.54;mix-blend-mode:screen
}
.aud-vfx--no .badge{background:rgba(255,37,55,.13);border:1px solid rgba(255,37,55,.22);color:#ff5d67;box-shadow:0 0 24px -14px var(--blood-glow)}
.aud-vfx--no li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff2537' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='15' y1='9' x2='9' y2='15'/%3E%3Cline x1='9' y1='9' x2='15' y2='15'/%3E%3C/svg%3E")}
.aud-vfx--no:hover{transform:translateY(-6px);border-color:rgba(255,37,55,.72);background:radial-gradient(420px circle at 78% 12%,rgba(255,37,55,.32),transparent 62%),radial-gradient(260px circle at 14% 84%,rgba(160,0,24,.42),transparent 68%),linear-gradient(180deg,#4a0710,#100307 78%);box-shadow:0 34px 106px -46px rgba(255,37,55,.8),0 0 0 1px rgba(255,37,55,.26) inset}
.aud-vfx--no:hover::before{opacity:1;filter:drop-shadow(0 0 18px var(--blood-glow));animation-duration:2s}
.aud-vfx--no:hover::after{opacity:.9;filter:saturate(1.55) brightness(1.15)}
.aud-vfx-symbol{position:absolute!important;z-index:1!important;top:50%;left:50%;display:block!important;margin:0!important;font-family:Arial,sans-serif;font-size:clamp(240px,27vw,390px);font-weight:900;line-height:.78;pointer-events:none;user-select:none;transform-origin:center;mix-blend-mode:screen}
.aud-vfx-symbol--check{color:rgba(0,255,106,.19);text-shadow:0 0 22px rgba(0,255,106,.34),0 0 68px rgba(0,255,106,.2);animation:audCheckForge 6.4s cubic-bezier(.22,1,.36,1) infinite;filter:drop-shadow(0 0 var(--aud-blur,0px) rgba(0,255,106,.7))}
.aud-vfx-symbol--cross{color:rgba(255,52,67,.18);text-shadow:0 0 24px rgba(255,37,55,.36),0 0 70px rgba(255,37,55,.2);animation:audCrossForge 7.2s cubic-bezier(.22,1,.36,1) infinite;filter:drop-shadow(0 0 var(--aud-blur,0px) rgba(255,37,55,.7))}
@keyframes audCheckForge{0%,16%{opacity:0;transform:translate(calc(-50% + var(--aud-x,0px)),calc(-50% + var(--aud-y,0px))) scale(.62) rotate(calc(-13deg + var(--aud-rotate,0deg)))}30%,68%{opacity:1;transform:translate(calc(-50% + var(--aud-x,0px)),calc(-50% + var(--aud-y,0px))) scale(1) rotate(calc(-4deg + var(--aud-rotate,0deg)))}82%,100%{opacity:.48;transform:translate(calc(-50% + var(--aud-x,0px)),calc(-50% + var(--aud-y,0px))) scale(.94) rotate(calc(-4deg + var(--aud-rotate,0deg)))}}
@keyframes audCrossForge{0%,13%{opacity:0;transform:translate(calc(-50% + var(--aud-x,0px)),calc(-50% + var(--aud-y,0px))) scale(.52) rotate(calc(-22deg + var(--aud-rotate,0deg)))}28%,66%{opacity:1;transform:translate(calc(-50% + var(--aud-x,0px)),calc(-50% + var(--aud-y,0px))) scale(1) rotate(var(--aud-rotate,0deg))}82%,100%{opacity:.42;transform:translate(calc(-50% + var(--aud-x,0px)),calc(-50% + var(--aud-y,0px))) scale(.92) rotate(var(--aud-rotate,0deg))}}
@keyframes audSnakeSpin{to{transform:rotate(1turn)}}
@keyframes audHellPulse{0%,100%{transform:rotate(0deg) scale(1);opacity:.36}50%{transform:rotate(12deg) scale(1.01);opacity:.72}}
@media (prefers-reduced-motion:reduce){.aud-list-collapse,.aud-toggle{transition:none}}


@keyframes whyPhotoSpin{to{transform:rotate(1turn)}}
@keyframes hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}


@keyframes scan{0%{left:-60%}100%{left:120%}}


#rain2{position:absolute;inset:0;width:100%;height:100%;opacity:.12;z-index:0;
  -webkit-mask-image:radial-gradient(80% 120% at 50% 0%,#000 20%,transparent 75%);
  mask-image:radial-gradient(80% 120% at 50% 0%,#000 20%,transparent 75%)}
#rain2.matrix-variant-canvas--cta{opacity:.44}


.foot{--footer-pointer-x:50%;--footer-pointer-y:48%;position:relative;isolation:isolate;overflow:hidden;border-top:0;padding:clamp(54px,7vw,92px) 0 28px;background:radial-gradient(660px circle at var(--footer-pointer-x) var(--footer-pointer-y),rgba(0,255,106,.14),transparent 68%),radial-gradient(680px circle at 12% 10%,rgba(0,255,106,.1),transparent 66%),radial-gradient(760px circle at 94% 100%,rgba(255,79,216,.08),transparent 70%),#050808}
.foot::before{content:"";position:absolute;pointer-events:none;z-index:0}
.foot::before{inset:-22% -12%;opacity:.72;background:radial-gradient(circle at 8% 31%,rgba(0,255,106,.72) 0 1px,transparent 2px),radial-gradient(circle at 28% 68%,rgba(96,221,255,.42) 0 1px,transparent 2px),radial-gradient(circle at 73% 36%,rgba(255,79,216,.48) 0 1px,transparent 2px),radial-gradient(circle at 92% 74%,rgba(0,255,106,.58) 0 1px,transparent 2px),linear-gradient(112deg,transparent 18%,rgba(0,255,106,.1) 42%,transparent 63%);background-size:260px 210px,340px 270px,300px 240px,390px 310px,100% 100%;mask-image:radial-gradient(90% 110% at 50% 48%,black 0 54%,transparent 100%);animation:footerSignalField 18s linear infinite}
.footer-chaos-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.9}
.footer-ufo{--ufo-flight-duration:3600ms;--ufo-rise:160px;position:absolute;left:-48px;bottom:17%;z-index:0;width:30px;height:13px;border:1px solid rgba(128,255,205,.34);border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% 20%,rgba(255,255,255,.28),transparent 14%),radial-gradient(ellipse at 50% 56%,#30383a 0 13%,#080b0c 38%,#000 72%);box-shadow:0 0 14px rgba(0,255,106,.13),0 4px 9px rgba(0,0,0,.76),inset 0 1px 5px rgba(255,255,255,.13),inset 0 -4px 8px #000;transform:translate3d(0,0,0) rotate(-12deg)}
.footer-ufo::before{content:"";position:absolute;left:50%;bottom:7px;width:13px;height:7px;border:1px solid rgba(193,255,238,.38);border-bottom:0;border-radius:50% 50% 0 0;background:linear-gradient(180deg,rgba(77,93,96,.85),rgba(8,13,14,.75));transform:translateX(-50%)}
.footer-ufo::after{content:"";position:absolute;right:86%;top:47%;width:44px;height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,106,.26),rgba(255,79,216,.14),transparent);filter:blur(.5px);transform:translateY(-50%)}
.footer-ufo.is-flying{animation:footerUfoFlight var(--ufo-flight-duration) cubic-bezier(.2,.7,.38,1) both}
.foot-inner{position:relative;z-index:1;display:grid;gap:34px}
@keyframes footerSignalField{0%{transform:translate3d(-2%,-1%,0)}50%{transform:translate3d(3%,2%,0)}100%{transform:translate3d(-2%,-1%,0)}}
@keyframes footerUfoFlight{0%{opacity:0;transform:translate3d(0,14px,0) rotate(-12deg)}9%{opacity:.78}76%{opacity:.78}100%{opacity:0;transform:translate3d(calc(100vw + 100px),calc(var(--ufo-rise) * -1),0) rotate(-12deg)}}
@media(max-width:560px){.foot::before{opacity:.52;background-size:210px 180px,270px 220px,240px 200px,300px 250px,100% 100%}}
.foot-main{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(2,minmax(145px,.88fr)) minmax(200px,1.08fr);gap:clamp(28px,4vw,64px)}
.foot-intro{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:300px}
.foot-brand{display:flex;align-items:center;gap:9px;color:var(--text);font-weight:750;font-size:19px;text-decoration:none}
.foot-brand .dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}
.foot-intro p{margin:8px 0 4px;color:var(--dim);font-size:14px;line-height:1.58}
.foot-contact{color:var(--text);font-size:14px;text-decoration:none;transition:color .25s,transform .25s}
.foot-contact:hover,.foot-contact:focus-visible{color:var(--green);transform:translateX(3px);outline:0}
.foot-column{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.foot-column strong{margin-bottom:4px;color:var(--text);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-family:var(--mono)}
.foot-column a{color:var(--dim);font-size:14px;line-height:1.35;text-decoration:none;transition:color .25s,transform .25s}
.foot-column a:hover,.foot-column a:focus-visible{color:var(--green);transform:translateX(3px);outline:0}
.foot-company span{color:var(--dim);font-size:13px;line-height:1.55}
.foot-legal{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:4px}
.foot-legal a{font-size:12px;text-decoration:underline;text-decoration-color:rgba(0,255,106,.35);text-underline-offset:3px}
.foot-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}
.foot-copy{color:var(--dim);font-size:12.5px;line-height:1.5}
.foot-disclaimer{max-width:560px;margin:0;color:var(--dimmer);font-size:12px;line-height:1.55;text-align:right}
@media(min-width:960px){.foot-disclaimer{max-width:none;white-space:nowrap}}


#kontakt{padding-block:clamp(58px,8vh,92px)}


.cookie{position:fixed;left:18px;right:18px;bottom:18px;z-index:200;max-width:760px;margin:0 auto;
  background:rgba(13,14,16,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid var(--border-2);border-radius:18px;padding:18px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;
  box-shadow:0 30px 70px -20px rgba(0,0,0,.8);transition:transform .5s var(--ease),opacity .5s;transform:translateY(140%)}
.cookie.show{transform:none}
.cookie p{font-size:13.5px;color:var(--dim);flex:1;min-width:240px;line-height:1.5}
.cookie p a{color:var(--green);text-decoration:underline}
.cookie .c-btns{display:flex;gap:10px;flex-wrap:wrap}
.c-btn{font-size:13.5px;font-weight:600;padding:10px 16px;border-radius:100px;cursor:pointer;border:1px solid var(--border-2);background:transparent;color:var(--text);transition:.25s}
.c-btn.ghost:hover{background:rgba(255,255,255,.06)}
.c-btn.accept{background:var(--green);color:#001b0c;border-color:var(--green)}
.c-btn.accept:hover{box-shadow:0 0 22px var(--green-glow)}


.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.in{opacity:1;transform:none}






.ebook{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:0;
  background:linear-gradient(120deg,var(--surface-2),var(--bg-1));padding:clamp(30px,5vw,52px);
  display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:center}
.ebook .glow{left:auto;right:-120px;top:-100px;width:420px;height:420px;opacity:.3}
@keyframes ebookCoverDrift{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-8px)}}


#ceny.matrix-neural-section{background:#040707;border-top:0}
#ceny.matrix-neural-section::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(720px circle at 16% 0%,rgba(0,255,106,.28),transparent 68%),radial-gradient(680px circle at 88% 100%,rgba(255,79,216,.2),transparent 70%),#040707;pointer-events:none}
#ceny .matrix-variant-canvas{z-index:1;opacity:.82}
#ceny.matrix-neural-section::after{z-index:2;background:linear-gradient(180deg,rgba(3,4,5,.32),rgba(3,4,5,.13) 24%,rgba(3,4,5,.18) 76%,rgba(3,4,5,.42)),radial-gradient(960px circle at 50% 48%,transparent,rgba(0,0,0,.45) 76%)}
#ceny.matrix-neural-section>.container{z-index:3}


#ceny.matrix-neural-section{margin-bottom:-1px}
#ceny.matrix-neural-section::after{background:radial-gradient(900px 380px at 12% 112%,rgba(0,255,106,.18),transparent 72%),radial-gradient(860px 380px at 88% 112%,rgba(255,79,216,.17),transparent 72%),linear-gradient(180deg,rgba(3,4,5,.32),rgba(3,4,5,.13) 24%,rgba(3,4,5,.12) 76%,rgba(3,4,5,.26)),radial-gradient(960px circle at 50% 48%,transparent,rgba(0,0,0,.36) 76%)}
@keyframes moneyBadgeSweep{to{transform:rotate(360deg)}}
@keyframes founderHighlightScan{0%,64%{transform:translateX(-20%) skewX(-18deg);opacity:0}76%{opacity:.8}100%{transform:translateX(420%) skewX(-18deg);opacity:0}}
@keyframes founderTeamScan{0%,62%{transform:translateX(-120%);opacity:0}74%{opacity:1}100%{transform:translateX(120%);opacity:0}}
@keyframes communityCursorClick{0%,10%{opacity:0;transform:translate(94px,38px) rotate(-10deg) scale(.9)}18%{opacity:1}45%{opacity:1;transform:translate(18px,-24px) rotate(-10deg) scale(1)}51%{opacity:1;transform:translate(15px,-27px) rotate(-10deg) scale(.82)}59%{opacity:1;transform:translate(18px,-24px) rotate(-10deg) scale(1)}78%,100%{opacity:0;transform:translate(38px,-5px) rotate(-10deg) scale(.94)}}
@keyframes communityButtonPress{0%,45%,100%{transform:translateY(0) scale(1);box-shadow:0 0 0 0 rgba(0,255,106,0)}51%{transform:translateY(1px) scale(.975);box-shadow:0 0 0 4px rgba(0,255,106,.12)}59%{transform:translateY(-2px) scale(1.018);box-shadow:0 18px 48px -10px rgba(0,255,106,.72),0 0 34px rgba(0,255,106,.42)}76%{transform:translateY(0) scale(1);box-shadow:0 0 0 0 rgba(0,255,106,0)}}
@keyframes communityButtonSheen{0%,48%{transform:translateX(0) skewX(-18deg);opacity:0}54%{opacity:.9}72%,100%{transform:translateX(560%) skewX(-18deg);opacity:0}}
@keyframes communityClickRing{0%,49%{opacity:0;transform:scale(.15)}53%{opacity:.9}70%,100%{opacity:0;transform:scale(2.1)}}


.form{display:flex;flex-direction:column;gap:15px}
.field{display:flex;flex-direction:column;gap:7px;text-align:left}
.field label{font-size:13.5px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}
.input,.textarea{width:100%;background:var(--bg-1);border:1px solid var(--border-2);border-radius:13px;
  padding:13px 15px;color:var(--text);font-family:var(--font);font-size:15px;transition:border-color .25s,box-shadow .25s}
.input::placeholder,.textarea::placeholder{color:var(--dimmer)}
.input:focus,.textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-dim)}
.textarea{min-height:108px;resize:vertical;line-height:1.55}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form .btn{width:100%;margin-top:4px}
.form-note{font-size:12.5px;color:var(--dimmer);line-height:1.5;text-align:center}
.form-note a{color:var(--green);text-decoration:underline}
.form-success{display:none;text-align:center;padding:14px 6px}
.form-success.show{display:block;animation:pop .5s var(--ease)}
.form-success .tick{width:62px;height:62px;border-radius:50%;background:var(--green-dim);color:var(--green);display:grid;place-items:center;margin:0 auto 16px;box-shadow:0 0 30px -6px var(--green-glow)}
.form-success .tick svg{width:30px;height:30px}
.form-success h4{font-size:21px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}
.form-success p{color:var(--dim);font-size:14.5px;line-height:1.55;max-width:340px;margin:0 auto}


.modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:20px}
.modal.open{display:flex}
.modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fade .3s ease}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes pop{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}
body.modal-open{overflow:hidden}


.form-card{position:relative;z-index:2;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-2);
  border-radius:var(--radius-lg);padding:32px 30px;box-shadow:0 40px 90px -34px rgba(0,0,0,.9)}
.form-card .fc-head{margin-bottom:20px}
.form-card .fc-head h3{font-size:23px;font-weight:800;letter-spacing:-.02em;margin-bottom:7px}
.form-card .fc-head p{color:var(--dim);font-size:14.5px;line-height:1.5}








.voice{display:flex;align-items:center;gap:11px;margin-top:12px;padding:9px 11px;border-radius:13px;background:rgba(0,0,0,.3);border:1px solid var(--border)}


@media(max-width:980px){
  .ebook{grid-template-columns:1fr;gap:32px}
}
@media(max-width:900px){
  body.nav-open{overflow:hidden}
  .nav-links{position:fixed;inset:0;height:100dvh;width:100%;flex-direction:column;
    align-items:center;justify-content:center;gap:28px;padding:96px 28px 48px;background:rgba(8,9,11,.985);
    backdrop-filter:blur(24px);transform:translateY(-12px);opacity:0;visibility:hidden;pointer-events:none;
    transition:transform .35s var(--ease),opacity .25s var(--ease),visibility 0s linear .35s}
  .nav.open .nav-links{transform:none;opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
  .nav-links a{font-size:21px}
  .hamburger{display:flex;z-index:101}
}
@media(max-width:760px){
  .aud-grid{grid-template-columns:1fr}
  .hero{padding-top:130px}
  .cta-row .btn{width:100%}
  .foot-main{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-intro{grid-column:1/-1;max-width:520px}
  .foot-bottom{align-items:flex-start;flex-direction:column}
  .foot-disclaimer{text-align:left}
}

@media(prefers-reduced-motion:reduce){
  .aud-vfx-symbol{animation:none}
}
@media(max-width:560px){.foot{padding-top:52px}.foot-main{grid-template-columns:1fr;gap:30px}.foot-intro{grid-column:auto}.foot-bottom{gap:10px}.foot-column{gap:9px}.form-row{grid-template-columns:1fr}.matrix-elephant{min-height:310px;padding:20px 16px}}
@media(max-width:560px){.nav-inner{gap:10px}.nav-right{gap:8px}.nav .nav-free-link{padding:10px 12px;font-size:12px}.nav .nav-free-link::before{--primary-cta-cut:10px}.logo{font-size:17px}}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none}
  .footer-ufo{display:none}
}


:root {
  color-scheme: dark;
}

html {
  scroll-padding-top: 88px;
}

body.production-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 15% 8%, rgba(0, 255, 106, .08), transparent 28rem),
    radial-gradient(circle at 88% 32%, rgba(255, 79, 216, .06), transparent 30rem),
    #030504;
}

.site-main {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.page-hero {
  min-height: 720px;
  padding: 152px 0 92px;
  display: grid;
  align-items: center;
}

.page-title {
  max-width: 860px;
  margin: 0 0 24px;
  font-size: clamp(48px, 6.4vw, 92px);
  line-height: .96;
  letter-spacing: -.045em;
}


body:has(.solutions-hero) #rainGlobal {
  opacity: .08;
  mix-blend-mode: screen;
  filter: brightness(.76) saturate(.82);
}

@keyframes freeCardDrift {
  0%,
  100% { transform: translate3d(-2%, -2%, 0) rotate(-1deg); opacity: .48; }
  50% { transform: translate3d(3%, 2%, 0) rotate(1deg); opacity: .86; }
}

@keyframes freeOrbitPulse {
  0%,
  100% { transform: scale(.82); opacity: .35; }
  50% { transform: scale(1.06); opacity: .82; }
}

@keyframes freeOrbitSpin {
  to { transform: rotate(360deg); }
}

@keyframes freeSignalScan {
  0%,
  100% { transform: translateY(-78px); opacity: 0; }
  45%,
  55% { opacity: .9; }
  70% { transform: translateY(78px); opacity: 0; }
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  color: var(--green);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.eyebrow::before {
  width: 8px;
  height: 8px;
  content: "";
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 16px var(--green);
}

.content-band {
  padding: 104px 0;
  border-top: 1px solid rgba(255, 255, 255, .06);
}

.content-band.is-tinted {
  background: linear-gradient(180deg, rgba(0, 255, 106, .035), rgba(0, 0, 0, .02));
}

.section-heading {
  max-width: 860px;
  margin-bottom: 46px;
}

.section-heading h2 {
  margin: 0 0 18px;
  font-size: clamp(36px, 4.5vw, 62px);
  line-height: 1.02;
}

.section-heading p {
  max-width: 760px;
  color: var(--dim);
  font-size: 18px;
  line-height: 1.7;
}



@keyframes consultationScan {
  0%, 60% { transform: translateX(-120%); opacity: 0; }
  72% { opacity: 1; }
  100% { transform: translateX(120%); opacity: 0; }
}

@keyframes useCardVfxDrift {
  0%,
  100% {
    transform: translate3d(-2%, -1%, 0) rotate(-1deg);
    opacity: .28;
  }
  50% {
    transform: translate3d(3%, 2%, 0) rotate(1deg);
    opacity: .56;
  }
}



@keyframes serviceCategoryIndexSpin {
  0% { transform: rotate(0); }
  84% { transform: rotate(390deg); }
  100% { transform: rotate(360deg); }
}

@keyframes solutionCardVfx {
  0%,
  100% {
    transform: translate3d(-2%, -1%, 0) rotate(-1deg);
    opacity: .28;
  }
  50% {
    transform: translate3d(3%, 2%, 0) rotate(1deg);
    opacity: .56;
  }
}

@keyframes solutionSignalScan {
  0% {
    background-position: 0 -85%, 0 0;
  }
  100% {
    background-position: 0 95%, 30px 0;
  }
}

@keyframes inspirationCircuitPulse {
  0%,
  100% {
    transform: translate3d(0, 0, 0) scale(1);
    filter: brightness(1);
  }

  45% {
    transform: translate3d(10px, -6px, 0) scale(1.015);
    filter: brightness(1.28);
  }
}

@keyframes serviceCoreOrbit {
  to { transform: translate(-50%, -50%) rotate(1turn); }
}

@keyframes serviceStepScan {
  from { transform: translateX(-65%); }
  to { transform: translateX(65%); }
}

.is-disabled,
[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .62;
  pointer-events: none;
}

.form-shell {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(420px, 1.15fr);
  gap: 56px;
  align-items: start;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.form-field {
  display: grid;
  gap: 8px;
}

.form-field.is-wide {
  grid-column: 1 / -1;
}

.form-field label {
  color: var(--text);
  font-size: 14px;
  font-weight: 700;
}

.form-field input,
.form-field textarea {
  width: 100%;
  border: 1px solid var(--border-2);
  border-radius: 6px;
  outline: 0;
  background: #050706;
  color: var(--text);
  font: 500 16px var(--font);
  padding: 14px 15px;
}

.form-field input:focus,
.form-field textarea:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px rgba(0, 255, 106, .1);
}

.form-field textarea {
  min-height: 130px;
  resize: vertical;
}

.form-consent {
  display: flex;
  grid-column: 1 / -1;
  gap: 12px;
  align-items: flex-start;
  color: var(--dim);
  font-size: 13px;
  line-height: 1.5;
}

.form-consent input {
  margin-top: 3px;
}

.form-consent a {
  color: var(--text);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.form-status {
  min-height: 26px;
  grid-column: 1 / -1;
  font-size: 14px;
  line-height: 1.5;
}

.form-status.is-error {
  color: #ff8798;
}

.form-status.is-success {
  color: var(--green);
}

.form-honeypot {
  position: absolute !important;
  left: -9999px !important;
}

@keyframes chapterGridDrift {
  0%,
  100% { transform: translate3d(-2%, -2%, 0); opacity: .22; }
  50% { transform: translate3d(3%, 2%, 0); opacity: .46; }
}

@keyframes chapterTargetHit {
  0% { transform: translateX(-18px); opacity: 0; }
  35% { opacity: 1; }
  58%,
  100% { transform: translateX(205px); opacity: 0; }
}

@keyframes chapterPenWrite {
  0%,
  20% { transform: translate(-85px, -34px) rotate(-36deg); opacity: .2; }
  58% { transform: translate(0, 0) rotate(-36deg); opacity: 1; }
  100% { opacity: .25; }
}

@keyframes chapterLineWrite {
  0%,
  20% { transform: scaleX(0); transform-origin: left; }
  62%,
  100% { transform: scaleX(1); transform-origin: left; }
}

@keyframes chapterAvatarScan {
  0%,
  100% { transform: translateY(-28px); opacity: 0; }
  45%,
  55% { opacity: .9; }
  70% { transform: translateY(68px); opacity: 0; }
}

@keyframes chapterVoiceWave {
  0%,
  100% { transform: scaleY(.34); opacity: .42; }
  50% { transform: scaleY(1); opacity: .92; }
}

@keyframes chapterEditPlayhead {
  0% { transform: translateX(0); opacity: .35; }
  12% { opacity: 1; }
  88% { opacity: 1; }
  100% { transform: translateX(255px); opacity: .25; }
}

@keyframes chapterMetricRise {
  0%,
  16% { transform: scaleY(.18); opacity: .4; }
  58%,
  100% { transform: scaleY(1); opacity: 1; }
}

@media (max-width: 900px) {
  .page-hero {
    min-height: auto;
    padding: 128px 0 72px;
  }

  
  .form-shell {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .page-title {
    font-size: clamp(42px, 13vw, 60px);
  }

  .content-band {
    padding: 72px 0;
  }

  
  .form-grid {
    grid-template-columns: 1fr;
  }
}


.reference-carousel{position:relative;z-index:1;overflow:visible;max-width:1240px;margin:clamp(32px,5vw,64px) auto 0;isolation:isolate}
.reference-carousel::after{content:"";position:absolute;inset:auto 12% 42px;z-index:-1;height:24%;border-radius:50%;background:rgba(0,255,106,.18);filter:blur(70px);pointer-events:none}
.reference-stage{position:relative;width:calc(100% - 150px);max-width:1080px;margin-inline:auto}
.reference-slide{position:absolute;inset:0;display:grid;place-items:center;margin:0;opacity:0;visibility:hidden;transform:translateX(2.5%) scale(.985);transition:opacity .65s ease,transform .75s cubic-bezier(.22,1,.36,1),visibility 0s linear .7s}
.reference-slide.is-active{position:relative;opacity:1;visibility:visible;transform:none;transition-delay:0s}
.reference-open{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in}
.reference-open:focus-visible{outline:2px solid var(--green);outline-offset:10px;border-radius:22px}
.reference-mosaic{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1vw,14px);filter:drop-shadow(0 28px 42px rgba(0,0,0,.46)) drop-shadow(0 0 30px rgba(0,255,106,.08))}
.reference-tile{display:block;overflow:hidden;aspect-ratio:1.224/1;border:1px solid rgba(0,255,106,.28);border-radius:clamp(14px,1.7vw,25px);background:#070a08;box-shadow:inset 0 0 0 1px rgba(0,0,0,.28)}
.reference-tile-media{display:block;width:100%;height:100%}
.reference-tile-media image{transform:scale(1);transform-box:fill-box;transform-origin:center}
.reference-mosaic--portfolio .reference-tile{display:grid;place-items:center;background:#050806}
.reference-mosaic--portfolio .reference-tile img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.reference-mosaic--portfolio .reference-tile--cover img{object-fit:cover}
.reference-control{position:absolute;top:calc(50% - 22px);z-index:3;display:grid;width:54px;height:54px;place-items:center;border:1px solid rgba(0,255,106,.58);border-radius:50%;background:rgba(0,255,106,.12);color:var(--green);opacity:.9;backdrop-filter:blur(12px);transform:translateY(-50%);transition:opacity .25s ease,border-color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease;cursor:pointer;box-shadow:0 0 26px rgba(0,255,106,.11)}
.reference-control--prev{left:12px}.reference-control--next{right:12px}
.reference-control svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.reference-control.is-pressed{animation:reference-control-pulse .42s cubic-bezier(.22,1,.36,1)}
.reference-control:focus-visible{border-color:var(--green);background:var(--green);color:#001408;opacity:1;outline:none;box-shadow:0 0 30px rgba(0,255,106,.32)}
.reference-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:16px}
.reference-dots{display:flex;gap:8px}
.reference-dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.26);transition:width .25s ease,background .25s ease,box-shadow .25s ease;cursor:pointer}
.reference-dot.is-active{width:28px;background:var(--green);box-shadow:0 0 16px rgba(0,255,106,.48)}
.reference-dot:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.reference-count{min-width:42px;color:rgba(255,255,255,.55);font-family:var(--mono);font-size:.72rem;letter-spacing:.12em}
@keyframes reference-control-pulse{0%{transform:translateY(-50%) scale(1)}34%{transform:translateY(-50%) scale(.78)}70%{transform:translateY(-50%) scale(1.1)}100%{transform:translateY(-50%) scale(1)}}
.content-reels-stage{position:relative;width:calc(100% - 150px);max-width:1080px;margin-inline:auto;aspect-ratio:2.86/1}
.content-reels-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transform:translateX(2.5%) scale(.985);transition:opacity .65s ease,transform .75s cubic-bezier(.22,1,.36,1),visibility 0s linear .7s}
.content-reels-slide.is-active{position:relative;opacity:1;visibility:visible;transform:none;transition-delay:0s}
.content-reels-grid{display:grid;height:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1vw,14px)}
.content-reels-card{position:relative;display:block;min-width:0;overflow:hidden;aspect-ratio:9/16;border:2px solid rgba(0,255,106,.34);border-radius:clamp(12px,1.5vw,20px);background:#040706;box-shadow:0 0 0 1px rgba(0,255,106,.12),0 16px 32px -26px rgba(0,255,106,.78)}
.content-reels-card img,.content-reels-card video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#040706}
.content-reels-card--video::after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 34%,rgba(0,0,0,.28))}
.content-reels-control--prev{left:12px}.content-reels-control--next{right:12px}
.content-reels-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:16px}
.content-reels-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:250px}
.content-reels-dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.26);transition:width .25s ease,background .25s ease,box-shadow .25s ease;cursor:pointer}
.content-reels-dot.is-active{width:28px;background:var(--green);box-shadow:0 0 16px rgba(0,255,106,.48)}
.content-reels-dot:focus-visible{outline:2px solid var(--green);outline-offset:4px}
@media(max-width:680px){.content-reels-stage{width:min(100%,360px);aspect-ratio:9/16}.content-reels-grid{grid-template-columns:1fr;gap:0}.content-reels-card{border-radius:18px}.content-reels-control--prev{left:-2px}.content-reels-control--next{right:-2px}.content-reels-pagination{padding-top:13px}}
@media(prefers-reduced-motion:reduce){.content-reels-slide,.content-reels-dot{animation:none!important;transition:none!important}}
.reference-lightbox{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:clamp(18px,4vw,56px);background:rgba(0,4,3,.9);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
.reference-lightbox.is-open{opacity:1;visibility:visible;transition-delay:0s}
.reference-lightbox[hidden]{display:none}
.reference-lightbox-inner{position:relative;width:min(1400px,94vw);max-height:92vh}
.reference-lightbox-content{overflow:auto;max-height:92vh;padding:clamp(10px,2vw,26px)}
.reference-lightbox .reference-mosaic{width:100%}
.reference-lightbox-close{position:absolute;top:-10px;right:-10px;z-index:2;display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(0,255,106,.55);border-radius:50%;background:#06120d;color:#fff;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 0 28px rgba(0,255,106,.2)}
.reference-lightbox-close:hover,.reference-lightbox-close:focus-visible{background:var(--green);color:#001408;outline:none}
body.reference-lightbox-open{overflow:hidden}

@keyframes homeHeroAtmosphereDrift{0%,100%{transform:translate3d(-2%,-1%,0) scale(.98)}50%{transform:translate3d(3%,3%,0) scale(1.05)}}


body:has(.home-signal-hero) #rainGlobal{opacity:.055;mix-blend-mode:screen;filter:brightness(.72) saturate(.8)}




body:has(#riesenia) #rainGlobal{opacity:.085;mix-blend-mode:screen;filter:brightness(.76) saturate(.8)}
body:has(#riesenia) main{isolation:isolate;background:radial-gradient(1000px 620px at 14% 0,rgba(68,116,255,.16),transparent 72%),radial-gradient(1080px 700px at 88% 160px,rgba(0,255,106,.12),transparent 68%),radial-gradient(960px 740px at 10% 1370px,rgba(0,255,106,.11),transparent 72%),radial-gradient(930px 760px at 94% 2100px,rgba(255,79,216,.1),transparent 70%),radial-gradient(1020px 820px at 20% 2920px,rgba(68,116,255,.09),transparent 72%),linear-gradient(180deg,rgba(7,18,23,.72) 0,rgba(5,13,13,.72) 18%,rgba(4,9,8,.72) 46%,rgba(7,8,12,.72) 68%,rgba(3,4,3,.72) 100%)}
#ako{position:relative;isolation:isolate;overflow:clip;background:transparent}
#ako::before{position:absolute;z-index:0;content:"";pointer-events:none;filter:blur(14px)}
#ako::before{inset:-150px -10% -140px;background:radial-gradient(54% 70% at 10% 42%,rgba(68,116,255,.1),transparent 74%),radial-gradient(48% 64% at 88% 34%,rgba(0,255,106,.11),transparent 74%)}
#ako>.container{position:relative;z-index:1}
@media(max-width:680px){body:has(#riesenia) main{background:radial-gradient(760px 500px at 15% 0,rgba(68,116,255,.14),transparent 72%),radial-gradient(720px 560px at 88% 650px,rgba(0,255,106,.11),transparent 70%),radial-gradient(720px 640px at 14% 1750px,rgba(255,79,216,.08),transparent 74%),linear-gradient(180deg,rgba(7,18,23,.72),rgba(4,9,8,.72) 54%,rgba(3,4,3,.72))}#ako::before{filter:blur(10px)}}
@keyframes morpheus-card-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(8px,-6px,0)}}
@keyframes morpheus-spark{0%,100%{opacity:.55;filter:brightness(1)}45%,58%{opacity:1;filter:brightness(1.6)}}
@keyframes morpheus-scan{0%{transform:translateY(-45%)}55%,100%{transform:translateY(45%)}}
@media(max-width:680px){.reference-carousel{width:100%;margin-inline:auto}.reference-stage{width:calc(100% - 64px)}.reference-control{top:calc(50% - 18px);width:40px;height:40px;opacity:1}.reference-control--prev{left:-1px}.reference-control--next{right:-1px}.reference-pagination{padding-top:12px}.reference-mosaic{gap:5px}.reference-tile{border-width:1px;border-radius:9px}.reference-lightbox{padding:10px}.reference-lightbox-inner{width:98vw}.reference-lightbox-content{padding:20px 3px}.reference-lightbox-close{top:2px;right:2px;width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.reference-slide,.reference-control,.reference-dot,.reference-tile,.reference-lightbox{animation:none!important;transition:none!important}}


.matrix-lead-form{position:relative;isolation:isolate;overflow:hidden;padding:clamp(28px,3vw,38px);border-color:rgba(64,224,202,.28);background:radial-gradient(circle at 16% 10%,rgba(0,255,106,.16),transparent 40%),radial-gradient(circle at 92% 88%,rgba(95,154,255,.15),transparent 44%),rgba(3,14,17,.92);box-shadow:inset 0 1px rgba(255,255,255,.08),0 32px 88px rgba(0,0,0,.3)}.matrix-lead-form::before,.matrix-lead-form::after{position:absolute;inset:0;z-index:-1;content:"";pointer-events:none}.matrix-lead-form::before{z-index:-2;background-image:url("/assets/audit/audit-form-matrix.webp");background-position:center 50%;background-size:cover;opacity:.36;filter:saturate(.82) contrast(.96) brightness(.56)}.matrix-lead-form::after{background:linear-gradient(135deg,rgba(2,15,18,.76),rgba(3,10,15,.6) 46%,rgba(13,5,16,.7)),linear-gradient(0deg,rgba(0,255,106,.06),transparent 42%)}.matrix-lead-form .form-grid{position:relative;z-index:1;gap:20px}.matrix-lead-form .form-field{gap:9px}.matrix-lead-form .form-field label{font-size:15px;letter-spacing:.01em}.matrix-lead-form .form-field input,.matrix-lead-form .form-field textarea{min-height:54px;padding:16px 17px;border-color:rgba(113,202,213,.25);background:rgba(3,18,22,.66);box-shadow:inset 0 1px rgba(255,255,255,.035);font-size:17px;line-height:1.45;backdrop-filter:blur(3px)}.matrix-lead-form .form-field textarea{min-height:210px;line-height:1.6}.matrix-lead-form .form-consent{font-size:14px;line-height:1.56}.matrix-lead-form .form-field input::placeholder,.matrix-lead-form .form-field textarea::placeholder{color:rgba(216,238,243,.52);opacity:1;transition:opacity .18s ease}.matrix-lead-form .form-field input:focus::placeholder,.matrix-lead-form .form-field textarea:focus::placeholder{opacity:0}




body:has(.resource-guide-title) #rainGlobal{opacity:.075}
@keyframes resourceGuideBloom{0%,100%{transform:translate3d(-2%,-1%,0) scale(.98);opacity:.58}50%{transform:translate3d(2%,2%,0) scale(1.04);opacity:1}}
@keyframes resourceGuideParticles{0%{transform:translate3d(-2%,-1%,0)}50%{transform:translate3d(3%,2%,0)}100%{transform:translate3d(-2%,-1%,0)}}
@media(max-width:640px){.matrix-lead-form .form-field input,.matrix-lead-form .form-field textarea{font-size:16px}.matrix-lead-form .form-field textarea{min-height:184px}}




@keyframes website-offer-background-drift{from{object-position:62% 48%;transform:scale(1.04)}to{object-position:69% 55%;transform:scale(1.08)}}



.resource-guide-bottom-cta{display:flex;justify-content:center;padding-top:clamp(38px,5vw,66px)}
.resource-guide-bottom-cta .btn{white-space:nowrap}


@media(max-width:620px){.resource-guide-bottom-cta .btn{width:100%;justify-content:center}}


.content-band.is-tinted.content-creator-formats{border-top-color:rgba(0,255,106,.1);background:radial-gradient(720px 400px at 14% 14%,rgba(0,255,106,.13),transparent 72%),radial-gradient(620px 360px at 88% 78%,rgba(255,79,216,.12),transparent 72%),linear-gradient(140deg,rgba(4,16,11,.98),rgba(8,7,11,.95))}
.content-band.is-tinted.content-creator-control{border-top-color:rgba(0,255,106,.08);background:radial-gradient(660px 380px at 86% 42%,rgba(0,255,106,.14),transparent 70%),radial-gradient(560px 280px at 12% 92%,rgba(255,79,216,.09),transparent 72%),linear-gradient(124deg,rgba(2,12,9,.98),rgba(4,7,7,.96))}
@keyframes contentCreatorEditorialDrift{0%,100%{transform:translate3d(-2%,-1%,0) rotate(-7deg)}50%{transform:translate3d(5%,4%,0) rotate(-3deg)}}
@keyframes contentCreatorSignalBreathe{0%,100%{transform:scale(.94);opacity:.52}50%{transform:scale(1.1);opacity:.9}}
@keyframes contentCreatorControlShift{0%,100%{transform:translate3d(0,0,0) skewY(-5deg);opacity:.44}50%{transform:translate3d(9%,4%,0) skewY(-2deg);opacity:.78}}
@keyframes contentCreatorDustDrift{to{background-position:230px 140px,-300px 180px,210px -190px}}
@keyframes contentCreatorFinaleFramePulse{0%,100%{opacity:.48;transform:scale(.96)}50%{opacity:.92;transform:scale(1.02)}}
@keyframes contentCreatorFinalePulse{0%,100%{opacity:.48;transform:translate(-50%,-50%) scale(.9)}50%{opacity:.92;transform:translate(-50%,-50%) scale(1.06)}}


.matrix-lead-form .form-grid{isolation:isolate}.matrix-lead-form .form-grid::before{position:absolute;z-index:0;top:29%;left:22%;width:min(520px,72%);aspect-ratio:1;content:"";pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(0,255,106,.3) 0,rgba(0,255,106,.16) 24%,rgba(40,218,166,.06) 46%,transparent 70%);filter:blur(15px);mix-blend-mode:screen;animation:auditFormFieldGlow 10s ease-in-out infinite}.matrix-lead-form .form-grid>*{position:relative;z-index:1}@keyframes auditFormFieldGlow{0%,100%{transform:translate3d(-6%,-4%,0) scale(.92);opacity:.62}50%{transform:translate3d(7%,6%,0) scale(1.08);opacity:1}}
@media(prefers-reduced-motion:reduce){.matrix-lead-form .form-grid::before{animation:none}}


@keyframes auditBenefitSceneDrift{0%,100%{transform:scale(1.03) translate3d(0,0,0)}50%{transform:scale(1.08) translate3d(-7px,2px,0)}}
@keyframes auditBenefitMediaPulse{0%,100%{transform:translateY(-50%) scale(.96);filter:brightness(.84)}50%{transform:translateY(-50%) scale(1.04);filter:brightness(1.2)}}
@keyframes auditBenefitPhotoDrift{0%,100%{transform:scale(1.035) translate3d(0,0,0)}50%{transform:scale(1.1) translate3d(-10px,3px,0)}}










body:has(.resource-guide-title) #rainGlobal{z-index:2;opacity:.09;mix-blend-mode:screen;filter:brightness(.72) saturate(.86)}


body:has(.solutions-hero) #rainGlobal{opacity:.14;mix-blend-mode:screen;filter:brightness(.88) saturate(.95)}
@keyframes solutionsSignalField{0%{background-position:0 0,0 0,0 0;transform:translate3d(-1%,-1%,0)}50%{background-position:112px 86px,-134px 116px,148px -94px;transform:translate3d(1.5%,1%,0)}100%{background-position:222px 172px,-268px 232px,296px -188px;transform:translate3d(-1%,-1%,0)}}
@media(max-width:680px){body:has(.solutions-hero) #rainGlobal{opacity:.11}}


body:has(.service-hero) #rainGlobal,body:has(.consultation-hero) #rainGlobal{opacity:.075;mix-blend-mode:screen;filter:brightness(.78) saturate(.86)}
@media(max-width:680px){body:has(.service-hero) #rainGlobal,body:has(.consultation-hero) #rainGlobal{opacity:.06}}


body:has(.free-hub-flow) #rainGlobal{opacity:.075;mix-blend-mode:screen;filter:brightness(.76) saturate(.84)}
body:has(.faq-page-flow) #rainGlobal{opacity:.06;mix-blend-mode:screen;filter:brightness(.72) saturate(.78)}















@media (max-width: 640px) {
  body:has(.blog-library-hero) .nav .container {
    padding-inline: 20px;
  }

  body:has(.blog-library-hero) .nav-inner,
  body:has(.blog-library-hero) .nav-right {
    gap: 4px;
  }

  body:has(.blog-library-hero) .logo {
    gap: 6px;
    font-size: 15px;
  }

  body:has(.blog-library-hero) .logo .dot {
    width: 7px;
    height: 7px;
  }

  body:has(.blog-library-hero) .nav .nav-free-link {
    gap: 6px;
    padding: 9px 10px;
    font-size: 11px;
  }

  body:has(.blog-library-hero) .nav .nav-free-link svg {
    width: 14px;
  }
}





body:has(.blog-library-flow, .case-studies-index-hero, .case-study-article-hero, .blog-article-matrix-page) #rainGlobal {
  opacity: .055;
  mix-blend-mode: screen;
  filter: brightness(.68) saturate(.72);
}



@keyframes rabbitFieldDrift {
  to {
    background-position: 220px 190px, -260px 240px, 310px -270px, -280px -250px;
  }
}

@keyframes rabbitTrailSweep {
  0%,
  58% {
    transform: translateX(-70%);
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    transform: translateX(70%);
    opacity: 0;
  }
}

@keyframes rabbitFinalOrbit {
  to {
    transform: rotate(1turn);
  }
}


.about-story-page{--about-green:#00ff6a;--about-cyan:#40e0ca;--about-pink:#ff61dd;position:relative;overflow:clip;background:radial-gradient(760px 520px at 4% 12%,rgba(0,255,106,.09),transparent 72%),radial-gradient(700px 520px at 96% 46%,rgba(255,97,221,.06),transparent 72%),#020504}
.about-story-page>.about-page-matrix-rain{position:fixed;inset:0;z-index:1;width:100%;height:100%;opacity:.3;mix-blend-mode:screen;filter:brightness(.9) saturate(.92);pointer-events:none}
.about-story-page>header,.about-story-page>section{position:relative;z-index:auto}
.about-story-page .container{position:relative;z-index:2}
.about-story-page .content-band{position:relative;isolation:auto;overflow:hidden;padding-block:clamp(82px,9vw,128px)}
.about-story-page .content-band>.container{position:relative;z-index:1}
.about-story-page .content-band::before{position:absolute;inset:0;z-index:0;content:"";pointer-events:none;opacity:.15;background:linear-gradient(90deg,rgba(0,255,106,.11) 1px,transparent 1px),linear-gradient(rgba(0,255,106,.065) 1px,transparent 1px);background-size:82px 82px;mask-image:radial-gradient(ellipse at center,#000 0 28%,transparent 78%)}
.about-story-page .content-band.is-tinted{background:radial-gradient(720px 460px at 6% 14%,rgba(0,255,106,.1),transparent 72%),radial-gradient(720px 500px at 92% 84%,rgba(255,97,221,.075),transparent 72%),linear-gradient(150deg,rgba(5,15,11,.9),rgba(5,7,9,.92))}
.about-story-hero{position:relative;isolation:auto;display:grid;min-height:calc(100svh - 76px);align-items:center;overflow:hidden;padding:clamp(118px,11vw,154px) 0 clamp(78px,8vw,106px);border-bottom:0;background:radial-gradient(760px 560px at 14% 42%,rgba(0,255,106,.14),transparent 72%),radial-gradient(700px 540px at 89% 52%,rgba(64,224,202,.105),transparent 70%),linear-gradient(145deg,rgba(2,10,7,.88),rgba(3,4,7,.92))}
.about-story-hero::before,.about-story-hero::after{position:absolute;content:"";pointer-events:none}
.about-story-hero::before{inset:0;z-index:0;opacity:.4;background:radial-gradient(circle at 12% 20%,rgba(0,255,106,.78) 0 2px,transparent 3px),radial-gradient(circle at 74% 16%,rgba(64,224,202,.62) 0 2px,transparent 3px),radial-gradient(circle at 90% 72%,rgba(255,97,221,.58) 0 2px,transparent 3px),radial-gradient(circle at 42% 88%,rgba(102,160,255,.52) 0 2px,transparent 3px);background-size:220px 190px,260px 240px,310px 270px,280px 250px;animation:aboutFieldDrift 22s linear infinite}
.about-story-hero::after{right:-18%;bottom:-52%;z-index:0;width:min(780px,70vw);aspect-ratio:1;border:1px solid rgba(0,255,106,.12);border-radius:50%;box-shadow:0 0 0 80px rgba(0,255,106,.025),0 0 0 160px rgba(64,224,202,.018),0 0 0 240px rgba(255,97,221,.014)}
@keyframes aboutFieldDrift{to{background-position:220px 190px,-260px 240px,310px -270px,-280px -250px}}
.about-story-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:center}
.about-story-hero-copy{max-width:880px;margin-inline:auto;text-align:center}
.about-story-hero .page-title{max-width:780px;margin-block:24px 28px;font-size:clamp(50px,5.2vw,76px);line-height:.97;letter-spacing:-.055em}
.about-story-hero .cta-row{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;gap:14px}
.about-collaboration-photo::after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(135deg,rgba(0,255,106,.08),transparent 46%,rgba(255,97,221,.1))}
.about-section-heading{max-width:860px;margin:0 auto clamp(38px,5vw,60px);text-align:center}
.about-section-heading h2{max-width:820px;margin:22px auto 20px;font-size:clamp(40px,5.1vw,70px);line-height:1;letter-spacing:-.052em}
.about-section-heading p{margin-inline:auto;color:var(--dim);font-size:clamp(17px,1.45vw,20px);line-height:1.72}
.about-origin-section{border-top:0;background:radial-gradient(820px 520px at 6% 18%,rgba(0,255,106,.16),transparent 70%),radial-gradient(760px 520px at 94% 74%,rgba(255,97,221,.12),transparent 72%),radial-gradient(620px 420px at 52% 102%,rgba(64,224,202,.1),transparent 72%),linear-gradient(155deg,rgba(4,20,14,.9) 0%,rgba(4,8,10,.92) 46%,rgba(17,7,16,.92) 100%)}
.about-origin-section::after{position:absolute;right:-7%;bottom:-30%;z-index:0;width:min(720px,70vw);aspect-ratio:1;content:"";border:1px solid rgba(64,224,202,.15);border-radius:50%;box-shadow:0 0 0 72px rgba(0,255,106,.035),0 0 0 144px rgba(64,224,202,.025),0 0 0 216px rgba(255,97,221,.018)}
.about-story-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-story-step{position:relative;isolation:isolate;min-height:300px;padding:clamp(26px,3vw,38px);overflow:hidden;border:1px solid rgba(0,255,106,.28);border-top:3px solid var(--about-green);border-radius:22px;background:#06100d;box-shadow:0 26px 62px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.06)}
.about-story-step::before{position:absolute;inset:0;z-index:0;content:"";background-position:center;background-size:cover;opacity:.28;filter:brightness(.72) saturate(.8);transform:scale(1.035);transition:transform .7s ease,opacity .55s ease,filter .55s ease}
.about-story-step::after{position:absolute;top:-60%;right:-22%;z-index:0;width:78%;aspect-ratio:1;content:"";border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 26px rgba(255,255,255,.035),0 0 56px rgba(0,255,106,.16);animation:aboutCardLight 11s ease-in-out infinite alternate}
.about-story-step:hover::before{opacity:.58;filter:brightness(1.04) saturate(1.08);transform:scale(1.08)}
.about-story-step>*{position:relative;z-index:1}
.about-story-step:nth-child(1)::before{background-image:linear-gradient(145deg,rgba(1,26,18,.92),rgba(2,11,11,.72) 55%,rgba(0,255,106,.18)),url("/assets/team/about-story-digital-foundation-optimized.webp");background-position:center,58% center}
.about-story-step:nth-child(2){border-color:rgba(64,224,202,.35);border-top-color:var(--about-cyan)}
.about-story-step:nth-child(2)::before{background-image:linear-gradient(145deg,rgba(2,19,23,.94),rgba(3,10,13,.75) 55%,rgba(64,224,202,.2)),url("/assets/team/about-story-systems-optimized.webp");background-position:center,54% center}
.about-story-step:nth-child(2)::after{box-shadow:0 0 0 26px rgba(255,255,255,.035),0 0 56px rgba(64,224,202,.18)}
.about-story-step:nth-child(3){border-color:rgba(255,97,221,.34);border-top-color:var(--about-pink)}
.about-story-step:nth-child(3)::before{background-image:linear-gradient(145deg,rgba(28,6,25,.88),rgba(9,5,13,.72) 55%,rgba(255,97,221,.18)),url("/assets/team/about-story-team-lab-optimized.webp");background-position:center,58% center}
.about-story-step:nth-child(3)::after{box-shadow:0 0 0 26px rgba(255,255,255,.035),0 0 56px rgba(255,97,221,.18)}
.about-story-step>span,.about-career-number{display:block;margin-bottom:22px;color:var(--about-green);font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.12em}
.about-story-step:nth-child(2)>span{color:var(--about-cyan)}.about-story-step:nth-child(3)>span{color:var(--about-pink)}
.about-story-step h3,.about-company-card h3,.about-careers-cta h3{margin:0 0 14px;color:var(--text);font-size:clamp(25px,2.35vw,33px);line-height:1.08;letter-spacing:-.035em}
.about-story-step p,.about-company-card p,.about-careers-cta p{margin:0;color:rgba(245,245,247,.82);line-height:1.7}
body:has(.about-story-page) #rainGlobal{opacity:0}
.about-careers-heading p:not(:first-of-type){display:none}
.about-careers-heading p:first-of-type::after{content:" Pri každej pozícii očakávame aktívne používanie nástrojov ako Claude alebo Codex pri analýze, návrhoch, programovaní, testovaní, dokumentácii aj opakujúcich sa úlohách. Nehľadáme človeka, ktorý iba zadáva prompty, ale ľudí, ktorí vedia výstup skontrolovať, upraviť a dotiahnuť do spoľahlivého výsledku pre klienta."}
.about-collaboration-section{background:radial-gradient(760px 500px at 86% 12%,rgba(64,224,202,.08),transparent 72%),#020504}
.about-collaboration-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:clamp(34px,5vw,76px);align-items:center}
.about-collaboration-photo{aspect-ratio:16/9;margin:0}
.about-collaboration-photo::after{display:none}
.about-collaboration-photo img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
.about-collaboration-copy h2{margin:22px 0 20px;font-size:clamp(38px,4.4vw,62px);line-height:1;letter-spacing:-.05em}
.about-collaboration-copy>p{margin:0;color:var(--dim);font-size:clamp(17px,1.45vw,20px);line-height:1.72}
.about-company-section{border-top:0;background:linear-gradient(180deg,#030806,#030504)}
.about-company-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;max-width:1080px;margin:0 auto}
.about-company-card,.about-company-details{min-height:100%;padding:clamp(30px,4vw,50px);border:0;border-radius:24px;background:linear-gradient(145deg,rgba(7,20,15,.96),rgba(5,7,8,.98));box-shadow:0 26px 62px rgba(0,0,0,.25)}
.about-company-kicker{display:block;margin-bottom:26px;color:var(--about-green);font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.about-company-card .btn{margin-top:28px}
.about-company-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;background:linear-gradient(145deg,rgba(20,9,20,.84),rgba(5,7,8,.98))}
.about-company-details div{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1)}.about-company-details dt{margin-bottom:7px;color:rgba(245,245,247,.52);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.about-company-details dd{margin:0;color:var(--text);font-weight:700;line-height:1.55}.about-company-details a{color:var(--about-green)}
.about-careers-section{border-top:0;background:radial-gradient(780px 520px at 12% 8%,rgba(0,255,106,.16),transparent 72%),radial-gradient(820px 560px at 92% 88%,rgba(255,97,221,.13),transparent 72%),radial-gradient(680px 440px at 52% 46%,rgba(64,224,202,.09),transparent 72%),linear-gradient(150deg,rgba(5,20,14,.9) 0%,rgba(5,8,11,.92) 46%,rgba(19,8,19,.92) 100%)}
.about-careers-heading .about-careers-ai-copy{max-width:760px;margin:16px auto 0;color:rgba(245,245,247,.82);font-size:clamp(16px,1.26vw,18px);line-height:1.68}.about-careers-heading .about-careers-ai-copy:first-of-type{margin-top:26px}
.about-career-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-career-card{position:relative;display:flex;min-height:390px;flex-direction:column;padding:clamp(26px,3vw,36px);overflow:hidden;border:0;border-radius:22px;background:linear-gradient(145deg,rgba(7,20,15,.96),rgba(5,7,8,.98));box-shadow:0 24px 60px rgba(0,0,0,.23)}
.about-career-card::before{position:absolute;top:0;right:0;width:82px;height:82px;content:"";border-radius:0 0 0 100%;background:rgba(0,255,106,.08)}
.about-career-card--featured{background:radial-gradient(circle at 88% 10%,rgba(0,255,106,.16),transparent 42%),linear-gradient(145deg,rgba(7,29,19,.98),rgba(5,7,8,.98));box-shadow:0 30px 76px rgba(0,0,0,.32),0 0 42px rgba(0,255,106,.1)}
.about-career-featured{position:absolute;top:24px;right:24px;color:var(--about-green);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.about-career-card h3{max-width:290px;margin:0 0 16px;color:var(--text);font-size:clamp(23px,2.15vw,30px);line-height:1.08;letter-spacing:-.035em}.about-career-card p{margin:0 0 22px;color:rgba(245,245,247,.69);line-height:1.62}
.about-career-card ul{display:grid;gap:8px;margin:0 0 24px;padding:0;list-style:none}.about-career-card li{position:relative;padding-left:18px;color:rgba(245,245,247,.82);font-size:14px;line-height:1.45}.about-career-card li::before{position:absolute;top:.45em;left:0;width:7px;height:7px;content:"";border-radius:50%;background:var(--about-green);box-shadow:0 0 12px rgba(0,255,106,.7)}
.about-career-meta{display:grid;gap:0;margin:auto 0 0;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.11)}.about-career-meta div{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.09)}.about-career-meta dt{margin-bottom:5px;color:rgba(245,245,247,.52);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.about-career-meta dd{margin:0;color:var(--text);font-size:14px;font-weight:700;line-height:1.45}.about-career-meta small{display:block;margin-top:6px;color:rgba(245,245,247,.52);font-size:12px;line-height:1.45}
.about-career-offers{position:relative;isolation:isolate;max-width:1140px;margin:clamp(48px,7vw,84px) auto 0;padding:clamp(42px,5vw,68px);overflow:hidden;border:0;border-radius:28px;background:radial-gradient(580px 360px at 8% 8%,rgba(0,255,106,.11),transparent 72%),radial-gradient(620px 390px at 96% 94%,rgba(255,79,216,.1),transparent 74%),linear-gradient(145deg,rgba(3,16,15,.98),rgba(5,8,12,.98));box-shadow:0 34px 90px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.07)}.about-career-offers::before{display:none}.about-career-offers-heading{max-width:700px;margin:0 auto clamp(30px,4vw,46px);text-align:center}.about-career-offers-heading h3{margin:16px 0 0;font-size:clamp(32px,4vw,50px);line-height:1.02;letter-spacing:-.045em}.about-career-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:18px}.about-career-benefit{--about-benefit-rgb:0,255,106;position:relative;isolation:isolate;display:flex;min-height:226px;flex-direction:column;padding:22px;overflow:hidden;border:1px solid rgba(var(--about-benefit-rgb),.48);border-radius:18px;background:linear-gradient(145deg,rgba(3,17,10,.94),rgba(4,8,10,.98));box-shadow:inset 0 1px rgba(255,255,255,.045),0 18px 42px rgba(0,0,0,.18);transition:border-color .24s ease,background .24s ease,box-shadow .24s ease,transform .24s ease}.about-career-benefit::before{position:absolute;inset:0;z-index:-1;content:"";background:radial-gradient(260px 190px at 100% 0,rgba(var(--about-benefit-rgb),.18),transparent 68%),linear-gradient(145deg,rgba(0,0,0,.08),rgba(0,0,0,.58));opacity:.72;transition:opacity .28s ease,transform .45s ease;transform:scale(1.01)}.about-career-benefit::after{display:none}.about-career-benefit:hover,.about-career-benefit:focus-within{border-color:rgba(var(--about-benefit-rgb),.98);background:linear-gradient(145deg,rgba(var(--about-benefit-rgb),.16),rgba(5,13,9,.95) 62%);box-shadow:inset 0 1px rgba(255,255,255,.09),0 22px 50px rgba(0,0,0,.3),0 0 34px rgba(var(--about-benefit-rgb),.12);transform:translateY(-3px)}.about-career-benefit:hover::before,.about-career-benefit:focus-within::before{opacity:1;transform:scale(1.055)}.about-career-benefit>*{position:relative;z-index:1}.about-career-benefit-index{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(var(--about-benefit-rgb),.85);border-radius:50%;background:rgba(5,13,9,.72);color:rgb(var(--about-benefit-rgb));font:700 11px/1 var(--mono)}.about-career-benefit h3{margin:22px 0 9px;color:var(--text);font-size:clamp(18px,1.65vw,22px);line-height:1.12}.about-career-benefit p{margin:0;color:rgba(245,245,247,.8);font-size:16px;line-height:1.55}
.about-careers-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;max-width:1080px;margin:clamp(30px,5vw,62px) auto 0;padding:clamp(30px,4vw,48px);border:1px solid rgba(0,255,106,.28);border-radius:24px;background:linear-gradient(120deg,rgba(0,255,106,.12),rgba(5,12,10,.94) 48%,rgba(255,97,221,.08));box-shadow:inset 0 1px rgba(255,255,255,.05),0 28px 70px rgba(0,0,0,.22)}.about-careers-cta .eyebrow{margin-bottom:18px}.about-careers-cta h3{margin-bottom:12px}
@media(max-width:900px){.about-story-hero-grid{grid-template-columns:1fr}.about-story-hero-copy{max-width:900px}.about-story-steps,.about-career-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-career-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@keyframes aboutCardLight{to{transform:translate(-12%,18%) scale(1.12);opacity:.68}}
@media(max-width:900px){.about-collaboration-grid,.about-company-layout{grid-template-columns:1fr}.about-collaboration-photo{max-width:720px}.about-company-card,.about-company-details{min-height:0}}
@media(max-width:680px){.about-story-page .content-band{padding-block:72px}.about-story-hero{min-height:0;padding:122px 0 76px}.about-story-hero .page-title{margin-block:20px 24px;font-size:clamp(44px,13vw,62px)}.about-story-hero .cta-row{display:grid;grid-template-columns:1fr}.about-story-hero .cta-row .btn{width:100%;justify-content:center}.about-section-heading{margin-bottom:34px;text-align:left}.about-section-heading h2,.about-section-heading p{margin-inline:0}.about-section-heading h2{font-size:clamp(36px,10.5vw,48px)}.about-careers-heading .about-careers-ai-copy{margin-left:0;margin-right:0}.about-story-steps,.about-career-grid,.about-career-benefit-grid{grid-template-columns:1fr}.about-story-step,.about-career-card{min-height:0}.about-company-details{grid-template-columns:1fr}.about-career-offers{margin-top:52px;padding:30px 20px;border-radius:22px}.about-career-offers-heading{text-align:left}.about-career-benefit{min-height:0}.about-careers-cta{grid-template-columns:1fr;gap:24px;padding:32px 24px;border-radius:22px}.about-careers-cta .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.about-story-hero::before,.about-story-step::after,.about-career-benefit::after{animation:none!important}.about-story-step::before,.about-career-benefit::before{transition:none!important}}


.matrix-lead-form .form-field input:focus::placeholder,.matrix-lead-form .form-field textarea:focus::placeholder{color:transparent!important;opacity:0!important}


.reference-tile{border:0;box-shadow:none}
.reference-control{border:0;transition:opacity .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease}
.reference-control:focus-visible{border:0}
.content-reels-card{border:0;box-shadow:0 16px 32px -26px rgba(0,255,106,.78)}

.about-collaboration-photo,.about-careers-cta{border:0}


@keyframes freeContactDrift{0%,100%{transform:translate3d(-3%,2%,0) scale(1.04)}50%{transform:translate3d(3%,-3%,0) scale(1.1)}}
@keyframes freeContactSweep{0%,16%{transform:translateX(-46%);opacity:0}42%{opacity:.65}76%,100%{transform:translateX(44%);opacity:0}}




@keyframes freeWhatsappMarkDrift{0%,100%{transform:translate3d(-3%,-48%,0) scale(1)}50%{transform:translate3d(3%,-52%,0) scale(1.08)}}




.matrix-lead-form .form-field input.is-example-value,.matrix-lead-form .form-field textarea.is-example-value{color:rgba(216,238,243,.58);font-style:italic}


.about-career-card{--career-rgb:0,255,106;background:radial-gradient(330px 240px at 100% 0,rgba(var(--career-rgb),.16),transparent 64%),linear-gradient(145deg,rgba(7,20,15,.96),rgba(5,7,8,.98));box-shadow:0 24px 60px rgba(0,0,0,.23),0 24px 58px -52px rgba(var(--career-rgb),.78)}
.about-career-card::before{background:rgba(var(--career-rgb),.1)}
.about-career-card li::before{background:rgb(var(--career-rgb));box-shadow:0 0 12px rgba(var(--career-rgb),.7)}
.about-career-card:nth-child(1){--career-rgb:0,255,106}
.about-career-card:nth-child(2){--career-rgb:174,255,46}
.about-career-card:nth-child(3){--career-rgb:255,165,68}
.about-career-card:nth-child(4){--career-rgb:255,79,216}
.about-career-card:nth-child(5){--career-rgb:154,111,255}
.about-career-card:nth-child(6){--career-rgb:64,224,202}
.about-career-card--featured{background:radial-gradient(360px 250px at 88% 10%,rgba(var(--career-rgb),.22),transparent 60%),linear-gradient(145deg,rgba(7,29,19,.98),rgba(5,7,8,.98))}





.section-heading>p{max-width:760px;color:var(--dim);line-height:1.65}






body.production-page:has(.site-main>.service-hero) .site-main{
  isolation:isolate;
  background:
    radial-gradient(1000px 620px at 14% 0,rgba(68,116,255,.16),transparent 72%),
    radial-gradient(1080px 700px at 88% 160px,rgba(0,255,106,.12),transparent 68%),
    radial-gradient(960px 740px at 10% 1370px,rgba(0,255,106,.11),transparent 72%),
    radial-gradient(930px 760px at 94% 2100px,rgba(255,79,216,.1),transparent 70%),
    radial-gradient(1020px 820px at 20% 2920px,rgba(68,116,255,.09),transparent 72%),
    linear-gradient(180deg,rgba(7,18,23,.72) 0,rgba(5,13,13,.72) 18%,rgba(4,9,8,.72) 46%,rgba(7,8,12,.72) 68%,rgba(3,4,3,.72) 100%);
}
body.production-page:has(.site-main>.service-hero) .site-main>section.content-band{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-top:0;
}
body.production-page:has(.site-main>.service-hero) .site-main>section.content-band>.container{position:relative;z-index:2}
body.production-page:has(.site-main>.service-hero) .site-main>section.content-band:nth-of-type(1){background:radial-gradient(52% 68% at 7% 18%,rgba(68,116,255,.16),transparent 73%),radial-gradient(46% 62% at 30% 44%,rgba(0,255,106,.13),transparent 72%),radial-gradient(50% 70% at 96% 22%,rgba(255,79,216,.14),transparent 73%),linear-gradient(180deg,rgba(7,18,23,.72),rgba(5,13,13,.72))}
body.production-page:has(.site-main>.service-hero) .site-main>section.content-band:nth-of-type(2){background:radial-gradient(46% 64% at 12% 32%,rgba(0,255,106,.1),transparent 74%),radial-gradient(48% 68% at 90% 60%,rgba(255,79,216,.1),transparent 74%),linear-gradient(180deg,rgba(5,13,13,.72),rgba(4,9,8,.72))}
body.production-page:has(.site-main>.service-hero) .site-main>section.content-band:nth-of-type(3){background:radial-gradient(54% 70% at 10% 42%,rgba(68,116,255,.1),transparent 74%),radial-gradient(48% 64% at 88% 34%,rgba(0,255,106,.11),transparent 74%),linear-gradient(180deg,rgba(4,9,8,.72),rgba(7,8,12,.72))}
body.production-page:has(.site-main>.service-hero) .site-main>section.content-band:nth-of-type(4){background:radial-gradient(54% 66% at 14% 20%,rgba(0,255,106,.1),transparent 74%),radial-gradient(44% 62% at 92% 64%,rgba(255,79,216,.09),transparent 74%),linear-gradient(180deg,rgba(7,8,12,.72),rgba(3,4,3,.72))}
body.production-page:has(.site-main>.service-hero) .site-main>section.content-band:nth-of-type(n+5){background:radial-gradient(50% 64% at 8% 38%,rgba(68,116,255,.08),transparent 74%),radial-gradient(48% 70% at 90% 24%,rgba(0,255,106,.09),transparent 74%),linear-gradient(180deg,rgba(3,4,3,.72),rgba(5,8,8,.72))}






















@keyframes consultationAtmosphereDrift{
  0%{transform:translate3d(-1.5%,0,0) scale(1.02);opacity:.76}
  100%{transform:translate3d(1.5%,1%,0) scale(1.055);opacity:.96}
}










.matrix-variant-section {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.matrix-variant-section > .container {
  position: relative;
  z-index: 2;
}

.matrix-variant-section > .glow {
  position: absolute;
  z-index: 2;
}

.matrix-variant-canvas {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .45;
  mix-blend-mode: screen;
}

.matrix-rift-section::before,
.matrix-neural-section::before,
.matrix-storm-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 18%, rgba(0, 255, 106, .12), transparent 32%),
    radial-gradient(circle at 82% 68%, rgba(255, 71, 215, .08), transparent 34%),
    linear-gradient(180deg, rgba(0, 0, 0, .12), rgba(0, 0, 0, .55));
}

.matrix-rift-section .pkg,
.matrix-neural-section .aud,
.matrix-storm-section .cta {
  position: relative;
  z-index: 3;
}

.matrix-rift-section .pkg {
  backdrop-filter: blur(14px) saturate(1.12);
}

.matrix-neural-section .aud {
  backdrop-filter: blur(16px) saturate(1.18);
}

.matrix-storm-section .cta {
  overflow: hidden;
  isolation: isolate;
}

.matrix-storm-section .cta::before {
  z-index: 1;
}

.matrix-storm-section .cta > *:not(.matrix-variant-canvas) {
  position: relative;
  z-index: 3;
}

.matrix-variant-canvas--cta {
  opacity: .58;
  mix-blend-mode: screen;
}

@keyframes interrogationScan {
  0%,
  72% {
    transform: translateX(-120%);
    opacity: 0;
  }
  86% {
    opacity: .85;
  }
  100% {
    transform: translateX(120%);
    opacity: 0;
  }
}

@keyframes interrogationLamp {
  0%,
  100% {
    opacity: .55;
  }
  50% {
    opacity: 1;
  }
}

@keyframes interrogationBars {
  0%,
  100% {
    transform: translateY(0);
    opacity: .24;
  }
  50% {
    transform: translateY(-5px);
    opacity: .9;
  }
}

@keyframes vipSurveyScan {
  0%,
  70% {
    transform: translateX(-120%);
    opacity: 0;
  }
  84% {
    opacity: .9;
  }
  100% {
    transform: translateX(120%);
    opacity: 0;
  }
}

@keyframes vipReelSweep {
  0%,
  55% {
    transform: translateY(-110%);
    opacity: 0;
  }
  72% {
    opacity: .85;
  }
  100% {
    transform: translateY(110%);
    opacity: 0;
  }
}

@keyframes vipBonusPulse {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 24px rgba(0, 255, 106, .24);
  }
  50% {
    transform: scale(1.08);
    box-shadow: 0 0 44px rgba(0, 255, 106, .44), 0 0 24px rgba(255, 71, 215, .22);
  }
}

@keyframes vipCommunitySweep {
  0%,
  72% {
    transform: translateX(-120%);
    opacity: 0;
  }
  84% {
    opacity: .95;
  }
  100% {
    transform: translateX(120%);
    opacity: 0;
  }
}

@keyframes pkgButtonArrowDraw {
  0%,
  18% {
    stroke-dashoffset: 92;
    opacity: .1;
  }
  44%,
  78% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: -18;
    opacity: .18;
  }
}

@keyframes pkgButtonArrowPulse {
  0%,
  100% {
    transform: translateX(0);
  }
  48% {
    transform: translateX(7px);
  }
}

@keyframes pkgButtonArrowPulseRight {
  0%,
  100% {
    transform: translateX(0);
  }
  48% {
    transform: translateX(-7px);
  }
}

@keyframes pkgButtonArrowFlash {
  0%,
  100% {
    opacity: .28;
  }
  50% {
    opacity: 1;
  }
}

@keyframes pkgButtonArrowSpark {
  0%,
  100% {
    opacity: .18;
    transform: translate(-2px, 2px) scale(.7);
  }
  50% {
    opacity: 1;
    transform: translate(5px, -2px) scale(1);
  }
}

@media (max-width: 760px) {
  .matrix-variant-canvas {
    opacity: .32;
  }

  .matrix-variant-canvas--cta {
    opacity: .46;
  }
}

@media (prefers-reduced-motion: reduce) {
  .matrix-variant-canvas {
    display: none;
  }
}