/* Innovative CraftX — premium SaaS visual system. Loaded after site.css. */
:root {
  --icx-primary: #6264f5;
  --icx-primary2: #8c5cff;
  --icx-ink: #101b39;
  --icx-muted: #626c84;
  --icx-border: #e6eafa;
  --icx-soft: #f6f8ff;
  --icx-shadow: 0 22px 66px rgba(35, 49, 111, .075);
  --premium-surface: #fff;
  --premium-text: #101b39;
  --premium-subtle: #68728d;
  --premium-card-border: rgba(89, 103, 168, .14);
}
html { scroll-padding-top: 90px; }
body.site-body { font-family: Inter, system-ui, sans-serif; overflow-x: clip; background: var(--bs-body-bg); }
h1,h2,h3,h4,h5,h6,.navbar-brand { font-family: 'Plus Jakarta Sans', Inter, sans-serif; }
h1,h2 { letter-spacing: -.064em; }
p { line-height: 1.75; }
::selection { background: #7778ef; color: #fff; }
.container { --bs-gutter-x: 2rem; }
.scroll-progress { width: 0; position: fixed; left: 0; top: 0; height: 3px; z-index: 1200; background: linear-gradient(90deg, #5be4fb, #8470ff 55%, #d8a0fc); box-shadow: 0 0 15px rgba(99,122,247,.55); pointer-events: none; }
.site-header { background: rgba(255,255,255,.85); backdrop-filter: blur(24px) saturate(150%); -webkit-backdrop-filter:blur(24px) saturate(150%); border-bottom: 1px solid rgba(185,194,226,.30); transition: box-shadow .25s, background .25s; }
.site-header.is-scrolled { box-shadow: 0 10px 36px rgba(24,36,86,.08); }
.site-header .navbar { min-height: 76px; padding-block: 11px!important; }
.navbar-brand { font-size: 1.05rem; font-weight: 800!important; letter-spacing: -.065em; }
.brand-mark { width: 39px; height: 39px; border-radius: 12px; background: linear-gradient(145deg,#5380ff,#7767f9 58%,#9b65fd); box-shadow: 0 8px 22px rgba(95,96,245,.22), inset 0 1px 0 rgba(255,255,255,.38); transform:rotate(-6deg); }
.brand-mark i { transform:rotate(6deg); }
.navbar .nav-link { color: #4b5877; font-weight: 650; font-size: .88rem; position: relative; }
.navbar .nav-link::after { content: ''; position:absolute; height: 2px; bottom: 2px; left: 12px; right:12px; background: #6a67fa; transform:scaleX(0); transform-origin:center; transition:transform .22s; border-radius:10px; }
.navbar .nav-link:hover::after,.navbar .nav-link.active::after { transform:scaleX(1); }
.site-header .btn-primary,.btn-primary { border-color: transparent; background: linear-gradient(115deg, #5b62f3 0%, #7360f4 75%, #8466f7); box-shadow: 0 7px 22px rgba(91,98,243,.18); }
.site-header .btn-primary:hover,.btn-primary:hover { border-color: transparent; background: linear-gradient(115deg, #454ee5, #6a53e5); box-shadow:0 11px 28px rgba(93,88,239,.24); }
.btn { transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease; }
.btn-theme { width:41px;height:41px; border-radius:13px; background: rgba(113,123,207,.06); border:1px solid var(--icx-border); display:grid;place-items:center; }
.btn-theme:hover { background: rgba(111,103,250,.14); }
.eyebrow,.section-kicker { color:#625ce8; letter-spacing:.19em; font-size:.71rem; font-weight:800; }
.section-heading h2,.content-section h2 { font-size: clamp(2.1rem,3.7vw,3.35rem); line-height:1.17; font-weight:800; }
.content-section { padding: 108px 0; }
.section-muted { background: linear-gradient(130deg, #f7f9ff, #f4f7ff 55%,#f9f8ff); }
.text-link { color: #5a57db; font-size:.91rem; }
.text-link:hover { color:#4e44c5; }
/* Cinematic landing section */
.home-hero { isolation:isolate; position:relative; padding: 108px 0 92px; overflow:hidden; min-height:680px; background: radial-gradient(ellipse 48% 53% at 80% 54%,rgba(85,59,196,.4),transparent 72%),radial-gradient(ellipse 72% 110% at 0% 25%,#192258 0%,transparent 72%),linear-gradient(112deg,#090f28,#101636 47%,#16143a 100%); color:#fff; }
.home-hero::before { content:''; position:absolute; z-index:-1; width:790px;height:790px; border:1px solid rgba(255,255,255,.065);border-radius:50%; left:auto; right:-260px; top:-145px; }
.home-hero::after { content:''; position:absolute;z-index:-1; width:500px;height:500px; border:1px solid rgba(255,255,255,.05);border-radius:50%; left:-280px; bottom:-335px; }
.hero-grid { position:absolute; inset:0; opacity:.23; pointer-events:none; background-image:linear-gradient(rgba(176,187,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(176,187,255,.10) 1px,transparent 1px);background-size:76px 76px; mask-image:linear-gradient(90deg,transparent 5%,#000 70%,transparent); }
.hero-aurora { position:absolute; z-index:-1; border-radius:50%;filter:blur(85px);pointer-events:none; animation:auroraDrift 15s ease-in-out infinite alternate; }
.hero-aurora-one {width:570px;height:560px;background:rgba(108,80,251,.24);top:-270px;right:-130px; }
.hero-aurora-two {width:490px;height:460px;background:rgba(13,163,217,.17);bottom:-240px;left:20%;animation-delay:-5s;}
.hero-orb {position:absolute;border-radius:50%;z-index:-1;pointer-events:none;background:linear-gradient(135deg,rgba(132,121,255,.65),rgba(0,238,253,.15));box-shadow:inset -12px -18px 28px rgba(16,20,80,.6),0 18px 55px rgba(72,69,253,.22);}
.hero-orb-a {width:42px;height:42px;right:18%;top:14%;animation:floatVertical 9s ease-in-out infinite;}
.hero-orb-b {width:12px;height:12px;left:52%;top:15%;animation:floatVertical 7s ease-in-out infinite -3s;}
.home-hero h1 {font-size:clamp(3.15rem,5.2vw,5.75rem);font-weight:800;line-height:1.065;max-width:850px;margin:27px 0 26px;letter-spacing:-.077em;background:linear-gradient(105deg,#fff 40%,#c6d5ff 68%,#b5b2ff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-copy {position:relative;z-index:3;}
.hero-subtitle {font-size:clamp(1.02rem,1.35vw,1.2rem);max-width:585px;color:#bec9e7;line-height:1.85;margin-bottom:33px;}
.pill-caption {font-size:.67rem;font-weight:800;letter-spacing:.13em;padding:11px 16px;background:rgba(111,133,218,.10);border:1px solid rgba(174,190,255,.23);box-shadow:inset 0 1px rgba(255,255,255,.08);}
.pill-caption .bi-arrow-up-right {font-size:.9rem;opacity:.75;margin-left:2px;}
.live-dot {background:#67e7ce;box-shadow:0 0 0 4px rgba(104,236,205,.11),0 0 18px rgba(104,236,205,.5);flex:none;}
.hero-actions .btn {font-size:.9rem;padding:14px 23px!important;font-weight:700;}
.home-hero .btn-primary {background:linear-gradient(112deg,#7774ff,#a368ff);border:1px solid rgba(255,255,255,.13);box-shadow:0 14px 34px rgba(110,86,247,.3);}
.home-hero .btn-outline-light {background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.27);backdrop-filter:blur(12px);}
.home-hero .btn-outline-light:hover {color:#151a39;background:#fff;}
.hero-footnote {gap:12px 19px;color:#a4b4d8;margin-top:35px;font-size:.76rem;}
.hero-footnote span {display:inline-flex;align-items:center;gap:8px;}
.hero-footnote i {color:#66e9d2;}
.hero-stage {height:490px;position:relative;perspective:1200px;isolation:isolate;}
.stage-halo {position:absolute;width:480px;height:420px;border-radius:50%;top:10%;left:8%;background:radial-gradient(ellipse,rgba(94,98,255,.35),rgba(95,64,233,.06) 67%,transparent 75%);filter:blur(32px);}
.stage-ring {position:absolute;border:1px solid rgba(174,189,255,.16);border-radius:50%;width:490px;height:490px;left:6%;top:0;transform:rotateX(67deg) rotateZ(-30deg);}
.stage-ring-two {width:570px;height:570px;left:-3%;top:-8%;border-style:dashed;opacity:.55;}
.hero-main-window {position:absolute;top:52px;left:20px;width:calc(100% - 28px);max-width:620px;transform:rotateY(-10deg) rotateX(5deg) rotateZ(1.2deg);transform-style:preserve-3d;animation:heroWindowFloat 9s ease-in-out infinite;filter:drop-shadow(0 45px 40px rgba(1,6,29,.45));}
.hero-main-window .interface-concept {height:363px;}
.hero-floating-panel {position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.94);color:#263257;border:1px solid rgba(255,255,255,.9);padding:12px 13px;border-radius:15px;box-shadow:0 20px 48px rgba(2,8,37,.30);animation:floatVertical 7s ease-in-out infinite;min-width:174px;}
.hero-floating-panel span:not(.floating-panel-icon){display:flex;flex-direction:column;gap:1px;}
.hero-floating-panel strong{font-size:.72rem;font-weight:800;}
.hero-floating-panel small{font-size:.59rem;color:#8490ad;}
.floating-panel-icon {height:32px;width:32px;background:linear-gradient(135deg,#e0eaff,#f0e6ff);color:#635ce8;display:grid;place-items:center;border-radius:10px;}
.floating-panel-icon.pharma-icon {background:#e1f9f5;color:#20a893;}
.floating-panel-check{color:#16b88a;margin-left:auto;font-size:.8rem;}
.hero-panel-left{top:0;left:-44px;animation-delay:-2.7s;transform:rotate(-5deg);}
.hero-panel-right{right:-28px;bottom:45px;animation-delay:-4.3s;transform:rotate(4deg);}
.hero-glass-label{position:absolute;bottom:4px;left:0;font-size:.72rem;letter-spacing:.05em;color:#f2f3ff;background:rgba(162,163,255,.10);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(13px);border-radius:50px;padding:9px 15px;}
.hero-glass-label .bi {color:#a9a7ff;margin-right:6px;}
.hero-scroll-hint{display:flex;align-items:center;justify-content:center;gap:13px;font-size:.59rem;letter-spacing:.24em;color:#8e9dc5;position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:1;white-space:nowrap;}
.hero-scroll-hint span {width:27px;height:1px;background:#8e9dc5;}
/* Fully HTML/CSS-built concept dashboards. No network images, inflated KPI claims or raster dependencies. */
.interface-concept{--ui-accent:#6269f7;--ui-accent-soft:#ebedff;display:flex;flex-direction:column;width:100%;height:100%;border:1px solid rgba(210,219,242,.93);background:#f7f9ff;color:#1f2a48;border-radius:16px;overflow:hidden;box-shadow:0 22px 55px rgba(27,34,91,.12);font-family:Inter,system-ui,sans-serif;}
.interface-pos {--ui-accent:#5868fa;--ui-accent-soft:#e6eaff;}
.interface-pharma {--ui-accent:#00a79e;--ui-accent-soft:#daf8f3;}
.interface-school {--ui-accent:#ad6af0;--ui-accent-soft:#f3e6ff;}
.interface-erp {--ui-accent:#617af6;--ui-accent-soft:#e7eeff;}
.interface-topbar{height:37px;flex:none;display:flex;align-items:center;padding:0 14px;gap:10px;background:#fff;border-bottom:1px solid #e9edf7;}
.window-dots {display:flex;gap:4px;}
.window-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#ff998f;}
.window-dots i:nth-child(2){background:#ffd17b;}.window-dots i:nth-child(3){background:#65d9a8;}
.interface-topname{display:flex;align-items:center;gap:6px;margin-left:6px;font-size:10px;font-weight:750;letter-spacing:-.02em;}
.interface-topname i {color:var(--ui-accent);font-size:12px;}
.interface-concept-tag{margin-left:auto;color:#8c99b1;font-size:8px;letter-spacing:.02em;white-space:nowrap;}
.interface-layout{display:flex;flex:1;min-height:0;}
.interface-rail{display:flex;align-items:center;flex-direction:column;gap:23px;width:49px;flex:none;border-right:1px solid #e9edf7;background:#fff;padding:16px 0;color:#aab4cc;font-size:12px;}
.interface-rail-logo{border-radius:10px;width:29px;height:29px;background:var(--ui-accent-soft);color:var(--ui-accent);display:grid;place-items:center;margin-bottom:7px;}
.interface-body{padding:18px 20px;flex:1;min-width:0;overflow:hidden;}
.interface-eyebrow{font-size:8px;letter-spacing:.16em;color:#9aa5bc;font-weight:700;}
.interface-title{font-size:15px;font-weight:800;margin:4px 0 15px;letter-spacing:-.05em;}
.interface-title span{color:#b7c0d6;font-size:12px;margin-left:2px;}
.interface-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.interface-mini-stats>div{background:white;border:1px solid #e9eef8;border-radius:9px;padding:12px 12px 10px;position:relative;min-width:0;}
.interface-mini-stats span{display:block;font-size:8px;color:#8a99b0;white-space:nowrap;}
.interface-mini-stats strong{display:block;font-size:12px;margin-top:7px;font-weight:800;white-space:nowrap;}
.interface-mini-stats i{font-size:10px;color:var(--ui-accent);position:absolute;right:10px;bottom:13px;}
.interface-status-dot{position:absolute;right:13px;bottom:15px;width:6px;height:6px;border-radius:50%;background:#21c69b;}
.interface-lower{display:grid;grid-template-columns:1.15fr 1fr;gap:11px;margin-top:12px;min-height:0;}
.interface-chart,.interface-items{background:white;border:1px solid #e9eef8;border-radius:10px;padding:12px 12px 8px;min-width:0;}
.interface-chart-head{display:flex;align-items:center;justify-content:space-between;color:#253452;font-size:9px;gap:5px;}
.interface-chart-head i{color:#9aa6bc;}
.interface-bars{height:73px;display:flex;align-items:end;gap:5px;border-bottom:1px dashed #e8edf9;margin-top:10px;}
.interface-bars span{flex:1;min-width:2px;background:linear-gradient(180deg,var(--ui-accent),#b7caff);border-radius:4px 4px 0 0;opacity:.88;}
.interface-axis{display:flex;justify-content:space-between;color:#afbad0;font-size:7px;margin-top:5px;}
.interface-item{display:flex;align-items:center;gap:6px;padding:7px 0;border-bottom:1px solid #f1f3fa;}
.interface-item:last-child{border:none;}
.interface-item-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:var(--ui-accent-soft);color:var(--ui-accent);font-size:11px;flex:none;}
.interface-item-name{font-size:8px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.interface-item small{margin-left:auto;font-size:7px;color:#a3aec0;}
/* Product portfolio */
.products-section {position:relative;background:linear-gradient(#fff, #fbfcff);}
.product-card {--tilt-x:0deg;--tilt-y:0deg;border:1px solid var(--premium-card-border);background:var(--premium-surface);border-radius:23px;box-shadow:0 10px 40px rgba(41,53,117,.055);transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s;transform-style:preserve-3d;}
.product-card:hover{transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-6px);border-color:rgba(107,106,249,.4);box-shadow:0 25px 60px rgba(60,69,150,.13);}
.product-card-visual{height:240px;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,rgba(159,168,255,.37),transparent 63%),linear-gradient(135deg,#eef2ff,#f8f4ff);padding:37px 28px 0;}
.product-card-visual:before{position:absolute;content:'';inset:0;background-image:linear-gradient(rgba(120,137,219,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(120,137,219,.09) 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(transparent 10%,#000);}
.product-card-visual .interface-concept{height:230px;transform:rotate(-3deg) translateY(5px);transform-origin:top center;box-shadow:0 20px 40px rgba(38,40,90,.19);transition:transform .35s;position:relative;}
.product-card:hover .product-card-visual .interface-concept {transform:rotate(0deg) translateY(-5px) scale(1.02);}
.product-card-visual .interface-layout{min-height:0;}
.product-card-visual .interface-rail{width:32px;gap:12px;padding:8px 0;font-size:8px;}
.product-card-visual .interface-rail-logo{width:21px;height:21px;border-radius:7px;margin-bottom:2px;}
.product-card-visual .interface-topbar{height:29px;padding:0 9px;}
.product-card-visual .interface-body{padding:12px;}
.product-card-visual .interface-title{font-size:11px;margin-bottom:9px;}
.product-card-visual .interface-mini-stats{gap:5px;}
.product-card-visual .interface-mini-stats>div{padding:7px;}
.product-card-visual .interface-mini-stats strong{font-size:9px;margin-top:5px;}
.product-card-visual .interface-mini-stats span{font-size:6px;}
.product-card-visual .interface-mini-stats i,.product-card-visual .interface-status-dot{display:none;}
.product-card-visual .interface-lower{margin-top:8px;gap:6px;}
.product-card-visual .interface-chart,.product-card-visual .interface-items{padding:7px;}
.product-card-visual .interface-bars{height:40px;gap:3px;}
.product-card-visual .interface-item{padding:4px 0;}
.product-card-visual .interface-item-icon{height:17px;width:17px;font-size:8px;}
.product-card-visual .interface-item-name{font-size:6px;}
.product-card-visual .interface-item small{display:none;}
.product-card-visual .product-cover {position:relative;width:100%;height:100%;object-fit:cover;border-radius:10px 10px 0 0;}
.product-card-content{position:relative;background:var(--premium-surface);}
.product-card-label{display:flex;align-items:center;gap:8px;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--icx-primary);}
.product-category-dot{display:inline-block;width:7px;height:7px;background:linear-gradient(#6b6df9,#a36ff7);border-radius:50%;}
.product-card h3{font-weight:800;font-size:1.21rem;margin-top:13px!important;letter-spacing:-.04em;}
.product-card .text-secondary{min-height:76px;font-size:.9rem;color:var(--premium-subtle)!important;}
.product-card .text-link{margin-top:5px;}
/* Tabbed interactive showcase */
.interface-showcase{background:radial-gradient(ellipse at 50% 5%,rgba(130,126,255,.10),transparent 65%),#fff;}
.showcase-header{max-width:760px;margin:0 auto 38px;}
.showcase-header p{max-width:650px;margin:14px auto 0;}
.preview-tabs{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-bottom:29px;}
.preview-tab{border:1px solid var(--icx-border);background:var(--premium-surface);padding:12px 19px;border-radius:999px;font-size:.86rem;font-weight:700;color:var(--premium-subtle);display:flex;align-items:center;gap:9px;transition:background .2s,color .2s,box-shadow .2s;}
.preview-tab:hover{color:var(--icx-primary);border-color:#b9b7fa;}
.preview-tab.is-active {color:#fff;background:linear-gradient(115deg,#595bf0,#8c61fa);border-color:transparent;box-shadow:0 9px 23px rgba(102,90,238,.23);}
.showcase-frame{position:relative;padding:54px;border:1px solid rgba(101,112,179,.15);background:linear-gradient(135deg,rgba(245,248,255,.97),rgba(250,249,255,.98));border-radius:30px;box-shadow:0 28px 100px rgba(37,44,109,.08);overflow:hidden;}
.showcase-frame::before{content:'';pointer-events:none;width:430px;height:430px;border-radius:50%;position:absolute;right:-130px;top:-200px;background:radial-gradient(circle,rgba(125,101,253,.20),transparent 68%);}
.preview-pane[hidden]{display:none!important;}
.preview-pane.is-active{animation:tabReveal .45s ease both;}
.showcase-index{font-weight:800;letter-spacing:.17em;font-size:.65rem;color:#7370dc;}
.showcase-frame h3{font-size:clamp(2rem,3vw,3.25rem);font-weight:800;line-height:1.17;letter-spacing:-.06em;margin:17px 0;}
.showcase-frame p{color:var(--premium-subtle);margin-bottom:23px;}
.showcase-mockup{padding:15px;background:linear-gradient(145deg,rgba(122,129,247,.17),rgba(182,153,250,.15));border:1px solid rgba(160,167,227,.22);border-radius:24px;box-shadow:0 30px 55px rgba(58,65,144,.13);transform:perspective(1150px) rotateY(-5deg) rotateX(2deg);}
.showcase-mockup .interface-concept {height:320px;}
.showcase-disclaimer{text-align:center;color:#8390a9;font-size:.75rem;margin:19px 0 0;}
/* Industry selector */
.industry-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:37px;}
.industry-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:13px;min-height:231px;padding:26px 21px;background:var(--premium-surface);border:1px solid var(--premium-card-border);border-radius:19px;color:var(--premium-text);transition:transform .26s,box-shadow .26s,border-color .26s;}
.industry-card:hover{transform:translateY(-6px);color:var(--premium-text);border-color:rgba(113,110,245,.4);box-shadow:0 22px 40px rgba(67,75,153,.10);}
.industry-icon {width:49px;height:49px;border-radius:15px;display:grid;place-items:center;color:#6864f0;background:linear-gradient(145deg,#e8eeff,#f3ebff);font-size:1.4rem;}
.industry-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:.98rem;font-weight:800;letter-spacing:-.04em;}
.industry-desc{font-size:.82rem;line-height:1.55;color:var(--premium-subtle);}
.industry-arrow{margin-top:auto;color:#7776d9;transition:transform .2s;}
.industry-card:hover .industry-arrow{transform:translate(3px,-3px);}
/* Rest of website inherits premium design */
.value-card,.quote-card,.client-card,.price-card,.blog-card,.form-panel,.contact-aside,.screenshot{border:1px solid var(--premium-card-border);box-shadow:var(--icx-shadow);border-radius:22px;}
.value-card{background:var(--premium-surface);transition:transform .25s,box-shadow .25s;}
.value-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(64,73,145,.12);}
.value-card>i{background:linear-gradient(145deg,#e6ebff,#f2e9ff);color:#6861ef;}
.quote-card{position:relative;overflow:hidden;background:var(--premium-surface);}
.quote-card::before{content:'';height:3px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#625ef2,#73cdf1,#b18afe);}
.quote-mark{background:linear-gradient(120deg,#5d63e8,#a169f6);-webkit-background-clip:text;background-clip:text;color:transparent;}
.price-card{background:var(--premium-surface);transition:transform .25s,box-shadow .25s;}
.price-card:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(60,70,147,.14);}
.plan-featured{border:1px solid #8780fb;box-shadow:0 20px 60px rgba(109,93,235,.16);}
.plan-badge{background:linear-gradient(115deg,#545af0,#9e62f8);}
.page-intro,.article-header{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 0%,rgba(179,148,253,.22),transparent 55%),radial-gradient(ellipse at 0% 100%,rgba(107,173,247,.15),transparent 55%),linear-gradient(135deg,#f6f9ff,#f9f7ff);}
.page-intro::before{content:'';position:absolute;pointer-events:none;width:400px;height:400px;border:1px solid rgba(105,109,224,.10);border-radius:50%;right:-210px;top:-250px;}
.page-intro h1,.article-header h1{font-weight:800;}
.product-hero{background:radial-gradient(ellipse at 90% 10%,rgba(156,130,255,.17),transparent 54%),linear-gradient(130deg,#f7f9ff,#fff);}
.product-hero h1{font-weight:800;letter-spacing:-.06em;}
.product-hero-visual{background:linear-gradient(145deg,#e8edff,#f6efff);border:1px solid rgba(164,178,231,.32);padding:23px;border-radius:26px;}
.product-hero-visual .interface-concept{height:350px;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg);box-shadow:0 25px 55px rgba(27,44,116,.18);}
.form-panel,.contact-aside{background:var(--premium-surface);}
.form-control,.form-select {padding:12px 14px;border-radius:12px;}
.faq-list .accordion-item{border-radius:16px!important;overflow:hidden;background:var(--premium-surface);}
.faq-list .accordion-button{background:var(--premium-surface);}
.cta-panel{background:radial-gradient(circle at 75% 40%,rgba(194,124,255,.35),transparent 48%),linear-gradient(110deg,#2d348b,#5855cc 65%,#6948be);border:1px solid rgba(255,255,255,.18);box-shadow:0 25px 55px rgba(57,61,174,.15);}
/* Lead capture and glass contact panel */
.home-contact-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#0b1231,#121b4d 48%,#21184b);color:#fff;}
.contact-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);}
.contact-orb-one{width:420px;height:420px;right:-95px;top:-130px;background:rgba(131,77,250,.21);}
.contact-orb-two{width:390px;height:390px;left:-180px;bottom:-160px;background:rgba(34,150,219,.15);}
.home-contact-section .eyebrow{color:#9ca8ff;}
.home-contact-section h2{font-size:clamp(2.4rem,4.1vw,4.1rem);max-width:610px;}
.contact-intro{font-size:1.05rem;color:#bbc7e5;margin:20px 0 30px;max-width:520px;}
.contact-benefits{display:grid;gap:18px;}
.contact-benefits>div{display:flex;align-items:center;gap:14px;color:#dde5fb;font-size:.92rem;}
.contact-benefits>div>span{width:41px;height:41px;display:grid;place-items:center;background:rgba(150,152,255,.13);border:1px solid rgba(194,199,255,.15);border-radius:12px;color:#97cfff;font-size:1.13rem;}
.contact-glass-card{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.60);border-radius:26px;padding:35px;box-shadow:0 35px 100px rgba(1,4,23,.40);color:#283653;}
.contact-glass-head{display:flex;align-items:center;gap:12px;padding:0 0 21px;border-bottom:1px solid #e9ecf6;margin-bottom:22px;}
.contact-glass-head .live-dot{width:9px;height:9px;}
.contact-glass-head p{color:#8996b2;}
.contact-glass-card .form-label{font-size:.8rem;font-weight:700;color:#465373;}
.contact-glass-card .form-control,.contact-glass-card .form-select{background:#f8faff;border:1px solid #e4e9f5;border-radius:12px;color:#243154;}
.contact-glass-card .form-control:focus,.contact-glass-card .form-select:focus{background:white;}
.contact-glass-card .form-check-label,.contact-glass-card .form-check-label a{font-size:.74rem;}
.contact-glass-card textarea.form-control{min-height:90px;}
.contact-glass-card .btn-primary {width:100%;}
/* Footer */
.site-footer{margin-top:0!important;background:#090f29;color:#eef1ff;position:relative;overflow:hidden;}
.site-footer:before {content:'';position:absolute;width:570px;height:570px;right:-220px;top:-350px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(111,91,237,.17),transparent 70%);}
.site-footer .container{position:relative;}
.site-footer h4{font-weight:800;letter-spacing:-.06em;}
.site-footer .form-control{border-radius:12px;background:#1c2446;}
.whatsapp-float{width:56px;height:56px;box-shadow:0 13px 36px rgba(11,159,98,.30);transition:transform .23s,box-shadow .23s;}
.whatsapp-float:hover{box-shadow:0 15px 42px rgba(11,159,98,.46);}
/* User preference: dark surfaces throughout; hero remains cinematic in either mode */
[data-bs-theme=dark]{--icx-ink:#eff3ff;--icx-muted:#aab7d4;--icx-border:#303b63;--icx-soft:#111b35;--icx-shadow:0 15px 55px rgba(0,0,0,.23);--premium-surface:#19233d;--premium-text:#f0f3ff;--premium-subtle:#aab5d2;--premium-card-border:rgba(167,177,235,.13);}
[data-bs-theme=dark] body.site-body{background:#0d152d;color:#eff3ff;}
[data-bs-theme=dark] .site-header{background:rgba(14,21,41,.89);border-color:#2c3556;}
[data-bs-theme=dark] .navbar .nav-link{color:#c4cceb;}
[data-bs-theme=dark] .navbar .nav-link:hover{color:#a6a9ff;}
[data-bs-theme=dark] .site-header .navbar-brand{color:#f3f5ff;}
[data-bs-theme=dark] .products-section,[data-bs-theme=dark] .interface-showcase{background:radial-gradient(ellipse at 50% 0%,rgba(75,65,155,.10),transparent 60%),#0d152d;}
[data-bs-theme=dark] .section-muted{background:linear-gradient(145deg,#111c36,#151b34);}
[data-bs-theme=dark] .showcase-frame{background:linear-gradient(145deg,#1a2545,#171b38);border-color:#30395f;}
[data-bs-theme=dark] .preview-tab{background:#1a2441;color:#d0d7ed;border-color:#364061;}
[data-bs-theme=dark] .preview-tab.is-active{background:linear-gradient(115deg,#595bf0,#8c61fa);color:#fff;border-color:transparent;}
[data-bs-theme=dark] .product-card,[data-bs-theme=dark] .product-card-content,[data-bs-theme=dark] .industry-card,[data-bs-theme=dark] .price-card,[data-bs-theme=dark] .quote-card,[data-bs-theme=dark] .value-card,[data-bs-theme=dark] .blog-card,[data-bs-theme=dark] .form-panel,[data-bs-theme=dark] .client-card{background:var(--premium-surface);}
[data-bs-theme=dark] .product-card-visual{background:radial-gradient(ellipse at 50% 0%,rgba(128,127,253,.25),transparent 75%),linear-gradient(135deg,#27315b,#262340);}
[data-bs-theme=dark] .product-card h3 a{color:var(--premium-text);}
[data-bs-theme=dark] .value-card>i,[data-bs-theme=dark] .industry-icon{background:linear-gradient(145deg,#303f70,#41315f);color:#b4b5ff;}
[data-bs-theme=dark] .product-hero,[data-bs-theme=dark] .page-intro,[data-bs-theme=dark] .article-header{background:linear-gradient(125deg,#152040,#1e1d40);}
[data-bs-theme=dark] .product-hero-visual{background:linear-gradient(145deg,#242d56,#352751);border-color:#3e4877;}
[data-bs-theme=dark] .faq-list .accordion-item,[data-bs-theme=dark] .faq-list .accordion-button{background:#1a2440;color:#f0f3ff;}
[data-bs-theme=dark] .contact-glass-card{color:#263153;}
[data-bs-theme=dark] .contact-glass-card .form-label{color:#465373;}
[data-bs-theme=dark] .contact-glass-card .form-control,[data-bs-theme=dark] .contact-glass-card .form-select{color:#243154;}
[data-bs-theme=dark] .contact-glass-card a{color:#595bf0;}
[data-bs-theme=dark] .site-footer{background:#070d24;}
/* JS-enabled scroll entrance only. Content remains visible if JavaScript is disabled. */
.js-motion [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .72s cubic-bezier(.16,1,.3,1);}
.js-motion [data-reveal].is-visible{opacity:1;transform:translateY(0);}
.js-motion .products-section .row>div:nth-child(2) [data-reveal],.js-motion .industry-grid>a:nth-child(2){transition-delay:.075s;}
.js-motion .products-section .row>div:nth-child(3) [data-reveal],.js-motion .industry-grid>a:nth-child(3){transition-delay:.13s;}
/* Animations intentionally use compositor-friendly transforms/opacity. */
@keyframes floatVertical{0%,100%{translate:0 0;}50%{translate:0 -13px;}}
@keyframes heroWindowFloat{0%,100%{transform:rotateY(-10deg) rotateX(5deg) rotateZ(1.2deg) translateY(0);}50%{transform:rotateY(-10deg) rotateX(5deg) rotateZ(1.2deg) translateY(-12px);}}
@keyframes auroraDrift{0%{transform:translate3d(-25px,10px,0);}100%{transform:translate3d(35px,-25px,0);}}
@keyframes tabReveal{0%{opacity:0;transform:translateY(11px)}100%{opacity:1;transform:translateY(0)}}
@media(min-width:1200px){.home-hero{padding-top:135px;padding-bottom:108px;min-height:770px;}.hero-stage{height:510px;}.hero-main-window{top:62px;}}
@media(max-width:1199.98px){.industry-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.hero-main-window{left:0;}.hero-panel-left{left:-14px;}.hero-panel-right{right:-10px;}.showcase-frame{padding:40px;}}
@media(max-width:991.98px){.home-hero{padding:80px 0 83px;min-height:0;}.hero-copy{text-align:center;}.hero-copy h1,.hero-copy p{margin-left:auto;margin-right:auto;}.hero-actions,.hero-footnote{justify-content:center;}.hero-stage{height:430px;max-width:660px;margin:0 auto;}.hero-main-window{top:40px;left:34px;width:calc(100% - 68px);max-width:none;}.hero-panel-left{left:8px;}.hero-panel-right{right:0;}.hero-scroll-hint{bottom:14px;}.content-section{padding:75px 0;}.showcase-mockup{transform:none;}.industry-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.site-header .navbar-collapse{padding-bottom:18px;}.site-header .nav-link::after{display:none;}.navbar-collapse .btn-theme{margin-top:6px;}.home-contact-section .col-lg-5{padding-bottom:10px;}}
@media(max-width:767.98px){.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.showcase-frame{padding:26px 22px;}.showcase-frame .col-lg-4{text-align:center;}.showcase-mockup .interface-concept{height:285px;}.product-card-visual{height:230px;}.interface-chart,.interface-items{min-width:0;}}
@media(max-width:575.98px){.container{--bs-gutter-x:1.5rem;}.home-hero{padding:63px 0 68px;}.home-hero h1{font-size:clamp(2.75rem,10vw,3.9rem);margin:22px auto;}.hero-subtitle{font-size:.99rem;line-height:1.75;}.pill-caption{font-size:.55rem;padding:9px 10px;}.hero-actions .btn{width:100%;justify-content:center;}.hero-footnote{gap:8px 12px;margin-top:24px;}.hero-footnote span{display:flex;font-size:.66rem;}.hero-stage{height:310px;}.hero-main-window{top:27px;left:18px;width:calc(100% - 30px);transform:none;animation:none;}.hero-main-window .interface-concept{height:268px;}.hero-panel-left{left:0;top:0;}.hero-panel-right{right:0;bottom:0;}.hero-floating-panel{transform:none;padding:8px;min-width:130px;}.hero-floating-panel small{display:none;}.hero-floating-panel strong{font-size:.6rem;}.hero-glass-label{display:none;}.hero-scroll-hint{display:none;}.hero-stage .interface-body{padding:10px;}.hero-stage .interface-rail{width:35px;gap:14px;padding:11px 0;}.hero-stage .interface-mini-stats>div{padding:8px;}.hero-stage .interface-mini-stats span{font-size:6px;}.hero-stage .interface-mini-stats strong{font-size:9px;}.hero-stage .interface-bars{height:45px;}.hero-stage .interface-chart,.hero-stage .interface-items{padding:7px;}.hero-stage .interface-item small{display:none;}.hero-stage .interface-item-name{font-size:6px;}.hero-stage .interface-item{padding:4px 0;}.content-section{padding:60px 0;}.section-heading h2,.content-section h2{font-size:clamp(2rem,8vw,2.7rem);}.industry-grid{grid-template-columns:1fr;gap:10px;}.industry-card{min-height:0;display:grid;grid-template-columns:48px 1fr 18px;gap:3px 12px;padding:19px;}.industry-icon{grid-row:span 2;}.industry-name{align-self:end;}.industry-desc{align-self:start;}.industry-arrow{grid-column:3;grid-row:1 / 3;align-self:center;}.preview-tab{font-size:.74rem;padding:9px 12px;gap:5px;}.showcase-frame{padding:25px 14px 19px;}.showcase-mockup{padding:9px;}.showcase-mockup .interface-concept{height:230px;}.showcase-mockup .interface-rail{width:35px;gap:12px;}.showcase-mockup .interface-body{padding:10px;}.showcase-mockup .interface-mini-stats>div{padding:7px;}.showcase-mockup .interface-mini-stats span{font-size:6px;}.showcase-mockup .interface-mini-stats strong{font-size:9px;}.showcase-mockup .interface-bars{height:42px;}.showcase-mockup .interface-chart,.showcase-mockup .interface-items{padding:6px;}.showcase-mockup .interface-item small{display:none;}.showcase-mockup .interface-item-name{font-size:6px;}.product-hero-visual{padding:12px;}.product-hero-visual .interface-concept{transform:none;height:290px;}.contact-glass-card{padding:21px 16px;}.home-contact-section h2{font-size:2.4rem;}.home-contact-section .row{--bs-gutter-x:1.5rem;}.home-contact-section .form-control,.home-contact-section .form-select{padding:10px 12px;}.site-header .navbar{min-height:64px;}}
@media(prefers-reduced-motion:reduce){.hero-aurora,.hero-orb,.hero-main-window,.hero-floating-panel{animation:none!important;translate:none!important;}.js-motion [data-reveal]{opacity:1!important;transform:none!important;}.preview-pane.is-active{animation:none!important;}.product-card{transform:none!important;}.product-card:hover{transform:none!important;}}
/* Publication-backed portfolio counts (not invented customer KPIs). */
.portfolio-tally{padding:29px 0;background:#0e1534;color:#f0f4ff;border-top:1px solid rgba(255,255,255,.08);}
.tally-grid{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:44px;}
.tally-copy{display:flex;flex-direction:column;gap:3px;font-size:.88rem;color:#98a9ce;}
.tally-label{font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;font-weight:800;color:#eff2ff;letter-spacing:-.02em;}
.tally-number{display:flex;align-items:center;gap:13px;white-space:nowrap;}
.tally-number strong{font-size:2.1rem;letter-spacing:-.08em;font-weight:800;background:linear-gradient(110deg,#9aa8ff,#82e7e5);-webkit-background-clip:text;background-clip:text;color:transparent;}
.tally-number span{max-width:105px;line-height:1.35;font-size:.71rem;color:#aab8da;white-space:normal;}
@media(max-width:767.98px){.tally-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 15px;}.tally-copy{grid-column:1/-1;}.tally-number strong{font-size:1.9rem;}}
.product-card-visual.has-cover{padding:0;}
.js-motion .product-card[data-reveal]:not(.is-visible){transform:perspective(1200px) translateY(24px);}
.js-motion .product-card[data-reveal].is-visible{transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));}
.js-motion .product-card[data-reveal].is-visible:hover{transform:perspective(1200px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-6px);}
@media(prefers-reduced-motion:reduce){.js-motion .product-card[data-reveal].is-visible:hover{transform:none!important;}}
/* Editorial case studies only render when a published CMS case-study-* page exists. */
.case-study-card{height:100%;min-height:280px;padding:30px;border-radius:23px;position:relative;display:flex;flex-direction:column;gap:15px;border:1px solid var(--premium-card-border);background:var(--premium-surface);color:var(--premium-text);box-shadow:var(--icx-shadow);overflow:hidden;transition:transform .26s,border-color .26s,box-shadow .26s;}
.case-study-card:before{content:'';width:240px;height:240px;border-radius:50%;position:absolute;right:-120px;top:-145px;background:radial-gradient(circle,rgba(121,117,250,.22),transparent 73%);pointer-events:none;}
.case-study-card:hover{transform:translateY(-6px);border-color:#8b88ec;box-shadow:0 22px 55px rgba(58,67,146,.12);color:var(--premium-text);}
.case-study-accent{font-size:.66rem;font-weight:800;letter-spacing:.15em;color:#746aea;}
.case-study-accent i{margin-right:5px;}
.case-study-card h3{font-size:1.43rem;font-weight:800;letter-spacing:-.05em;margin-top:7px;}
.case-study-card p{color:var(--premium-subtle);font-size:.9rem;}
.case-study-read{margin-top:auto;font-size:.87rem;font-weight:750;color:#7268e6;}
.case-study-read i{margin-left:6px;}
.pricing-empty-panel{padding:56px;border-radius:25px;border:1px solid var(--premium-card-border);background:radial-gradient(ellipse at 85% 40%,rgba(157,129,247,.16),transparent 45%),var(--premium-surface);box-shadow:var(--icx-shadow);}
.pricing-empty-panel h2{font-size:clamp(2rem,3.7vw,3.3rem);max-width:700px;margin:15px 0;}
.pricing-empty-panel p{max-width:680px;color:var(--premium-subtle);margin:0 0 25px;}
@media(max-width:575.98px){.pricing-empty-panel{padding:32px 22px;}.case-study-card{min-height:245px;padding:24px;}}
.quote-card{transition:transform .28s ease,box-shadow .28s ease;}
.quote-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(45,55,136,.11);}
.blog-card{transition:transform .28s,box-shadow .28s,border-color .28s;}
.blog-card:hover{border-color:#a49bff;}
.blog-image{transition:transform .4s ease;}
.blog-card:hover .blog-image{transform:scale(1.04);}
.stage-halo,.stage-ring{translate:var(--parallax-x,0px) var(--parallax-y,0px);transition:translate .35s ease-out;}
@supports (view-transition-name: root){
  @view-transition{navigation:auto;}
}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none;}
  .stage-halo,.stage-ring{translate:none!important;transition:none!important;}
}

/* October 2026 enhancement — accessible, data-backed product discovery. */
.btn-search-open{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--icx-border);color:var(--icx-ink);padding:10px 14px;border-radius:999px;font-size:.87rem;font-weight:700}
.btn-search-open:hover,.btn-search-open:focus-visible{border-color:#8784eb;color:var(--icx-primary);background:var(--icx-soft)}
.btn-search-open kbd{font-size:.68rem;background:var(--icx-soft);border:1px solid var(--icx-border);color:var(--icx-muted);border-radius:5px;padding:1px 5px}
.icx-site-search[hidden],.icx-site-search [hidden],.icx-back-top[hidden],.icx-home-filters [hidden],[data-solution-item][hidden]{display:none!important}
.icx-site-search{position:fixed;inset:0;z-index:2000;display:flex;justify-content:center;align-items:flex-start;padding:clamp(35px,9vh,100px) 16px 24px}
.icx-search-backdrop{position:absolute;inset:0;background:rgba(8,13,35,.76);backdrop-filter:blur(10px)}
.icx-search-panel{position:relative;width:min(100%,660px);max-height:80dvh;display:flex;flex-direction:column;overflow:hidden;border-radius:24px;border:1px solid rgba(158,171,255,.34);box-shadow:0 40px 120px #0006;background:var(--bs-body-bg);color:var(--icx-ink);padding:24px}
.icx-search-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.icx-search-top h2{font-size:clamp(1.3rem,3vw,1.7rem);margin:2px 0 17px}
.icx-search-kicker{font-size:.65rem;letter-spacing:.15em;color:var(--icx-primary);font-weight:800}
.icx-search-close{display:grid;place-items:center;background:var(--icx-soft);border:1px solid var(--icx-border);border-radius:10px;color:var(--icx-ink);height:36px;width:36px}
.icx-search-input-wrap{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--icx-border);border-radius:12px;background:var(--icx-soft)}
.icx-search-input-wrap input{background:transparent;border:0;outline:0;color:var(--icx-ink);flex:1;min-width:0;font-size:1.02rem}
.icx-search-input-wrap input::placeholder{color:var(--icx-muted)}
.icx-search-input-wrap:focus-within{outline:2px solid #8887fb;outline-offset:2px}
.icx-site-results{display:flex;flex-direction:column;gap:5px;overflow:auto;margin-top:17px;overscroll-behavior:contain;min-height:0}
.icx-site-results a{display:flex;align-items:center;gap:13px;border-radius:12px;padding:12px 13px;color:var(--icx-ink);text-decoration:none;border:1px solid transparent}
.icx-site-results a>i:first-child{display:grid;place-items:center;background:var(--icx-soft);height:39px;width:39px;border-radius:11px;color:var(--icx-primary);font-size:1.18rem;flex-shrink:0}
.icx-site-results a span{font-weight:750;min-width:0;overflow-wrap:anywhere}
.icx-site-results a small{display:block;font-weight:400;color:var(--icx-muted);font-size:.76rem}
.icx-site-results a:hover,.icx-site-results a:focus-visible{background:var(--icx-soft);border-color:var(--icx-border)}
.icx-search-foot{font-size:.75rem;color:var(--icx-muted);border-top:1px solid var(--icx-border);padding-top:14px;margin-top:14px}
.icx-search-foot kbd{background:var(--icx-soft);color:var(--icx-ink);border-radius:3px;border:1px solid var(--icx-border);padding:2px 5px}
.icx-search-no-results{margin-top:18px;color:var(--icx-muted)}
.icx-home-filters{display:flex;flex-wrap:wrap;gap:9px;margin:-6px 0 13px}
.icx-home-filters button{background:var(--bs-body-bg);border:1px solid var(--icx-border);color:var(--icx-ink);border-radius:999px;padding:9px 16px;font-size:.86rem;font-weight:700;transition:background .2s,transform .2s}
.icx-home-filters button:hover{transform:translateY(-2px);border-color:#858af4}
.icx-home-filters button.is-selected{background:linear-gradient(110deg,#5e61dd,#795fd1);border-color:transparent;color:white}
.icx-filter-status{min-height:19px;font-size:.77rem;color:var(--icx-muted);margin-bottom:22px}
.icx-back-top{position:fixed;left:20px;bottom:22px;z-index:1029;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(139,155,237,.35);border-radius:15px;color:white;background:linear-gradient(145deg,#5b64e8,#8163db);box-shadow:0 10px 28px #464dc64d;transition:transform .2s}
.icx-back-top:hover{transform:translateY(-4px)}
@media(max-width:991px){.btn-search-open{justify-content:center;margin:7px 0;width:100%}.icx-search-panel{padding:17px;border-radius:17px}.icx-site-search{padding-top:30px}.icx-site-results a{padding:10px}}
@media(prefers-reduced-motion:reduce){.icx-home-filters button,.icx-back-top{transition:none}.icx-home-filters button:hover,.icx-back-top:hover{transform:none}}