html{scroll-behavior:smooth} body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at center,#000 0,transparent 75%)}.orb{position:absolute;width:520px;height:520px;border-radius:999px;filter:blur(70px);opacity:.35;animation:float 9s ease-in-out infinite}.orb-a{left:-120px;top:90px;background:#184cff}.orb-b{right:-120px;top:220px;background:#b100ff;animation-delay:-3s}.gradient-text{background:linear-gradient(90deg,#67e8f9,#8b5cf6,#fb7185);-webkit-background-clip:text;background-clip:text;color:transparent}.glow-btn{background:linear-gradient(90deg,#06b6d4,#7c3aed,#e11d48);box-shadow:0 0 35px rgba(124,58,237,.35);transition:.25s}.glow-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 55px rgba(6,182,212,.35)}.feature{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:28px;padding:26px;backdrop-filter:blur(16px);transition:.25s}.feature:hover{transform:translateY(-4px);border-color:rgba(103,232,249,.35);background:rgba(255,255,255,.07)}.feature h3{font-size:22px;font-weight:900;margin-bottom:10px}.feature p{color:#cbd5e1}.terminal{border-radius:24px;background:#020617;border:1px solid rgba(255,255,255,.12);padding:22px}.dots{display:flex;gap:8px;margin-bottom:18px}.dots i{width:12px;height:12px;border-radius:999px;background:#64748b}.terminal pre{color:#67e8f9;white-space:pre-wrap}.stat{border-radius:22px;background:rgba(255,255,255,.06);padding:22px}.stat b{display:block;font-size:34px}.stat span{color:#cbd5e1}.card-3d{animation:pulseBorder 4s ease-in-out infinite}.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.show{opacity:1;transform:none}.input{display:block;width:100%;margin-top:8px;margin-bottom:18px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(2,6,23,.65);padding:14px 16px;color:white;outline:none}.input:focus{border-color:#67e8f9;box-shadow:0 0 0 4px rgba(103,232,249,.1)}.legal{max-width:980px;margin:0 auto;padding:64px 16px;color:#cbd5e1}.legal h1{font-size:clamp(34px,6vw,64px);font-weight:1000;color:white;margin-bottom:24px}.legal h2{font-size:28px;font-weight:900;color:white;margin-top:34px;margin-bottom:12px}.legal p{margin:12px 0;line-height:1.75}@keyframes float{50%{transform:translateY(-30px) translateX(20px)}}@keyframes pulseBorder{50%{box-shadow:0 0 80px rgba(124,58,237,.18)}}

/* Premium visual upgrade without changing site texts */
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 12%,rgba(6,182,212,.16),transparent 34%),radial-gradient(circle at 82% 18%,rgba(124,58,237,.18),transparent 35%),radial-gradient(circle at 52% 88%,rgba(225,29,72,.10),transparent 38%);z-index:-2}
body::after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.025) 35%,transparent 70%);z-index:-1;animation:sheen 10s ease-in-out infinite}
.card-3d{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.03));box-shadow:0 24px 90px rgba(2,6,23,.55),inset 0 1px 0 rgba(255,255,255,.12)}
.card-3d::before{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,rgba(103,232,249,.30),rgba(139,92,246,.22),rgba(251,113,133,.20));opacity:.45;filter:blur(26px);z-index:-1}
.feature{box-shadow:0 18px 55px rgba(2,6,23,.28),inset 0 1px 0 rgba(255,255,255,.08)}
.feature:hover{box-shadow:0 26px 80px rgba(15,23,42,.45),0 0 45px rgba(103,232,249,.12),inset 0 1px 0 rgba(255,255,255,.12)}
.premium-visual{position:relative;min-height:330px;border-radius:28px;background:radial-gradient(circle at 50% 45%,rgba(103,232,249,.22),transparent 28%),radial-gradient(circle at 52% 48%,rgba(124,58,237,.25),transparent 40%),linear-gradient(145deg,rgba(2,6,23,.92),rgba(15,23,42,.74));border:1px solid rgba(255,255,255,.12);overflow:hidden}
.premium-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at center,#000 0,transparent 72%)}
.visual-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(103,232,249,.28);border-radius:999px;transform:translate(-50%,-50%);animation:spin 16s linear infinite}
.ring-1{width:220px;height:220px}.ring-2{width:310px;height:310px;border-color:rgba(139,92,246,.25);animation-direction:reverse;animation-duration:22s}
.visual-core{position:absolute;left:50%;top:50%;width:150px;height:150px;display:grid;place-items:center;align-content:center;border-radius:999px;transform:translate(-50%,-50%);background:linear-gradient(135deg,rgba(6,182,212,.24),rgba(124,58,237,.24),rgba(225,29,72,.18));box-shadow:0 0 90px rgba(124,58,237,.32),inset 0 1px 0 rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18)}
.visual-core span{font-size:34px;font-weight:1000;letter-spacing:-.04em}.visual-core small{margin-top:-12px;color:#cbd5e1;text-transform:uppercase;letter-spacing:.16em;font-size:10px}
.visual-chip{position:absolute;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);backdrop-filter:blur(14px);border-radius:999px;padding:10px 16px;color:#e2e8f0;font-weight:800;box-shadow:0 16px 55px rgba(2,6,23,.35)}
.chip-a{left:24px;top:42px}.chip-b{right:24px;top:112px}.chip-c{left:50px;bottom:50px}
.stat{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.09)}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes sheen{50%{opacity:.45;transform:translateX(2%)}}
@media(max-width:640px){.premium-visual{min-height:260px}.ring-2{width:250px;height:250px}.ring-1{width:180px;height:180px}.visual-core{width:128px;height:128px}.visual-chip{font-size:12px;padding:8px 12px}}

