/* ===================== PAG — IT & AI Development ===================== */
/* DARK theme = default; LIGHT via :root[data-theme="light"] */
:root{
  --bg:#070707; --bg2:#0d0d0f; --txt:#f3f0ea; --muted:#9a938a;
  --panel:rgba(255,255,255,.035); --line:rgba(255,255,255,.09); --card:rgba(255,255,255,.03);
  --veil:radial-gradient(120% 80% at 50% 0%,transparent 42%,rgba(7,7,7,.5) 78%,var(--bg) 100%);
  --scene-op:1; --shadow:0 40px 100px rgba(0,0,0,.6);
  --orange:#ff7a1a; --orange2:#ff9c3f; --orange3:#ff5a00; --amber:#ffc061;
  --r:20px; --maxw:1200px; --ease:cubic-bezier(.16,1,.3,1);
}
:root[data-theme="light"]{
  --bg:#f7f5f1; --bg2:#efece6; --txt:#17140f; --muted:#6f6a61;
  --panel:rgba(0,0,0,.028); --line:rgba(0,0,0,.1); --card:#ffffff;
  --veil:radial-gradient(120% 80% at 50% 0%,transparent 30%,rgba(247,245,241,.6) 72%,var(--bg) 100%);
  --scene-op:.42; --shadow:0 30px 80px rgba(60,40,10,.14); --amber:#ff8c1a;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--txt);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .5s,color .5s}
body.locked{overflow:hidden;height:100vh}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,h5{font-family:'Sora',sans-serif;font-weight:700;line-height:1.05;letter-spacing:-.02em}
img{max-width:100%;display:block}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 28px}
em{font-style:normal}b{font-weight:700}
.grad{background:linear-gradient(100deg,var(--amber),var(--orange) 55%,var(--orange3));-webkit-background-clip:text;background-clip:text;color:transparent}

/* ===== LOGO ===== */
.brand{display:inline-flex;align-items:center;gap:11px}
.mk{width:34px;height:34px;flex-shrink:0;filter:drop-shadow(0 0 10px rgba(255,122,26,.5));animation:mkbreath 3.2s ease-in-out infinite;transition:.45s var(--ease)}
@keyframes mkbreath{0%,100%{filter:drop-shadow(0 0 8px rgba(255,122,26,.45))}50%{filter:drop-shadow(0 0 20px rgba(255,140,40,.85))}}
.brand:hover .mk{transform:rotate(-12deg) scale(1.14);filter:drop-shadow(0 0 26px rgba(255,150,50,1))}
.mk svg{width:100%;height:100%;display:block}
.wd{font-family:'Sora';font-weight:800;font-size:24px;letter-spacing:.02em;color:var(--txt);position:relative;transition:.4s}
.brand:hover .wd{text-shadow:0 0 22px rgba(255,122,26,.7)}
.brand--lg .mk{width:52px;height:52px}.brand--lg .wd{font-size:36px}
.mark-badge{animation:mkbreath 3.2s ease-in-out infinite}

/* ===== SCENE ===== */
#scene{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;opacity:var(--scene-op);transition:opacity .5s}
.scene-veil{position:fixed;inset:0;z-index:1;pointer-events:none;background:var(--veil)}
.grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
main,.nav,.footer,.marquee,.subhero{position:relative;z-index:3}

/* ===== PRELOADER ===== */
#preloader{position:fixed;inset:0;z-index:1000;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:opacity .8s var(--ease),visibility .8s}
#preloader.done{opacity:0;visibility:hidden}
.pre-core{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px}
.pre-rings{position:absolute;top:-34px;left:50%;transform:translateX(-50%);width:210px;height:210px}
.pre-rings span{position:absolute;inset:0;border-radius:50%;border:1px solid transparent}
.pre-rings span:nth-child(1){border-top-color:var(--orange);animation:spin 1.6s linear infinite}
.pre-rings span:nth-child(2){inset:20px;border-right-color:var(--amber);animation:spin 2.2s linear infinite reverse}
.pre-rings span:nth-child(3){inset:40px;border-bottom-color:var(--orange3);animation:spin 2.8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.pre-logo{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;z-index:1}
.pre-glow{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);width:260px;height:160px;background:radial-gradient(50% 50% at 50% 50%,rgba(255,122,26,.35),transparent 70%);filter:blur(6px);animation:preglow 2.4s ease-in-out infinite}
@keyframes preglow{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}
.pre-full{width:min(260px,64vw);height:auto;color:var(--txt);filter:drop-shadow(0 0 24px rgba(255,122,26,.55));position:relative}
.pl-ring{stroke-dasharray:139;stroke-dashoffset:139;animation:draw 1.1s .15s var(--ease) forwards}
.pl-stem{stroke-dasharray:58;stroke-dashoffset:58;animation:draw .7s .9s var(--ease) forwards}
.pl-dot{transform-origin:58px 42px;transform:scale(0);animation:pop .5s 1.4s var(--ease) forwards}
.pl-word{opacity:0;animation:fadeword .8s 1.7s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes pop{60%{transform:scale(1.35)}100%{transform:scale(1)}}
@keyframes fadeword{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
.pre-orb{position:absolute;left:50%;top:-6px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--amber);box-shadow:0 0 14px var(--orange);transform-origin:5px 111px;animation:orb 2.4s linear infinite}
@keyframes orb{to{transform:rotate(360deg)}}
.pre-scan{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--orange),transparent);opacity:.6;animation:scan 2.6s ease-in-out infinite}
@keyframes scan{0%{top:8%}50%{top:88%}100%{top:8%}}
.pre-sub{font-size:11px;letter-spacing:.42em;color:var(--muted);font-weight:500}
.pre-bar{width:210px;height:2px;background:rgba(127,127,127,.25);border-radius:2px;overflow:hidden}
.pre-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--amber),var(--orange),var(--orange3));box-shadow:0 0 16px var(--orange)}
.pre-count{font-family:'Sora';font-size:13px;color:var(--muted);letter-spacing:.1em}
.pre-count b{color:var(--orange)}

/* ===== CURSOR ===== */
.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:900;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%)}
.cursor-dot{width:6px;height:6px;background:var(--orange);box-shadow:0 0 12px var(--orange)}
.cursor-ring{width:34px;height:34px;border:1px solid rgba(255,122,26,.55);transition:width .25s,height .25s,background .25s}
.cursor-ring.hot{width:56px;height:56px;background:rgba(255,122,26,.09)}
@media(hover:none){.cursor-dot,.cursor-ring{display:none}}

/* ===== NAV ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:.4s var(--ease)}
.nav.scrolled{padding:10px 0;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav__row{display:flex;align-items:center;justify-content:space-between;gap:18px}
.nav__links{display:flex;gap:22px;font-size:14.5px;color:var(--muted);font-weight:500}
.nav__links a{position:relative;transition:.3s;white-space:nowrap}
.nav__links a.accent{color:var(--orange);font-weight:600}
.nav__links a::after{content:'';position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--orange);transition:.3s;box-shadow:0 0 8px var(--orange)}
.nav__links a:hover{color:var(--txt)}
.nav__links a.accent:hover{color:var(--orange)}
.nav__links a:hover::after{width:100%}
.nav__tools{display:flex;align-items:center;gap:12px}
.tgl{width:44px;height:26px;border-radius:100px;border:1px solid var(--line);background:var(--panel);position:relative;cursor:pointer;flex-shrink:0}
.tgl::after{content:'🌙';position:absolute;top:50%;left:22px;transform:translateY(-50%);width:19px;height:19px;border-radius:50%;background:linear-gradient(100deg,var(--orange),var(--orange3));display:flex;align-items:center;justify-content:center;font-size:11px;transition:.35s var(--ease);color:#160a02}
:root[data-theme="light"] .tgl::after{content:'☀';left:3px}
.burger{display:none;flex-direction:column;gap:6px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:26px;height:2px;background:var(--txt);transition:.3s;border-radius:2px}
.burger.open span:first-child{transform:translateY(4px) rotate(45deg)}
.burger.open span:last-child{transform:translateY(-4px) rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;z-index:99;background:color-mix(in srgb,var(--bg) 97%,transparent);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;opacity:0;visibility:hidden;transition:.4s var(--ease)}
.mobile-menu.open{opacity:1;visibility:visible}
.mobile-menu a{font-family:'Sora';font-size:25px;font-weight:600;transform:translateY(18px);opacity:0;transition:.5s var(--ease)}
.mobile-menu.open a{transform:none;opacity:1}
.mobile-menu a.accent{color:var(--orange)}

/* ===== BUTTONS ===== */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:'Sora';font-weight:600;font-size:15px;padding:14px 26px;border-radius:100px;cursor:pointer;transition:.35s var(--ease);border:1px solid transparent;white-space:nowrap}
.btn .ico{transition:.35s var(--ease)}.btn:hover .ico{transform:translateX(5px)}
.btn--primary{background:linear-gradient(100deg,var(--orange),var(--orange3));color:#fff;box-shadow:0 8px 30px rgba(255,122,26,.32)}
.btn--primary:hover{box-shadow:0 12px 46px rgba(255,90,0,.5);transform:translateY(-2px)}
.btn--ghost{background:var(--panel);border-color:var(--line);color:var(--txt);backdrop-filter:blur(8px)}
.btn--ghost:hover{border-color:rgba(255,122,26,.55);background:rgba(255,122,26,.07);transform:translateY(-2px)}
.nav__cta{padding:10px 22px;font-size:14px}

/* ===== HEAD ===== */
.head{max-width:730px;margin-bottom:54px}
.head.center{margin:0 auto 54px;text-align:center}
.head__kicker{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);margin-bottom:18px}
.head__kicker i{width:26px;height:1px;background:var(--orange);box-shadow:0 0 8px var(--orange)}
.head.center .head__kicker{justify-content:center}
.head__title{font-size:clamp(30px,4.6vw,52px);line-height:1.06}
.head__sub{margin-top:20px;color:var(--muted);font-size:17px;max-width:600px}
.head.center .head__sub{margin-left:auto;margin-right:auto}

/* ===== HERO ===== */
.hero{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:140px 0 80px;position:relative}
.hero__inner{display:flex;flex-direction:column;align-items:flex-start}
.hero__badge{display:inline-flex;align-items:center;gap:11px;font-size:13px;font-weight:500;color:var(--muted);padding:9px 18px;border:1px solid var(--line);border-radius:100px;background:var(--panel);backdrop-filter:blur(8px);margin-bottom:32px}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px var(--orange);animation:pulse 1.8s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.hero__title{font-size:clamp(40px,6.6vw,82px);line-height:1.0;font-weight:800;letter-spacing:-.035em;margin-bottom:28px}
.hero__title .line{display:block;overflow:hidden}.hero__title .line>span{display:block}
.hero__title em{font-style:normal;color:var(--orange);text-shadow:0 0 30px rgba(255,122,26,.4)}
.hero__lead{max-width:600px;font-size:18.5px;color:var(--muted);margin-bottom:36px}
.hero__lead strong{color:var(--txt);font-weight:600}
.hero__actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:72px}
.hero__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;width:100%;padding-top:42px;border-top:1px solid var(--line)}
.stat__num{font-family:'Sora';font-size:clamp(30px,3.6vw,44px);font-weight:700;color:var(--orange)}
.stat p{font-size:13.5px;color:var(--muted);margin-top:6px;line-height:1.4}
.hero__scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:10px}
.hero__scroll span{width:1px;height:44px;background:linear-gradient(var(--orange),transparent);animation:scrolln 2s infinite}
@keyframes scrolln{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.1%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ===== BANNER ===== */
.banner{margin:-40px auto 0;position:relative;z-index:4}
.banner img{width:100%;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow)}

