:root{--red:#e10600;--red2:#ff2920;--black:#050608;--ink:#11131a;--muted:#6b7280;--white:#fff;--soft:#f4f5f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--black)}#progress{position:fixed;top:0;left:0;height:3px;background:var(--red);z-index:9999;width:0}.glass-nav{background:rgba(4,5,7,.72);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.navbar-brand{font-weight:900;letter-spacing:.08em}.brand-logo{width:44px;height:34px;object-fit:contain;border-radius:6px}.nav-link{font-weight:600;font-size:.9rem}.btn-red,.btn-dark-red{background:var(--red);color:#fff;border:0;border-radius:9px;padding:.75rem 1.15rem;font-weight:800;box-shadow:0 8px 25px rgba(225,6,0,.2);transition:.3s}.btn-red:hover,.btn-dark-red:hover{background:#b90400;color:#fff;transform:translateY(-3px);box-shadow:0 14px 30px rgba(225,6,0,.3)}.btn-dark-red{background:#111;color:#fff;border:1px solid #222}.hero{height:100vh;min-height:650px;position:relative;overflow:hidden;background:#000}.hero-img{width:100%;height:100vh;min-height:650px;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(0,0,0,.55) 100%);pointer-events:none}.hero-caption{position:absolute;left:50%;bottom:130px;transform:translateX(-50%);z-index:2;text-align:center}.eyebrow{display:inline-block;color:#fff;font-family:Rajdhani,sans-serif;font-weight:700;letter-spacing:.18em;font-size:.9rem;border-left:4px solid var(--red);padding-left:12px;margin-bottom:14px}.red-text{color:var(--red)}h1,h2{font-family:Rajdhani,sans-serif;font-weight:800;line-height:.96}h1{font-size:clamp(3.5rem,7vw,7.5rem);margin:0 0 24px;text-transform:uppercase}h1 em,h2 em{color:var(--red);font-style:normal}h2{font-size:clamp(2.5rem,5vw,5rem);margin-bottom:20px}p{line-height:1.7;color:var(--muted)}.hero-bottom{position:absolute;bottom:0;left:0;right:0;z-index:3;background:rgba(0,0,0,.82);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.12)}.hero-bottom div{padding:16px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.1);color:#fff}.hero-bottom strong{display:block;color:#fff;font-size:.8rem;letter-spacing:.1em}.hero-bottom span{font-size:.75rem;color:#aaa}.section{padding:110px 0}.dark{background:#080a0e;color:#fff}.light{background:#f5f6f8}.section-head{max-width:800px;margin:0 auto 55px;text-align:center}.section-head p{max-width:700px;margin:auto}.service-card{height:100%;padding:30px;background:linear-gradient(145deg,#12151b,#0a0c10);border:1px solid #242832;border-radius:18px;transition:.35s;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;inset:auto -30% -55% auto;width:180px;height:180px;background:rgba(225,6,0,.14);border-radius:50%;filter:blur(8px)}.service-card:hover{transform:translateY(-10px);border-color:var(--red);box-shadow:0 25px 50px rgba(0,0,0,.3)}.service-card i{font-size:2rem;color:var(--red)}.service-card h3{font-size:1.15rem;margin:18px 0 10px}.service-card p{font-size:.9rem}.service-card a{color:#fff;text-decoration:none;font-weight:700;font-size:.85rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.reverse{grid-template-columns:1fr 1fr}.mini-carousel,.systems-carousel{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.18)}.mini-carousel img,.systems-carousel img{width:100%;display:block}.glow{box-shadow:0 0 0 1px rgba(225,6,0,.2),0 25px 70px rgba(225,6,0,.12)}.floating-tag{position:absolute;right:18px;bottom:18px;background:#fff;border-radius:30px;padding:10px 15px;font-weight:800;font-size:.78rem;box-shadow:0 10px 30px rgba(0,0,0,.15)}.floating-tag i{color:var(--red);margin-right:6px}.check-list{display:grid;gap:12px;margin:25px 0 30px}.check-list div{font-weight:600}.check-list i{color:var(--red);margin-right:8px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0 30px}.feature-grid span{background:#11151d;border:1px solid #292e38;padding:12px;border-radius:10px;font-weight:600;font-size:.86rem}.feature-grid i{color:var(--red);margin-right:8px}.system-points{display:grid;grid-template-columns:1fr 1fr;gap:18px}.system-points>div{padding:22px;border-radius:15px;background:#fff;border:1px solid #e5e7eb;transition:.3s}.system-points>div:hover{transform:translateY(-6px);border-color:#ffbbb8;box-shadow:0 15px 30px rgba(0,0,0,.07)}.system-points i{color:var(--red);font-size:1.6rem}.system-points h4{font-size:1rem;margin:12px 0 6px}.system-points p{font-size:.83rem;margin:0}.red-section{background:linear-gradient(135deg,#9d0000,#e10600);color:#fff}.red-section p{color:#ffe5e5}.red-section .eyebrow{border-color:#fff}.pill{background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:20px 10px;transition:.3s}.pill:hover{background:#111;transform:translateY(-6px)}.pill i{display:block;font-size:1.7rem;margin-bottom:8px}.pill b{font-size:.8rem}.additional{height:100%;padding:24px;border:1px solid #242832;border-radius:15px;background:#0f1217;transition:.3s}.additional:hover{transform:translateY(-7px);border-color:var(--red)}.additional i{color:var(--red);font-size:1.7rem;display:block;margin-bottom:12px}.additional b{display:block}.additional span{font-size:.82rem;color:#8f96a3;display:block;margin-top:7px}.director-card{position:relative}.director-card img{width:100%;max-height:650px;object-fit:cover;border-radius:25px;filter:saturate(.9);box-shadow:0 30px 60px rgba(0,0,0,.2)}.director-badge{position:absolute;bottom:25px;left:25px;background:#fff;padding:15px 20px;border-left:5px solid var(--red);box-shadow:0 10px 30px rgba(0,0,0,.2)}.director-badge span,.director-badge strong{display:block}.director-badge span{font-size:.7rem;color:#777;letter-spacing:.15em}.signature{margin-top:35px;border-left:3px solid var(--red);padding-left:18px}.signature strong{display:block;font-family:Rajdhani;font-size:2rem}.signature span{color:#777}.table-wrap{overflow:auto;border:1px solid #282c35;border-radius:18px}.price-table{margin:0;color:#fff;min-width:700px}.price-table th{background:var(--red);color:#fff;border-color:#a40000}.price-table td{background:#0e1116;color:#e7e9ed;border-color:#252a32;padding:15px}.price-table tr:hover td{background:#171b22}.contact-section{background:#f5f6f8}.contact-item{display:flex;gap:16px;margin:25px 0}.contact-item>i{font-size:1.4rem;color:var(--red);width:30px}.contact-item b,.contact-item span{display:block}.contact-item span{color:#666;margin-top:3px}.contact-form{background:#fff;padding:30px;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.08);display:grid;gap:14px}.form-control,.form-select{padding:14px;border:1px solid #ddd;border-radius:10px}.footer{background:#050608;color:#aaa;padding:35px 0;font-size:.8rem}.footer strong{color:#fff;font-size:1.3rem;display:block}.footer span{display:block}.social{display:flex;gap:12px}.social a{color:#fff;font-size:1.2rem}.chatbot{position:fixed;right:25px;bottom:25px;z-index:1000}.chat-button{width:62px;height:62px;border:0;border-radius:50%;background:var(--red);color:#fff;font-size:1.6rem;box-shadow:0 12px 35px rgba(225,6,0,.4);position:relative;animation:pulse 2.2s infinite}.online-dot{position:absolute;width:13px;height:13px;background:#1ec96b;border:2px solid #fff;border-radius:50%;right:2px;top:3px}.chat-box{display:none;position:absolute;right:0;bottom:78px;width:350px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.28)}.chat-box.open{display:block;animation:pop .25s ease}.chat-head{background:#111;color:#fff;padding:16px 18px;display:flex;justify-content:space-between}.chat-head b{display:block}.chat-head small{color:#aaa;font-size:.7rem}.chat-head small span{display:inline-block;width:7px;height:7px;background:#1ec96b;border-radius:50%;margin-right:4px}.chat-head button{background:none;border:0;color:#fff;font-size:1.5rem}.chat-messages{height:260px;padding:15px;overflow:auto;background:#f7f7f8}.bot-msg,.user-msg{max-width:85%;padding:10px 12px;border-radius:13px;margin-bottom:9px;font-size:.82rem;line-height:1.45}.bot-msg{background:#fff;border:1px solid #e6e6e6}.user-msg{margin-left:auto;background:var(--red);color:#fff}.quick{display:flex;gap:5px;padding:8px;overflow:auto;border-top:1px solid #eee}.quick button{white-space:nowrap;border:1px solid #ddd;background:#fff;border-radius:20px;padding:6px 10px;font-size:.7rem}.chat-input{display:flex;border-top:1px solid #eee}.chat-input input{border:0;padding:13px;flex:1;outline:0}.chat-input button{border:0;background:var(--red);color:#fff;width:50px}@keyframes pulse{50%{box-shadow:0 12px 45px rgba(225,6,0,.6)}}@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:991px){.hero-caption{bottom:105px}.hero-bottom{grid-template-columns:repeat(2,1fr)}.split,.reverse{grid-template-columns:1fr;gap:45px}.section{padding:80px 0}}@media(max-width:575px){.hero{min-height:620px}.hero-img{height:620px;min-height:620px}.hero-caption{bottom:80px}.hero-caption .btn-lg{padding:.65rem .9rem;font-size:.85rem}.hero-bottom{display:none}.section{padding:65px 0}.system-points{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.chat-box{width:calc(100vw - 30px);right:-10px}.chatbot{right:15px;bottom:15px}}

/* === Raoultix visual upgrade: global motion + stronger sliders + corporate footer === */
:root{
  --red:#e10600;
  --red2:#ff2920;
  --black:#050608;
  --ink:#11131a;
  --muted:#6b7280;
  --white:#fff;
  --soft:#f4f5f7;
  --ease:cubic-bezier(.2,.75,.2,1);
}
::selection{background:var(--red);color:#fff}
a,button,.nav-link,.navbar-brand,.service-card,.additional,.pill,.system-points>div,
.contact-item,.director-card,.mini-carousel,.systems-carousel,.social a,.footer-col a,
.footer-logo,.btn,.chat-button,.quick button,.price-table tbody tr{
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s ease,
  background-color .35s ease,color .35s ease,opacity .35s ease;
}
.nav-link{position:relative}
.nav-link::after{content:"";position:absolute;left:.65rem;right:.65rem;bottom:2px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:center;transition:transform .3s var(--ease)}
.nav-link:hover::after,.nav-link:focus-visible::after{transform:scaleX(1)}
.nav-link:hover{color:#fff!important;transform:translateY(-2px)}
.navbar-brand:hover{transform:translateY(-2px)}
.navbar-brand:hover .brand-logo{box-shadow:0 0 0 3px rgba(225,6,0,.2),0 10px 25px rgba(225,6,0,.2)}
.btn-red:hover,.btn-dark-red:hover{transform:translateY(-4px) scale(1.02)}
.service-card:hover,.additional:hover,.system-points>div:hover,.pill:hover{transform:translateY(-9px) scale(1.015)}
.service-card::after,.additional::after,.system-points>div::after,.pill::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.12) 50%,transparent 75%);
  transform:translateX(-120%);transition:transform .7s var(--ease);
}
.service-card:hover::after,.additional:hover::after,.system-points>div:hover::after,.pill:hover::after{transform:translateX(120%)}
.service-card,.additional,.system-points>div,.pill{position:relative;overflow:hidden}
.mini-carousel,.systems-carousel{isolation:isolate}
.mini-carousel:hover,.systems-carousel:hover{transform:translateY(-7px) scale(1.008);box-shadow:0 30px 80px rgba(225,6,0,.18)}
.mini-carousel img,.systems-carousel img{transition:transform .8s var(--ease),filter .5s ease}
.mini-carousel:hover img,.systems-carousel:hover img{transform:scale(1.025)}
.carousel-control-prev,.carousel-control-next{width:58px;height:58px;top:50%;margin-top:-29px;opacity:1;z-index:4}
.carousel-control-prev{left:18px}.carousel-control-next{right:18px}
.carousel-control-prev-icon,.carousel-control-next-icon{
  width:42px;height:42px;background-color:rgba(5,6,8,.82);background-size:45%;
  border:1px solid rgba(255,255,255,.35);border-radius:50%;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
}
.carousel-control-prev:hover .carousel-control-prev-icon,.carousel-control-next:hover .carousel-control-next-icon{
  background-color:var(--red);transform:scale(1.08);
}
.carousel-indicators{z-index:5;margin-bottom:18px;gap:7px}
.carousel-indicators [data-bs-target]{width:34px;height:4px;border:0;border-radius:10px;opacity:.6;transition:all .3s ease}
.carousel-indicators .active{width:52px;background:var(--red);opacity:1}
.registration-slider{min-height:540px}
.registration-slider .carousel,.registration-slider .carousel-inner,.registration-slider .carousel-item{height:540px}
.registration-slider .carousel-item{background:#090b10}
.registration-slider .carousel-item>img{height:100%;width:100%;object-fit:contain;padding:22px;background:linear-gradient(145deg,#11151b,#07080b)}
.registration-slider .slider-card{display:flex;align-items:center;justify-content:center;text-align:center;padding:70px 90px;color:#fff;background:
radial-gradient(circle at 15% 20%,rgba(225,6,0,.28),transparent 32%),
linear-gradient(145deg,#151922,#07080b)}
.service-slide-content{max-width:560px}
.service-slide-content>i{display:block;color:var(--red);font-size:3.3rem;margin-bottom:14px;animation:floatIcon 3s ease-in-out infinite}
.slide-kicker{font-family:Rajdhani,sans-serif;letter-spacing:.2em;font-weight:800;font-size:.8rem;color:#bbb}
.service-slide-content h3{font-family:Rajdhani,sans-serif;font-weight:800;font-size:clamp(2.2rem,4vw,4rem);margin:10px 0 15px}
.service-slide-content h3 em{color:var(--red);font-style:normal}
.service-slide-content p{color:#c8ccd4;max-width:480px;margin:0 auto 25px}
.slider-label{position:absolute;left:22px;bottom:20px;z-index:3;display:flex;align-items:center;gap:11px;
padding:10px 14px;border-radius:12px;background:rgba(5,6,8,.84);border:1px solid rgba(255,255,255,.15);
backdrop-filter:blur(10px);color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.slider-label>span{font-family:Rajdhani,sans-serif;font-size:1.25rem;font-weight:800;color:var(--red)}
.slider-label b,.slider-label small{display:block}.slider-label b{font-size:.78rem}.slider-label small{font-size:.68rem;color:#aeb3bd}
.registration-slider .floating-tag{z-index:6}
.systems-carousel .carousel-indicators{margin-bottom:12px}
.systems-carousel .carousel-item img{height:520px;object-fit:cover}
.hero .carousel-control-prev,.hero .carousel-control-next{width:72px;height:72px}
.hero .carousel-control-prev{left:28px}.hero .carousel-control-next{right:28px}
.hero .carousel-indicators{bottom:92px}
.hero .carousel-indicators [data-bs-target]{height:5px}
.hero-bottom div{transition:background .3s ease,transform .3s ease}
.hero-bottom div:hover{background:rgba(225,6,0,.18);transform:translateY(-3px)}
.director-card:hover img{transform:scale(1.015);box-shadow:0 35px 75px rgba(0,0,0,.28)}
.contact-item:hover{transform:translateX(7px)}
.contact-item:hover>i{transform:scale(1.15)}
.price-table tbody tr:hover{transform:translateX(5px)}
.social a:hover{color:var(--red);transform:translateY(-4px) scale(1.12)}
.chat-button:hover{transform:scale(1.08) rotate(-4deg)}
.quick button:hover{border-color:var(--red);color:var(--red);transform:translateY(-2px)}
.footer{background:linear-gradient(135deg,#050608 0%,#0b0d12 55%,#120708 100%);border-top:3px solid var(--red);padding:70px 0 0;position:relative;overflow:hidden}
.footer::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-180px;top:-220px;background:rgba(225,6,0,.11);filter:blur(10px)}
.footer-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr .8fr 1.15fr 1.15fr 1.35fr;gap:38px}
.footer-brand{max-width:300px}.footer-logo{display:inline-flex;background:#fff;border-radius:12px;padding:7px;box-shadow:0 12px 35px rgba(0,0,0,.25)}
.footer-logo img{width:165px;height:72px;object-fit:contain;border-radius:8px}
.footer-brand>p:first-of-type{color:#fff;font-weight:800;margin:15px 0 8px}
.footer-copy{font-size:.82rem;line-height:1.7;color:#8f96a3}
.footer-col h4{font-family:Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:1rem;color:#fff;margin:0 0 18px}
.footer-col>a{display:block;color:#9da3ae;text-decoration:none;font-size:.8rem;margin:0 0 10px}
.footer-col>a:hover{color:#fff;transform:translateX(5px)}
.footer-contact>div{margin-bottom:13px}.footer-contact b{display:block;color:#fff;font-size:.75rem;margin-bottom:3px}
.footer-contact span,.footer-contact a{font-size:.78rem;color:#9da3ae;line-height:1.5;text-decoration:none}
.footer-contact a:hover{color:#fff}
.footer .social{margin-top:20px}.footer .social a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #2b3038;border-radius:50%;color:#fff}
.footer-bottom{position:relative;z-index:1;margin-top:55px;padding:18px 0;border-top:1px solid #232730;display:flex;justify-content:space-between;gap:20px;color:#777e8a;font-size:.74rem}
@keyframes floatIcon{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:1199px){.footer-grid{grid-template-columns:1.4fr 1fr 1.2fr 1.2fr}.footer-contact{grid-column:span 2}}
@media(max-width:991px){
  .registration-slider,.registration-slider .carousel,.registration-slider .carousel-inner,.registration-slider .carousel-item{min-height:460px;height:460px}
  .registration-slider .carousel-item>img{padding:15px}
  .slider-label{left:15px;bottom:15px}
  .footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2}.footer-contact{grid-column:span 2}
}
@media(max-width:575px){
  .carousel-control-prev,.carousel-control-next{width:45px;height:45px;margin-top:-22px}.carousel-control-prev{left:8px}.carousel-control-next{right:8px}
  .registration-slider,.registration-slider .carousel,.registration-slider .carousel-inner,.registration-slider .carousel-item{min-height:390px;height:390px}
  .registration-slider .slider-card{padding:45px 28px 75px}
  .service-slide-content h3{font-size:2.25rem}.service-slide-content>i{font-size:2.5rem}
  .slider-label{right:15px;left:15px}.slider-label small{font-size:.62rem}
  .systems-carousel .carousel-item img{height:360px}
  .hero .carousel-indicators{bottom:84px}
  .footer-grid{grid-template-columns:1fr;gap:30px}.footer-brand,.footer-contact{grid-column:auto}.footer-bottom{flex-direction:column;text-align:center}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* === Live interaction upgrade === */
.tax-slide{position:relative;background:#07090d!important;display:flex;align-items:center;justify-content:center;overflow:hidden}
.tax-slide>img{height:100%!important;width:100%!important;object-fit:contain!important;padding:28px!important;filter:saturate(.95) contrast(1.04);transform:scale(.94);transition:transform 1.1s var(--ease),filter .7s ease}
.tax-slide.active>img{transform:scale(1);filter:saturate(1.08) contrast(1.06)}
.slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,8,.88) 0%,rgba(4,5,8,.42) 52%,rgba(4,5,8,.1) 100%);pointer-events:none}
.tax-content{position:absolute;left:8%;top:50%;transform:translateY(-42%);max-width:430px;color:#fff;z-index:2;opacity:0}
.tax-slide.active .tax-content{animation:slideInUp .75s .12s var(--ease) forwards}
.tax-content h3{font-family:Rajdhani,sans-serif;font-size:clamp(2.4rem,4vw,4rem);font-weight:800;margin:8px 0 10px}
.tax-content h3 em{color:var(--red);font-style:normal}
.tax-content p{color:#d6dae2;margin-bottom:22px}
.tax-slide .slider-label{opacity:0;transform:translateY(16px)}
.tax-slide.active .slider-label,.registration-slider .carousel-item.active .slider-label{animation:fadeUp .65s .28s var(--ease) forwards}
.registration-slider .carousel-item.active .service-slide-content{animation:contentPop .75s .08s var(--ease) both}
.registration-slider .carousel-item.active .service-slide-content>i{animation:floatIcon 2.4s ease-in-out infinite, glowPulse 2.2s ease-in-out .2s}
.registration-slider .carousel-item>img{transition:transform 1s var(--ease),filter .7s ease}
.registration-slider .carousel-item.active>img{transform:scale(1.025);filter:contrast(1.04) saturate(1.06)}
.registration-slider::after,.systems-carousel::after,.mini-carousel::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 -80px 110px rgba(0,0,0,.14)}
.carousel-control-prev,.carousel-control-next{filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}
.carousel-control-prev-icon,.carousel-control-next-icon{transition:transform .35s var(--ease),background-color .35s ease,box-shadow .35s ease}
.carousel-control-prev:hover .carousel-control-prev-icon,.carousel-control-next:hover .carousel-control-next-icon{box-shadow:0 0 0 5px rgba(225,6,0,.12),0 12px 28px rgba(225,6,0,.3)}
.carousel-indicators [data-bs-target]{position:relative;overflow:hidden}
.carousel-indicators [data-bs-target]::after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(255,255,255,.75)}
.carousel-indicators .active::after{animation:indicatorProgress 4.7s linear forwards}

/* VPS image: preserve the full portrait flyer instead of cropping it */
.systems-carousel{background:linear-gradient(145deg,#0b0d12,#050608);min-height:520px}
.systems-carousel .carousel,.systems-carousel .carousel-inner,.systems-carousel .carousel-item{height:520px}
.systems-carousel .carousel-item{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,rgba(225,6,0,.08),transparent 55%)}
.systems-carousel .carousel-item img{height:100%!important;width:100%;max-width:100%;object-fit:contain!important;padding:18px;transform:scale(.94);transition:transform .85s var(--ease),filter .55s ease}
.systems-carousel .carousel-item.active img{transform:scale(1);filter:contrast(1.04)}
.systems-carousel:hover .carousel-item.active img{transform:scale(1.025)}
.systems-carousel .carousel-item::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(225,6,0,.08),transparent 35%,rgba(255,255,255,.03));pointer-events:none}

/* Stronger site-wide hover language */
.service-card,.additional,.system-points>div,.director-card,.contact-item,.pill,.table-wrap,.contact-form,.footer-col,.footer-brand{will-change:transform}
.contact-form:hover,.table-wrap:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(0,0,0,.12)}
.footer-col>a{position:relative;transition:transform .3s var(--ease),color .3s ease}
.footer-col>a::before{content:"";position:absolute;left:-12px;top:50%;width:0;height:2px;background:var(--red);transition:width .3s var(--ease)}
.footer-col>a:hover::before{width:7px}
.footer-col:hover h4{color:var(--red);transform:translateX(3px)}
.footer-brand:hover .footer-logo{transform:translateY(-5px) rotate(-1deg);box-shadow:0 20px 45px rgba(225,6,0,.2)}
.payment-list{display:grid;gap:9px}
.payment-list span{display:flex;align-items:center;gap:9px;color:#c5cad3;font-size:.78rem;font-weight:700;padding:9px 10px;border:1px solid #252a34;border-radius:10px;background:rgba(255,255,255,.025);transition:transform .3s var(--ease),border-color .3s ease,background .3s ease,color .3s ease}
.payment-list span i{color:var(--red);font-size:1rem}
.payment-list span:hover{transform:translateX(6px);border-color:rgba(225,6,0,.7);background:rgba(225,6,0,.08);color:#fff}
.payment-note{font-size:.7rem;line-height:1.55;color:#777f8c;margin:12px 0 0}

@keyframes slideInUp{from{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:translateY(-50%)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes contentPop{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:none}}
@keyframes glowPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(225,6,0,0))}50%{filter:drop-shadow(0 0 14px rgba(225,6,0,.55))}}
@keyframes indicatorProgress{from{width:0}to{width:100%}}

@media(max-width:991px){
  .systems-carousel,.systems-carousel .carousel,.systems-carousel .carousel-inner,.systems-carousel .carousel-item{min-height:460px;height:460px}
  .systems-carousel .carousel-item img{padding:14px}
  .tax-content{left:7%;right:7%;max-width:390px}
}
@media(max-width:575px){
  .systems-carousel,.systems-carousel .carousel,.systems-carousel .carousel-inner,.systems-carousel .carousel-item{min-height:390px;height:390px}
  .systems-carousel .carousel-item img{padding:10px}
  .tax-slide>img{padding:20px!important;opacity:.62}
  .tax-content{left:22px;right:22px;max-width:none}
  .tax-content h3{font-size:2.4rem}
  .tax-content p{font-size:.82rem}
  .payment-list span{font-size:.75rem}
}
/* Footer layout for six content groups */
.footer-grid{grid-template-columns:1.35fr .8fr 1.15fr 1.15fr 1fr 1.15fr}
@media(max-width:1199px){.footer-grid{grid-template-columns:1.35fr 1fr 1.15fr 1.15fr}.footer-contact{grid-column:span 2}.payment-col{grid-column:span 2}}
@media(max-width:991px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2}.footer-contact,.payment-col{grid-column:span 2}}
@media(max-width:575px){.footer-grid{grid-template-columns:1fr}.footer-brand,.footer-contact,.payment-col{grid-column:auto}}

/* ============================================================
   Domain/email refresh, newsletter, ambient motion & HD sliders
   ============================================================ */

/* --- Fluid, mobile-friendly HD carousels (aspect-ratio based) --- */
.registration-slider,.registration-slider .carousel,.registration-slider .carousel-inner,.registration-slider .carousel-item,
.systems-carousel,.systems-carousel .carousel,.systems-carousel .carousel-inner,.systems-carousel .carousel-item{
  height:auto!important;min-height:0!important;aspect-ratio:16/10;
}
.registration-slider .carousel-item>img{image-rendering:auto;backface-visibility:hidden}
.systems-carousel .carousel-item img{height:100%!important}
@media(max-width:991px){
  .registration-slider,.systems-carousel{aspect-ratio:4/3}
}
@media(max-width:575px){
  .registration-slider,.systems-carousel{aspect-ratio:1/1}
  .registration-slider .slider-card{padding:34px 22px 65px}
}
.mini-carousel.glow{aspect-ratio:16/10}
.mini-carousel.glow .carousel,.mini-carousel.glow .carousel-inner,.mini-carousel.glow .carousel-item{height:100%}
.mini-carousel.glow .carousel-item img{width:100%;height:100%;object-fit:cover}
@media(max-width:575px){.mini-carousel.glow{aspect-ratio:4/3}}

/* --- Continuous, no-hover-required motion (Ken Burns + shimmer + float) --- */
@keyframes kenBurns{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}
.registration-slider .carousel-item.active>img,.systems-carousel .carousel-item.active img,.mini-carousel.glow .carousel-item.active img{
  animation:kenBurns 9s ease-in-out infinite;
}
/* Hero images gently float up/down + breathe on load — runs immediately, no scroll or hover needed */
@keyframes heroFloat{0%,100%{transform:scale(1.02) translateY(0)}50%{transform:scale(1.07) translateY(-16px)}}
.hero-img{animation:heroFloat 7s ease-in-out infinite}
/* CTA button drifts gently too, offset slightly from the image for a subtle parallax feel */
.hero-caption{animation:pillBounce 3.2s ease-in-out infinite}
@keyframes btnShimmer{0%{left:-60%}100%{left:140%}}
.btn-red,.btn-dark-red{position:relative;overflow:hidden}
.btn-red::before,.btn-dark-red::before{content:"";position:absolute;top:0;left:-60%;width:35%;height:100%;
  background:linear-gradient(115deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);
  animation:btnShimmer 3.4s ease-in-out infinite;pointer-events:none}
@keyframes floatLoop{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.service-card>i,.additional>i,.system-points>div>i,.pill>i{animation:floatLoop 3.4s ease-in-out infinite}
.service-card:nth-child(2n)>i,.additional:nth-child(2n)>i{animation-delay:.4s}
.service-card:nth-child(3n)>i,.additional:nth-child(3n)>i{animation-delay:.8s}
.service-card:nth-child(4n)>i,.additional:nth-child(4n)>i{animation-delay:1.2s}
@keyframes brandGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(225,6,0,0))}50%{filter:drop-shadow(0 0 9px rgba(225,6,0,.65))}}
.brand-logo{animation:brandGlow 3.6s ease-in-out infinite}
.online-dot{animation:pulse 1.8s infinite}
.chat-button{will-change:transform}

/* --- Branded payment icon badges (footer) --- */
.payment-list span{display:flex;align-items:center;gap:11px}
.pay-icon{display:inline-grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;
  background:linear-gradient(145deg,rgba(225,6,0,.22),rgba(225,6,0,.05));border:1px solid rgba(225,6,0,.35);
  color:var(--red2);animation:brandGlow 4.2s ease-in-out infinite}
.pay-icon i{font-size:.95rem}
.payment-list span:nth-child(2) .pay-icon{animation-delay:.3s}
.payment-list span:nth-child(3) .pay-icon{animation-delay:.6s}
.payment-list span:nth-child(4) .pay-icon{animation-delay:.9s}
.payment-list span:nth-child(5) .pay-icon{animation-delay:1.2s}
.payment-list span:hover .pay-icon{background:var(--red);border-color:var(--red);color:#fff}

/* --- Newsletter section --- */
.newsletter-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#0a0c10 0%,#150607 55%,#0a0c10 100%);
  padding:80px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.nl-blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.5;pointer-events:none;
  animation:nlDrift 10s ease-in-out infinite alternate}
.nl-blob1{width:340px;height:340px;background:rgba(225,6,0,.35);left:-120px;top:-100px}
.nl-blob2{width:260px;height:260px;background:rgba(225,6,0,.22);right:-90px;bottom:-110px;animation-delay:2s}
@keyframes nlDrift{from{transform:translate(0,0) scale(1)}to{transform:translate(30px,20px) scale(1.12)}}
.newsletter-inner{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;gap:34px;align-items:center}
.nl-icon{width:78px;height:78px;border-radius:20px;display:grid;place-items:center;font-size:2rem;color:#fff;
  background:linear-gradient(145deg,var(--red2),#9d0000);box-shadow:0 20px 45px rgba(225,6,0,.35);
  animation:floatLoop 3.2s ease-in-out infinite}
.nl-copy{color:#fff;max-width:480px}
.nl-copy h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:8px 0 10px}
.nl-copy p{color:#c7ccd6;margin:0;font-size:.95rem}
.newsletter-form{display:flex;gap:12px;flex-wrap:wrap;min-width:320px}
.nl-input-wrap{position:relative;flex:1;min-width:230px}
.nl-input-wrap i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8f96a3}
.nl-input-wrap input{width:100%;padding:15px 16px 15px 44px;border-radius:12px;border:1px solid #2b3038;
  background:#12151b;color:#fff;font-size:.9rem;outline:0;transition:border-color .3s ease,box-shadow .3s ease}
.nl-input-wrap input:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(225,6,0,.15)}
.nl-input-wrap input::placeholder{color:#7a808c}
.newsletter-form .btn-red{white-space:nowrap}
.newsletter-status{grid-column:1/-1;font-size:.85rem;margin-top:-6px;color:#c7ccd6}
.newsletter-status.success{color:#4ee08a}
.newsletter-status.error{color:#ff8a80}
.newsletter-status a{color:#fff;text-decoration:underline}
@media(max-width:991px){
  .newsletter-inner{grid-template-columns:1fr;text-align:center;gap:22px}
  .nl-icon{margin:0 auto}
  .nl-copy{max-width:none}
  .newsletter-form{justify-content:center}
}
@media(max-width:575px){
  .newsletter-section{padding:60px 0}
  .newsletter-form{flex-direction:column}
  .newsletter-form .btn-red{width:100%;justify-content:center}
}

@media(prefers-reduced-motion:reduce){
  .hero-img,.hero-caption,.registration-slider .carousel-item.active>img,.systems-carousel .carousel-item.active img,
  .mini-carousel.glow .carousel-item.active img,.btn-red::before,.btn-dark-red::before,
  .service-card>i,.additional>i,.system-points>div>i,.pill>i,.brand-logo,.pay-icon,.nl-blob,.nl-icon,
  .service-card.vibrant,.service-card.vibrant>i,.card-tag,.director-ring,.dir-blob,.director-quote{animation:none}
}

/* ============================================================
   Stunning Director section
   ============================================================ */
.director-section{position:relative;overflow:hidden}
.dir-blob{position:absolute;border-radius:50%;filter:blur(50px);opacity:.35;pointer-events:none;
  animation:nlDrift 11s ease-in-out infinite alternate;z-index:0}
.dir-blob1{width:380px;height:380px;background:rgba(225,6,0,.5);left:-140px;top:-80px}
.dir-blob2{width:280px;height:280px;background:rgba(225,6,0,.3);right:-100px;bottom:-90px;animation-delay:1.5s}
.director-section .container{position:relative;z-index:1}
.director-card{position:relative;perspective:1200px}
.director-ring{position:absolute;inset:-14px;border-radius:32px;z-index:0;
  background:conic-gradient(from 0deg,var(--red),#ff8a00,var(--red2),#ff8a00,var(--red));
  filter:blur(2px);opacity:.85;animation:ringSpin 8s linear infinite}
@keyframes ringSpin{to{transform:rotate(360deg)}}
.director-card img{position:relative;z-index:1;transition:transform .6s var(--ease),filter .5s ease}
.director-card:hover img{transform:scale(1.02) rotateY(4deg) rotateX(2deg)}
.director-card:hover{transform:translateY(-6px)}
.director-badge{z-index:2}
.director-badge::before{content:"";position:absolute;inset:-4px;border-radius:inherit;z-index:-1;
  background:rgba(225,6,0,.35);filter:blur(10px);animation:brandGlow 3s ease-in-out infinite}
.director-quote{position:absolute;top:22px;right:-18px;z-index:3;max-width:210px;background:#fff;
  color:var(--ink);font-weight:700;font-size:.82rem;line-height:1.4;padding:14px 16px 14px 40px;
  border-radius:14px;box-shadow:0 20px 45px rgba(0,0,0,.22);animation:floatLoop 3.6s ease-in-out infinite}
.director-quote i{position:absolute;left:12px;top:12px;color:var(--red);font-size:1.3rem}
@media(max-width:1199px){.director-quote{right:8px;max-width:190px;font-size:.78rem}}
@media(max-width:991px){.director-quote{position:static;margin:18px auto 0;max-width:320px;text-align:left}}
@media(max-width:575px){.director-ring{inset:-8px;border-radius:24px}}

/* --- Shared gentle bob keyframe (used by hero CTA + card tags) --- */
@keyframes pillBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* --- Vibrant / attention-grabbing service cards (Fiscalisation, Systems Development) --- */
.service-card.vibrant{position:relative;border:1px solid transparent;
  background-image:linear-gradient(145deg,#12151b,#0a0c10),
    linear-gradient(115deg,var(--red) 0%,#ff8a00 25%,var(--red2) 50%,#ff8a00 75%,var(--red) 100%);
  background-origin:border-box;background-clip:padding-box,border-box;
  background-size:100% 100%,320% 320%;animation:vibrantBorder 7s ease infinite}
@keyframes vibrantBorder{0%{background-position:0 0,0% 50%}50%{background-position:0 0,100% 50%}100%{background-position:0 0,0% 50%}}
.service-card.vibrant:hover{animation-duration:2.5s;transform:translateY(-12px) scale(1.02)}
.service-card.vibrant>i{animation:cardSpin 5.5s linear infinite;display:inline-block}
@keyframes cardSpin{to{transform:rotate(360deg)}}
.service-card.vibrant:hover>i{animation-duration:1.1s}
.card-tag{position:absolute;top:16px;right:16px;background:linear-gradient(120deg,var(--red),var(--red2));
  color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  padding:5px 10px;border-radius:20px;box-shadow:0 10px 22px rgba(225,6,0,.4);
  animation:pillBounce 2.4s ease-in-out infinite}