/* Dark Liquid Glass 2026 — stable blocks/buttons only, no cursor lens */
:root{
  --lg-dark: rgba(7, 10, 24, .72);
  --lg-dark-2: rgba(15, 23, 42, .48);
  --lg-border: rgba(148, 163, 184, .18);
  --lg-border-hot: rgba(103, 232, 249, .30);
  --lg-shadow: 0 28px 90px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.10), inset 0 -1px 0 rgba(255,255,255,.035);
}
body{background:#050711;color:#fff;overflow-x:hidden}.liquid-glass-canvas{display:none!important}
header{background:linear-gradient(135deg,rgba(5,7,17,.86),rgba(10,15,32,.70))!important;border-bottom:1px solid rgba(148,163,184,.13)!important;box-shadow:0 18px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.055)!important}
header nav a{position:relative;border-radius:999px;padding:9px 12px;transition:.25s;color:#cbd5e1}header nav a:hover{background:rgba(15,23,42,.65);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.card-3d,.feature,.stat,.premium-visual,section .rounded-\[2rem\],#cookieBox,.legal,form.feature{position:relative;overflow:hidden;background:radial-gradient(circle at 14% 0%,rgba(34,211,238,.10),transparent 30%),radial-gradient(circle at 88% 100%,rgba(139,92,246,.12),transparent 34%),linear-gradient(145deg,var(--lg-dark),var(--lg-dark-2))!important;border:1px solid var(--lg-border)!important;box-shadow:var(--lg-shadow)!important;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.card-3d::before,.feature::before,.stat::before,.premium-visual::before,section .rounded-\[2rem\]::before,#cookieBox::before,.legal::before,form.feature::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.13),transparent 24%,transparent 68%,rgba(103,232,249,.055));opacity:.42;mix-blend-mode:screen}
.card-3d::after,.feature::after,.stat::after,.premium-visual::after,section .rounded-\[2rem\]::after,#cookieBox::after,.legal::after,form.feature::after{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);opacity:.55}
.feature > *, .stat > *, .card-3d > *, .premium-visual > *, section .rounded-\[2rem\] > *, #cookieBox > *, .legal > *, form.feature > *, header > *{position:relative;z-index:1}
.feature{padding:26px;border-radius:28px;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s}.feature:hover{transform:translateY(-5px);border-color:var(--lg-border-hot)!important;background:radial-gradient(circle at 20% 0%,rgba(34,211,238,.14),transparent 32%),linear-gradient(145deg,rgba(9,14,30,.82),rgba(15,23,42,.56))!important;box-shadow:0 34px 100px rgba(0,0,0,.54),0 0 45px rgba(34,211,238,.08),inset 0 1px 0 rgba(255,255,255,.12)!important}.stat{border-radius:22px;padding:22px;background:linear-gradient(145deg,rgba(8,13,30,.76),rgba(15,23,42,.52))!important}
.glow-btn,.glass-btn,.header-cta,button,a.rounded-full.border,#acceptCookies,#rejectCookies{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:radial-gradient(circle at 18% 0%,rgba(103,232,249,.18),transparent 35%),linear-gradient(135deg,rgba(11,18,38,.88),rgba(18,28,55,.62))!important;color:#fff!important;border:1px solid rgba(148,163,184,.24)!important;box-shadow:0 18px 52px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(255,255,255,.04),0 0 0 1px rgba(103,232,249,.045)!important;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);text-shadow:none;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s}.glow-btn::before,.glass-btn::before,.header-cta::before,button::before,a.rounded-full.border::before,#acceptCookies::before,#rejectCookies::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 35%,transparent 67%,rgba(103,232,249,.10));opacity:.58}.glow-btn:hover,.glass-btn:hover,.header-cta:hover,button:hover,a.rounded-full.border:hover{transform:translateY(-2px) scale(1.012);border-color:rgba(103,232,249,.38)!important;background:radial-gradient(circle at 20% 0%,rgba(103,232,249,.22),transparent 36%),linear-gradient(135deg,rgba(12,22,48,.92),rgba(28,32,70,.66))!important;box-shadow:0 28px 80px rgba(0,0,0,.52),0 0 46px rgba(103,232,249,.11),inset 0 1px 0 rgba(255,255,255,.16)!important}.header-cta,#acceptCookies{color:#fff!important;background:linear-gradient(135deg,rgba(8,18,42,.94),rgba(37,47,90,.70))!important}
.input{background:linear-gradient(145deg,rgba(6,10,24,.78),rgba(15,23,42,.56))!important;border:1px solid rgba(148,163,184,.20)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 55px rgba(0,0,0,.22)!important;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%)}.input::placeholder{color:rgba(203,213,225,.55)}.input:focus{border-color:rgba(103,232,249,.55)!important;box-shadow:0 0 0 4px rgba(103,232,249,.10),inset 0 1px 0 rgba(255,255,255,.10)!important}
.premium-visual{min-height:330px;background:radial-gradient(circle at 50% 45%,rgba(103,232,249,.14),transparent 28%),radial-gradient(circle at 52% 48%,rgba(124,58,237,.16),transparent 40%),linear-gradient(145deg,rgba(4,8,20,.92),rgba(15,23,42,.62))!important}.visual-chip{background:linear-gradient(135deg,rgba(8,13,30,.82),rgba(15,23,42,.58))!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 16px 55px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.10)!important}.visual-core{background:linear-gradient(135deg,rgba(6,182,212,.16),rgba(124,58,237,.16),rgba(225,29,72,.10))!important;border:1px solid rgba(148,163,184,.25)!important;box-shadow:0 0 90px rgba(124,58,237,.22),inset 0 1px 0 rgba(255,255,255,.12)!important}
#cookieBox{background:linear-gradient(145deg,rgba(5,7,17,.94),rgba(15,23,42,.82))!important}.rounded-full.bg-white{background:linear-gradient(135deg,rgba(8,18,42,.94),rgba(37,47,90,.70))!important;color:#fff!important}
@media (max-width:760px){.card-3d,.feature,.stat,.premium-visual,section .rounded-\[2rem\],#cookieBox,.legal,form.feature{backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%)}.feature{padding:22px}.premium-visual{min-height:280px}}

/* Dark site-constructor animation: blocks assemble into a page */
.site-builder{position:relative;min-height:470px;border-radius:34px;padding:18px;overflow:hidden;background:radial-gradient(circle at 12% 8%,rgba(34,211,238,.14),transparent 34%),radial-gradient(circle at 88% 90%,rgba(139,92,246,.18),transparent 38%),linear-gradient(145deg,rgba(5,8,19,.86),rgba(13,18,39,.58))!important;border:1px solid rgba(148,163,184,.18);box-shadow:0 34px 110px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
.site-builder::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle at center,#000 0,transparent 76%);opacity:.55}.site-builder::after{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent,rgba(34,211,238,.10),transparent,rgba(139,92,246,.12),transparent);animation:builderGlow 12s linear infinite;opacity:.7}.builder-topbar,.builder-stage{position:relative;z-index:2}.builder-topbar{height:44px;border-radius:22px;display:flex;align-items:center;gap:9px;padding:0 16px;background:linear-gradient(135deg,rgba(6,10,24,.82),rgba(15,23,42,.52));border:1px solid rgba(148,163,184,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}.builder-topbar span{width:10px;height:10px;border-radius:999px;background:rgba(148,163,184,.55)}.builder-topbar span:nth-child(1){background:rgba(251,113,133,.85)}.builder-topbar span:nth-child(2){background:rgba(250,204,21,.78)}.builder-topbar span:nth-child(3){background:rgba(34,211,238,.80)}.builder-topbar b{margin-left:auto;color:#cbd5e1;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.builder-stage{height:385px;margin-top:16px;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,rgba(2,6,23,.84),rgba(12,18,38,.60));border:1px solid rgba(148,163,184,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.builder-sidebar{position:absolute;left:18px;top:18px;bottom:18px;width:78px;border-radius:24px;background:linear-gradient(145deg,rgba(15,23,42,.70),rgba(6,10,24,.62));border:1px solid rgba(148,163,184,.13);padding:16px;display:grid;gap:13px;align-content:start}.builder-sidebar i{height:42px;border-radius:16px;background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(139,92,246,.12));border:1px solid rgba(148,163,184,.14);animation:toolPulse 3.5s ease-in-out infinite}.builder-sidebar i:nth-child(2){animation-delay:.25s}.builder-sidebar i:nth-child(3){animation-delay:.5s}.builder-sidebar i:nth-child(4){animation-delay:.75s}.builder-page{position:absolute;left:118px;right:22px;top:22px;bottom:22px;border-radius:26px;background:linear-gradient(180deg,rgba(8,13,30,.92),rgba(4,8,20,.72));border:1px solid rgba(148,163,184,.18);padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)}.build-block{border-radius:20px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(139,92,246,.12));box-shadow:0 18px 50px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.09);opacity:0;transform:translateY(35px) scale(.94);animation:assemble 6s cubic-bezier(.2,.8,.2,1) infinite}.block-hero{height:98px;background:radial-gradient(circle at 20% 0%,rgba(34,211,238,.26),transparent 42%),linear-gradient(135deg,rgba(17,24,55,.78),rgba(45,31,86,.50));animation-delay:.1s}.build-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.block-card{height:74px;animation-delay:.55s}.block-card:nth-child(2){animation-delay:.9s;background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(251,113,133,.10))}.block-line{height:20px;margin-top:16px;width:78%;animation-delay:1.25s;background:linear-gradient(90deg,rgba(203,213,225,.28),rgba(103,232,249,.16),transparent)}.block-form{height:88px;margin-top:16px;animation-delay:1.55s;background:linear-gradient(135deg,rgba(6,182,212,.12),rgba(15,23,42,.72))}.block-form::before{content:"";display:block;width:62%;height:14px;margin:18px;border-radius:999px;background:rgba(203,213,225,.22);box-shadow:0 28px 0 rgba(203,213,225,.14)}.floating-widget{position:absolute;z-index:4;border-radius:999px;padding:10px 15px;font-size:13px;font-weight:900;color:#e2e8f0;background:linear-gradient(135deg,rgba(8,13,30,.84),rgba(15,23,42,.64));border:1px solid rgba(148,163,184,.20);box-shadow:0 18px 55px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.11);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:floatWidget 5s ease-in-out infinite}.widget-a{right:34px;top:72px}.widget-b{left:126px;bottom:38px;animation-delay:-1.2s}.widget-c{right:56px;bottom:58px;animation-delay:-2.2s}@keyframes assemble{0%,12%{opacity:0;transform:translateY(40px) scale(.92)}24%,78%{opacity:1;transform:translateY(0) scale(1)}92%,100%{opacity:.55;transform:translateY(-8px) scale(.985)}}@keyframes floatWidget{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes toolPulse{0%,100%{opacity:.62;transform:scale(1)}50%{opacity:1;transform:scale(1.035)}}@keyframes builderGlow{to{transform:rotate(360deg)}}@media(max-width:1024px){.site-builder{min-height:430px}.builder-stage{height:345px}}@media(max-width:640px){.site-builder{min-height:360px;padding:14px;border-radius:28px}.builder-stage{height:285px}.builder-sidebar{display:none}.builder-page{left:16px;right:16px;top:16px;bottom:16px;padding:16px}.block-hero{height:78px}.block-card{height:58px}.block-form{height:70px}.floating-widget{font-size:11px;padding:8px 11px}.widget-a{right:24px;top:66px}.widget-b{left:24px;bottom:32px}.widget-c{right:28px;bottom:44px}}


/* Cinematic 2026 constructor upgrade: darker, richer, no cursor lens */
.cinematic-builder{transform-style:preserve-3d;perspective:1100px}
.builder-particles{position:absolute;inset:0;z-index:1;opacity:.75;pointer-events:none}
.cinematic-builder .builder-topbar,.cinematic-builder .builder-stage{z-index:3}
.cinematic-builder .builder-stage{transform:rotateX(3deg) rotateY(-5deg);transform-origin:center;transition:transform .35s}
.cinematic-builder:hover .builder-stage{transform:rotateX(0deg) rotateY(0deg) translateY(-3px)}
.builder-blueprint{position:absolute;inset:18px 22px 18px 118px;border-radius:26px;z-index:1;pointer-events:none}
.builder-blueprint span{position:absolute;border:1px dashed rgba(103,232,249,.12);border-radius:22px;animation:blueprint 5.5s ease-in-out infinite}
.builder-blueprint span:nth-child(1){inset:8px 12px auto 12px;height:98px}
.builder-blueprint span:nth-child(2){left:12px;right:52%;top:126px;height:74px;animation-delay:.35s}
.builder-blueprint span:nth-child(3){left:52%;right:12px;top:126px;height:74px;animation-delay:.7s}
.builder-blueprint span:nth-child(4){left:12px;right:26%;bottom:122px;height:22px;animation-delay:1s}
.cinematic-builder .builder-page{z-index:2;overflow:hidden;transform:translateZ(28px);box-shadow:0 40px 90px rgba(0,0,0,.44),0 0 70px rgba(34,211,238,.08),inset 0 1px 0 rgba(255,255,255,.10)}
.page-glow{position:absolute;inset:auto 10% -32% 10%;height:190px;border-radius:999px;background:radial-gradient(circle,rgba(103,232,249,.18),rgba(139,92,246,.12),transparent 68%);filter:blur(18px);animation:pageGlow 4.8s ease-in-out infinite;pointer-events:none}
.cinematic-builder .build-block{position:relative;overflow:hidden}
.cinematic-builder .build-block::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(-120%);animation:blockShine 6s ease-in-out infinite}
.cinematic-builder .block-hero em{position:absolute;left:20px;top:22px;width:42%;height:13px;border-radius:999px;background:rgba(255,255,255,.34);box-shadow:0 24px 0 rgba(255,255,255,.18),0 48px 0 rgba(103,232,249,.13)}
.cinematic-builder .block-hero strong{position:absolute;right:20px;top:19px;width:74px;height:58px;border-radius:18px;background:linear-gradient(135deg,rgba(103,232,249,.22),rgba(139,92,246,.16));border:1px solid rgba(255,255,255,.12)}
.cinematic-builder .block-hero small{position:absolute;left:20px;bottom:14px;width:92px;height:12px;border-radius:999px;background:linear-gradient(90deg,rgba(103,232,249,.5),rgba(139,92,246,.4))}
.cinematic-builder .block-card i{display:block;width:38px;height:38px;margin:18px;border-radius:14px;background:rgba(103,232,249,.18);border:1px solid rgba(255,255,255,.12)}
.cinematic-builder .block-card b{position:absolute;left:68px;right:18px;top:22px;height:10px;border-radius:999px;background:rgba(226,232,240,.20);box-shadow:0 20px 0 rgba(226,232,240,.12)}
.scan-line{position:absolute;left:0;right:0;top:-20%;height:90px;background:linear-gradient(180deg,transparent,rgba(103,232,249,.12),transparent);filter:blur(1px);animation:scanLine 4.5s linear infinite;pointer-events:none}
.assembly-cursor{position:absolute;z-index:6;width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,rgba(103,232,249,.28),rgba(139,92,246,.22));border:1px solid rgba(255,255,255,.2);box-shadow:0 0 35px rgba(103,232,249,.24),inset 0 1px 0 rgba(255,255,255,.2);animation:assembleCursor 6s cubic-bezier(.45,0,.15,1) infinite}
.assembly-cursor span{position:absolute;left:13px;top:11px;width:16px;height:16px;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg)}
.beam{position:absolute;z-index:2;height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.42),rgba(139,92,246,.25),transparent);filter:drop-shadow(0 0 10px rgba(103,232,249,.38));transform-origin:left center;opacity:.55}
.beam-a{left:90px;right:32px;top:112px;transform:rotate(-9deg);animation:beamPulse 3.3s ease-in-out infinite}
.beam-b{left:130px;right:64px;bottom:100px;transform:rotate(7deg);animation:beamPulse 3.8s ease-in-out infinite .7s}
.widget-d{left:46%;top:52px;animation-delay:-3.1s}
@keyframes blueprint{0%,100%{opacity:.20;transform:scale(.985)}50%{opacity:.55;transform:scale(1)}}
@keyframes pageGlow{50%{opacity:.8;transform:translateY(-18px) scale(1.08)}}
@keyframes blockShine{0%,32%{transform:translateX(-130%)}50%,100%{transform:translateX(130%)}}
@keyframes scanLine{from{transform:translateY(-100%)}to{transform:translateY(520%)}}
@keyframes assembleCursor{0%,10%{left:46px;top:292px;opacity:0}16%{opacity:1}28%{left:220px;top:88px}45%{left:390px;top:172px}62%{left:258px;top:260px}78%{left:470px;top:300px;opacity:1}92%,100%{left:510px;top:68px;opacity:0}}
@keyframes beamPulse{50%{opacity:.95;filter:drop-shadow(0 0 18px rgba(103,232,249,.48))}}
@media(max-width:640px){.cinematic-builder .builder-stage{transform:none}.builder-blueprint{inset:16px}.assembly-cursor{display:none}.beam{display:none}.widget-d{display:none}}