/* ===== MARQUEE ===== */
.marquee{overflow:hidden;border-block:1px solid var(--line);padding:20px 0;background:var(--panel);margin-top:70px}
.marquee__track{display:flex;align-items:center;gap:32px;white-space:nowrap;width:max-content;animation:marq 34s linear infinite}
.marquee span{font-family:'Sora';font-weight:600;font-size:19px;letter-spacing:.05em;color:var(--muted)}
.marquee b{color:var(--orange);font-size:11px}
@keyframes marq{to{transform:translateX(-50%)}}

/* ===== SECTION ===== */
.section{padding:110px 0;position:relative}

/* ===== MEET / VIDEO ===== */
.video{position:relative;max-width:920px;margin:0 auto;border-radius:22px;overflow:hidden;cursor:pointer;border:1px solid var(--line);box-shadow:var(--shadow)}
.video__img{aspect-ratio:16/8;background-size:cover;background-position:center;transition:.6s var(--ease)}
.video:hover .video__img{transform:scale(1.05)}
.video::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 60%)}
.video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:linear-gradient(100deg,var(--orange),var(--orange3));display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 0 40px rgba(255,122,26,.6)}
.video__play span{width:0;height:0;border-left:22px solid #fff;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:5px}
.video__ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;border:2px solid var(--orange);z-index:1;animation:ping 2s infinite}
@keyframes ping{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}100%{transform:translate(-50%,-50%) scale(1.9);opacity:0}}

/* ===== WHY ===== */
.why__grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.why__text{color:var(--muted);font-size:16px;margin:18px 0}
.why__left .btn{margin-top:14px}
.why__right{display:flex;flex-direction:column;gap:14px}
.feat{display:flex;gap:18px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--card);transition:.4s var(--ease)}
.feat:hover{border-color:rgba(255,122,26,.4);transform:translateX(6px)}
.feat__ic{flex-shrink:0;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,122,26,.1);border:1px solid rgba(255,122,26,.25);color:var(--orange)}
.feat__ic svg{width:23px;height:23px}
.feat h4{font-size:16.5px;font-weight:600;margin-bottom:3px}
.feat p{font-size:13.5px;color:var(--muted)}

/* ===== HOW / STEPS ===== */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:20px}
.step{position:relative;padding:40px 32px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden;transition:.5s var(--ease)}
.step:hover{border-color:rgba(255,122,26,.45);transform:translateY(-6px);box-shadow:0 24px 60px rgba(255,122,26,.14)}
.step__n{font-family:'Sora';font-size:64px;font-weight:800;color:transparent;-webkit-text-stroke:1px var(--line);position:absolute;top:18px;right:24px}
.step__ic{width:56px;height:56px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:rgba(255,122,26,.1);border:1px solid rgba(255,122,26,.28);color:var(--orange);margin-bottom:22px}
.step__ic svg{width:28px;height:28px}
.step h3{font-size:23px;margin-bottom:12px}
.step p{color:var(--muted);font-size:14.5px}

/* ===== SOLUTIONS ===== */
.sol{position:relative;display:flex;align-items:center}
.sol__row{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:500px;width:100%}
.sol__media{background-size:cover;background-position:center;border-radius:20px;min-height:420px;position:relative;box-shadow:var(--shadow)}
.sol__media::after{content:'';position:absolute;right:-1px;bottom:-1px;width:44px;height:44px;background:var(--orange);box-shadow:0 0 26px rgba(255,122,26,.6)}
.sol__body{padding:40px 0 40px 60px;display:flex;flex-direction:column;justify-content:center}
.sol--rev .sol__row{direction:rtl}.sol--rev .sol__body{direction:ltr;padding:40px 60px 40px 0}.sol--rev .sol__media{direction:ltr}
.sol__n{font-family:'Sora';font-size:15px;font-weight:700;color:var(--orange);letter-spacing:.2em;margin-bottom:12px}
.sol__body h3{font-size:clamp(28px,3.4vw,40px);margin-bottom:22px}
.sol__body p{color:var(--muted);font-size:15px;margin-bottom:14px}
.sol__body p b{color:var(--txt)}
.sol__msg{font-style:italic;border-left:2px solid var(--orange);padding-left:16px;margin-top:8px}

/* ===== OBJECTS ===== */
.obj__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.obj{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--card);transition:.35s var(--ease);position:relative;overflow:hidden}
.obj::before{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(var(--orange),var(--orange3));opacity:0;transition:.35s}
.obj:hover{transform:translateY(-5px);border-color:rgba(255,122,26,.4)}
.obj:hover::before{opacity:1}
.obj__pin{color:var(--orange);width:20px;height:20px;margin-bottom:12px}
.obj h4{font-size:16px;font-weight:600;margin-bottom:4px;line-height:1.25}
.obj span{font-size:12.5px;color:var(--muted)}
.obj--photo{padding:0;display:flex;flex-direction:column}
.obj__img{height:150px;background-size:cover;background-position:center;border-radius:15px 15px 0 0;transition:.5s var(--ease)}
.obj--photo:hover .obj__img{transform:scale(1.03)}
.obj--photo{overflow:hidden}
.obj__body{padding:18px 20px 20px}
.obj__body .obj__pin{margin-bottom:8px}
.obj__more{text-align:center;margin-top:34px;color:var(--muted);font-size:14.5px}

/* ===== TEAM ===== */
.team__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.tm{text-align:center;padding:28px 20px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);transition:.4s var(--ease)}
.tm:hover{transform:translateY(-6px);border-color:rgba(255,122,26,.4)}
.tm__ph{width:104px;height:104px;border-radius:50%;margin:0 auto 18px;background:linear-gradient(140deg,rgba(255,122,26,.25),rgba(255,90,0,.08));border:1px solid rgba(255,122,26,.3);display:flex;align-items:center;justify-content:center;color:var(--orange);font-family:'Sora';font-weight:700;font-size:30px;overflow:hidden}
.tm__ph img{width:100%;height:100%;object-fit:cover}
.tm h4{font-size:17px;margin-bottom:4px}
.tm span{font-size:13px;color:var(--muted)}
.team__note{margin-top:30px;text-align:center;padding:16px 20px;border:1px dashed rgba(255,122,26,.35);border-radius:14px;color:var(--orange);font-size:14.5px;max-width:560px;margin-left:auto;margin-right:auto}

/* ===== COMPANY ===== */
.company{overflow:hidden}
.company__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.14;mask-image:linear-gradient(90deg,transparent,#000 45%)}
.company__inner{position:relative}
.company__card{max-width:770px;padding:52px;border:1px solid var(--line);border-radius:26px;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(20px)}
.mark-badge{width:56px;height:56px;margin-bottom:12px;filter:drop-shadow(0 0 14px rgba(255,122,26,.5))}
.company__card p{color:var(--muted);font-size:16px;margin-top:16px}
.company__card p b{color:var(--txt)}
.company__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:38px;padding-top:32px;border-top:1px solid var(--line)}
.company__facts h3{font-family:'Sora';font-size:36px;color:var(--orange)}
.company__facts span{font-size:13px;color:var(--muted);display:block;margin-top:6px}

/* ===== FAQ ===== */
.faq__wrap{max-width:840px;margin:0 auto}
.acc{list-style:none}
.acc__item{border-bottom:1px solid var(--line)}
.acc__head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 4px;background:none;border:0;cursor:pointer;text-align:left;color:var(--txt)}
.acc__head span{font-family:'Sora';font-size:19px;font-weight:500;transition:.3s}
.acc__head i{position:relative;flex-shrink:0;width:20px;height:20px}
.acc__head i::before,.acc__head i::after{content:'';position:absolute;background:var(--orange);border-radius:2px;box-shadow:0 0 8px var(--orange);transition:.3s var(--ease)}
.acc__head i::before{left:0;top:9px;width:20px;height:2px}
.acc__head i::after{left:9px;top:0;width:2px;height:20px}
.acc__item.open .acc__head i::after{transform:rotate(90deg);opacity:0}
.acc__item.open .acc__head span{color:var(--orange)}
.acc__body{max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
.acc__body p{padding:0 4px 26px;color:var(--muted);font-size:15.5px}

/* ===== CTA ===== */
.cta__inner{position:relative;text-align:center;padding:88px 40px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,rgba(255,122,26,.1),rgba(255,90,0,.02));overflow:hidden}
.cta__glow{position:absolute;inset:0;background:radial-gradient(60% 120% at 50% 0%,rgba(255,122,26,.22),transparent 70%);pointer-events:none}
.cta__inner h2{font-size:clamp(34px,5vw,60px);position:relative}
.cta__inner p{color:var(--muted);font-size:18px;margin:18px auto 34px;max-width:520px;position:relative}
.cta__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative}

/* ===== CONTACTS ===== */
.contacts__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact-card{padding:34px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);transition:.4s var(--ease)}
.contact-card:hover{border-color:rgba(255,122,26,.4);transform:translateY(-4px)}
.contact-card .flag{font-size:32px;margin-bottom:14px}
.contact-card h3{font-size:22px;margin-bottom:6px}
.contact-card p{color:var(--muted);font-size:15px;margin-bottom:4px}
.contact-card a{color:var(--orange);font-weight:600}

/* ===== FOOTER ===== */
.footer{border-top:1px solid var(--line);padding:66px 0 32px;background:var(--panel)}
.footer__row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:42px;border-bottom:1px solid var(--line)}
.footer__brand p{color:var(--muted);font-size:14px;margin-top:16px;max-width:280px}
.footer__col h5{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;font-weight:600}
.footer__col a{display:block;color:var(--txt);opacity:.8;font-size:14.5px;margin-bottom:11px;transition:.3s;width:fit-content}
.footer__col a:hover{color:var(--orange);opacity:1;transform:translateX(4px)}
.footer__bottom{display:flex;justify-content:space-between;padding-top:26px;font-size:13px;color:var(--muted);flex-wrap:wrap;gap:10px}

