/* INNENT TECHNOLOGIES - premium SaaS layer (loads after style.css, public pages only) */
:root{--g:#12b75f;--g2:#0a8a47;--r2:#ef2b37;--glass:rgba(255,255,255,.06);--glass-line:rgba(255,255,255,.12);--glow-g:0 0 0 1px rgba(18,183,95,.35),0 18px 50px -18px rgba(18,183,95,.55);--glow-r:0 14px 40px -14px rgba(239,43,55,.65);--ease:cubic-bezier(.2,.8,.2,1)}
body{background:#f4f6f3}
.flag-bar{height:3px;animation:none;background:linear-gradient(90deg,#050706 0 25%,var(--r2) 25% 50%,var(--g) 50% 75%,#fff 75%)}
/* header */
.site-header{background:rgba(5,7,6,.72);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px);border-bottom:1px solid var(--glass-line);transition:background .25s,box-shadow .25s}
.site-header.scrolled{background:rgba(5,7,6,.92);box-shadow:0 10px 30px -18px #000}
.logo{color:#fff}.logo-img{height:40px;width:auto;display:block}
.logo-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.logo-footer .logo-img{height:46px}
.main-nav a{color:#e8efe9}.main-nav a.active{color:#fff}
.main-nav a::after{background:linear-gradient(90deg,var(--r2),var(--g))!important}
.main-nav .nav-demo{display:inline-flex;align-items:center;gap:7px}
.nav-demo em{font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.06em;padding:2px 7px;border-radius:99px;background:var(--g);color:#04130a;animation:pulseTag 2.4s infinite}
@keyframes pulseTag{50%{box-shadow:0 0 0 6px rgba(18,183,95,0)}0%{box-shadow:0 0 0 0 rgba(18,183,95,.5)}}
.phone-chip{color:#7fe0b8}.basket-link{color:#fff}.basket-link:hover{background:var(--glass)}
.site-header .btn-ghost{color:#fff;border-color:var(--glass-line)}.site-header .btn-ghost:hover{background:var(--glass);border-color:#fff}
.nav-toggle span{background:#fff}
@media(max-width:999px){.main-nav{background:#070a08;border-bottom:1px solid var(--glass-line)}.main-nav a{border-bottom:1px solid var(--glass-line);color:#fff}}
/* buttons */
.btn{border-radius:12px;letter-spacing:.005em}
.btn-primary{background:linear-gradient(135deg,var(--r2),#c4121f);box-shadow:var(--glow-r)}
.btn-primary:hover{background:linear-gradient(135deg,#ff3b47,#d3161f);transform:translateY(-2px)}
.btn-green{background:linear-gradient(135deg,var(--g),var(--g2))}
.btn-light{background:#fff;color:#04130a}
.btn-lg{padding:15px 26px;font-size:1rem;min-height:52px}
/* hero */
.hero{background:#050706;padding:64px 0 110px;isolation:isolate}
.hero::before{background:radial-gradient(55% 60% at 88% 0%,rgba(18,183,95,.38),transparent 65%),radial-gradient(45% 55% at 0% 100%,rgba(239,43,55,.30),transparent 70%);animation:meshMove 14s ease-in-out infinite alternate}
@keyframes meshMove{to{transform:scale(1.15) translate(-2%,2%)}}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 70% at 50% 30%,#000,transparent);mask-image:radial-gradient(70% 70% at 50% 30%,#000,transparent)}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 8px;border-radius:99px;background:var(--glass);border:1px solid var(--glass-line);font-size:.8rem;font-weight:700;color:#d6e3da;margin-bottom:22px}
.eyebrow b{background:var(--g);color:#04130a;border-radius:99px;padding:2px 9px;font-size:.68rem;letter-spacing:.06em}
.hero h1{font-family:var(--font-body);font-weight:800;letter-spacing:-.035em;line-height:1.04;font-size:clamp(2.3rem,7.4vw,4.3rem);max-width:16ch}
.grad{background:linear-gradient(100deg,#fff 0%,#7fe0b8 45%,#ff6a73 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{font-size:1.12rem;color:#b4c2b8;max-width:54ch}
.hero-trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px;font-size:.85rem;font-weight:600;color:#9fb0a5}
.hero-trust li{display:flex;align-items:center;gap:8px}.hero-trust .ic{stroke:#4fd69a}
/* product mock */
.mock{position:relative;perspective:1200px}
.mock-win{background:linear-gradient(180deg,#0f1512,#0a0f0c);border:1px solid var(--glass-line);border-radius:18px;box-shadow:0 40px 80px -30px #000,0 0 0 1px rgba(255,255,255,.03);overflow:hidden;transform:rotateY(-6deg) rotateX(3deg);transition:transform .6s var(--ease)}
.mock:hover .mock-win{transform:none}
.mock-bar{display:flex;align-items:center;gap:7px;padding:12px 14px;border-bottom:1px solid var(--glass-line);font-size:.72rem;color:#7f9187}
.mock-bar i{width:10px;height:10px;border-radius:50%;background:#2a3530}.mock-bar i:nth-child(1){background:#ef2b37}.mock-bar i:nth-child(2){background:#e0b73a}.mock-bar i:nth-child(3){background:#12b75f}
.mock-bar span{margin-left:10px;background:rgba(255,255,255,.05);padding:3px 12px;border-radius:99px}
.mock-body{padding:18px;display:grid;gap:14px}
.mock-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mock-kpi{background:var(--glass);border:1px solid var(--glass-line);border-radius:12px;padding:12px}
.mock-kpi small{display:block;color:#7f9187;font-size:.68rem;font-weight:700}.mock-kpi b{font-size:1.25rem;color:#fff}.mock-kpi em{font-style:normal;font-size:.68rem;color:#4fd69a;font-weight:700}
.mock-chart{height:118px;display:flex;align-items:flex-end;gap:7px;background:var(--glass);border:1px solid var(--glass-line);border-radius:12px;padding:14px}
.mock-chart span{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--g),rgba(18,183,95,.15));height:var(--h);transform-origin:bottom;animation:grow 1.2s var(--ease) both}
.mock-chart span:nth-child(3n){background:linear-gradient(180deg,var(--r2),rgba(239,43,55,.15))}
@keyframes grow{from{transform:scaleY(0)}}
.mock-list div{display:flex;align-items:center;gap:10px;padding:9px 4px;border-top:1px solid var(--glass-line);font-size:.78rem;color:#c5d2c9}
.mock-list div:first-child{border-top:0}.mock-list i{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--g),var(--r2));flex:none}.mock-list em{margin-left:auto;font-style:normal;color:#4fd69a;font-weight:700}
.mock-float{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 15px;border-radius:14px;background:rgba(10,15,12,.88);backdrop-filter:blur(10px);border:1px solid var(--glass-line);box-shadow:0 20px 40px -18px #000;font-size:.78rem;color:#fff;animation:floaty 6s ease-in-out infinite}
.mock-float small{display:block;color:#8fa195;font-size:.68rem}.mock-float .dot{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--g);color:#04130a}
.mock-float.a{left:-14px;bottom:30px}.mock-float.b{right:-8px;top:-18px;animation-delay:-3s}.mock-float.b .dot{background:var(--r2);color:#fff}
@keyframes floaty{50%{transform:translateY(-10px)}}
@media(max-width:600px){.mock-float{display:none}.mock-win{transform:none}}
/* stats */
.stats{border:0;background:transparent;gap:14px;margin-top:-58px;box-shadow:none}
.stat{border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow);padding:22px 14px;transition:transform .3s var(--ease),box-shadow .3s}
.stat:hover{transform:translateY(-4px)}
.stat b{font-family:var(--font-body);font-weight:800;letter-spacing:-.03em;font-size:2.2rem;background:linear-gradient(120deg,var(--g2),var(--r2));-webkit-background-clip:text;background-clip:text;color:transparent}
/* marquee */
.marquee{overflow:hidden;padding:26px 0 6px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-track{display:flex;gap:14px;width:max-content;animation:scrollX 40s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee span{display:inline-flex;align-items:center;gap:9px;padding:9px 18px;border-radius:99px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:.88rem;color:#2a332d;white-space:nowrap}
.marquee span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--g)}.marquee span:nth-child(3n)::before{background:var(--r2)}
@keyframes scrollX{to{transform:translateX(-50%)}}
/* sections & headings */
.section{padding:84px 0}
.section-head{max-width:700px}
.section-head .kicker{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--g2);margin-bottom:10px}
h2{font-family:var(--font-body);font-weight:800;letter-spacing:-.03em}
.section-head h2{font-size:clamp(1.8rem,4.6vw,2.7rem)}
h3{font-family:var(--font-body);font-weight:700}
.page-hero{background:#050706;padding:56px 0 60px}
.page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 90% at 90% 0%,rgba(18,183,95,.3),transparent 70%),radial-gradient(40% 80% at 0% 100%,rgba(239,43,55,.22),transparent 70%)}
.page-hero h1{font-family:var(--font-body);font-weight:800;letter-spacing:-.03em}
.page-hero::after{border-color:rgba(255,255,255,.08)}
/* cards with cursor spotlight */
.card{border-radius:18px;position:relative;overflow:hidden;border-color:#e3e8e1;background:#fff;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(320px circle at var(--mx,50%) var(--my,0%),rgba(18,183,95,.12),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
.card:hover{transform:translateY(-5px);border-color:rgba(18,183,95,.45);box-shadow:0 26px 50px -26px rgba(5,7,6,.35)}
.card:hover::before{opacity:1}
.card-icon{border-radius:14px;width:50px;height:50px;background:linear-gradient(135deg,#e3f7ec,#d2f0e1);color:var(--g2);transition:transform .35s var(--ease)}
.card:hover .card-icon{transform:scale(1.1) rotate(-4deg)}
.card:nth-child(3n+2) .card-icon{background:linear-gradient(135deg,#fde9eb,#fbd6da);color:var(--r2)}
.card:nth-child(3n) .card-icon{background:linear-gradient(135deg,#eef1ee,#dfe5e0);color:#1a201c}
.bento{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:700px){.bento{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.bento{grid-template-columns:repeat(4,1fr)}.bento .card:nth-child(1),.bento .card:nth-child(6){grid-column:span 2}}
.bento .card{padding:26px}
.bento .card .link-arrow{margin-top:10px}
/* featured product spotlight */
.spot{background:#050706;color:#fff;border-radius:28px;position:relative;overflow:hidden;display:grid;gap:30px;padding:clamp(24px,5vw,56px);align-items:center;border:1px solid var(--glass-line)}
.spot::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 70% at 100% 0%,rgba(18,183,95,.35),transparent 65%),radial-gradient(45% 60% at 0% 100%,rgba(239,43,55,.28),transparent 70%)}
.spot>*{position:relative}
.spot h2{color:#fff;font-size:clamp(1.8rem,4.4vw,2.7rem)}.spot p{color:#b4c2b8}
.spot-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}
.spot-chips span{padding:6px 13px;border-radius:99px;background:var(--glass);border:1px solid var(--glass-line);font-size:.8rem;font-weight:700;color:#d6e3da}
.spot-img{border-radius:18px;overflow:hidden;border:1px solid var(--glass-line);box-shadow:0 40px 70px -30px #000;transform:rotate(1.5deg);transition:transform .5s var(--ease)}
.spot-img:hover{transform:rotate(0) scale(1.02)}.spot-img img{display:block;width:100%;height:auto}
@media(min-width:900px){.spot{grid-template-columns:1fr 1fr}}
/* process timeline */
.steps{gap:16px}
.steps li{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;position:relative;transition:transform .3s var(--ease),box-shadow .3s}
.steps li:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.steps li::before{font-family:var(--font-body);font-weight:800;font-size:2.4rem;line-height:1;margin-bottom:12px;background:linear-gradient(120deg,var(--g),var(--r2));-webkit-background-clip:text;background-clip:text;color:transparent}
/* why grid */
.why{display:grid;gap:16px}@media(min-width:700px){.why{grid-template-columns:repeat(3,1fr)}}
.why div{padding:26px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-line)}
.why h3{color:#fff;margin:14px 0 6px;font-size:1.05rem}.why p{color:#a9b9ae;margin:0;font-size:.93rem}
.why .card-icon{background:rgba(18,183,95,.16);color:#6fe0ab}
.section-dark{background:#050706;position:relative}
.section-dark::before{content:"";position:absolute;inset:0;background:radial-gradient(45% 50% at 50% 0%,rgba(18,183,95,.16),transparent 70%)}
.section-dark>.wrap{position:relative}
.section-dark .section-head h2{color:#fff}.section-dark .section-head p{color:#a9b9ae}.section-dark .kicker{color:#6fe0ab}
/* demo callout (service pages) */
.demo-callout{display:grid;gap:22px;align-items:center;background:#050706;color:#fff;border-radius:22px;padding:clamp(22px,4vw,38px);margin:0 0 34px;position:relative;overflow:hidden;border:1px solid var(--glass-line)}
.demo-callout::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 90% at 100% 0%,rgba(18,183,95,.35),transparent 65%),radial-gradient(40% 70% at 0% 100%,rgba(239,43,55,.25),transparent 70%)}
.demo-callout>*{position:relative}.demo-callout h2{color:#fff;font-size:clamp(1.4rem,3.4vw,2rem);margin-bottom:.3em}.demo-callout p{color:#b4c2b8;margin:0 0 18px}
.demo-callout .demo-tag{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:4px 11px;border-radius:99px;background:var(--g);color:#04130a;margin-bottom:12px}
.demo-callout img{display:block;width:100%;border-radius:14px;border:1px solid var(--glass-line);box-shadow:0 30px 50px -24px #000}
.demo-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.demo-note{font-size:.78rem;color:#8fa195}
@media(min-width:820px){.demo-callout{grid-template-columns:1.1fr .9fr}}
/* CTA band */
.cta-band{background:#050706;position:relative;overflow:hidden;padding:64px 0}
.cta-band::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 120% at 90% 50%,rgba(18,183,95,.35),transparent 70%),radial-gradient(35% 120% at 5% 50%,rgba(239,43,55,.28),transparent 70%)}
.cta-band .wrap{position:relative}.cta-band h2{font-size:clamp(1.6rem,4vw,2.4rem)}.cta-band p{color:#b4c2b8}
/* footer */
.site-footer{background:#050706;position:relative}
.footer-line{height:3px;background:linear-gradient(90deg,#050706 0 25%,var(--r2) 25% 50%,var(--g) 50% 75%,#fff 75%)}
.site-footer a{transition:color .2s}.footer-col a:hover{color:#6fe0ab}
.footer-col h2{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#6fe0ab}
.foot-demo{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:9px 16px;border-radius:99px;background:var(--glass);border:1px solid var(--glass-line);color:#fff;font-weight:700;font-size:.85rem}
.foot-demo:hover{border-color:var(--g)}
/* misc polish */
.form-card,.price-box{border-radius:18px}
.tbl-wrap,.table-wrap{border-radius:16px}
.poster-tile{border-radius:16px}
.project-card{border-radius:18px}
.to-top{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;border:1px solid var(--glass-line);background:rgba(5,7,6,.9);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:.3s;z-index:70}
.to-top.show{opacity:1;pointer-events:auto;transform:none}
.to-top:hover{background:var(--g2)}