/* Clean constructor final: no flying check, no tilted/sideways blocks */
.cinematic-builder .builder-stage,
.cinematic-builder:hover .builder-stage{transform:none!important;transition:box-shadow .35s ease,border-color .35s ease,background .35s ease;}
.cinematic-builder:hover .builder-stage{border-color:rgba(103,232,249,.26);box-shadow:0 0 0 1px rgba(103,232,249,.08),inset 0 1px 0 rgba(255,255,255,.08),0 22px 70px rgba(0,0,0,.35);}
.assembly-cursor,.widget-d,.beam{display:none!important;}
.build-guide{position:absolute;z-index:2;left:118px;right:22px;height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.18),rgba(139,92,246,.16),transparent);opacity:.45;pointer-events:none;animation:guidePulse 4.8s ease-in-out infinite;}
.guide-a{top:138px}.guide-b{bottom:118px;animation-delay:1.2s}
.cinematic-builder .builder-page{transform:none!important;}
.cinematic-builder .build-block{transform:translateY(24px) scale(.97);animation:cleanAssemble 6.5s cubic-bezier(.18,.9,.2,1) infinite!important;}
.cinematic-builder .block-hero{animation-delay:.12s!important}.cinematic-builder .block-card:first-child{animation-delay:.55s!important}.cinematic-builder .block-card:nth-child(2){animation-delay:.82s!important}.cinematic-builder .block-line{animation-delay:1.12s!important}.cinematic-builder .block-form{animation-delay:1.42s!important}
.cinematic-builder .floating-widget{animation:cleanFloat 6s ease-in-out infinite;opacity:.88}.cinematic-builder .widget-a{right:32px;top:70px}.cinematic-builder .widget-b{left:130px;bottom:38px;animation-delay:-1.4s}.cinematic-builder .widget-c{right:48px;bottom:54px;animation-delay:-2.4s}
@keyframes cleanAssemble{0%,13%{opacity:0;transform:translateY(24px) scale(.97);filter:blur(5px)}25%,76%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}90%,100%{opacity:.72;transform:translateY(0) scale(.995);filter:blur(0)}}
@keyframes cleanFloat{0%,100%{transform:translateY(0);opacity:.78}50%{transform:translateY(-8px);opacity:1}}
@keyframes guidePulse{0%,100%{opacity:.18;filter:drop-shadow(0 0 5px rgba(103,232,249,.16))}50%{opacity:.54;filter:drop-shadow(0 0 15px rgba(103,232,249,.28))}}
@media(max-width:640px){.build-guide{left:16px;right:16px}.guide-a{top:108px}.guide-b{bottom:98px}}