/* ===== SUBPAGE ===== */
.subhero{padding:170px 0 60px;position:relative}
.subhero .back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;margin-bottom:30px;transition:.3s}
.subhero .back:hover{color:var(--orange)}
.subhero h1{font-size:clamp(40px,6.5vw,78px);font-weight:800;letter-spacing:-.03em;margin-bottom:22px}
.subhero__lead{max-width:640px;color:var(--muted);font-size:19px}
.subhero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.shot{margin:20px auto 0;border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.shot img{width:100%;display:block}
.sfeat{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sfeat__card{padding:32px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);transition:.4s var(--ease)}
.sfeat__card:hover{border-color:rgba(255,122,26,.4);transform:translateY(-6px)}
.sfeat__ic{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,122,26,.1);border:1px solid rgba(255,122,26,.25);color:var(--orange);margin-bottom:20px}
.sfeat__ic svg{width:26px;height:26px}
.sfeat__card h3{font-size:20px;margin-bottom:10px}
.sfeat__card p{color:var(--muted);font-size:14.5px}
.plate{display:inline-flex;align-items:stretch;border-radius:8px;overflow:hidden;border:2px solid var(--orange);font-family:'Sora';font-weight:700;box-shadow:0 0 30px rgba(255,122,26,.35);margin-top:8px}
.plate__region{background:var(--orange);color:#fff;padding:10px 12px;font-size:15px;display:flex;align-items:center}
.plate__num{background:#12100d;color:var(--amber);padding:10px 20px;font-size:22px;letter-spacing:.14em;display:flex;align-items:center}

/* ===== REVEAL ===== */
.reveal{opacity:0;transform:translateY(38px);transition:.9s var(--ease)}
.reveal.in{opacity:1;transform:none}

/* ===== RESPONSIVE ===== */
@media(max-width:1040px){.obj__grid{grid-template-columns:repeat(3,1fr)}.team__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:960px){
  .nav__links,.nav__cta{display:none}
  .burger{display:flex}
  .hero__stats{grid-template-columns:repeat(2,1fr);gap:22px}
  .why__grid{grid-template-columns:1fr;gap:40px}
  .steps{grid-template-columns:1fr}
  .sol__row,.sol--rev .sol__row{grid-template-columns:1fr;direction:ltr;min-height:auto}
  .sol{padding:20px 0}
  .sol__body,.sol--rev .sol__body{padding:30px 0 10px}
  .sol__media{min-height:280px}
  .company__facts{grid-template-columns:1fr;gap:20px}
  .footer__row{grid-template-columns:1fr 1fr;gap:30px}
  .company__card{padding:34px}
  .company__bg{mask-image:linear-gradient(180deg,transparent,#000 55%);opacity:.1}
  .contacts__grid{grid-template-columns:1fr}
  .sfeat{grid-template-columns:1fr}
  .obj__grid,.team__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .container{padding:0 18px}
  .section{padding:74px 0}
  .head{margin-bottom:38px}
  .hero{padding:116px 0 60px}
  .hero__title{font-size:clamp(34px,9.5vw,58px);margin-bottom:22px}
  .hero__lead{font-size:16.5px;margin-bottom:28px}
  .hero__actions{width:100%;gap:12px}.hero__actions .btn{flex:1;justify-content:center}
  .hero__stats{grid-template-columns:1fr 1fr;gap:24px 18px;padding-top:32px}
  .stat__num{font-size:33px}
  .hero__scroll{display:none}
  .banner{margin-top:0}.banner img{border-radius:16px}
  .marquee{padding:15px 0;margin-top:0}.marquee span{font-size:15px}.marquee__track{gap:22px}
  .video__play,.video__ring{width:66px;height:66px}
  .step{padding:30px 24px}
  .company__card{padding:28px 22px;border-radius:20px}
  .company__facts h3{font-size:32px}
  .cta__inner{padding:52px 22px;border-radius:24px}
  .cta__actions{width:100%}.cta__actions .btn{flex:1;justify-content:center}
  .footer__row{grid-template-columns:1fr 1fr}
  .acc__head span{font-size:16px}
  .btn{padding:13px 22px;font-size:14.5px}
  .subhero{padding:140px 0 40px}
  .wd{font-size:21px}.mk{width:30px;height:30px}
  .obj__grid,.team__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
  .hero__title{font-size:clamp(29px,8.5vw,42px)}
  .hero__badge{font-size:11.5px;padding:8px 13px}
  .head__title{font-size:clamp(25px,7.6vw,34px)}
  .footer__row{grid-template-columns:1fr;gap:24px}
  .footer__bottom{flex-direction:column;text-align:center}
  .obj__grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.15s!important}.reveal{opacity:1;transform:none}}

/* ============ V2: cinematic preloader ============ */
.pre-stars{position:absolute;inset:0;pointer-events:none}
.pre-stars i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 14px var(--orange);opacity:0;animation:starfly 1.5s var(--ease) forwards}
.pre-stars i:nth-child(1){left:8%;top:12%;animation-delay:.05s}
.pre-stars i:nth-child(2){left:88%;top:16%;animation-delay:.15s}
.pre-stars i:nth-child(3){left:14%;top:82%;animation-delay:.25s}
.pre-stars i:nth-child(4){left:92%;top:74%;animation-delay:.1s}
.pre-stars i:nth-child(5){left:4%;top:46%;animation-delay:.3s}
.pre-stars i:nth-child(6){left:96%;top:44%;animation-delay:.2s}
.pre-stars i:nth-child(7){left:28%;top:4%;animation-delay:.35s}
.pre-stars i:nth-child(8){left:66%;top:96%;animation-delay:.12s}
.pre-stars i:nth-child(9){left:40%;top:90%;animation-delay:.28s}
.pre-stars i:nth-child(10){left:74%;top:6%;animation-delay:.22s}
.pre-stars i:nth-child(11){left:50%;top:2%;animation-delay:.4s}
.pre-stars i:nth-child(12){left:2%;top:70%;animation-delay:.45s}
@keyframes starfly{0%{opacity:0;transform:none}20%{opacity:1}100%{opacity:0;left:50%;top:44%;transform:scale(.3)}}
.pre-core{transform:translateZ(0)}
.pl-spinner{transform-origin:58px 42px;animation:plspin 2.6s linear 1.35s infinite}
@keyframes plspin{to{transform:rotate(360deg)}}
.pl-ring{stroke-dasharray:139;stroke-dashoffset:139;animation:draw 1.1s .2s var(--ease) forwards}
#preloader.fly .pre-core{animation:flyout .75s cubic-bezier(.5,0,.9,.4) forwards}
#preloader.fly .pre-scan,#preloader.fly .pre-stars{opacity:0}
@keyframes flyout{0%{transform:scale(1);filter:blur(0)}55%{opacity:1}100%{transform:scale(16) translateY(2%);filter:blur(6px);opacity:0}}
#preloader.done{transition-delay:.05s}

/* ============ V2: live hero logo ============ */
.hero__inner{position:relative}
.hero__logo{position:absolute;right:1%;top:50%;transform:translateY(-58%);width:340px;height:420px;pointer-events:none;z-index:-1}
.hlogo{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:hfloat 6s ease-in-out infinite}
@keyframes hfloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-22px) rotate(2deg)}}
.hlogo__svg{width:64%;filter:drop-shadow(0 0 34px rgba(255,122,26,.55))}
.hlogo__svg .hl-ring{stroke-dasharray:139;animation:hlpulse 3.4s ease-in-out infinite}
@keyframes hlpulse{0%,100%{opacity:.9}50%{opacity:.55}}
.hl-dot{transform-origin:58px 42px;animation:hldot 2.2s ease-in-out infinite}
@keyframes hldot{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
.hlogo__halo{position:absolute;width:120%;height:80%;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,122,26,.28),transparent 70%);filter:blur(10px);animation:hlpulse 3s ease-in-out infinite}
.hlogo__ring{position:absolute;border:1px solid rgba(255,122,26,.4);border-radius:50%}
.hlogo__ring.r1{width:88%;height:70%;animation:hspin 12s linear infinite}
.hlogo__ring.r2{width:112%;height:88%;border-style:dashed;border-color:rgba(255,170,80,.25);animation:hspin 20s linear infinite reverse}
@keyframes hspin{to{transform:rotate(360deg)}}
.hlogo__spark{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--amber);box-shadow:0 0 18px var(--orange);top:15%;left:50%;transform-origin:0 175px;animation:hspin 5s linear infinite}
@media(max-width:1180px){.hero__logo{opacity:.4;right:-6%}}
@media(max-width:760px){.hero__logo{display:none}}

/* ============ V2: lang switcher ============ */
.lang{display:flex;border:1px solid var(--line);border-radius:100px;overflow:hidden;background:var(--panel)}
.lang button{background:none;border:0;color:var(--muted);font-family:'Sora';font-weight:600;font-size:12px;padding:7px 11px;cursor:pointer;transition:.3s}
.lang button.on{background:linear-gradient(100deg,var(--orange),var(--orange3));color:#fff}
.lang button:not(.on):hover{color:var(--txt)}

/* ============ V2: geo chips ============ */
.geo__chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:46px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--line);border-radius:100px;background:var(--card);font-family:'Sora';font-weight:600;font-size:14px;transition:.35s var(--ease);cursor:default}
.chip:hover{transform:translateY(-4px) scale(1.05);border-color:rgba(255,122,26,.5);box-shadow:0 10px 30px rgba(255,122,26,.18)}
.chip--hot{border-color:rgba(255,122,26,.55);background:linear-gradient(100deg,rgba(255,122,26,.14),rgba(255,90,0,.06));box-shadow:0 0 22px rgba(255,122,26,.15)}

/* ============ V2: live recognizer frame ============ */
.live-frame{border:1px solid rgba(255,122,26,.4);border-radius:22px;overflow:hidden;box-shadow:0 0 60px rgba(255,122,26,.18),var(--shadow);background:#000}
.live-frame__bar{display:flex;align-items:center;gap:10px;padding:12px 18px;font-family:'Sora';font-weight:600;font-size:13.5px;background:linear-gradient(100deg,rgba(255,122,26,.16),rgba(0,0,0,.2));border-bottom:1px solid rgba(255,122,26,.3);color:var(--txt)}
.live-frame__bar a{margin-left:auto;color:var(--orange);font-size:12.5px}
.live-frame iframe{display:block;width:100%;height:72vh;min-height:480px;border:0;background:#000}

/* ============ V2: extra 3D ============ */
.reveal{transform:translateY(44px) perspective(900px) rotateX(7deg);transform-origin:50% 100%}
.reveal.in{transform:none}
.step,.sfeat__card,.obj--photo{transform-style:preserve-3d;will-change:transform}
main{perspective:1400px}
body.leave{animation:pageleave .45s var(--ease) forwards}
@keyframes pageleave{to{opacity:0;transform:scale(.97)}}
body.enter{animation:pageenter .6s var(--ease)}
@keyframes pageenter{from{opacity:0;transform:scale(1.02)}}
@media(max-width:960px){.live-frame iframe{height:64vh}}

/* ============ V3: big features (1-in-1) ============ */
.bigfeat .container{display:flex;flex-direction:column;gap:26px}
.bf{display:grid;grid-template-columns:240px 1fr;gap:40px;align-items:center;padding:44px 48px;border:1px solid var(--line);border-radius:24px;background:var(--card);transition:.5s var(--ease);position:relative;overflow:hidden}
.bf::after{content:'';position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,26,.14),transparent 65%);pointer-events:none}
.bf:hover{border-color:rgba(255,122,26,.45);transform:translateY(-6px) scale(1.005);box-shadow:0 30px 70px rgba(255,122,26,.12)}
.bf--rev{grid-template-columns:1fr 240px}
.bf--rev .bf__num{order:2}
.bf__num{font-family:'Sora';font-weight:800;font-size:clamp(52px,6vw,84px);text-align:center;filter:drop-shadow(0 0 26px rgba(255,122,26,.35))}
.bf__body h3{font-size:clamp(22px,2.6vw,30px);margin-bottom:14px}
.bf__body p{color:var(--muted);font-size:15.5px;margin-bottom:22px}
@media(max-width:760px){.bf,.bf--rev{grid-template-columns:1fr;padding:30px 24px;gap:18px}.bf--rev .bf__num{order:0}}

/* ============ V3: recommendation letters ============ */
.rec{display:grid;grid-template-columns:1fr 1.2fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--card);transition:.5s var(--ease)}
.rec:hover{border-color:rgba(255,122,26,.45);transform:translateY(-5px)}
.rec__img{min-height:300px;background-size:cover;background-position:center}
.rec__body{padding:40px 44px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;justify-content:center}
.rec__pdf{font-family:'Sora';font-weight:800;font-size:12px;letter-spacing:.2em;padding:6px 14px;border-radius:8px;background:linear-gradient(100deg,var(--orange),var(--orange3));color:#fff}
.rec__body h3{font-size:26px}
.rec__body p{color:var(--muted);font-style:italic}
@media(max-width:760px){.rec{grid-template-columns:1fr}.rec__body{padding:28px 22px}}

/* ============ V3: blog ============ */
.blog__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.bcard{display:flex;flex-direction:column;gap:12px;padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--card);transition:.45s var(--ease);position:relative;overflow:hidden}
.bcard::before{content:'';position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--amber),var(--orange),var(--orange3));transform:scaleX(0);transform-origin:left;transition:.5s var(--ease)}
.bcard:hover{transform:translateY(-6px);border-color:rgba(255,122,26,.45);box-shadow:0 24px 60px rgba(255,122,26,.12)}
.bcard:hover::before{transform:scaleX(1)}
.bcard__tag{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}
.bcard__date{font-size:12.5px;color:var(--muted)}
.bcard h3{font-size:19.5px;line-height:1.3}
.bcard i{font-style:normal;color:var(--orange);font-weight:600;font-size:14px;margin-top:auto}
@media(max-width:700px){.blog__grid{grid-template-columns:1fr}}

