:root{--bg:#0a0f1c;--bg-2:#111827;--bg-3:#1f2937;--surface:#151c2e;--blue:#2563eb;--blue-2:#0a61fc;--sky:#38bdf8;--green:#10b981;--amber:#f59e0b;--text:#fff;--text-soft:#c7d2e5;--muted:#94a3b8;--line:#38bdf829;--light:#f3f6fb;--light-card:#fff;--shadow:0 20px 50px #00000059;--radius:16px;--font:"Poppins", sans-serif;--max:1160px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:radial-gradient(900px 500px at 10% -10%, #2563eb47, transparent 55%), radial-gradient(800px 480px at 95% 0%, #0ea5e92e, transparent 50%), linear-gradient(180deg, #070b14 0%, var(--bg) 40%, #0b1220 100%);letter-spacing:.01em;word-spacing:.02em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,h4,strong{letter-spacing:0;word-spacing:.03em;line-height:1.25}h1,h2,h3,h4,p{margin:0}img{max-width:100%;display:block}.container{width:min(100% - 2.5rem, var(--max));margin-inline:auto}.section{padding:5rem 0}.section--light{background:var(--light);color:#0f172a}.section--soft{background:linear-gradient(#2563eb14,#0000)}.section__head{max-width:640px;margin-bottom:2.5rem}.section__head.center{text-align:center;margin-inline:auto}.section__head h2,.page-hero h1,.detail-hero h1{margin:.45rem 0 .85rem;font-size:clamp(1.85rem,3.4vw,2.8rem);font-weight:700}.section--light .section__head h2{color:#0f172a}.section__head p,.page-hero p,.hero__lead{color:var(--muted);font-size:1.02rem;line-height:1.7}.section--light .section__head p{color:#64748b}.eyebrow{color:var(--sky);letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;font-weight:600;display:inline-block}.eyebrow.dark{color:var(--blue)}.btn{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;min-height:3rem;padding:.75rem 1.35rem;font-weight:600;transition:transform .2s,filter .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{background:linear-gradient(135deg, var(--blue-2), var(--blue));color:#fff;box-shadow:0 10px 28px #2563eb59}.btn--primary:hover{filter:brightness(1.08)}.btn--secondary{color:var(--sky);background:0 0;border:1px solid #38bdf866}.btn--secondary:hover{background:#38bdf81a}.btn--white{color:var(--blue);background:#fff}.btn--sm{min-height:2.5rem;padding:.55rem 1rem;font-size:.92rem}.btn--block{width:100%}.text-link{color:var(--blue);font-size:.92rem;font-weight:600}.center-actions{justify-content:center;margin-top:2rem;display:flex}.brand{align-items:center;gap:.7rem;display:inline-flex}.brand__logo{object-fit:cover;background:#000;border:1px solid #38bdf873;border-radius:50%;flex-shrink:0;width:3.35rem;height:3.35rem}.brand__logo--lg{width:4.25rem;height:4.25rem}.brand__mark{color:#fff;letter-spacing:.04em;background:linear-gradient(145deg,#60a5fa,#1d4ed8);border-radius:10px;place-items:center;width:2.5rem;height:2.5rem;font-size:.78rem;font-weight:800;display:grid}.brand__text{gap:.1rem;display:grid}.brand__text strong{font-size:.98rem;font-weight:700}.brand__text small{color:var(--muted);letter-spacing:.12em;font-size:.68rem}.nav{z-index:50;transition:background .25s,box-shadow .25s;position:sticky;top:0}.nav--scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line);background:#0a0f1ceb}.nav__inner{justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;display:flex}.nav__links{align-items:center;gap:1.25rem;display:flex}.nav__links a:not(.btn){color:var(--text-soft);font-size:.94rem;font-weight:500}.nav__links a.active,.nav__links a:not(.btn):hover{color:var(--sky)}.nav__toggle{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;width:2.6rem;height:2.6rem;padding:0;display:none}.nav__toggle span{background:#fff;width:1.1rem;height:2px;margin:.28rem auto;display:block}.hero{padding:3.5rem 0 4.5rem;position:relative;overflow:hidden}.hero__glow{filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#2563eb59,#0000 60%);width:55%;height:70%;position:absolute;inset:-20% 20% auto auto}.hero__grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:2.5rem;display:grid;position:relative}.hero__copy h1{max-width:14ch;margin:.6rem 0 1rem;font-size:clamp(2rem,4.2vw,3.35rem);font-weight:700;line-height:1.2}.hero__lead{max-width:42ch;margin-bottom:1.6rem}.hero__actions{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.stats__item{border:1px solid var(--line);background:#151c2ecc;border-radius:12px;padding:.85rem .7rem}.stats__item strong{color:var(--sky);font-size:1.25rem;display:block}.stats__item span{color:var(--muted);font-size:.78rem}.dash{min-height:360px;box-shadow:var(--shadow);background:linear-gradient(160deg,#152036,#0d1424);border:1px solid #38bdf838;border-radius:22px;grid-template-columns:64px 1fr;animation:7s ease-in-out infinite floaty;display:grid;overflow:hidden}.dash__side{background:#00000040;align-content:start;gap:.85rem;padding:1.2rem .9rem;display:grid}.dash__side i{border:1.5px solid #ffffff59;border-radius:6px;width:1.4rem;height:1.4rem}.dash__main{padding:1.2rem}.dash__top{gap:.5rem;margin-bottom:1rem;display:flex}.dash__top span{background:#334155;border-radius:999px;width:70px;height:10px}.dash__cards{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.dash__cards div{background:#2563eb26;border:1px solid #38bdf82e;border-radius:12px;padding:.9rem}.dash__cards small{color:var(--muted);font-size:.75rem}.dash__cards b{margin-top:.25rem;font-size:1.25rem;display:block}.dash__chart{align-items:flex-end;gap:.55rem;height:140px;display:flex}.dash__chart i{background:linear-gradient(180deg, var(--sky), #2563eb40);border-radius:8px 8px 4px 4px;flex:1;display:block}@keyframes floaty{0%,to{translate:0}50%{translate:0 -8px}}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.product-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);gap:.7rem;padding:1.25rem;transition:transform .2s,border-color .2s;display:grid}.product-card:hover{border-color:#38bdf866;transform:translateY(-3px)}.product-card--light{background:var(--light-card);color:#0f172a;border-color:#e2e8f0;box-shadow:0 10px 24px #0f172a0f}.product-card--light p{color:#64748b}.product-card__icon{border-radius:12px;place-items:center;width:2.75rem;height:2.75rem;display:grid}.product-card__icon svg{width:1.35rem;height:1.35rem}.product-card h3{font-size:1.05rem;font-weight:650}.product-card p{color:var(--muted);font-size:.92rem;line-height:1.6}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem;display:grid}.demo-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);flex-direction:column;gap:.85rem;padding:1.15rem;display:flex}.demo-card__media{gap:.55rem;margin:-.15rem -.15rem .15rem;display:grid}.demo-card__media>img{aspect-ratio:16/9;object-fit:cover;object-position:top center;background:#0b1220;border:1px solid #38bdf82e;border-radius:12px;width:100%}.demo-card__thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.demo-card__thumbs button{cursor:pointer;opacity:.72;background:#0b1220;border:1px solid #38bdf833;border-radius:8px;padding:0;transition:opacity .2s,border-color .2s;overflow:hidden}.demo-card__thumbs button.is-active,.demo-card__thumbs button:hover{opacity:1;border-color:var(--sky)}.demo-card__thumbs img{aspect-ratio:16/10;object-fit:cover;object-position:top center;width:100%;display:block}.demo-card__cat{color:var(--sky);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.demo-card h3{font-size:1.25rem}.demo-card p{color:var(--muted);line-height:1.65}.tag-list{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tag-list li{color:var(--sky);background:#2563eb26;border:1px solid #38bdf833;border-radius:8px;padding:.28rem .6rem;font-size:.78rem;font-weight:600}.creds{background:#00000047;border:1px dashed #38bdf847;border-radius:12px;gap:.45rem;padding:.85rem;display:grid}.creds p{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:.45rem .7rem;margin:0;font-size:.9rem;display:flex}.creds span{letter-spacing:.06em;text-transform:uppercase;min-width:4.5rem;color:var(--muted);font-size:.72rem;font-weight:700}.creds code{border:1px solid var(--line);color:var(--sky);background:#0b1220;border-radius:7px;padding:.18rem .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem}.demo-card .btn{margin-top:auto}.demo-note{border-radius:var(--radius);background:linear-gradient(135deg,#10203f,#152a52);border:1px solid #38bdf840;margin-top:1.5rem;padding:1.5rem}.demo-note h3{margin-bottom:.5rem}.demo-note p{color:var(--muted);max-width:70ch;line-height:1.7}.why-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.why-card{border-radius:var(--radius);border:1px solid var(--line);background:#151c2ed9;padding:1.3rem}.why-card h3{margin-bottom:.5rem;font-size:1.1rem}.why-card p{color:var(--muted);font-size:.94rem;line-height:1.65}.cta{padding:0 0 4.5rem}.cta__inner{background:linear-gradient(120deg,#1d4ed8,#2563eb 45%,#0ea5e9);border-radius:22px;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 18px 40px #2563eb59}.cta__inner h2{margin-bottom:.45rem;font-size:clamp(1.5rem,2.6vw,2rem)}.cta__inner p{color:#ffffffe0;max-width:48ch;line-height:1.65}.page-hero{padding:3.5rem 0 2rem}.page-hero p{max-width:54ch}.filters{flex-wrap:wrap;gap:.55rem;margin-bottom:1.5rem;display:flex}.filter-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:.55rem 1rem;font-weight:600}.filter-btn.is-active,.filter-btn:hover{background:var(--blue);border-color:var(--blue);color:#fff}.detail-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem;display:grid}.detail-panel{box-shadow:var(--shadow);background:linear-gradient(160deg,#152036,#0d1424);border:1px solid #38bdf838;border-radius:20px;overflow:hidden}.detail-panel__bar{background:#00000040;gap:.35rem;padding:.9rem 1rem;display:flex}.detail-panel__bar span{background:#475569;border-radius:50%;width:8px;height:8px}.detail-panel__body{padding:1.2rem}.detail-panel__body strong{font-size:1.2rem;display:block}.detail-panel__body em{color:var(--sky);margin:.25rem 0 1rem;font-size:.8rem;font-style:normal;display:block}.dual{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.dual h2{color:#0f172a;margin-bottom:1rem;font-size:1.45rem}.feature-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.feature-list li{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.85rem .95rem .85rem 2.2rem;font-weight:500;position:relative}.feature-list li:before{content:"✓";color:var(--blue);font-weight:700;position:absolute;left:.85rem}.steps-list{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.steps-list li{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:2.5rem 1fr;gap:.8rem;padding:.95rem;display:grid}.steps-list span{color:var(--blue);font-weight:700}.steps-list p{color:#475569}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.case-card{border-radius:var(--radius);color:#0f172a;background:#fff;border:1px solid #e2e8f0;gap:.7rem;padding:1.35rem;display:grid;box-shadow:0 10px 24px #0f172a0d}.case-card__industry{color:var(--blue);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:700}.case-card p{color:#64748b;line-height:1.65}.case-card__result{color:#059669;font-size:1.05rem}.mini-demo-list{gap:.7rem;display:grid}.mini-demo{background:var(--surface);border:1px solid var(--line);border-radius:12px;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;display:flex}.mini-demo em{color:var(--sky);font-style:normal;font-weight:600}.contact-grid{grid-template-columns:1.1fr .9fr;gap:1.25rem;display:grid}.contact-form,.contact-aside{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1.5rem}.contact-form{gap:.85rem;display:grid}.contact-form h2,.contact-aside h2{margin-bottom:.3rem;font-size:1.35rem}.contact-form label{color:#334155;gap:.35rem;font-size:.85rem;font-weight:600;display:grid}.contact-form input,.contact-form select,.contact-form textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:.8rem .9rem}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue)}.contact-success{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:1rem}.contact-aside ul{gap:.9rem;margin:1rem 0;padding:0;list-style:none;display:grid}.contact-aside li span{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin-bottom:.2rem;font-size:.75rem;font-weight:700;display:block}.contact-aside a{color:var(--blue);font-weight:600}.map-placeholder{color:#1e3a8a;text-align:center;background:linear-gradient(135deg,#2563eb26,#0ea5e933),#e2e8f0;border-radius:14px;place-items:center;min-height:140px;margin-top:1rem;padding:1rem;font-weight:600;display:grid}.footer{border-top:1px solid var(--line);padding:2.5rem 0 1.5rem}.footer__grid{grid-template-columns:1.4fr 1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.footer h4{margin-bottom:.7rem}.footer__about{color:var(--muted);max-width:36ch;margin-top:.85rem;line-height:1.65}.footer__links{gap:.45rem;display:grid}.footer__links a{color:var(--text-soft)}.footer__links a:hover{color:var(--sky)}.footer__copy{color:var(--muted);border-top:1px solid var(--line);padding-top:1rem;font-size:.88rem}.brand--footer .brand__text strong{color:#fff}@media (width<=1000px){.hero__grid,.detail-hero,.dual,.contact-grid,.footer__grid{grid-template-columns:1fr}.product-grid,.why-grid,.case-grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero__copy h1{max-width:none}}@media (width<=720px){.nav__toggle{display:inline-block}.nav__links{border-bottom:1px solid var(--line);background:#0a0f1cfa;flex-direction:column;align-items:stretch;gap:.4rem;padding:1rem 1.25rem 1.25rem;display:none;position:absolute;top:100%;left:0;right:0}.nav__links.is-open{display:flex}.product-grid,.demo-grid,.why-grid,.case-grid,.stats{grid-template-columns:1fr}.cta__inner{flex-direction:column;align-items:flex-start}.hero__copy h1{font-size:clamp(1.8rem,8vw,2.4rem)}}