/* 82IT live chat widget */
.site-chat{position:fixed;right:22px;bottom:22px;z-index:70;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.site-chat__button{position:relative;width:64px;height:64px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:linear-gradient(135deg,rgba(6,182,212,.96),rgba(124,58,237,.96));box-shadow:0 22px 70px rgba(6,182,212,.24),0 22px 70px rgba(124,58,237,.22),inset 0 1px 0 rgba(255,255,255,.28);display:grid;place-items:center;color:white;cursor:pointer;transition:.25s}.site-chat__button:hover{transform:translateY(-3px) scale(1.03)}.site-chat__pulse{position:absolute;inset:-7px;border-radius:30px;border:1px solid rgba(103,232,249,.35);animation:chatPulse 1.8s ease-out infinite}.site-chat__icon{font-size:28px;position:relative}.site-chat__badge{position:absolute;right:-4px;top:-4px;min-width:22px;height:22px;border-radius:999px;background:#fb7185;color:white;font-size:12px;font-weight:1000;line-height:22px;text-align:center;box-shadow:0 8px 22px rgba(251,113,133,.35)}.site-chat__panel{position:absolute;right:0;bottom:78px;width:min(380px,calc(100vw - 32px));height:min(620px,calc(100vh - 120px));overflow:hidden;border-radius:30px;border:1px solid rgba(148,163,184,.18);background:radial-gradient(circle at 18% 0%,rgba(34,211,238,.14),transparent 34%),radial-gradient(circle at 100% 100%,rgba(139,92,246,.16),transparent 38%),linear-gradient(145deg,rgba(7,10,24,.92),rgba(15,23,42,.78));box-shadow:0 30px 100px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);display:grid;grid-template-rows:auto 1fr auto;transform-origin:bottom right;animation:chatIn .22s ease-out}.site-chat__head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 18px 15px;border-bottom:1px solid rgba(255,255,255,.10)}.site-chat__title{font-weight:1000;font-size:18px}.site-chat__status{margin-top:3px;color:#cbd5e1;font-size:12px}.site-chat__status span{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:99px;background:#22c55e;box-shadow:0 0 18px rgba(34,197,94,.7)}.site-chat__close{width:36px;height:36px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);color:white;font-size:24px;line-height:1;cursor:pointer}.site-chat__body{min-height:0;overflow:auto;padding:16px}.site-chat__body::-webkit-scrollbar,.site-chat__messages::-webkit-scrollbar{width:7px}.site-chat__body::-webkit-scrollbar-thumb,.site-chat__messages::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(148,163,184,.24)}.site-chat__hello{margin-bottom:12px;border:1px solid rgba(103,232,249,.18);background:rgba(103,232,249,.08);border-radius:22px;padding:13px 14px;color:#dbeafe;font-size:13px;line-height:1.45}.site-chat__messages{display:flex;flex-direction:column;gap:10px}.site-chat__msg{display:flex}.site-chat__msg--client{justify-content:flex-end}.site-chat__msg--admin{justify-content:flex-start}.site-chat__bubble{max-width:84%;border-radius:22px;padding:11px 13px;font-size:14px;line-height:1.38;white-space:pre-wrap;word-break:break-word}.site-chat__msg--client .site-chat__bubble{background:linear-gradient(135deg,#06b6d4,#7c3aed);color:#fff;border-bottom-right-radius:8px;box-shadow:0 14px 32px rgba(6,182,212,.16)}.site-chat__msg--admin .site-chat__bubble{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.11);color:#f8fafc;border-bottom-left-radius:8px}.site-chat__bubble time{display:block;margin-top:5px;font-size:10px;color:rgba(226,232,240,.68)}.site-chat__form{border-top:1px solid rgba(255,255,255,.10);padding:13px;background:rgba(2,6,23,.28)}.site-chat__client-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}.site-chat__client-fields input,.site-chat__send-row textarea{border:1px solid rgba(255,255,255,.11);background:rgba(2,6,23,.62);color:#fff;outline:none}.site-chat__client-fields input{min-width:0;border-radius:15px;padding:10px 11px;font-size:12px}.site-chat__client-fields input:focus,.site-chat__send-row textarea:focus{border-color:rgba(103,232,249,.55);box-shadow:0 0 0 4px rgba(103,232,249,.08)}.site-chat__send-row{display:flex;align-items:flex-end;gap:9px}.site-chat__send-row textarea{min-height:44px;max-height:120px;resize:none;flex:1;border-radius:17px;padding:12px 13px;font-size:14px}.site-chat__send-row button{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:17px;background:#fff;color:#020617;font-weight:1000;cursor:pointer;box-shadow:0 12px 32px rgba(255,255,255,.12)}.site-chat__form.is-sending{opacity:.7;pointer-events:none}.site-chat__note{margin-top:8px;color:#94a3b8;font-size:10px;line-height:1.3}.site-chat--open .site-chat__button{transform:scale(.92);opacity:.88}@keyframes chatPulse{0%{opacity:.65;transform:scale(.92)}100%{opacity:0;transform:scale(1.25)}}@keyframes chatIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}@media(max-width:640px){.site-chat{right:16px;bottom:16px}.site-chat__button{width:58px;height:58px;border-radius:22px}.site-chat__panel{position:fixed;left:12px;right:12px;bottom:86px;width:auto;height:min(620px,calc(100vh - 108px));border-radius:26px}.site-chat__client-fields{grid-template-columns:1fr}.site-chat__note{display:none}}
/* Chat anti-spam + safe files */
.site-chat__hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.site-chat__captcha{display:grid;grid-template-columns:1fr 92px;gap:8px;align-items:center;margin-bottom:9px;border:1px solid rgba(103,232,249,.15);background:rgba(103,232,249,.06);border-radius:16px;padding:8px 9px;color:#cbd5e1;font-size:12px}.site-chat__captcha[hidden]{display:none}.site-chat__captcha input{min-width:0;border:1px solid rgba(255,255,255,.11);background:rgba(2,6,23,.62);color:#fff;outline:none;border-radius:12px;padding:8px 9px;font-size:12px}.site-chat__captcha input:focus{border-color:rgba(103,232,249,.55);box-shadow:0 0 0 4px rgba(103,232,249,.08)}.site-chat__captcha-question img{display:block;width:100%;max-width:240px;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.site-chat__file-row{display:flex;align-items:center;gap:8px;margin-bottom:9px}.site-chat__file-label{position:relative;display:inline-flex;max-width:100%;align-items:center;gap:6px;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);border-radius:14px;padding:8px 10px;color:#cbd5e1;font-size:12px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis}.site-chat__file-label input{position:absolute;inset:0;opacity:0;cursor:pointer}.site-chat__file-clear{border:0;background:transparent;color:#94a3b8;font-size:12px;cursor:pointer}.site-chat__file-clear:hover{color:#fff}.site-chat__attachment{display:block;margin-top:6px;border:1px solid rgba(255,255,255,.13);background:rgba(2,6,23,.25);border-radius:14px;padding:8px 10px;color:#dff7ff;text-decoration:none;font-size:12px;word-break:break-word}.site-chat__attachment:hover{background:rgba(255,255,255,.10)}
@media(max-width:640px){.site-chat__captcha{grid-template-columns:1fr}.site-chat__file-row{align-items:flex-start;flex-direction:column}.site-chat__file-label{width:100%}}

/* 82IT chat UX update: Jivo-style profile, Telegram-like attach button, emoji panel */
.site-chat__panel{grid-template-rows:auto auto 1fr auto}
.site-chat__profile{padding:12px 14px 10px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}
.site-chat__profile-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#e2e8f0;font-size:12px;font-weight:900;letter-spacing:.01em}.site-chat__profile-top small{font-size:10px;font-weight:700;color:#94a3b8;white-space:nowrap}.site-chat__profile .site-chat__client-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.site-chat__profile .site-chat__client-fields input{min-width:0;border:1px solid rgba(255,255,255,.11);background:rgba(2,6,23,.50);color:#fff;outline:none;border-radius:15px;padding:10px 11px;font-size:12px}.site-chat__profile .site-chat__client-fields input:focus{border-color:rgba(103,232,249,.55);box-shadow:0 0 0 4px rgba(103,232,249,.08)}
.site-chat__form{position:relative}.site-chat__file-preview{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:9px;border:1px solid rgba(103,232,249,.18);background:rgba(103,232,249,.07);border-radius:15px;padding:8px 10px;color:#dbeafe;font-size:12px}.site-chat__file-preview[hidden]{display:none}.site-chat__file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-chat__file-clear{width:24px;height:24px;flex:0 0 24px;border:0;border-radius:10px;background:rgba(255,255,255,.09);color:#cbd5e1;font-size:18px;line-height:1;cursor:pointer}.site-chat__file-clear:hover{background:rgba(251,113,133,.18);color:#fff}
.site-chat__emoji{position:absolute;left:13px;right:13px;bottom:72px;display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(15,23,42,.96);box-shadow:0 20px 60px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:2}.site-chat__emoji[hidden]{display:none}.site-chat__emoji button{width:auto;height:36px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.06);color:#fff;font-size:19px;cursor:pointer;transition:.15s}.site-chat__emoji button:hover{transform:translateY(-1px);background:rgba(103,232,249,.12)}
.site-chat__send-row{display:flex;align-items:flex-end;gap:8px}.site-chat__send-row .site-chat__tool-btn{position:relative;display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(255,255,255,.07);color:#e0f2fe;font-size:20px;line-height:1;cursor:pointer;box-shadow:none;transition:.18s}.site-chat__send-row .site-chat__tool-btn:hover{transform:translateY(-1px);background:rgba(103,232,249,.12);border-color:rgba(103,232,249,.28)}.site-chat__tool-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.site-chat__send-row .site-chat__send-btn{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:17px;background:#fff;color:#020617;font-size:17px;font-weight:1000;cursor:pointer;box-shadow:0 12px 32px rgba(255,255,255,.12)}.site-chat__send-row textarea{min-width:0}.site-chat__hello{margin-bottom:10px}
@media(max-width:640px){.site-chat__profile .site-chat__client-fields{grid-template-columns:1fr}.site-chat__profile-top{align-items:flex-start;flex-direction:column;gap:3px}.site-chat__send-row{gap:7px}.site-chat__send-row .site-chat__tool-btn{width:39px;height:39px;flex-basis:39px;border-radius:15px;font-size:18px}.site-chat__send-row .site-chat__send-btn{width:41px;height:41px;flex-basis:41px;border-radius:15px}.site-chat__emoji{grid-template-columns:repeat(4,1fr);bottom:70px}}


/* Chat scroll fix: after adding the profile row, the panel has 4 rows.
   The scrollable container is .site-chat__body, not .site-chat__messages. */
.site-chat__panel{grid-template-rows:auto auto minmax(0,1fr) auto}
.site-chat__body{min-height:0;overflow:auto;scroll-behavior:smooth}
.site-chat__messages{min-height:min-content}

/* Modern SVG icons for chat controls */
.site-chat__icon{display:grid;place-items:center}
.site-chat__icon-svg{width:28px;height:28px;display:block;filter:drop-shadow(0 3px 12px rgba(255,255,255,.18))}
.site-chat__tool-icon{display:grid;place-items:center;width:100%;height:100%}
.site-chat__tool-icon-svg{width:20px;height:20px;display:block;stroke:currentColor}
.site-chat__send-icon{width:20px;height:20px;display:block;stroke:currentColor;transform:translateX(1px)}
.site-chat__send-row .site-chat__tool-btn{padding:0}
.site-chat__send-row .site-chat__send-btn{display:grid;place-items:center;background:linear-gradient(135deg,#ffffff,#dff7ff);color:#07111f}
.site-chat__button{display:grid;place-items:center}
@media(max-width:640px){.site-chat__icon-svg{width:26px;height:26px}.site-chat__tool-icon-svg,.site-chat__send-icon{width:19px;height:19px}}

/* Inline photo/video attachments via protected blob URLs */
.site-chat__media{margin-top:8px;overflow:hidden;border:1px solid rgba(255,255,255,.13);background:rgba(2,6,23,.24);border-radius:18px}
.site-chat__media img,.site-chat__media video{display:block;width:100%;max-width:100%;max-height:270px;object-fit:contain;background:rgba(2,6,23,.45)}
.site-chat__media-loading{padding:12px;color:#cbd5e1;font-size:12px}
.site-chat__media-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-top:1px solid rgba(255,255,255,.08);color:#cbd5e1;font-size:11px}
.site-chat__media-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-chat__attachment-download{flex:0 0 auto;color:#67e8f9;text-decoration:none;font-weight:800}
.site-chat__attachment-download:hover{color:#fff}
.site-chat__msg--client .site-chat__media{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18)}
@media(max-width:640px){.site-chat__media img,.site-chat__media video{max-height:220px}}


/* Cookie banner position fix */
#cookieBox{
  position:fixed!important;
  left:18px!important;
  right:auto!important;
  bottom:calc(18px + env(safe-area-inset-bottom, 0px))!important;
  width:min(560px, calc(100vw - 28px))!important;
  max-width:none!important;
  transform:none!important;
  z-index:90!important;
  border-radius:24px!important;
  padding:18px!important;
  overflow:hidden!important;
}
#cookieBox.hidden{display:none!important}
#cookieBox p{max-width:100%;line-height:1.45}
#cookieBox .mt-4{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important}
#cookieBox button,#cookieBox a{min-height:40px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
#cookieBox a{border-radius:999px;border:1px solid rgba(103,232,249,.18);background:rgba(103,232,249,.07);padding-left:14px!important;padding-right:14px!important;text-decoration:none}
@media (min-width: 900px){
  #cookieBox{bottom:24px!important}
}
@media (max-width: 520px){
  #cookieBox{
    width:calc(100vw - 20px)!important;
    bottom:calc(10px + env(safe-area-inset-bottom, 0px))!important;
    padding:15px!important;
    border-radius:20px!important;
    max-height:calc(100vh - 20px)!important;
    overflow:auto!important;
  }
  #cookieBox .mt-4{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  #cookieBox button,#cookieBox a{width:100%;min-height:42px;text-align:center}
}


/* Section fixes: legal pages, header active state, contacts form */
.legal{
  max-width:980px!important;
  margin:0 auto!important;
  padding:64px 16px!important;
  color:#cbd5e1!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
.legal::before,.legal::after{display:none!important}
.legal h1{max-width:900px;line-height:.98;margin-bottom:26px!important}
.legal h2{position:relative;padding-left:18px;line-height:1.2}
.legal h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.12em;width:4px;border-radius:99px;background:linear-gradient(180deg,#67e8f9,#8b5cf6)}
.legal p{max-width:900px;color:#cbd5e1}
.site-nav__link.is-active{background:rgba(103,232,249,.10);color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);border:1px solid rgba(103,232,249,.16)}
.header-cta{color:#fff!important}
.contact-card{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(148,163,184,.18);background:radial-gradient(circle at 12% 0%,rgba(34,211,238,.10),transparent 36%),linear-gradient(145deg,rgba(7,10,24,.72),rgba(15,23,42,.42));box-shadow:0 24px 80px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);padding:10px}
.contact-row{display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:start;padding:15px 14px;border-radius:20px;color:#e2e8f0}
.contact-row+.contact-row{border-top:1px solid rgba(255,255,255,.07)}
.contact-row__label{color:#94a3b8;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.contact-row__value{color:#fff;text-decoration:none;font-weight:700;line-height:1.45}
a.contact-row__value:hover{color:#67e8f9}
.contact-form label{display:block;color:#e2e8f0;font-weight:800}
.lead-form-status{margin-bottom:16px;border-radius:18px;padding:13px 14px;font-size:14px;line-height:1.45;border:1px solid rgba(255,255,255,.12)}
.lead-form-status--ok{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.24);color:#bbf7d0}
.lead-form-status--error{background:rgba(251,113,133,.10);border-color:rgba(251,113,133,.24);color:#fecdd3}
button[disabled]{opacity:.65;cursor:not-allowed;transform:none!important}
@media(max-width:640px){.contact-row{grid-template-columns:1fr;gap:5px;padding:14px 12px}.legal{padding-top:44px!important}.legal h2{font-size:22px!important}}


/* Mobile adaptation 2026: compact layout, safe areas and no horizontal overflow */
html{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  background:#050711;
}
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  background:#050711;
  touch-action:manipulation;
}
img,video,canvas,svg{max-width:100%;height:auto}
a,button,input,textarea,select{-webkit-tap-highlight-color:transparent}
input,textarea,select{font-size:16px}
#app{min-width:0}

@media (max-width: 767px){
  header{position:fixed!important;top:0!important;left:0!important;right:0!important;background:rgba(5,7,17,.86)!important;backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important}
  header .max-w-7xl{padding:12px 14px!important;gap:10px!important;min-width:0!important}
  header a[data-link].group{min-width:0!important;gap:8px!important}
  header a[data-link].group span{font-size:18px!important;line-height:1!important;white-space:nowrap!important}
  .header-cta{flex:0 0 auto!important;min-height:40px!important;padding:10px 14px!important;border-radius:999px!important;font-size:12px!important;white-space:nowrap!important;box-shadow:0 12px 32px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12)!important}
  main#app{padding-top:72px!important}

  section.mx-auto{padding-left:16px!important;padding-right:16px!important}
  section.py-16{padding-top:38px!important;padding-bottom:42px!important}
  section.md\:py-24{padding-top:40px!important;padding-bottom:48px!important}
  section.pb-20{padding-bottom:52px!important}
  section.pb-24{padding-bottom:56px!important}

  h1,.legal h1{font-size:clamp(34px,10.5vw,44px)!important;line-height:.98!important;letter-spacing:-.045em!important}
  h2{font-size:clamp(28px,8.2vw,38px)!important;line-height:1.04!important;letter-spacing:-.035em!important}
  p{line-height:1.58}
  .text-lg{font-size:16px!important;line-height:1.62!important}
  .text-xl{font-size:18px!important}
  .tracking-\[\.22em\],.tracking-\[\.25em\]{letter-spacing:.13em!important}

  .glow-btn,
  a.rounded-full.border,
  .glass-btn,
  .header-cta,
  button.rounded-full{
    min-height:44px;
  }
  .mt-9.flex.flex-wrap{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .mt-9.flex.flex-wrap a{width:100%!important;padding:14px 18px!important;text-align:center!important}

  .feature{border-radius:24px!important;padding:20px!important}
  .feature h3{font-size:20px!important;line-height:1.16!important}
  .feature p{font-size:15px!important;line-height:1.55!important}
  section .rounded-\[2rem\]{border-radius:28px!important;padding:22px!important}

  .grid{min-width:0}
  .lg\:grid-cols-\[1\.03fr_\.97fr\],
  .lg\:grid-cols-\[1\.1fr_\.9fr\],
  .lg\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:1fr!important}

  .site-builder{margin-top:4px!important;min-height:330px!important;border-radius:26px!important;padding:12px!important;box-shadow:0 20px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.09)!important}
  .builder-topbar{height:38px!important;border-radius:18px!important;padding:0 12px!important;gap:7px!important}
  .builder-topbar b{font-size:9px!important;letter-spacing:.10em!important;max-width:190px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .builder-topbar span{width:8px!important;height:8px!important}
  .builder-stage{height:264px!important;margin-top:12px!important;border-radius:22px!important}
  .builder-page{left:12px!important;right:12px!important;top:12px!important;bottom:12px!important;border-radius:20px!important;padding:13px!important}
  .builder-blueprint{inset:12px!important;border-radius:20px!important}
  .build-row{gap:10px!important;margin-top:10px!important}
  .block-hero{height:70px!important;border-radius:17px!important}
  .block-card{height:52px!important;border-radius:16px!important}
  .block-line{height:16px!important;margin-top:11px!important}
  .block-form{height:58px!important;margin-top:11px!important;border-radius:16px!important}
  .block-form::before{height:10px!important;margin:14px!important;box-shadow:0 22px 0 rgba(203,213,225,.14)!important}
  .cinematic-builder .block-hero em{left:14px!important;top:16px!important;width:44%!important;height:10px!important;box-shadow:0 19px 0 rgba(255,255,255,.18),0 38px 0 rgba(103,232,249,.13)!important}
  .cinematic-builder .block-hero strong{right:14px!important;top:14px!important;width:56px!important;height:44px!important;border-radius:14px!important}
  .cinematic-builder .block-hero small{left:14px!important;bottom:10px!important;width:74px!important;height:9px!important}
  .cinematic-builder .block-card i{width:30px!important;height:30px!important;margin:13px!important;border-radius:11px!important}
  .cinematic-builder .block-card b{left:52px!important;right:12px!important;top:17px!important;height:8px!important;box-shadow:0 17px 0 rgba(226,232,240,.12)!important}
  .floating-widget{font-size:10px!important;padding:7px 9px!important;border-radius:999px!important}
  .widget-a{right:17px!important;top:57px!important}
  .widget-b{left:17px!important;bottom:25px!important}
  .widget-c{right:18px!important;bottom:35px!important}
  .build-guide{left:12px!important;right:12px!important}
  .guide-a{top:96px!important}.guide-b{bottom:84px!important}

  .contact-card{border-radius:24px!important;padding:8px!important;margin-top:24px!important}
  .contact-row{border-radius:18px!important}
  .contact-form{margin-top:0!important}
  .contact-form .input{margin-bottom:14px!important;border-radius:16px!important;padding:14px 14px!important;font-size:16px!important}
  .contact-form label.flex{align-items:flex-start!important;line-height:1.45!important}
  .contact-form button[type="submit"]{width:100%!important;padding:14px 18px!important}

  .legal{padding:36px 16px 48px!important}
  .legal h1{margin-bottom:20px!important}
  .legal h2{font-size:22px!important;margin-top:28px!important}
  .legal p{font-size:15px!important;line-height:1.7!important}

  .orb{width:340px!important;height:340px!important;filter:blur(58px)!important;opacity:.24!important}
  .orb-a{left:-170px!important;top:40px!important}.orb-b{right:-190px!important;top:300px!important}
  .grid-bg{background-size:38px 38px!important;opacity:.75!important}
}

@media (max-width: 430px){
  header .max-w-7xl{padding-left:12px!important;padding-right:12px!important}
  header a[data-link].group span{font-size:17px!important}
  .header-cta{font-size:11px!important;padding-left:12px!important;padding-right:12px!important}
  h1,.legal h1{font-size:clamp(31px,10vw,39px)!important}
  h2{font-size:clamp(26px,8.8vw,34px)!important}
  section.mx-auto{padding-left:14px!important;padding-right:14px!important}
  .site-builder{min-height:312px!important;padding:10px!important}
  .builder-stage{height:248px!important}
  .builder-topbar b{max-width:145px!important}
  .floating-widget{display:none!important}
  .site-chat__button{width:56px!important;height:56px!important;border-radius:20px!important}
  .site-chat{right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom, 0px))!important}
  .site-chat__panel{left:8px!important;right:8px!important;bottom:calc(78px + env(safe-area-inset-bottom, 0px))!important;height:calc(100dvh - 96px - env(safe-area-inset-bottom, 0px))!important;border-radius:24px!important}
}

@media (max-width: 360px){
  .header-cta{max-width:145px!important;padding-left:10px!important;padding-right:10px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  h1,.legal h1{font-size:30px!important}
  .builder-topbar b{display:none!important}
  .site-builder{min-height:292px!important}
  .builder-stage{height:230px!important}
}

@media (hover:none){
  .feature:hover,.glow-btn:hover,.glass-btn:hover,.header-cta:hover,button:hover,a.rounded-full.border:hover{transform:none!important}
}

@supports (height: 100dvh){
  @media (max-width: 640px){
    .site-chat__panel{height:min(620px,calc(100dvh - 108px))!important}
  }
}


/* Contacts mobile order: one heading -> form -> contact info */
@media (max-width: 767px){
  body.page-contacts .header-cta{display:none!important}
  .contacts-layout{display:flex!important;flex-direction:column!important;gap:24px!important}
  .contacts-info{display:contents!important}
  .contacts-desktop-head{order:1}
  .contacts-layout .contact-form{order:2}
  .contacts-layout .contact-card{order:3;margin-top:0!important}
}

/* Simple lead form captcha */
.lead-captcha{margin-bottom:16px;display:grid;grid-template-columns:1fr minmax(150px,.7fr);gap:12px;align-items:center;border:1px solid rgba(103,232,249,.18);background:rgba(103,232,249,.07);border-radius:22px;padding:12px}.lead-captcha[hidden]{display:none}.lead-captcha__title{margin-bottom:8px;color:#cbd5e1;font-size:13px;font-weight:700}.lead-captcha__image{display:block;width:100%;max-width:240px;height:auto;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(2,6,23,.7)}.lead-captcha__input{margin:0}@media(max-width:640px){.lead-captcha{grid-template-columns:1fr}}

/* 82IT technological animated background — code-only, no image files */
html{background:#02040b!important}
body{
  position:relative;
  background:
    radial-gradient(circle at 14% 16%,rgba(34,211,238,.13),transparent 28%),
    radial-gradient(circle at 86% 12%,rgba(139,92,246,.15),transparent 30%),
    radial-gradient(circle at 52% 92%,rgba(225,29,72,.08),transparent 34%),
    linear-gradient(180deg,#02040b 0%,#050711 44%,#02040b 100%)!important;
  color:#fff;
}
.site-bg{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% -18%,rgba(34,211,238,.10),transparent 38%),
    linear-gradient(180deg,rgba(2,4,11,.18),rgba(2,4,11,.92));
}
main#app,footer{position:relative;z-index:1}.site-chat,#cookieBox{z-index:90}.site-chat__panel{z-index:91}
.site-bg__aurora{position:absolute;border-radius:999px;filter:blur(68px);opacity:.34;transform:translate3d(0,0,0);animation:techAurora 16s ease-in-out infinite}
.site-bg__aurora--cyan{width:46vw;height:46vw;left:-13vw;top:8vh;background:rgba(6,182,212,.55)}
.site-bg__aurora--violet{width:44vw;height:44vw;right:-14vw;top:18vh;background:rgba(124,58,237,.52);animation-delay:-6s}
.site-bg__aurora--red{width:34vw;height:34vw;left:42vw;bottom:-17vw;background:rgba(225,29,72,.25);animation-delay:-10s}
.site-bg__grid{position:absolute;inset:-20%;opacity:.45;background-image:linear-gradient(rgba(103,232,249,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.075) 1px,transparent 1px);background-size:72px 72px;transform:perspective(850px) rotateX(61deg) translateY(20vh) scale(1.35);transform-origin:center bottom;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.35) 32%,#000 100%)}
.site-bg__mesh{position:absolute;inset:0;opacity:.72;background:
  linear-gradient(115deg,transparent 0 14%,rgba(34,211,238,.16) 14.18%,transparent 14.55% 100%),
  linear-gradient(153deg,transparent 0 59%,rgba(139,92,246,.18) 59.15%,transparent 59.55% 100%),
  linear-gradient(28deg,transparent 0 72%,rgba(225,29,72,.13) 72.1%,transparent 72.45% 100%),
  radial-gradient(circle at 18% 70%,rgba(34,211,238,.15),transparent 18%),
  radial-gradient(circle at 82% 62%,rgba(139,92,246,.16),transparent 23%);
  animation:techMesh 18s ease-in-out infinite alternate;
}
.site-bg__beam{position:absolute;height:2px;left:-12vw;right:-12vw;background:linear-gradient(90deg,transparent,rgba(34,211,238,.0),rgba(34,211,238,.75),rgba(139,92,246,.50),rgba(225,29,72,.30),transparent);box-shadow:0 0 22px rgba(34,211,238,.42);opacity:.52;transform-origin:center;animation:techBeam 8s ease-in-out infinite}
.site-bg__beam--a{top:63%;transform:rotate(-8deg);animation-delay:-1s}.site-bg__beam--b{top:76%;transform:rotate(5deg);opacity:.34;animation-delay:-4s}.site-bg__beam--c{top:36%;transform:rotate(-18deg);opacity:.18;animation-delay:-6s}
.site-bg__nodes{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(circle,rgba(103,232,249,.55) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(251,113,133,.45) 0 1px,transparent 1.6px);background-size:115px 115px,173px 173px;background-position:0 0,46px 62px;mask-image:radial-gradient(circle at 50% 58%,#000 0 46%,transparent 78%);animation:techNodes 22s linear infinite}
.site-bg__scan{position:absolute;inset:0;opacity:.27;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.035) 49.8%,rgba(103,232,249,.08) 50%,transparent 50.25%);background-size:100% 9px;mix-blend-mode:screen}
.site-bg__vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0 45%,rgba(0,0,0,.52) 100%),linear-gradient(90deg,rgba(0,0,0,.45),transparent 18%,transparent 82%,rgba(0,0,0,.45));}
body::before{z-index:0!important;opacity:.75;background:radial-gradient(circle at 22% 18%,rgba(6,182,212,.14),transparent 36%),radial-gradient(circle at 82% 18%,rgba(124,58,237,.16),transparent 36%),radial-gradient(circle at 50% 94%,rgba(225,29,72,.08),transparent 42%)!important}
body::after{z-index:0!important;opacity:.18;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.08) 42%,transparent 74%)!important;animation:techSheen 13s ease-in-out infinite!important}
header{z-index:50!important;background:linear-gradient(135deg,rgba(3,6,18,.82),rgba(10,15,32,.62))!important}
.feature,.stat,.card-3d,.premium-visual,section .rounded-\[2rem\],.contact-card,#cookieBox,.site-chat__panel{box-shadow:0 28px 100px rgba(0,0,0,.48),0 0 0 1px rgba(103,232,249,.035),inset 0 1px 0 rgba(255,255,255,.10)!important}
@keyframes techAurora{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(4vw,-3vh,0) scale(1.12)}}
@keyframes techMesh{0%{transform:translate3d(-1.5vw,0,0);opacity:.54}100%{transform:translate3d(1.5vw,-1vh,0);opacity:.78}}
@keyframes techBeam{0%,100%{filter:brightness(.8);opacity:.22}50%{filter:brightness(1.35);opacity:.58}}
@keyframes techNodes{to{background-position:115px 115px,219px 235px}}
@keyframes techSheen{0%,100%{transform:translateX(-3%);opacity:.10}50%{transform:translateX(3%);opacity:.22}}
@media(max-width:767px){
  .site-bg__grid{background-size:52px 52px;opacity:.30;transform:perspective(700px) rotateX(62deg) translateY(22vh) scale(1.55)}
  .site-bg__aurora{filter:blur(54px);opacity:.25}.site-bg__aurora--cyan{width:82vw;height:82vw;left:-42vw}.site-bg__aurora--violet{width:78vw;height:78vw;right:-46vw}.site-bg__aurora--red{display:none}
  .site-bg__beam--c{display:none}.site-bg__nodes{opacity:.34;background-size:96px 96px,142px 142px}.site-bg__scan{opacity:.15}
}
@media(prefers-reduced-motion:reduce){.site-bg *,.site-bg__aurora,.site-bg__mesh,.site-bg__beam,.site-bg__nodes,body::after{animation:none!important}}