/* ============ V3: calculator modal ============ */
.calc{position:fixed;inset:0;z-index:960;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:.4s var(--ease)}
.calc.open{opacity:1;visibility:visible}
.calc__box{position:relative;width:min(480px,96vw);max-height:92vh;overflow:auto;background:var(--bg);border:1px solid rgba(255,122,26,.4);border-radius:24px;padding:36px;box-shadow:0 0 80px rgba(255,122,26,.25);transform:translateY(24px) scale(.97);transition:.45s var(--ease)}
.calc.open .calc__box{transform:none}
.calc__close{position:absolute;top:14px;right:16px;background:none;border:0;color:var(--muted);font-size:18px;cursor:pointer;transition:.3s}
.calc__close:hover{color:var(--orange);transform:rotate(90deg)}
.calc__box h3{font-size:24px;margin-bottom:6px}
.calc__sub{color:var(--muted);font-size:14px;margin-bottom:22px}
.calc__box form{display:flex;flex-direction:column;gap:14px}
.calc__box label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}
.calc__box input{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--txt);font-family:inherit;font-size:15px;outline:none;transition:.3s}
.calc__box input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,122,26,.15)}
.calc__ok{display:none;margin-top:14px;color:var(--orange);font-size:14px}
.calc__ok.show{display:block}

/* ============ V3: ANPR photo test ============ */
.ptest{border:1px solid rgba(255,122,26,.4);border-radius:24px;padding:36px;background:var(--card);box-shadow:0 0 60px rgba(255,122,26,.12)}
.ptest__row{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.drop{border:2px dashed rgba(255,122,26,.45);border-radius:18px;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:.35s;position:relative;overflow:hidden;text-align:center;padding:20px}
.drop:hover,.drop.over{background:rgba(255,122,26,.07);border-color:var(--orange)}
.drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.drop span{color:var(--muted);font-size:14px}
.drop b{font-family:'Sora';font-size:17px}
.ptest__ctrl{display:flex;flex-direction:column;gap:16px}
.ptest__ctrl select{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--txt);font-family:inherit;font-size:15px;outline:none}
.ptest__res{min-height:96px;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}
.ptest__res .plate__num{font-size:30px}
.ptest__res small{color:var(--muted)}
.ptest__spin{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,122,26,.25);border-top-color:var(--orange);animation:spin 1s linear infinite}
@media(max-width:760px){.ptest__row{grid-template-columns:1fr}.ptest{padding:24px}}

/* ============ V3: Velum live ops ============ */
.vops{display:grid;grid-template-columns:300px 1fr;gap:22px;border:1px solid rgba(255,122,26,.35);border-radius:24px;padding:26px;background:var(--card);box-shadow:0 0 60px rgba(255,122,26,.1)}
.vops__radar{display:flex;flex-direction:column;align-items:center;gap:14px;justify-content:center}
.vops__radar p{color:var(--muted);font-size:13px}
.radar{position:relative;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,26,.06),transparent 70%);border:1px solid rgba(255,122,26,.35);overflow:hidden}
.radar b{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,122,26,.22)}
.radar b:nth-of-type(1){inset:28px}.radar b:nth-of-type(2){inset:56px}.radar b:nth-of-type(3){inset:84px}
.radar i{position:absolute;left:50%;top:50%;width:50%;height:50%;transform-origin:0 0;background:conic-gradient(from 0deg,rgba(255,122,26,.55),transparent 70deg);animation:radarspin 3s linear infinite;border-radius:0 100% 0 0}
@keyframes radarspin{to{transform:rotate(360deg)}}
.blip{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--orange);animation:blip 3s infinite}
.blip.b1{left:32%;top:40%}.blip.b2{left:64%;top:28%;animation-delay:1s}.blip.b3{left:56%;top:66%;animation-delay:2s}
@keyframes blip{0%,15%{opacity:1}60%,100%{opacity:.15}}
.vops__feed{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:230px}
.vops__bar{display:flex;align-items:center;gap:10px;padding:11px 16px;font-family:'Sora';font-weight:700;font-size:12.5px;letter-spacing:.12em;background:linear-gradient(100deg,rgba(255,122,26,.16),transparent);border-bottom:1px solid var(--line)}
.vops__feed ul{list-style:none;padding:10px 16px;display:flex;flex-direction:column;gap:9px}
.vops__feed li{font-size:14px;color:var(--txt);opacity:.92;display:flex;gap:9px;align-items:baseline;animation:vin .5s var(--ease)}
.vops__feed li time{margin-left:auto;color:var(--muted);font-size:11.5px;font-family:'Sora'}
@keyframes vin{from{opacity:0;transform:translateY(-8px)}to{opacity:.92;transform:none}}
.vops__stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:20px;border-top:1px solid var(--line)}
.vops__stats h3{font-family:'Sora';font-size:30px;color:var(--orange)}
.vops__stats span{font-size:12.5px;color:var(--muted)}
@media(max-width:860px){.vops{grid-template-columns:1fr}.vops__stats{grid-template-columns:1fr 1fr}}

/* ============ V4: preloader cinema ============ */
.pre-canvas{position:absolute;inset:0;width:100%;height:100%}
.pre-shock{position:absolute;left:50%;top:34%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;border:2px solid var(--orange);opacity:0;pointer-events:none}
.pre-shock.s1{animation:shock 1.1s 1.45s var(--ease)}
.pre-shock.s2{animation:shock 1.3s 1.62s var(--ease)}
@keyframes shock{0%{opacity:.9;transform:scale(.4);box-shadow:0 0 30px rgba(255,122,26,.8)}100%{opacity:0;transform:scale(14);box-shadow:0 0 0 rgba(255,122,26,0)}}
.pre-shine{position:absolute;left:0;top:0;width:100%;height:70%;pointer-events:none;overflow:hidden;border-radius:12px}
.pre-shine::after{content:'';position:absolute;top:-20%;left:-45%;width:34%;height:140%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,220,160,.65),transparent);filter:blur(4px);animation:shine 2.6s 1.9s ease-in-out infinite;mix-blend-mode:screen}
@keyframes shine{0%{left:-45%}45%,100%{left:115%}}
#preloader.fly .pre-core{animation:flyout .8s cubic-bezier(.55,0,.85,.35) forwards}
#preloader.fly{background:transparent;transition:background .5s}
.pre-full{animation:logofloat 3.4s 2.2s ease-in-out infinite}
@keyframes logofloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
#preloader.fly .pre-full{animation:none}

/* ============ V4: hero image like theirs ============ */
.hero__logo{width:min(560px,44vw);height:520px;right:-2%;z-index:0;opacity:1}
.hlogo__img{width:100%;height:auto;position:relative;z-index:1;filter:drop-shadow(0 30px 60px rgba(0,0,0,.4));animation:hfloat 6s ease-in-out infinite}
.hlogo__svg--mini{position:absolute;width:88px;right:6%;top:2%;z-index:2}
.hero__note{color:var(--muted);font-size:14.5px;margin:-16px 0 22px;max-width:520px}
@media(max-width:1180px){.hero__logo{opacity:.32}}
.bf__side{display:flex;flex-direction:column;align-items:center;gap:14px}
.bf__pic{max-width:200px;border-radius:14px;filter:drop-shadow(0 10px 26px rgba(255,122,26,.2))}

/* ============ V5: team with real photos ============ */
.tm{padding:0;overflow:hidden;text-align:left}
.tm__ph{width:100%;height:auto;aspect-ratio:1/1.06;border-radius:0;margin:0;border:none;background:linear-gradient(160deg,#ff7a1a,#ff4d00)}
.tm__ph img{width:100%;height:100%;object-fit:cover;object-position:top;transition:.6s var(--ease)}
.tm:hover .tm__ph img{transform:scale(1.05)}
.tm h4{font-size:17.5px;margin:16px 18px 4px}
.tm span{display:block;font-size:12.5px;color:var(--muted);margin:0 18px 18px;line-height:1.45}
.tm:hover{box-shadow:0 26px 60px rgba(255,122,26,.2)}

/* ============ V6: hero grid (fix overlap, 1-in-1) ============ */
.hero__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.hero__inner>.hero__badge{grid-column:1;justify-self:start}
.hero__title,.hero__lead,.hero__note,.hero__actions{grid-column:1}
.hero__logo{position:relative;right:auto;top:auto;transform:none;width:100%;height:auto;grid-column:2;grid-row:1/6;z-index:0;pointer-events:none}
.hero__stats{grid-column:1/-1}
@media(max-width:1180px){.hero__logo{opacity:1}}
@media(max-width:960px){
  .hero__inner{grid-template-columns:1fr}
  .hero__logo{display:block;grid-column:1;grid-row:auto;max-width:420px;margin:10px auto 0}
  .hero__stats{grid-column:1}
}
@media(max-width:760px){.hero__logo{display:block}}

/* ============ V6: team dossier cards ============ */
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
.team__grid{perspective:1200px}
.tm{position:relative;border-radius:22px;transform-style:preserve-3d}
.tm::before{content:'';position:absolute;inset:-1.5px;border-radius:23px;z-index:0;pointer-events:none;opacity:.35;
  background:conic-gradient(from var(--ang),transparent 0 12%,var(--amber) 22%,var(--orange3) 30%,transparent 42% 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;
  animation:tmring 4.5s linear infinite;transition:.4s}
.tm:hover::before{opacity:1;animation-duration:1.6s}
@keyframes tmring{to{--ang:360deg}}
.tm__badge{position:absolute;z-index:3;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:7px;
  font-family:'Sora';font-size:10.5px;font-weight:700;letter-spacing:.14em;color:#fff;
  background:rgba(10,8,6,.55);backdrop-filter:blur(8px);border:1px solid rgba(255,180,100,.35);border-radius:100px;padding:6px 12px}
.tm__badge b{color:var(--amber)}
.tm__badge i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;margin-left:auto;animation:pulse 1.6s infinite}
.tm__badge u{text-decoration:none;color:#4ade80;font-size:9.5px}
.tm__ph{position:relative;overflow:hidden}
.tm__scan{position:absolute;left:0;right:0;top:-12%;height:26%;pointer-events:none;opacity:0;
  background:linear-gradient(180deg,transparent,rgba(255,190,110,.35) 45%,rgba(255,122,26,.75) 50%,rgba(255,190,110,.35) 55%,transparent);
  mix-blend-mode:screen}
.tm:hover .tm__scan{animation:tmscan 1.5s var(--ease) infinite}
@keyframes tmscan{0%{top:-26%;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:112%;opacity:0}}
.tm__glare{position:absolute;inset:0;pointer-events:none;opacity:0;transition:.35s;mix-blend-mode:screen;
  background:radial-gradient(220px circle at var(--gx,50%) var(--gy,40%),rgba(255,220,170,.5),transparent 65%)}
.tm:hover .tm__glare{opacity:1}
.tm__meta{position:relative;z-index:2;padding:0 0 6px}
.tm__meta h4{margin:16px 18px 8px;transition:.35s}
.tm:hover .tm__meta h4{color:var(--amber);text-shadow:0 0 18px rgba(255,140,40,.5)}
.tm__role{display:inline-block;margin:0 18px 10px;padding:7px 13px;border-radius:100px;font-size:11.5px;font-weight:700;line-height:1.35;
  color:var(--orange);border:1px solid rgba(255,122,26,.4);background:rgba(255,122,26,.08);
  box-shadow:0 0 0 rgba(255,122,26,0);transition:.4s var(--ease);position:relative;overflow:hidden}
.tm__role::after{content:'';position:absolute;top:0;left:-80%;width:45%;height:100%;transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,230,190,.55),transparent);animation:roleshine 3.2s ease-in-out infinite}
@keyframes roleshine{0%,55%{left:-80%}90%,100%{left:130%}}
.tm:hover .tm__role{box-shadow:0 0 24px rgba(255,122,26,.45);background:rgba(255,122,26,.16);transform:translateY(-2px)}
.tm__tags{display:flex;gap:8px;flex-wrap:wrap;margin:0 18px 18px}
.tm__tags em{font-style:normal;font-size:10.5px;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:4px 10px;transition:.35s}
.tm:hover .tm__tags em{border-color:rgba(255,122,26,.4);color:var(--txt)}
/* staggered 3D entrance */
.team__grid .tm{opacity:0;transform:rotateY(14deg) translateY(40px);transition:.9s var(--ease)}
.team__grid .tm.in{opacity:1;transform:none}
.team__grid .tm:nth-child(2).in{transition-delay:.12s}
.team__grid .tm:nth-child(3).in{transition-delay:.24s}
.team__grid .tm:nth-child(4).in{transition-delay:.36s}
/* role text typing-in when card enters */
.tm .tm__role{clip-path:inset(0 100% 0 0)}
.tm.in .tm__role{animation:roletype .9s .55s var(--ease) forwards}
.team__grid .tm:nth-child(2).in .tm__role{animation-delay:.67s}
.team__grid .tm:nth-child(3).in .tm__role{animation-delay:.79s}
.team__grid .tm:nth-child(4).in .tm__role{animation-delay:.91s}
@keyframes roletype{to{clip-path:inset(0 0 0 0)}}

/* ============ V6.1: smaller team photos ============ */
.team__grid{max-width:1040px;margin:0 auto;gap:18px}
.tm__ph{aspect-ratio:1/0.88}
.tm__ph img{object-position:center 12%}
.tm__meta h4{font-size:15.5px;margin:13px 15px 7px}
.tm__role{font-size:10.5px;margin:0 15px 8px;padding:6px 11px}
.tm__tags{margin:0 15px 15px}
@media(max-width:640px){.team__grid{grid-template-columns:1fr 1fr;gap:12px}.tm__meta h4{font-size:13.5px}.tm__role{font-size:9.5px}}

/* ============ V7: round avatars, badge above, depth layers ============ */
.tm{text-align:center;padding-bottom:4px}
.tm__badge{position:static;margin:16px auto 2px;width:fit-content;transform:translateZ(26px)}
.tm__ph{width:118px;height:118px;aspect-ratio:1/1;border-radius:50%;overflow:visible;margin:12px auto 4px;position:relative;
  transform:translateZ(38px);animation:hfloat 5.5s ease-in-out infinite;background:none}
.team__grid .tm:nth-child(2) .tm__ph{animation-delay:.6s}
.team__grid .tm:nth-child(3) .tm__ph{animation-delay:1.2s}
.team__grid .tm:nth-child(4) .tm__ph{animation-delay:1.8s}
.tm__ph img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 14%;
  border:2px solid rgba(255,150,60,.5);box-shadow:0 0 26px rgba(255,122,26,.3);transition:.5s var(--ease)}
.tm:hover .tm__ph img{transform:scale(1.06);box-shadow:0 0 44px rgba(255,140,40,.6)}
.tm__ph::before{content:'';position:absolute;inset:-9px;border-radius:50%;
  background:conic-gradient(from var(--ang),transparent 0 18%,var(--amber) 28%,var(--orange3) 36%,transparent 48% 100%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));
  animation:tmring 3.6s linear infinite}
.tm:hover .tm__ph::before{animation-duration:1.2s}
.tm__ph::after{content:'';position:absolute;inset:-17px;border-radius:50%;border:1px dashed rgba(255,150,60,.3);
  background:radial-gradient(circle 4px at 50% 0%,var(--amber) 98%,transparent) no-repeat;
  box-shadow:inset 0 0 18px rgba(255,122,26,.06);animation:hspin 7s linear infinite reverse}
.tm:hover .tm__ph::after{animation-duration:2.4s;border-color:rgba(255,170,80,.55)}
.tm__scan{border-radius:50%;clip-path:circle(50% at 50% 50%)}
.tm__glare{border-radius:50%;clip-path:circle(50% at 50% 50%)}
.tm__meta{transform:translateZ(20px)}
.tm__meta h4{margin:10px 14px 6px;font-size:15px}
.tm__role{margin:0 14px 8px;display:inline-block}
.tm__tags{justify-content:center;margin:0 14px 16px}
.tm:hover{transform:translateY(-8px)}
@media(max-width:640px){.tm__ph{width:96px;height:96px}.tm__badge{font-size:9px;padding:5px 10px}}

/* ============ V8: real world map ============ */
.hero__logo{width:min(420px,36vw);height:460px}
.wmap{position:relative;width:100%;border:1px solid var(--line);border-radius:24px;padding:18px;background:var(--card);overflow:hidden}
.wmap__load{text-align:center;color:var(--muted);padding:60px 0;font-size:14px}
.wmap svg{width:100%;height:auto;display:block}
.wmap svg path{fill:rgba(150,150,160,.16);stroke:rgba(255,255,255,.07);stroke-width:.5;transition:fill .4s}
:root[data-theme="light"] .wmap svg path{fill:rgba(60,50,40,.12);stroke:rgba(0,0,0,.06)}
.wmap svg path.on{fill:rgba(255,122,26,.45)}
.wmap svg path.hot{fill:#ff7a1a;filter:drop-shadow(0 0 7px rgba(255,122,26,.95));animation:wglow 2.2s ease-in-out infinite}
.wmap svg path.hot:nth-of-type(odd){animation-delay:1.1s}
@keyframes wglow{0%,100%{fill:#ff7a1a;filter:drop-shadow(0 0 5px rgba(255,122,26,.7))}50%{fill:#ffc061;filter:drop-shadow(0 0 14px rgba(255,160,60,1))}}
.wmap svg path:hover{fill:rgba(255,122,26,.7);cursor:pointer}

/* ============ V8.1: static avatars, animate card only ============ */
.tm__ph{animation:none!important}
.tm{animation:tmfloat 6s ease-in-out infinite}
.team__grid .tm:nth-child(2){animation-delay:.7s}
.team__grid .tm:nth-child(3){animation-delay:1.4s}
.team__grid .tm:nth-child(4){animation-delay:2.1s}
@keyframes tmfloat{0%,100%{box-shadow:0 6px 24px rgba(0,0,0,.18)}50%{box-shadow:0 22px 48px rgba(255,122,26,.14)}}

/* ============ V9: YKZ residential page ============ */
.yhero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.yphone{position:relative;display:flex;justify-content:center}
.yphone img{max-width:320px;position:relative;z-index:1;animation:hfloat 6s ease-in-out infinite;filter:drop-shadow(0 40px 70px rgba(0,0,0,.5))}
.yphone__halo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,122,26,.28),transparent 65%);filter:blur(12px);animation:preglow 3s ease-in-out infinite}
.yapps{margin-top:30px}
.yapps__note{display:block;font-size:13px;color:var(--muted);margin-bottom:12px}
.yapps__row{display:flex;gap:14px;flex-wrap:wrap}
.yapps__row img{height:46px;border-radius:10px;transition:.35s var(--ease);cursor:pointer}
.yapps__row img:hover{transform:translateY(-4px) scale(1.05);filter:drop-shadow(0 8px 22px rgba(255,122,26,.4))}
.yadv{grid-template-columns:repeat(3,1fr)}
.yic{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,122,26,.1);border:1px solid rgba(255,122,26,.25);margin-bottom:18px;overflow:hidden}
.yic img{width:40px;height:40px;object-fit:contain}
.ytariffs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.yt{position:relative;display:flex;flex-direction:column;padding:34px 30px;border:1px solid var(--line);border-radius:24px;background:var(--card);transition:.5s var(--ease);transform-style:preserve-3d}
.yt:hover{border-color:rgba(255,122,26,.5);transform:translateY(-8px);box-shadow:0 30px 70px rgba(255,122,26,.14)}
.yt--hot{border-color:rgba(255,122,26,.55);background:linear-gradient(180deg,rgba(255,122,26,.1),var(--card));box-shadow:0 0 44px rgba(255,122,26,.14)}
.yt__badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-family:'Sora';font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:7px 16px;border-radius:100px;background:linear-gradient(100deg,var(--orange),var(--orange3));color:#fff;box-shadow:0 6px 22px rgba(255,122,26,.4)}
.yt__pic{width:96px;height:96px;object-fit:contain;margin:0 auto 18px;animation:hfloat 5s ease-in-out infinite}
.yt:nth-child(2) .yt__pic{animation-delay:.5s}
.yt:nth-child(3) .yt__pic{animation-delay:1s}
.yt h3{font-size:24px;text-align:center;margin-bottom:6px}
.yt__sub{text-align:center;color:var(--muted);font-size:14px;margin-bottom:20px;min-height:42px}
.yt ul{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:26px}
.yt li{position:relative;padding-left:26px;font-size:14.5px;color:var(--txt);opacity:.9}
.yt li::before{content:'✓';position:absolute;left:0;color:var(--orange);font-weight:800}
.yt .btn{margin-top:auto;justify-content:center}
@media(max-width:960px){.yhero__grid{grid-template-columns:1fr}.yphone img{max-width:240px}.yadv{grid-template-columns:1fr 1fr}.ytariffs{grid-template-columns:1fr}}
@media(max-width:640px){.yadv{grid-template-columns:1fr}}

/* ============ V10: professional mobile pass ============ */
@media(max-width:960px){
  .hero__logo{max-width:300px;height:340px;margin:0 auto}
  .bf::after{display:none}
  .live-frame iframe{height:60vh;min-height:380px}
  .vops{padding:18px}
  .radar{width:190px;height:190px}
}
@media(max-width:640px){
  /* nav: компактные инструменты */
  .nav__row{gap:10px}
  .lang button{padding:6px 8px;font-size:11px}
  .tgl{width:40px;height:24px}
  .tgl::after{width:17px;height:17px;left:20px}
  :root[data-theme="light"] .tgl::after{left:3px}
  /* hero */
  .hero{padding:104px 0 52px}
  .hero__logo{max-width:230px;height:250px;margin:6px auto 0}
  .hero__note{font-size:13px;margin:-8px 0 18px}
  /* big features */
  .bf__num{font-size:44px}
  .bf__pic{max-width:140px}
  .bf__body p{font-size:14px}
  /* geo */
  .geo__chips{gap:8px;margin-bottom:30px}
  .chip{padding:8px 13px;font-size:12.5px}
  .wmap{padding:10px;border-radius:16px}
  /* blog */
  .bcard{padding:24px}
  .bcard h3{font-size:17px}
  /* recs */
  .rec__img{min-height:200px}
  .rec__body h3{font-size:21px}
  /* team */
  .team__grid{gap:10px}
  .tm__badge{font-size:8.5px;padding:4px 8px;gap:5px;margin-top:12px}
  .tm__ph{width:84px;height:84px}
  .tm__ph::after{inset:-12px}
  .tm__meta h4{font-size:12.5px;margin:8px 8px 5px}
  .tm__role{font-size:8.5px;padding:5px 9px;margin:0 8px 6px}
  .tm__tags{margin:0 8px 12px;gap:5px}
  .tm__tags em{font-size:9px;padding:3px 8px}
  /* calc */
  .calc__box{padding:26px 20px;border-radius:18px}
  /* velum ops */
  .vops__feed li{font-size:12.5px}
  .vops__stats h3{font-size:24px}
  /* anpr photo test */
  .ptest{padding:18px}
  .drop{min-height:200px}
  .ptest__res .plate__num{font-size:24px}
  /* ykz */
  .yphone img{max-width:190px}
  .yphone__halo{width:280px;height:280px}
  .yapps__row img{height:40px}
  .yt{padding:26px 22px}
  .yt__sub{min-height:auto}
  /* footer */
  .footer{padding:46px 0 24px}
  /* marquee */
  .marquee span{font-size:13.5px}
  /* live-frame */
  .live-frame iframe{height:56vh;min-height:340px}
  .live-frame__bar{font-size:11.5px;padding:10px 12px}
  /* sol */
  .sol__media{min-height:220px}
  .sol__body h3{font-size:24px}
  /* subhero */
  .subhero h1{font-size:clamp(30px,9vw,44px)}
  .subhero__lead{font-size:16px}
  .plate__num{font-size:18px;padding:8px 14px}
}
@media(max-width:400px){
  .nav__cta{display:none}
  .team__grid{grid-template-columns:1fr 1fr}
  .obj__grid{grid-template-columns:1fr}
  .hero__stats{gap:18px 12px}
  .stat__num{font-size:27px}
  .stat p{font-size:12px}
}

/* ============ V10.1: 5 team members ============ */
.team__grid{grid-template-columns:repeat(5,1fr);max-width:1160px}
.team__grid .tm:nth-child(5).in{transition-delay:.48s}
.team__grid .tm:nth-child(5).in .tm__role{animation-delay:1.03s}
.team__grid .tm:nth-child(5){animation-delay:2.8s}
.team__grid .tm:nth-child(5) .tm__ph{animation-delay:2.4s}
@media(max-width:1040px){.team__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.team__grid{grid-template-columns:1fr 1fr}}

/* ============ V11: PAG phone mockup ============ */
.phone{position:relative;width:262px;height:540px;border-radius:44px;background:#101012;
  border:3px solid #2a2a2e;box-shadow:0 40px 90px rgba(0,0,0,.55),inset 0 0 0 2px #000;
  padding:10px;animation:hfloat 6s ease-in-out infinite;transform-style:preserve-3d}
.phone__notch{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:88px;height:22px;border-radius:100px;background:#000;z-index:3}
.phone__screen{position:relative;width:100%;height:100%;border-radius:34px;overflow:hidden;
  background:linear-gradient(165deg,#ff9c3f 0%,#ff7a1a 45%,#e84e00 100%);
  display:flex;flex-direction:column;align-items:center;color:#fff}
.phone__status{width:100%;display:flex;justify-content:space-between;padding:14px 22px 0;font-size:11px;font-weight:600;opacity:.95;font-family:'Sora'}
.phone__rings{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:300px;height:300px;pointer-events:none}
.phone__rings i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.28);animation:phring 3s ease-out infinite}
.phone__rings i:nth-child(2){animation-delay:1s}
.phone__rings i:nth-child(3){animation-delay:2s}
@keyframes phring{0%{transform:scale(.35);opacity:.9}100%{transform:scale(1.1);opacity:0}}
.phone__logo{position:relative;z-index:2;margin-top:96px;width:92px;height:92px;border-radius:24px;background:#fff;
  display:flex;align-items:center;justify-content:center;box-shadow:0 14px 40px rgba(0,0,0,.3);animation:pop 1s .3s var(--ease) both}
.phone__logo img{width:56px;height:56px}
.phone__name{position:relative;z-index:2;font-family:'Sora';font-weight:800;font-size:20px;letter-spacing:.02em;margin-top:16px;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.phone__hint{position:relative;z-index:2;font-size:12px;opacity:.9;margin-top:5px}
.phone__btn{position:relative;z-index:2;margin-top:auto;margin-bottom:20px;width:calc(100% - 40px);
  display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 0;border:0;border-radius:100px;cursor:pointer;
  font-family:'Sora';font-weight:700;font-size:14.5px;color:#e84e00;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.28);transition:.3s}
.phone__btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.36)}
.phone__btn-ic{display:inline-flex;width:22px;height:22px;border-radius:50%;background:linear-gradient(100deg,#ff9c3f,#ff5a00);color:#fff;align-items:center;justify-content:center;font-size:13px;animation:pulse 1.8s infinite}
.phone__ok{position:relative;z-index:2;margin-bottom:22px;font-size:11.5px;font-weight:600;background:rgba(0,0,0,.22);border-radius:100px;padding:6px 14px;backdrop-filter:blur(4px)}
@media(max-width:960px){.phone{width:220px;height:456px}.phone__logo{width:76px;height:76px;margin-top:78px}.phone__logo img{width:46px;height:46px}}

/* ============ V12: faceless team (initials) + 6 members ============ */
.team__grid{grid-template-columns:repeat(3,1fr);max-width:920px;gap:20px}
.tm__init{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;
  font-family:'Sora';font-weight:800;font-size:34px;letter-spacing:.02em;color:#fff;
  background:linear-gradient(150deg,#ffb054 0%,#ff7a1a 50%,#e84e00 100%);
  border:2px solid rgba(255,170,80,.55);box-shadow:0 0 26px rgba(255,122,26,.35),inset 0 -14px 26px rgba(0,0,0,.18);
  text-shadow:0 2px 10px rgba(0,0,0,.3);transition:.5s var(--ease);user-select:none}
.tm:hover .tm__init{transform:scale(1.06);box-shadow:0 0 44px rgba(255,140,40,.6),inset 0 -14px 26px rgba(0,0,0,.18)}
.team__grid .tm:nth-child(6).in{transition-delay:.6s}
.team__grid .tm:nth-child(6).in .tm__role{animation-delay:1.15s}
.team__grid .tm:nth-child(6){animation-delay:3.5s}
@media(max-width:640px){.team__grid{grid-template-columns:1fr 1fr;gap:12px}.tm__init{font-size:26px}}

/* ============ V13: no avatar slot ============ */
.tm{padding:6px 0 4px}
.tm__badge{margin:14px auto 8px}
.tm__meta{padding-top:2px}
.tm__meta h4{font-size:16.5px;margin:8px 16px 8px}
.tm__role{font-size:11px;margin:0 16px 10px;padding:7px 13px}
.tm__tags{margin:0 16px 18px}
.team__grid{max-width:880px}
@media(max-width:640px){.tm__meta h4{font-size:13.5px}}

/* ============ V13.1: solid 3D animated team blocks ============ */
.tm{
  background:linear-gradient(160deg,#191a1f 0%,#101014 55%,#16130f 100%);
  background-size:200% 200%;
  animation:tmfloat 6s ease-in-out infinite, tmbg 9s ease-in-out infinite;
  border:1px solid rgba(255,140,50,.22);
  box-shadow:0 18px 44px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.07), inset 0 -20px 40px rgba(255,90,0,.05);
}
@keyframes tmbg{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}
:root[data-theme="light"] .tm{
  background:linear-gradient(160deg,#ffffff 0%,#fff7ef 55%,#ffefe0 100%);
  background-size:200% 200%;
  border-color:rgba(255,122,26,.3);
  box-shadow:0 18px 44px rgba(120,70,20,.16), inset 0 1px 0 #fff;
}
.tm:hover{
  border-color:rgba(255,140,50,.6);
  box-shadow:0 30px 70px rgba(255,110,20,.28), inset 0 1px 0 rgba(255,255,255,.1);
}
/* верхний внутренний блик */
.tm .tm__meta::before{content:'';position:absolute;left:12%;right:12%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,170,90,.5),transparent)}
.tm__meta{position:relative}

/* ============ V14: devices (MacBook + phone) ============ */
.devices__row{display:flex;justify-content:center;align-items:flex-end;gap:0;perspective:1600px}
.laptop{position:relative;width:min(720px,62vw);transform-style:preserve-3d;animation:hfloat 7s ease-in-out infinite;z-index:1}
.laptop__screen{border:3px solid #26262b;border-bottom:0;border-radius:18px 18px 0 0;overflow:hidden;
  background:#0c0c10;box-shadow:0 40px 90px rgba(0,0,0,.5),inset 0 0 0 2px #000}
.laptop__base{height:16px;border-radius:0 0 22px 22px;background:linear-gradient(180deg,#3a3a40,#232327);
  box-shadow:0 18px 40px rgba(0,0,0,.5);position:relative}
.laptop__base::after{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:110px;height:7px;border-radius:0 0 10px 10px;background:#1a1a1e}
.lap__bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#141419;border-bottom:1px solid rgba(255,255,255,.06)}
.lap__bar img{width:18px;height:18px}
.lap__bar b{font-family:'Sora';font-size:12px;color:#f0ede8;letter-spacing:.04em}
.lap__dots{margin-left:auto;display:flex;gap:6px}
.lap__dots i{width:9px;height:9px;border-radius:50%;background:#3a3a40}
.lap__dots i:first-child{background:#ff5f57}.lap__dots i:nth-child(2){background:#febc2e}.lap__dots i:last-child{background:#28c840}
.lap__body{display:flex;min-height:300px}
.lap__side{width:52px;background:#101015;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:16px}
.lap__side i{width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.08)}
.lap__side i.on{background:linear-gradient(120deg,#ff9c3f,#ff5a00);box-shadow:0 0 12px rgba(255,122,26,.6)}
.lap__main{flex:1;padding:16px;display:flex;flex-direction:column;gap:14px}
.lap__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.lap__cards div{background:#15151b;border:1px solid rgba(255,140,50,.18);border-radius:12px;padding:10px 12px}
.lap__cards b{font-family:'Sora';font-size:17px;color:#ffb054;display:block}
.lap__cards span{font-size:10.5px;color:#8a8a92}
.lap__chart{flex:1;display:flex;align-items:flex-end;gap:7px;padding:8px 4px 0;min-height:90px}
.lap__chart i{flex:1;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(180deg,#ff9c3f,#ff5a00);
  box-shadow:0 0 10px rgba(255,122,26,.3);transform-origin:bottom;animation:lapbar 2.6s ease-in-out infinite}
.lap__chart i:nth-child(odd){animation-delay:.7s}
.lap__chart i:nth-child(3n){animation-delay:1.3s}
@keyframes lapbar{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.82)}}
.lap__feed p{font-size:11px;color:#c9c5be;padding:6px 8px;border-top:1px solid rgba(255,255,255,.05);display:flex;gap:6px;align-items:baseline}
.lap__feed b{color:#ffb054;font-family:'Sora';font-size:11px}
.lap__feed u{margin-left:auto;text-decoration:none;color:#6f6f78;font-size:9.5px}
.phone--home{width:200px;height:414px;margin-left:-70px;z-index:2;animation-delay:1.2s;flex-shrink:0}
.phone--home .phone__logo{width:66px;height:66px;margin-top:64px;border-radius:18px}
.phone--home .phone__logo img{width:40px;height:40px}
.phone--home .phone__name{font-size:16px}
.phone--home .phone__hint{font-size:10.5px}
.phone--home .phone__btn{font-size:12px;padding:12px 0;margin-bottom:14px;width:calc(100% - 28px)}
.phone--home .phone__ok{font-size:10px;margin-bottom:16px}
.phone--home .phone__status{font-size:9.5px;padding:12px 16px 0}
/* desktop = MacBook главный; mobile = только телефон */
@media(max-width:760px){
  .laptop{display:none}
  .phone--home{margin:0 auto;width:236px;height:488px}
  .devices__row{align-items:center}
}

/* ============ V14.1: devices in hero ============ */
.hero__devices{width:100%;max-width:640px;height:auto;pointer-events:auto}
.hero__devices .devices__row{transform:scale(.92);transform-origin:right center}
.hero__devices .laptop{width:min(560px,100%)}
.hero__devices .lap__body{min-height:250px}
.hero__devices .phone--home{width:168px;height:348px;margin-left:-58px}
.hero__devices .phone--home .phone__logo{width:54px;height:54px;margin-top:48px;border-radius:15px}
.hero__devices .phone--home .phone__logo img{width:34px;height:34px}
.hero__devices .phone--home .phone__name{font-size:13.5px}
.hero__devices .phone--home .phone__hint{font-size:9px}
.hero__devices .phone--home .phone__btn{font-size:10.5px;padding:10px 0;margin-bottom:10px}
.hero__devices .phone--home .phone__ok{font-size:8.5px;margin-bottom:12px}
.hero__devices .lap__cards b{font-size:14px}
.hero__devices .lap__feed p{font-size:10px}
@media(max-width:960px){
  .hero__devices{max-width:420px;margin:8px auto 0}
  .hero__devices .devices__row{transform:none}
}
@media(max-width:760px){
  .hero__devices .laptop{display:none}
  .hero__devices .phone--home{width:210px;height:434px;margin:0 auto}
}

/* ============ V15: photoreal devices, side 3D pose ============ */
.hero__devices{max-width:660px;transform:translateX(-34px)}
.hero__devices .devices__row{transform:none;perspective:1500px;justify-content:flex-start}
.hero__devices .laptop{
  width:min(600px,100%);
  transform:rotateY(-17deg) rotateX(5deg) rotateZ(1deg);
  transition:transform .6s var(--ease)}
.hero__devices .laptop:hover{transform:rotateY(-9deg) rotateX(2deg)}
.laptop__screen{border:4px solid #34343a;border-bottom:0;border-radius:16px 16px 0 0;background:#000;
  box-shadow:0 50px 110px rgba(0,0,0,.6), inset 0 0 0 2px #0a0a0c, 0 0 0 1px #47474e;position:relative}
.laptop__screen::before{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:7px;height:7px;border-radius:50%;background:#1c1c22;box-shadow:inset 0 0 2px #000, 0 0 3px rgba(90,140,255,.35);z-index:4}
.lap__bar{background:linear-gradient(180deg,#1b1b21,#141419)}
.lap__shot{position:relative;overflow:hidden;background:#000}
.lap__shot img{width:100%;display:block}
.lap__glass{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(112deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.04) 22%,transparent 42%),
             radial-gradient(120% 60% at 85% -10%,rgba(255,255,255,.08),transparent 55%)}
.laptop__base{height:15px;border-radius:2px 2px 16px 16px;
  background:linear-gradient(180deg,#8a8a92 0%,#5b5b63 8%,#3a3a41 45%,#242429 100%);
  box-shadow:0 24px 50px rgba(0,0,0,.55)}
.laptop__base::after{width:120px;height:8px;background:linear-gradient(180deg,#2a2a30,#1a1a1f);border-radius:0 0 12px 12px}
.laptop::after{content:'';position:absolute;left:6%;right:6%;bottom:-26px;height:26px;border-radius:50%;
  background:radial-gradient(50% 100% at 50% 0%,rgba(255,122,26,.22),transparent 70%);filter:blur(8px)}
/* phone: titanium + island + buttons + glass */
.hero__devices .phone--home{
  margin-left:-64px;transform:rotateY(-22deg) rotateX(3deg) rotateZ(-1.5deg);transition:transform .6s var(--ease)}
.hero__devices .phone--home:hover{transform:rotateY(-12deg) rotateX(1deg)}
.phone{border:0;background:linear-gradient(140deg,#4a4a52 0%,#232328 30%,#151518 60%,#3c3c44 100%);
  box-shadow:0 40px 90px rgba(0,0,0,.6), inset 0 0 0 2px #0c0c0e, inset 0 0 0 3.5px #5a5a64;padding:9px}
.phone::before{content:'';position:absolute;right:-2.5px;top:96px;width:3px;height:52px;border-radius:2px;background:linear-gradient(180deg,#6a6a74,#3a3a42)}
.phone::after{content:'';position:absolute;left:-2.5px;top:80px;width:3px;height:26px;border-radius:2px;background:linear-gradient(180deg,#6a6a74,#3a3a42);box-shadow:0 38px 0 0 #4a4a54}
.phone__notch{width:74px;height:20px;top:17px;box-shadow:inset 0 0 4px rgba(255,255,255,.06)}
.phone__screen::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(118deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.05) 18%,transparent 38%)}
/* team cards: PAG watermark logo */
.tm{overflow:hidden}
.tm::after{content:'';position:absolute;right:-18px;bottom:-22px;width:110px;height:140px;opacity:.06;pointer-events:none;
  background:url('/img/pag-mark.png') no-repeat center/contain;transform:rotate(-12deg);transition:.5s}
.tm:hover::after{opacity:.14;transform:rotate(-6deg) scale(1.06)}
@media(max-width:960px){
  .hero__devices{transform:none}
  .hero__devices .laptop{transform:rotateY(-10deg) rotateX(3deg)}
}
@media(max-width:760px){
  .hero__devices .phone--home{transform:none;margin:0 auto}
}

/* ============ V16: live ARM inside MacBook ============ */
.arm{background:#0d1017;display:flex;flex-direction:column;font-family:'Inter',sans-serif;min-height:270px}
.arm__top{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#131722;border-bottom:1px solid rgba(255,255,255,.06)}
.arm__top img{width:16px;height:16px}
.arm__top b{font-family:'Sora';font-size:9.5px;color:#e8e6e1;font-weight:600;letter-spacing:.02em}
.arm__top b u{text-decoration:none;color:#ff7a1a}
.arm__live{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:800;color:#ffb054;border:1px solid rgba(255,122,26,.4);border-radius:100px;padding:3px 8px;letter-spacing:.12em}
.arm__live i{width:5px;height:5px;border-radius:50%;background:#ff7a1a;box-shadow:0 0 6px #ff7a1a;animation:pulse 1.4s infinite}
.arm__clock{font-family:'Sora';font-size:9px;color:#9aa0ad;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:3px 8px}
.arm__body{display:flex;flex:1}
.arm__side{width:34px;background:#0f121a;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:9px;padding:12px 0;align-items:center}
.arm__side em{width:16px;height:5px;border-radius:3px;background:rgba(255,255,255,.12)}
.arm__side em.on{background:linear-gradient(90deg,#ff9c3f,#ff5a00);box-shadow:0 0 8px rgba(255,122,26,.6);width:20px}
.arm__main{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}
.arm__cam{position:relative;border:1px solid rgba(90,140,255,.35);border-radius:10px;padding:7px;background:#121623;box-shadow:0 0 14px rgba(80,120,255,.1)}
.arm__tag{position:absolute;top:12px;left:12px;z-index:2;font-family:'Sora';font-size:8px;font-weight:800;color:#fff;background:rgba(0,0,0,.55);border-radius:6px;padding:2px 7px;letter-spacing:.1em}
.arm__video{border-radius:7px;overflow:hidden;aspect-ratio:16/9.4;position:relative}
.arm__video img{width:100%;height:100%;object-fit:cover;animation:kenburns 12s ease-in-out infinite alternate}
.arm__cam:last-child .arm__video img{animation-delay:3s}
@keyframes kenburns{0%{transform:scale(1) translate(0,0)}100%{transform:scale(1.09) translate(-2%,2%)}}
.arm__video::after{content:'';position:absolute;left:0;right:0;top:0;height:1.5px;background:linear-gradient(90deg,transparent,rgba(255,140,50,.9),transparent);animation:scan 4s ease-in-out infinite;opacity:.7}
.arm__btns{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}
.arm__btns b,.arm__btns i{font-style:normal;font-family:'Sora';font-size:8.5px;font-weight:700;text-align:center;color:#fff;border-radius:6px;padding:5px 0;letter-spacing:.04em}
.arm__btns b{background:linear-gradient(100deg,#ff9c3f,#ff5a00)}
.arm__btns i{background:linear-gradient(100deg,#e5484d,#c62a2f)}
.arm__mon{display:flex;gap:10px;align-items:center;padding:7px 12px;background:#10131c;border-top:1px solid rgba(255,255,255,.06);font-family:'Sora';font-size:8px;color:#9aa0ad;letter-spacing:.04em}
.arm__mon .arm__ok{margin-left:auto;color:#4ade80}
@media(max-width:960px){.arm{min-height:220px}.arm__main{gap:7px;padding:8px}}

/* ============ V16.1: macbook fix ============ */
.hero__devices{max-width:620px;transform:none;overflow:visible}
.hero__devices .devices__row{transform:scale(.9) translateX(-16px);transform-origin:left center}
.hero__devices .laptop{width:min(540px,100%)}
.arm{min-height:auto}
.arm__body{flex:none}
.arm__main{padding:12px 12px 4px}
.arm__mon{margin-top:0}
.arm__clock{white-space:nowrap}
.laptop__screen{border-radius:14px 14px 0 0}
@media(max-width:1240px){.hero__devices .devices__row{transform:scale(.82) translateX(-20px)}}
@media(max-width:960px){.hero__devices .devices__row{transform:scale(.95);transform-origin:center}}

/* ============ V17: role-colored team + 3D icons + AI block ============ */
.team__grid{overflow:visible}
.tm{--ac:#ff7a1a;overflow:visible;border-color:color-mix(in srgb,var(--ac) 26%,transparent)}
.tm--ceo{--ac:#ffd700}.tm--cto{--ac:#3b82f6}.tm--sales{--ac:#22c55e}
.tm--support{--ac:#a855f7}.tm--ops{--ac:#ff5a3c}.tm--ai{--ac:#00e5ff}
.tm::before{background:conic-gradient(from var(--ang),transparent 0 12%,color-mix(in srgb,var(--ac) 80%,#fff) 22%,var(--ac) 30%,transparent 42% 100%)}
.tm:hover{border-color:color-mix(in srgb,var(--ac) 65%,transparent);
  box-shadow:0 30px 70px color-mix(in srgb,var(--ac) 30%,transparent), inset 0 1px 0 rgba(255,255,255,.1)}
.tm{animation:none;box-shadow:0 18px 44px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.07), 0 0 34px color-mix(in srgb,var(--ac) 10%,transparent)}
.tm .tm__meta::before{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ac) 60%,transparent),transparent)}
.tm__role{color:var(--ac);border-color:color-mix(in srgb,var(--ac) 45%,transparent);background:color-mix(in srgb,var(--ac) 10%,transparent)}
.tm:hover .tm__role{box-shadow:0 0 24px color-mix(in srgb,var(--ac) 50%,transparent);background:color-mix(in srgb,var(--ac) 18%,transparent)}
.tm:hover .tm__meta h4{color:color-mix(in srgb,var(--ac) 75%,#fff);text-shadow:0 0 18px color-mix(in srgb,var(--ac) 55%,transparent)}
.tm__badge i{background:var(--ac);box-shadow:0 0 8px var(--ac)}
.tm__badge u{color:color-mix(in srgb,var(--ac) 80%,#fff)}
.tm__glare{background:radial-gradient(220px circle at var(--gx,50%) var(--gy,40%),color-mix(in srgb,var(--ac) 45%,#fff8) ,transparent 65%)}
.tm::after{opacity:.05}
/* 3D значок должности — выпирает справа сверху */
.tm__ic3d{position:absolute;top:-20px;right:-14px;z-index:5;width:56px;height:56px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;font-size:26px;
  background:linear-gradient(150deg,color-mix(in srgb,var(--ac) 85%,#fff) 0%,var(--ac) 55%,color-mix(in srgb,var(--ac) 55%,#000) 100%);
  border:1.5px solid color-mix(in srgb,var(--ac) 70%,#fff);
  box-shadow:0 14px 30px color-mix(in srgb,var(--ac) 45%,transparent), inset 0 2px 4px rgba(255,255,255,.4), inset 0 -4px 8px rgba(0,0,0,.3);
  transform:translateZ(56px) rotate(8deg);animation:ic3d 4.5s ease-in-out infinite;transition:.4s var(--ease)}
.tm:hover .tm__ic3d{transform:translateZ(70px) rotate(-6deg) scale(1.15);
  box-shadow:0 22px 44px color-mix(in srgb,var(--ac) 60%,transparent), inset 0 2px 4px rgba(255,255,255,.4)}
@keyframes ic3d{0%,100%{translate:0 0}50%{translate:0 -7px}}
.team__grid .tm:nth-child(2) .tm__ic3d{animation-delay:.5s}
.team__grid .tm:nth-child(3) .tm__ic3d{animation-delay:1s}
.team__grid .tm:nth-child(4) .tm__ic3d{animation-delay:1.5s}
.team__grid .tm:nth-child(5) .tm__ic3d{animation-delay:2s}
.team__grid .tm:nth-child(6) .tm__ic3d{animation-delay:2.5s}
/* ---- специальный AI-блок (Suleyman) ---- */
.tm--ai{background:linear-gradient(160deg,#0d1a20 0%,#0a1014 55%,#0d1418 100%)}
:root[data-theme="light"] .tm--ai{background:linear-gradient(160deg,#eefcff 0%,#f4fdff 55%,#e8f9ff 100%)}
.tm__aifx{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.tm__aifx b{position:absolute;inset:0}
/* 1: нейро-точки */
.tm__aifx .net{
  background-image:radial-gradient(2px 2px at 18% 26%,rgba(0,229,255,.9),transparent 60%),
    radial-gradient(1.6px 1.6px at 72% 18%,rgba(0,229,255,.7),transparent 60%),
    radial-gradient(2.2px 2.2px at 84% 62%,rgba(120,240,255,.8),transparent 60%),
    radial-gradient(1.5px 1.5px at 34% 74%,rgba(0,229,255,.6),transparent 60%),
    radial-gradient(1.8px 1.8px at 56% 44%,rgba(160,250,255,.85),transparent 60%),
    radial-gradient(1.4px 1.4px at 10% 58%,rgba(0,229,255,.5),transparent 60%);
  animation:ainet 5s ease-in-out infinite}
@keyframes ainet{0%,100%{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}
/* 2: цифровой дождь */
.tm__aifx .rain{
  background:repeating-linear-gradient(180deg,transparent 0 8px,rgba(0,229,255,.07) 8px 9px,transparent 9px 22px),
    repeating-linear-gradient(90deg,transparent 0 16px,rgba(0,229,255,.05) 16px 17px,transparent 17px 34px);
  mask-image:linear-gradient(180deg,transparent,#000 30% 70%,transparent);
  animation:airain 3.4s linear infinite}
@keyframes airain{to{background-position:0 44px,0 0}}
/* 3: сканирующий луч */
.tm__aifx .beam{
  background:linear-gradient(100deg,transparent 30%,rgba(0,229,255,.16) 47%,rgba(160,250,255,.3) 50%,rgba(0,229,255,.16) 53%,transparent 70%);
  animation:aibeam 3s ease-in-out infinite;mix-blend-mode:screen}
@keyframes aibeam{0%{transform:translateX(-110%)}55%,100%{transform:translateX(110%)}}
.tm--ai::before{animation-duration:2.4s;opacity:.7}
.tm--ai .tm__meta,.tm--ai .tm__badge{position:relative;z-index:2}
@media(max-width:640px){.tm__ic3d{width:44px;height:44px;font-size:20px;top:-14px;right:-8px;border-radius:14px}}

/* ============ V18: real 3D cards, back halo, svg icons, non-stop anim ============ */
/* цвета: босс — оранжевый, я (AI) — красный, некоторые — синие */
.tm--ceo{--ac:#ff7a1a}
.tm--cto{--ac:#3b82f6}
.tm--ops{--ac:#2e9bff}
.tm--sales{--ac:#22c55e}
.tm--support{--ac:#a855f7}
.tm--ai{--ac:#ff2e4d}
.tm--ai{background:linear-gradient(160deg,#200d12 0%,#140a0d 55%,#180d10 100%)}
:root[data-theme="light"] .tm--ai{background:linear-gradient(160deg,#fff0f2 0%,#fff6f7 55%,#ffe9ec 100%)}
.tm__aifx .net{background-image:radial-gradient(2px 2px at 18% 26%,rgba(255,46,77,.9),transparent 60%),radial-gradient(1.6px 1.6px at 72% 18%,rgba(255,90,110,.7),transparent 60%),radial-gradient(2.2px 2.2px at 84% 62%,rgba(255,120,140,.8),transparent 60%),radial-gradient(1.5px 1.5px at 34% 74%,rgba(255,46,77,.6),transparent 60%),radial-gradient(1.8px 1.8px at 56% 44%,rgba(255,160,175,.85),transparent 60%),radial-gradient(1.4px 1.4px at 10% 58%,rgba(255,46,77,.5),transparent 60%)}
.tm__aifx .rain{background:repeating-linear-gradient(180deg,transparent 0 8px,rgba(255,46,77,.08) 8px 9px,transparent 9px 22px),repeating-linear-gradient(90deg,transparent 0 16px,rgba(255,46,77,.05) 16px 17px,transparent 17px 34px)}
.tm__aifx .beam{background:linear-gradient(100deg,transparent 30%,rgba(255,46,77,.16) 47%,rgba(255,140,155,.3) 50%,rgba(255,46,77,.16) 53%,transparent 70%)}
/* сияние ПОЗАДИ блока */
.tm__halo{position:absolute;inset:-26px;z-index:-1;border-radius:34px;pointer-events:none;
  background:radial-gradient(60% 60% at 50% 55%,color-mix(in srgb,var(--ac) 38%,transparent),transparent 72%);
  filter:blur(18px);animation:halopulse 3.6s ease-in-out infinite}
@keyframes halopulse{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}
.team__grid .tm:nth-child(2) .tm__halo{animation-delay:.6s}
.team__grid .tm:nth-child(3) .tm__halo{animation-delay:1.2s}
.team__grid .tm:nth-child(4) .tm__halo{animation-delay:1.8s}
.team__grid .tm:nth-child(5) .tm__halo{animation-delay:2.4s}
.team__grid .tm:nth-child(6) .tm__halo{animation-delay:3s}
.tm{z-index:0}
/* SVG-значок: белая иконка на объёмной плашке */
.tm__ic3d svg{width:26px;height:26px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}
/* карты — настоящие 3D, качаются без остановки */
.team__grid{perspective:1100px}
.team__grid .tm.in{animation:tmswing 7s ease-in-out infinite}
@keyframes tmswing{
  0%,100%{transform:rotateY(-4deg) rotateX(2deg) translateY(0)}
  25%{transform:rotateY(3deg) rotateX(-1.5deg) translateY(-6px)}
  50%{transform:rotateY(5deg) rotateX(2.5deg) translateY(0)}
  75%{transform:rotateY(-2.5deg) rotateX(-2deg) translateY(-4px)}}
.team__grid .tm:nth-child(2).in{animation-delay:1.1s}
.team__grid .tm:nth-child(3).in{animation-delay:2.2s}
.team__grid .tm:nth-child(4).in{animation-delay:3.3s}
.team__grid .tm:nth-child(5).in{animation-delay:4.4s}
.team__grid .tm:nth-child(6).in{animation-delay:5.5s}
/* скан и рамка — постоянные, не только на hover */
.tm .tm__scan{animation:tmscan 3.4s var(--ease) infinite;opacity:1}
.tm::before{opacity:.7}
@media(prefers-reduced-motion:reduce){.team__grid .tm.in{animation:none}}

/* ============ V19: pretty select + textarea + demo form ============ */
.calc__box textarea{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--txt);font-family:inherit;font-size:15px;outline:none;transition:.3s;resize:vertical;min-height:74px}
.calc__box textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,122,26,.15)}
.ptsel{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;color:var(--muted)}
.ptsel__wrap{position:relative;display:block}
.ptsel__wrap select{width:100%;appearance:none;-webkit-appearance:none;cursor:pointer;
  padding:14px 44px 14px 16px;border-radius:14px;font-family:'Sora';font-weight:600;font-size:14.5px;
  border:1px solid rgba(255,122,26,.4);background:linear-gradient(160deg,rgba(255,122,26,.1),var(--card));color:var(--txt);
  outline:none;transition:.3s;box-shadow:0 6px 20px rgba(0,0,0,.15)}
.ptsel__wrap select:hover{border-color:var(--orange);box-shadow:0 0 20px rgba(255,122,26,.2)}
.ptsel__wrap select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,122,26,.18)}
.ptsel__wrap select option{background:#16130f;color:#f3f0ea;font-family:'Inter';font-weight:500}
:root[data-theme="light"] .ptsel__wrap select option{background:#fff;color:#17140f}
.ptsel__arr{position:absolute;right:16px;top:50%;width:10px;height:10px;pointer-events:none;
  border-right:2px solid var(--orange);border-bottom:2px solid var(--orange);transform:translateY(-70%) rotate(45deg)}

/* RTL (Arabic) */
html[lang="ar"] *{letter-spacing:0!important}

/* ===== LEAD CARD (Suleyman) ===== */
.tm--lead{--ac:#00e5ff;z-index:3;border:1px solid transparent!important;
  background:linear-gradient(165deg,#0b141c 0%,#0e1030 55%,#160b24 100%) padding-box,
  linear-gradient(120deg,#00e5ff 0%,#7c3aed 35%,#ff2e4d 70%,#ffb700 100%) border-box;
  box-shadow:0 18px 44px rgba(0,0,0,.5),0 0 34px rgba(0,229,255,.22),0 0 80px rgba(124,58,237,.16);
  animation:leadglow 3s ease-in-out infinite}
:root[data-theme="light"] .tm--lead{background:linear-gradient(165deg,#f2fbff 0%,#f3f0ff 55%,#fdf1ff 100%) padding-box,
  linear-gradient(120deg,#00c3ff,#7c3aed,#ff2e4d,#ffb700) border-box}
@keyframes leadglow{0%,100%{box-shadow:0 18px 44px rgba(0,0,0,.5),0 0 30px rgba(0,229,255,.2),0 0 70px rgba(124,58,237,.14)}
  50%{box-shadow:0 18px 50px rgba(0,0,0,.55),0 0 52px rgba(0,229,255,.42),0 0 110px rgba(124,58,237,.3)}}
.tm__leadtag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);z-index:4;
  font-size:9.5px;font-weight:800;line-height:1;letter-spacing:.14em;white-space:nowrap;
  padding:6px 12px;border-radius:999px;color:#fff;
  background:linear-gradient(90deg,#00e5ff,#7c3aed 55%,#ff2e4d);
  box-shadow:0 4px 18px rgba(0,229,255,.45),0 2px 10px rgba(124,58,237,.4);
  animation:leadtag 2.4s ease-in-out infinite}
@keyframes leadtag{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-3px)}}
.tm--lead .tm__role{background:linear-gradient(90deg,#00e5ff,#a78bfa,#ff7ab8);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.tm--lead .tm__meta h4{text-shadow:0 0 18px rgba(0,229,255,.35)}
/* PAG mark (новый логотип 23.09) */
img[src*="pag-mark"]{object-fit:contain}
.pl-mark{transform-origin:52px 67px;transform:scale(0);opacity:0;animation:plmark .8s .2s var(--ease) forwards}
@keyframes plmark{0%{transform:scale(.2) rotate(-25deg);opacity:0}70%{transform:scale(1.08) rotate(3deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}