@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');

:root {
  --violet: #8750fc;
  --violet-2: #b47cff;
  --violet-3: #6f36e8;
  --ink: #090a0f;
  --ink-2: #11131b;
  --ink-3: #181b26;
  --paper: #f7f7fb;
  --white: #ffffff;
  --muted: #a8adbd;
  --muted-dark: #5b6070;
  --line: rgba(255,255,255,.11);
  --line-dark: rgba(9,10,15,.10);
  --shadow: 0 30px 90px rgba(13, 8, 26, .22);
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-7: 56px;
  --space-8: 64px;
  --space-10: 80px;
  --space-12: 96px;
  --space-16: 128px;
  --radius: 32px;
  --radius-sm: 16px;
  --container: min(1520px, calc(100% - 80px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html { scrollbar-width:thin; scrollbar-color:var(--violet) #0b0c12; }
::-webkit-scrollbar { width:8px; height:8px; }
::-webkit-scrollbar-track { background:#0b0c12; }
::-webkit-scrollbar-thumb { border-radius:8px; background:linear-gradient(180deg,var(--violet-2),var(--violet),var(--violet-3)); }
::-webkit-scrollbar-thumb:hover { background:linear-gradient(180deg,#c39bff,var(--violet),#7135eb); box-shadow:0 0 16px rgba(135,80,252,.72); }
::-webkit-scrollbar-corner { background:#0b0c12; }
[id] { scroll-margin-top: 96px; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: 'Manrope', sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  cursor: default;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
a, button, label, select { cursor: pointer; }
input, textarea, [contenteditable="true"] { cursor: text; }
img { display: block; max-width: 100%; }
h1, h2, h3, h4 { font-family: 'Plus Jakarta Sans', sans-serif; line-height: 1.08; letter-spacing: -.04em; margin: 0; }
p { margin: 0; }
::selection { background: var(--violet); color: white; }

.container { width: var(--container); margin-inline: auto; }
.section { padding: var(--space-16) 0; position: relative; }
.section-dark { background: var(--ink); color: white; overflow: hidden; }
.section-ink { background: var(--ink-2); color: white; }
.section-dark, .section-ink { isolation:isolate; overflow:hidden; }
.section-dark::before, .section-ink::before { content:''; position:absolute; z-index:0; width:480px; height:480px; right:-240px; top:12%; border-radius:50%; background:rgba(135,80,252,.12); filter:blur(96px); animation:sectionGlow 10s ease-in-out infinite alternate; }
.section-dark > .container, .section-ink > .container { position:relative; z-index:1; }
.eyebrow {
  display: inline-flex; align-items: center; gap: 8px; color: var(--violet);
  text-transform: uppercase; letter-spacing: .14em; font-size: 12px; font-weight: 800;
}
.eyebrow::before { content: ''; width: 24px; height: 1px; background: currentColor; }
.display { font-size: clamp(46px, 7.2vw, 92px); max-width: 1048px; }
.title { font-size: clamp(36px, 4.4vw, 68px); max-width: 1040px; }
.lead { font-size: clamp(17px, 2vw, 20px); color: var(--muted-dark); max-width: 704px; }
.section-dark .lead, .section-ink .lead { color: var(--muted); }
.text-gradient { background: linear-gradient(120deg, #fff 5%, #c3a5ff 56%, #8750fc); -webkit-background-clip: text; color: transparent; }
.accent-gradient { background: linear-gradient(120deg, var(--violet), #c48cff); -webkit-background-clip: text; color: transparent; }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: var(--space-5); margin-bottom: var(--space-7); }
.section-head .lead { max-width: 520px; }
.section-intro { display: grid; gap: var(--space-3); margin-bottom: var(--space-7); }

.site-header {
  position: fixed; z-index: 1000; top: 0; left: 0; right: 0; height: 80px;
  color: white; background: transparent; border-bottom: 1px solid transparent;
  box-shadow: none; transition: background .25s ease, border-color .25s ease, box-shadow .25s ease, backdrop-filter .25s ease;
}
.site-header.scrolled { background: rgba(9,10,15,.96); border-bottom-color: rgba(255,255,255,.08); backdrop-filter: blur(18px) saturate(135%); box-shadow: 0 12px 36px rgba(0,0,0,.22); }
.nav { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.brand { display: inline-flex; align-items: center; min-width: 152px; }
.brand img { height: 40px; width: auto; }
.nav-links { display: flex; align-items: center; gap: 32px; font-size: 14px; font-weight: 700; color: #d7d9e1; }
.nav-links a { transition: .2s; position: relative; }
.nav-links a:hover, .nav-links a.active { color: white; }
.nav-links a::after { content:''; position:absolute; left:0; right:100%; bottom:-8px; height:2px; background:var(--violet); transition:.25s; }
.nav-links a:hover::after, .nav-links a.active::after { right:0; }
.nav-actions { display: flex; align-items: center; gap: var(--space-2); }
.menu-toggle { display:none; width:48px; height:48px; border-radius:50%; border:1px solid var(--line); color:#fff; background:transparent; cursor:pointer; }

.btn {
  border: 0; display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2);
  min-height: var(--space-7); padding: 0 var(--space-3); border-radius: 999px; font-weight: 800; font-size: 14px;
  cursor: pointer; transition: transform .25s, box-shadow .25s, background .25s; position: relative; overflow: hidden;
}
.btn:hover { transform: translateY(-3px); }
.btn-primary { color:white; background:linear-gradient(135deg,var(--violet),var(--violet-3)); box-shadow: 0 14px 35px rgba(135,80,252,.32); }
.btn-primary:hover { box-shadow: 0 18px 42px rgba(135,80,252,.45); }
.btn-primary::before { content:''; position:absolute; inset:-80% -32%; background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.38),transparent 65%); transform:translateX(-80%) rotate(12deg); transition:transform .7s ease; }
.btn-primary:hover::before { transform:translateX(80%) rotate(12deg); }
.btn > * { position:relative; z-index:1; }
.btn-secondary { color:white; border:1px solid var(--line); background:rgba(255,255,255,.06); backdrop-filter:blur(10px); }
.btn-light { background:white; color:var(--ink); }
.btn svg { width: 16px; height: 16px; }
.link-arrow { display:inline-flex; align-items:center; gap:8px; font-weight:800; color:var(--violet); }
.link-arrow span { transition:.25s; }
.link-arrow:hover span { transform:translateX(5px); }

.hero {
  min-height: 848px; height: 100svh; max-height: 976px; color: white; background: var(--ink);
  display: flex; align-items: center; position: relative; overflow: hidden;
}
.hero::before { content:''; position:absolute; z-index:1; width:384px; height:384px; right:12%; top:16%; border:1px solid rgba(180,124,255,.2); border-radius:50%; box-shadow:0 0 0 64px rgba(135,80,252,.04),0 0 0 128px rgba(135,80,252,.025); animation:heroOrbit 16s linear infinite; }
.hero::after { content:''; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(9,10,15,1) 0%,rgba(9,10,15,.94) 34%,rgba(9,10,15,.58) 58%,rgba(9,10,15,.30) 100%); }
.hero-media { position:absolute; inset:-4%; width:108%; height:108%; max-width:none; object-fit:cover; opacity:.82; will-change:transform; animation:heroMediaDrift 18s ease-in-out infinite alternate; }
.hero-glow { position:absolute; z-index:1; width:648px; height:648px; left:-280px; top:12%; background:rgba(135,80,252,.22); filter:blur(96px); border-radius:50%; will-change:transform; animation:heroGlowFloat 10s ease-in-out infinite alternate; }
.hero-grid { position:absolute; z-index:1; inset:0; opacity:.13; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom, transparent, black 40%, transparent); animation:gridFlow 18s linear infinite; }
.hero-content { position:relative; z-index:2; padding-top:80px; max-width:1240px; transform:none; }
.hero-kicker { display:inline-flex; align-items:center; gap:8px; padding:8px 16px 8px 8px; border:1px solid var(--line); border-radius:96px; background:rgba(255,255,255,.05); color:#d8d9e2; font-size:12px; font-weight:700; margin-bottom:32px; }
.hero-kicker i { width:8px; height:8px; background:#62e3a6; border-radius:50%; box-shadow:0 0 0 8px rgba(98,227,166,.1); animation:statusPulse 2.4s ease-out infinite; }
.hero h1 { font-size:clamp(52px,5.2vw,94px); margin-bottom:24px; max-width:1240px; }
.hero-accent { color:#b794ff; position:relative; white-space:nowrap; text-shadow:0 8px 34px rgba(135,80,252,.32); }
.hero-accent::after { content:''; position:absolute; left:0; right:0; bottom:-8px; height:4px; border-radius:8px; background:linear-gradient(90deg,var(--violet),transparent); }
.hero p { max-width:784px; color:#c4c7d1; font-size:clamp(17px,1.55vw,21px); }
.hero-cta { display:flex; flex-wrap:wrap; gap:16px; margin-top:40px; }
.hero-proof { display:flex; flex-wrap:wrap; gap:32px; margin-top:48px; color:#d9dbe2; font-size:13px; font-weight:700; }
.hero-proof span { display:flex; align-items:center; gap:8px; }
.hero-proof i { color:var(--violet-2); font-style:normal; }
.hero-insight { position:absolute; z-index:3; right:max(40px,calc((100vw - 1520px)/2)); bottom:56px; width:312px; padding:24px; border:1px solid rgba(255,255,255,.14); border-radius:24px; background:rgba(15,16,24,.67); backdrop-filter:blur(16px); box-shadow:0 24px 64px rgba(0,0,0,.28); animation:insightFloat 5s ease-in-out infinite; }
.hero-insight-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#bfc2cc; }
.hero-insight-head i { width:8px; height:8px; background:#62e3a6; border-radius:50%; box-shadow:0 0 0 8px rgba(98,227,166,.09); animation:statusPulse 2.4s ease-out infinite; }
.hero-insight-row { display:flex; align-items:center; gap:8px; margin-top:8px; font-size:12px; color:#dfe1e8; }
.hero-insight-row span { flex:1; height:4px; border-radius:8px; background:rgba(255,255,255,.1); overflow:hidden; }
.hero-insight-row span::after { content:''; display:block; height:100%; border-radius:inherit; transform-origin:left; background:linear-gradient(90deg,var(--violet),var(--violet-2)); animation:barBreath 3.2s ease-in-out infinite alternate; }
.hero-insight-row:nth-child(2) span::after { width:88%; }.hero-insight-row:nth-child(3) span::after { width:73%; }.hero-insight-row:nth-child(4) span::after { width:81%; }
.scroll-cue { position:absolute; z-index:3; bottom:32px; left:50%; transform:translateX(-50%); color:#aeb1bc; font-size:11px; letter-spacing:.16em; text-transform:uppercase; display:grid; place-items:center; gap:8px; }
.scroll-cue::after { content:''; width:1px; height:32px; background:linear-gradient(var(--violet),transparent); animation:scrollCue 1.8s infinite; }

.trust-bar { padding:24px 0; overflow:hidden; background:linear-gradient(90deg,#fff 0%,#f2edff 50%,#fff 100%); border-bottom:1px solid rgba(135,80,252,.14); }
.trust-inner { display:flex; justify-content:space-between; align-items:center; gap:24px; color:#737786; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.trust-items { display:flex; align-items:center; flex-wrap:wrap; gap:32px; }
.trust-items span { display:inline-flex; align-items:center; gap:8px; color:#313440; }
.trust-items i { width:8px; height:8px; border-radius:50%; background:var(--violet); }
.trust-items.marquee-ready { display:block; flex:1; min-width:0; overflow:hidden; mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent); }
.trust-track { display:flex; width:max-content; animation:trustMarquee 24s linear infinite; }
.trust-set { display:flex; align-items:center; flex:none; gap:32px; padding-right:32px; }
.trust-items.marquee-ready:hover .trust-track { animation-play-state:paused; }

.cards-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-3); }
.cards-2 { display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-3); }
.service-card { --card-glow-x:50%; --card-glow-y:50%; background:radial-gradient(circle at var(--card-glow-x) var(--card-glow-y),rgba(135,80,252,.12),transparent 32%),linear-gradient(155deg,#fff 60%,#faf8ff); border:1px solid var(--line-dark); border-radius:var(--radius); padding:var(--space-4); min-height:328px; display:flex; flex-direction:column; transition:transform .2s ease,box-shadow .35s ease,border-color .35s ease; position:relative; overflow:hidden; box-shadow:0 16px 40px rgba(18,11,33,.045); transform-style:preserve-3d; will-change:transform; }
.service-card::before { content:''; position:absolute; width:176px; height:176px; border-radius:50%; top:-120px; right:-96px; background:rgba(135,80,252,.11); transition:.4s; }
.service-card:hover { transform:translateY(-8px); box-shadow:var(--shadow); border-color:rgba(135,80,252,.25); }
.service-card:hover::before { transform:scale(1.7) rotate(24deg); }
.icon-box { width:56px; height:56px; display:grid; place-items:center; border-radius:16px; color:var(--violet); background:rgba(135,80,252,.10); margin-bottom:40px; transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s,color .35s; }
.service-card:hover .icon-box, .detail-card:hover .icon-box { transform:translateY(-8px) rotate(-6deg) scale(1.08); background:var(--violet); color:white; }
.icon-box svg { width:24px; height:24px; }
.service-card h3 { font-size:24px; margin-bottom:16px; }
.service-card p { color:var(--muted-dark); font-size:15px; }
.service-card .link-arrow { margin-top:auto; padding-top:24px; font-size:14px; }
.service-card:nth-child(3n+2) { background:linear-gradient(155deg,#fff 52%,#f2ecff); }
.service-card:nth-child(3n+3) .icon-box { background:var(--ink); color:#b995ff; }

.outcome-grid { display:grid; grid-template-columns:1.25fr .8fr .8fr; gap:16px; margin-top:56px; }
.outcome-card { min-height:248px; border-radius:24px; padding:32px; color:white; background:#11131b; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; transition:transform .2s ease,box-shadow .35s ease; transform-style:preserve-3d; }
.outcome-card:first-child { background:linear-gradient(135deg,#5e27d4,#925cff 62%,#b47cff); }
.outcome-card::after { content:''; position:absolute; width:192px; height:192px; border:1px solid rgba(255,255,255,.15); border-radius:50%; right:-64px; bottom:-88px; box-shadow:0 0 0 32px rgba(255,255,255,.035); transition:transform .6s ease; }
.outcome-card:hover::after { transform:scale(1.2) translate(-16px,-16px); }
.outcome-card:hover { box-shadow:0 32px 64px rgba(20,10,40,.22); }
.outcome-card strong { position:relative; z-index:1; font-family:'Plus Jakarta Sans'; font-size:clamp(32px,4vw,52px); letter-spacing:-.05em; }
.outcome-card h3 { position:relative; z-index:1; font-size:22px; margin-bottom:8px; }
.outcome-card p { position:relative; z-index:1; color:#b7bac5; font-size:13px; }
.outcome-card:first-child p { color:rgba(255,255,255,.76); max-width:432px; }

.link-cloud { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:32px; padding:24px; background:white; border:1px solid var(--line-dark); border-radius:24px; }
.link-cloud > strong { margin-right:8px; font-size:13px; }
.link-cloud a { padding:8px 16px; border-radius:999px; background:#f1ecff; color:#6430d0; font-size:12px; font-weight:800; transition:transform .25s ease,background .25s,color .25s,box-shadow .25s; }
.link-cloud a:hover { background:var(--violet); color:white; transform:translateY(-4px); box-shadow:0 8px 24px rgba(135,80,252,.24); }

.split { display:grid; grid-template-columns:1fr 1.08fr; align-items:center; gap:clamp(64px,7vw,120px); }
.split-copy { display:grid; gap:24px; }
.feature-list { display:grid; gap:16px; margin:8px 0; }
.feature-item { display:grid; grid-template-columns:32px 1fr; gap:16px; align-items:start; }
.feature-item > span { width:32px; height:32px; display:grid; place-items:center; background:rgba(135,80,252,.13); color:var(--violet); border-radius:50%; font-weight:900; font-size:13px; }
.feature-item b { display:block; margin-bottom:4px; }
.feature-item p { color:var(--muted-dark); font-size:14px; }
.section-dark .feature-item p, .section-ink .feature-item p { color:var(--muted); }
.image-frame { border-radius:32px; overflow:hidden; min-height:608px; position:relative; box-shadow:var(--shadow); }
.image-frame img { width:100%; height:100%; position:absolute; object-fit:cover; transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .8s; }
.image-frame:hover img { transform:scale(1.06); filter:saturate(1.08); }
.image-frame::after { content:''; position:absolute; inset:0; box-shadow:inset 0 0 0 1px rgba(255,255,255,.14); border-radius:inherit; pointer-events:none; }
.floating-card { position:absolute; z-index:2; bottom:32px; right:32px; background:rgba(255,255,255,.9); color:var(--ink); backdrop-filter:blur(16px); border-radius:24px; padding:24px; box-shadow:0 24px 48px rgba(0,0,0,.2); animation:floatingCard 4.8s ease-in-out infinite; }
.floating-card strong { display:block; font-family:'Plus Jakarta Sans'; font-size:28px; color:var(--violet); }
.floating-card span { font-size:12px; color:var(--muted-dark); font-weight:700; }

.process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; counter-reset:process; }
.process-step { counter-increment:process; position:relative; padding:32px 24px; border-top:1px solid var(--line); transition:transform .35s ease,border-color .35s ease,background .35s ease; }
.process-step:hover { transform:translateY(-8px); border-color:var(--violet); background:linear-gradient(180deg,rgba(135,80,252,.08),transparent); }
.process-step::before { content:'0' counter(process); display:block; color:var(--violet-2); font-size:13px; font-weight:800; margin-bottom:48px; }
.process-step:not(:last-child)::after {
  content:'';
  position:absolute;
  z-index:2;
  right:-30px;
  top:18px;
  width:44px;
  height:44px;
  border:1px solid rgba(180,124,255,.42);
  border-radius:50%;
  background-color:rgba(135,80,252,.12);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b47cff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  background-position:center;
  background-repeat:no-repeat;
  background-size:22px 22px;
  box-shadow:0 10px 28px rgba(90,46,190,.16), inset 0 1px 0 rgba(255,255,255,.12);
  transition:transform .3s ease,border-color .3s ease,background-color .3s ease,box-shadow .3s ease;
}
.process-step:not(:last-child):hover::after {
  transform:translateX(5px);
  border-color:rgba(180,124,255,.78);
  background-color:rgba(135,80,252,.2);
  box-shadow:0 12px 32px rgba(90,46,190,.24), inset 0 1px 0 rgba(255,255,255,.18);
}
.process-step h3 { font-size:22px; margin-bottom:16px; }
.process-step p { color:var(--muted); font-size:14px; }

.slider { position:relative; overflow:hidden; border-radius:32px; background:var(--ink-2); color:white; min-height:680px; }
.slide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .8s ease; }
.slide.active { opacity:1; visibility:visible; }
.slide img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; transform:scale(1.12) translateX(-2%); transition:transform 7s cubic-bezier(.2,.7,.2,1); }
.slide.active img { transform:scale(1.02) translateX(0); }
.slide::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(9,10,15,.96),rgba(9,10,15,.68) 48%,rgba(9,10,15,.15)); }
.slide-content { position:absolute; z-index:2; left:7%; top:50%; opacity:0; transform:translateY(-38%); width:min(544px,82%); display:grid; gap:24px; transition:opacity .8s ease .2s,transform .8s cubic-bezier(.2,.8,.2,1) .2s; }
.slide.active .slide-content { opacity:1; transform:translateY(-50%); }
.slide-content h3 { font-size:clamp(34px,5vw,60px); }
.slide-content p { color:#c6c8d0; font-size:17px; }
.slider-controls { position:absolute; z-index:5; left:7%; bottom:40px; display:flex; align-items:center; gap:16px; }
.slider-dot { width:32px; height:4px; position:relative; overflow:hidden; background:rgba(255,255,255,.3); border:0; border-radius:8px; padding:0; cursor:pointer; transition:.3s; }
.slider-dot.active { width:64px; background:rgba(255,255,255,.22); }
.slider-dot.active::after { content:''; position:absolute; inset:0; border-radius:inherit; background:var(--violet); transform-origin:left; animation:sliderProgress 6.5s linear; }

.metrics { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.metric { padding:40px 24px; text-align:center; border-right:1px solid var(--line); }
.metric:last-child { border:0; }
.metric strong { display:block; font-family:'Plus Jakarta Sans'; font-size:clamp(32px,5vw,58px); color:white; letter-spacing:-.05em; }
.metric span { color:var(--muted); font-size:13px; }

.cta-panel { border-radius:40px; padding:72px; color:white; background:linear-gradient(135deg,#5d24d7,#955fff 48%,#c18aff,#6b31e3); background-size:220% 220%; position:relative; overflow:hidden; box-shadow:0 32px 88px rgba(135,80,252,.28); animation:gradientFlow 10s ease-in-out infinite; }
.cta-panel::before { content:''; position:absolute; width:448px; height:448px; border:1px solid rgba(255,255,255,.16); border-radius:50%; right:-88px; top:-248px; box-shadow:0 0 0 64px rgba(255,255,255,.04),0 0 0 120px rgba(255,255,255,.025); animation:ctaOrbit 14s linear infinite; }
.cta-panel::after { content:''; position:absolute; width:320px; height:320px; left:24%; bottom:-240px; border-radius:50%; background:rgba(255,255,255,.22); filter:blur(64px); animation:ctaGlow 6s ease-in-out infinite alternate; }
.cta-panel-inner { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:48px; }
.cta-panel h2 { font-size:clamp(34px,5vw,58px); max-width:704px; }
.cta-panel p { margin-top:16px; color:rgba(255,255,255,.78); max-width:624px; }

.page-hero { padding:208px 0 128px; color:white; background:var(--ink); position:relative; overflow:hidden; }
.page-hero.with-media { min-height:600px; display:flex; align-items:center; background-image:linear-gradient(90deg,rgba(9,10,15,1) 0%,rgba(9,10,15,.94) 36%,rgba(9,10,15,.58) 66%,rgba(9,10,15,.24) 100%),var(--page-image); background-position:0 0,50% 50%; background-size:auto,108%; background-repeat:no-repeat; animation:pageHeroDrift 16s ease-in-out infinite alternate; }
.page-hero.with-media::after { opacity:.16; }
.page-hero::before { content:''; position:absolute; width:624px; height:624px; right:-200px; top:-304px; background:rgba(135,80,252,.25); filter:blur(88px); border-radius:50%; }
.page-hero::after { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(90deg,transparent,black); opacity:.35; }
.page-hero .container { position:relative; z-index:2; }
.page-hero .crumbs, .page-hero h1, .page-hero .container > p { opacity:0; animation:heroReveal .9s cubic-bezier(.2,.8,.2,1) forwards; }
.page-hero .crumbs { animation-delay:.08s; }
.page-hero h1 { animation-delay:.2s; }
.page-hero .container > p { animation-delay:.34s; }
.page-hero h1 { font-size:clamp(52px,5.5vw,92px); max-width:1120px; margin:24px 0; }
.page-hero p { color:#c6c8d1; font-size:20px; max-width:816px; }
.crumbs { display:flex; gap:8px; color:#9296a5; font-size:12px; text-transform:uppercase; letter-spacing:.11em; font-weight:800; }
.crumbs b { color:var(--violet-2); }

.detail-card { --card-glow-x:50%; --card-glow-y:50%; padding:var(--space-5); border-radius:var(--radius); background:radial-gradient(circle at var(--card-glow-x) var(--card-glow-y),rgba(135,80,252,.12),transparent 34%),white; border:1px solid var(--line-dark); box-shadow:0 16px 40px rgba(18,11,33,.04); transition:transform .2s ease,box-shadow .35s ease,border-color .35s ease; transform-style:preserve-3d; }
.detail-card:hover { border-color:rgba(135,80,252,.3); box-shadow:0 32px 72px rgba(18,11,33,.13); }
.detail-card h3 { font-size:24px; margin:24px 0 16px; }
.detail-card p { color:var(--muted-dark); font-size:15px; }
.tag-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.tag { padding:8px 16px; border-radius:96px; background:#f0ebff; color:#6831d8; font-size:11px; font-weight:800; }

.integration-panel { display:grid; grid-template-columns:1.15fr .85fr; gap:var(--space-6); align-items:center; padding:var(--space-6); border:1px solid var(--line-dark); border-radius:var(--radius); background:linear-gradient(145deg,#fff 55%,#f2ebff); background-size:160% 160%; box-shadow:0 24px 64px rgba(18,11,33,.08); animation:softGradient 9s ease-in-out infinite alternate; }
.integration-copy { display:grid; gap:24px; }
.integration-copy .title { font-size:clamp(32px,4vw,56px); }
.platform-row { display:flex; flex-wrap:wrap; gap:8px; }
.platform-pill { padding:8px 16px; border:1px solid rgba(135,80,252,.2); border-radius:96px; background:white; color:#5f2bc9; font-size:12px; font-weight:800; }
.data-map { display:grid; grid-template-columns:1fr 128px 1fr; gap:16px; align-items:center; min-height:320px; padding:32px; border-radius:24px; color:white; background:linear-gradient(145deg,#11131b,#22163d); overflow:hidden; position:relative; }
.data-map::before { content:''; position:absolute; width:240px; height:240px; right:-80px; top:-80px; border-radius:50%; background:rgba(135,80,252,.3); filter:blur(48px); animation:dataGlow 6s ease-in-out infinite alternate; }
.data-node { position:relative; z-index:1; display:grid; gap:8px; padding:24px; border:1px solid rgba(255,255,255,.12); border-radius:16px; background:rgba(255,255,255,.06); }
.data-node b { font-family:'Plus Jakarta Sans',sans-serif; font-size:18px; }
.data-node span { color:var(--muted); font-size:12px; }
.data-arrow { position:relative; z-index:1; width:48px; height:48px; display:grid; place-items:center; border-radius:50%; background:var(--violet); font-weight:900; box-shadow:0 0 0 0 rgba(135,80,252,.38); animation:dataPulse 2.8s ease-out infinite; }
.data-flow { height:88px; display:grid; align-content:center; gap:16px; position:relative; z-index:1; }
.data-flow > b { position:absolute; left:50%; bottom:-8px; width:144px; transform:translateX(-50%); color:#aeb1c0; font-size:8px; line-height:1.3; text-align:center; text-transform:uppercase; letter-spacing:.1em; }
.flow-line { height:2px; display:block; border-radius:8px; position:relative; background:linear-gradient(90deg,rgba(135,80,252,.16),var(--violet-2),rgba(98,227,166,.16)); }
.flow-line svg { position:absolute; top:50%; z-index:2; width:24px; height:24px; padding:5px; border-radius:50%; color:white; background:var(--violet); box-shadow:0 5px 16px rgba(135,80,252,.42); fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.flow-out svg { right:-4px; transform:translateY(-50%); }
.flow-back svg { left:-4px; transform:translateY(-50%) rotate(180deg); background:#2e8f6a; box-shadow:0 5px 16px rgba(98,227,166,.3); }
.flow-line i { position:absolute; top:50%; z-index:1; width:8px; height:8px; margin-top:-4px; border-radius:50%; background:#62e3a6; box-shadow:0 0 14px rgba(98,227,166,.9); }
.flow-out i { animation:flowRight 2.6s ease-in-out infinite; }
.flow-back i { background:var(--violet-2); box-shadow:0 0 14px rgba(180,124,255,.9); animation:flowLeft 2.6s ease-in-out infinite .35s; }

.ai-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-3); }
.ai-card { --card-glow-x:50%; --card-glow-y:50%; min-height:304px; padding:var(--space-5); border:1px solid rgba(255,255,255,.11); border-radius:var(--radius); background:radial-gradient(circle at var(--card-glow-x) var(--card-glow-y),rgba(135,80,252,.22),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(135,80,252,.08)); position:relative; overflow:hidden; transition:transform .2s ease,border-color .35s ease,box-shadow .35s ease; transform-style:preserve-3d; }
.ai-card:hover { border-color:rgba(180,124,255,.42); box-shadow:0 32px 72px rgba(0,0,0,.22); }
.ai-card::after { content:''; position:absolute; width:160px; height:160px; right:-64px; bottom:-80px; border:1px solid rgba(180,124,255,.28); border-radius:50%; }
.ai-card-number { display:grid; place-items:center; width:48px; height:48px; margin-bottom:32px; border-radius:16px; background:rgba(135,80,252,.18); color:var(--violet-2); font-weight:900; transition:transform .35s ease,background .35s,color .35s; }
.ai-card:hover .ai-card-number { transform:rotate(-8deg) scale(1.08); background:var(--violet); color:white; }
.ai-card h3 { margin-bottom:16px; color:white; font-size:24px; }
.ai-card p { color:var(--muted); font-size:15px; }
.ai-card .tag-row { position:relative; z-index:1; }
.ai-card .tag { background:rgba(255,255,255,.08); color:#d6c3ff; }

.shop-hero { min-height:720px; display:flex; align-items:center; position:relative; overflow:hidden; color:white; background:var(--ink); }
.shop-hero::after { content:''; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(9,10,15,1) 0%,rgba(9,10,15,.96) 34%,rgba(9,10,15,.48) 64%,rgba(9,10,15,.18)); }
.shop-hero-media { position:absolute; inset:-4%; width:108%; height:108%; max-width:none; object-fit:cover; animation:shopHeroDrift 16s ease-in-out infinite alternate; }
.shop-hero-content { position:relative; z-index:2; padding-top:80px; }
.shop-hero h1 { max-width:960px; margin-bottom:24px; font-size:clamp(52px,6vw,88px); }
.shop-hero p { max-width:720px; color:#c6c8d1; font-size:clamp(17px,1.6vw,21px); }
.shop-hero-proof { display:flex; flex-wrap:wrap; gap:32px; margin-top:40px; color:#d9dbe2; font-size:13px; font-weight:800; }
.shop-hero .hero-kicker, .shop-hero h1, .shop-hero-content > p, .shop-hero .hero-cta, .shop-hero-proof { opacity:0; animation:heroReveal .9s cubic-bezier(.2,.8,.2,1) forwards; }
.shop-hero .hero-kicker { animation-delay:.12s; }
.shop-hero h1 { animation-delay:.24s; }
.shop-hero-content > p { animation-delay:.38s; }
.shop-hero .hero-cta { animation-delay:.5s; }
.shop-hero-proof { animation-delay:.64s; }
.shop-section { background:linear-gradient(180deg,#f7f7fb,#f2effa 52%,#f7f7fb); }
.shop-toolbar { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:24px; padding:16px; border:1px solid var(--line-dark); border-radius:24px; background:rgba(255,255,255,.86); backdrop-filter:blur(16px); box-shadow:0 16px 48px rgba(18,11,33,.06); }
.shop-search { min-height:56px; flex:1; display:flex; align-items:center; gap:16px; padding:0 24px; border:1px solid #dedfe7; border-radius:16px; background:#fafafd; }
.shop-search span { color:var(--violet); font-size:24px; }
.shop-search input { width:100%; border:0; outline:0; background:transparent; color:var(--ink); }
.shop-global-version { min-width:176px; display:grid; gap:4px; padding:8px 16px; border:1px solid #dedfe7; border-radius:16px; background:#fafafd; }
.shop-global-version span { color:var(--muted-dark); font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.shop-global-version select { border:0; outline:0; background:transparent; color:var(--ink); font-weight:800; }
.shop-cart-button { min-height:56px; display:inline-flex; align-items:center; gap:16px; padding:0 24px; border:0; border-radius:96px; background:var(--ink); color:white; font-weight:800; cursor:pointer; transition:transform .25s ease,box-shadow .25s ease; }
.shop-cart-button:hover { transform:translateY(-4px); box-shadow:0 16px 40px rgba(9,10,15,.2); }
.shop-cart-button span { min-width:24px; height:24px; display:grid; place-items:center; border-radius:50%; background:var(--violet); font-size:11px; }
.shop-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:32px; }
.shop-filter { min-height:40px; padding:0 16px; border:1px solid var(--line-dark); border-radius:96px; background:white; color:var(--muted-dark); font-size:12px; font-weight:800; cursor:pointer; transition:.25s ease; }
.shop-filter:hover, .shop-filter.active { border-color:var(--violet); background:var(--violet); color:white; transform:translateY(-4px); box-shadow:0 8px 24px rgba(135,80,252,.2); }
.shop-result-line { display:flex; justify-content:space-between; gap:24px; margin-bottom:24px; color:#737786; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.shop-result-line b { color:var(--violet); }
.shop-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.shop-card { --card-glow-x:50%; --card-glow-y:50%; min-width:0; overflow:hidden; border:1px solid var(--line-dark); border-radius:32px; background:radial-gradient(circle at var(--card-glow-x) var(--card-glow-y),rgba(135,80,252,.1),transparent 34%),white; box-shadow:0 16px 48px rgba(18,11,33,.06); transition:transform .2s ease,box-shadow .35s ease,border-color .35s ease; transform-style:preserve-3d; }
.shop-card:hover { border-color:rgba(135,80,252,.32); box-shadow:0 32px 72px rgba(18,11,33,.14); }
.shop-product-visual { height:240px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:8px; position:relative; overflow:hidden; color:white; background:linear-gradient(145deg,#15111f,#6d34df); }
.shop-product-visual::before { content:''; position:absolute; width:192px; height:192px; border:1px solid rgba(255,255,255,.18); border-radius:50%; box-shadow:0 0 0 32px rgba(255,255,255,.035),0 0 0 64px rgba(255,255,255,.02); animation:productOrbit 12s linear infinite; }
.shop-product-visual::after { content:''; position:absolute; width:112px; height:112px; border-radius:24px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.16); backdrop-filter:blur(8px); transform:rotate(12deg); transition:transform .6s cubic-bezier(.2,.8,.2,1); }
.shop-card:hover .shop-product-visual::after { transform:rotate(-8deg) scale(1.12); }
.shop-product-visual > span, .shop-product-visual > small { position:relative; z-index:2; }
.shop-product-visual > span { font-family:'Plus Jakarta Sans',sans-serif; font-size:48px; font-weight:800; letter-spacing:-.06em; }
.shop-product-visual > small { font-size:10px; font-weight:900; letter-spacing:.18em; opacity:.72; }
.visual-launch { background:linear-gradient(145deg,#0f1220,#7235e8 65%,#b47cff); }
.visual-lt { background:linear-gradient(145deg,#101422,#3456b7 55%,#8750fc); }
.visual-data { background:linear-gradient(145deg,#12131b,#56329a 58%,#c070ff); }
.visual-green { background:linear-gradient(145deg,#10191a,#176e62 58%,#62e3a6); }
.visual-commerce { background:linear-gradient(145deg,#15111f,#8c4fe8 58%,#db9cff); }
.visual-shopify { background:linear-gradient(145deg,#111a15,#397d4d 58%,#88ce7a); }
.visual-ai { background:linear-gradient(145deg,#0c101e,#3926a2 52%,#b47cff); }
.visual-care { background:linear-gradient(145deg,#11131b,#39415b 52%,#8750fc); }
.visual-consult { background:linear-gradient(145deg,#20130e,#9b562c 52%,#d59b6b); }
.shop-card-body { padding:32px; }
.shop-card-meta { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; color:var(--violet); font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.1em; }
.shop-card-meta b { padding:4px 8px; border-radius:8px; background:#ece3ff; color:#6731d4; font-size:9px; }
.shop-card h3 { min-height:56px; margin-bottom:16px; font-size:24px; }
.shop-card-body > p { min-height:96px; color:var(--muted-dark); font-size:14px; }
.product-configurator { display:grid; gap:16px; margin-top:24px; padding:16px; border:1px solid var(--line-dark); border-radius:16px; background:#f8f7fc; transition:border-color .25s ease,background .25s ease; }
.product-configurator.installation-selected { border-color:rgba(135,80,252,.32); background:#f3eeff; }
.product-options { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.product-options label { display:grid; gap:4px; }
.product-options label > span { color:var(--muted-dark); font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.product-options select { width:100%; min-height:40px; padding:0 8px; border:1px solid #dedfe7; border-radius:8px; background:white; color:var(--ink); font-size:12px; font-weight:800; outline:0; }
.product-options select:focus { border-color:var(--violet); box-shadow:0 0 0 4px rgba(135,80,252,.1); }
.install-toggle { display:grid; grid-template-columns:40px 1fr auto; align-items:center; gap:12px; cursor:pointer; }
.install-toggle input { position:absolute; opacity:0; pointer-events:none; }
.install-toggle > i { width:40px; height:24px; padding:4px; border-radius:96px; background:#cbcdd6; transition:.25s ease; }
.install-toggle > i::after { content:''; display:block; width:16px; height:16px; border-radius:50%; background:white; box-shadow:0 2px 8px rgba(0,0,0,.18); transition:transform .25s ease; }
.install-toggle input:checked + i { background:var(--violet); }
.install-toggle input:checked + i::after { transform:translateX(16px); }
.install-toggle input:focus-visible + i { outline:2px solid var(--violet); outline-offset:2px; }
.install-toggle b, .install-toggle small { display:block; }
.install-toggle b { font-size:11px; }
.install-toggle small { color:var(--muted-dark); font-size:9px; }
.install-toggle > strong { color:var(--violet); font-size:11px; }
.shop-card-footer { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-top:32px; padding-top:24px; border-top:1px solid var(--line-dark); }
.shop-card-footer > div { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px; }
.shop-card-footer small { width:100%; color:var(--muted-dark); font-size:10px; font-weight:800; text-transform:uppercase; }
.shop-card-footer strong { font-family:'Plus Jakarta Sans',sans-serif; font-size:24px; letter-spacing:-.04em; }
.shop-card-footer em { color:var(--muted-dark); font-size:11px; font-style:normal; }
.shop-card-footer .btn { min-height:48px; padding:0 16px; font-size:12px; }
.shop-card[hidden] { display:none!important; }
.shop-empty { display:none; place-items:center; gap:8px; min-height:240px; padding:40px; border:1px dashed rgba(135,80,252,.3); border-radius:32px; background:white; color:var(--muted-dark); text-align:center; }
.shop-empty.visible { display:grid; }
.shop-empty strong { color:var(--ink); font-size:24px; }
.shop-value-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.shop-value { padding:40px; border:1px solid rgba(255,255,255,.1); border-radius:32px; background:rgba(255,255,255,.05); }
.shop-value > span { display:grid; place-items:center; width:48px; height:48px; margin-bottom:32px; border-radius:16px; background:rgba(135,80,252,.18); color:var(--violet-2); font-weight:900; }
.shop-value h3 { margin-bottom:16px; font-size:24px; }
.shop-value p { color:var(--muted); font-size:14px; }
.cart-backdrop { position:fixed; z-index:1998; inset:0; visibility:hidden; opacity:0; background:rgba(5,6,10,.62); backdrop-filter:blur(8px); transition:.35s ease; }
.cart-drawer { position:fixed; z-index:1999; top:0; right:0; width:min(480px,100%); height:100dvh; display:flex; flex-direction:column; padding:32px; color:var(--ink); background:#f9f9fc; box-shadow:-32px 0 80px rgba(0,0,0,.24); transform:translateX(100%); transition:transform .45s cubic-bezier(.2,.8,.2,1); }
body.cart-open { overflow:hidden; }
body.cart-open .cart-backdrop { visibility:visible; opacity:1; }
body.cart-open .cart-drawer { transform:none; }
.cart-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding-bottom:24px; border-bottom:1px solid var(--line-dark); }
.cart-head h2 { margin-top:8px; font-size:40px; }
.cart-head > button { width:48px; height:48px; border:1px solid var(--line-dark); border-radius:50%; background:white; font-size:24px; cursor:pointer; transition:.25s ease; }
.cart-head > button:hover { transform:rotate(90deg); background:var(--ink); color:white; }
.cart-lines { flex:1; overflow:auto; display:grid; align-content:start; gap:16px; padding:24px 0; }
.cart-empty { padding:32px; border:1px dashed var(--line-dark); border-radius:24px; color:var(--muted-dark); text-align:center; }
.cart-line { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px; border:1px solid var(--line-dark); border-radius:16px; background:white; }
.cart-line strong, .cart-line span { display:block; }
.cart-line strong { font-size:14px; }
.cart-line span { margin-top:4px; color:var(--muted-dark); font-size:12px; }
.cart-line button { width:32px; height:32px; flex:none; border:0; border-radius:50%; background:#f0ebff; color:var(--violet); cursor:pointer; }
.cart-summary { display:grid; gap:16px; padding-top:24px; border-top:1px solid var(--line-dark); }
.cart-summary > div { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.cart-summary > div span { color:var(--muted-dark); font-size:13px; }
.cart-summary > div strong { font-family:'Plus Jakarta Sans',sans-serif; font-size:28px; }
.cart-summary small { color:var(--muted-dark); font-size:11px; }
.cart-summary .btn.disabled { opacity:.4; pointer-events:none; }
.shop-toast { position:fixed; z-index:2000; left:50%; bottom:32px; padding:16px 24px; border-radius:96px; background:var(--ink); color:white; font-size:13px; font-weight:800; box-shadow:0 24px 64px rgba(0,0,0,.3); opacity:0; transform:translate(-50%,32px); pointer-events:none; transition:.35s ease; }
.shop-toast.visible { opacity:1; transform:translate(-50%,0); }
.shop-steps { display:flex; align-items:center; gap:16px; margin:0 0 32px; padding:24px 32px; border:1px solid rgba(135,80,252,.14); border-radius:24px; background:linear-gradient(120deg,#fff,#f6f1ff); box-shadow:0 16px 48px rgba(18,11,33,.05); }
.shop-steps > div { flex:1; display:flex; align-items:center; gap:16px; }
.shop-steps > div > span { width:40px; height:40px; flex:none; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:white; font-size:12px; font-weight:900; }
.shop-steps p { display:grid; line-height:1.35; }
.shop-steps b { font-size:13px; }
.shop-steps small { margin-top:4px; color:var(--muted-dark); font-size:10px; }
.shop-steps > i { width:32px; height:1px; flex:none; background:rgba(135,80,252,.24); }
.shop-toolbar { display:grid; grid-template-columns:minmax(0,1fr) 224px; }
.shop-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.shop-card { display:grid; grid-template-columns:176px minmax(0,1fr); }
.shop-product-visual { height:100%; min-height:376px; }
.shop-card-body { display:flex; min-width:0; flex-direction:column; padding:24px; }
.shop-card h3 { min-height:auto; font-size:22px; }
.shop-card-body > p { min-height:72px; }
.shop-card-footer { margin-top:auto; }
.product-version-badge { position:absolute; z-index:3; left:16px; right:16px; bottom:16px; padding:8px; border:1px solid rgba(255,255,255,.18); border-radius:96px; background:rgba(9,10,15,.56); color:white; backdrop-filter:blur(8px); font-size:9px; text-align:center; letter-spacing:.08em; text-transform:uppercase; }
.shop-cart-fab { position:fixed; z-index:1100; left:24px; bottom:24px; min-width:320px; min-height:72px; display:grid; grid-template-columns:48px 1fr auto; align-items:center; gap:16px; padding:12px 16px; border:1px solid rgba(255,255,255,.16); border-radius:24px; background:rgba(12,13,19,.94); color:white; box-shadow:0 24px 72px rgba(0,0,0,.32); backdrop-filter:blur(18px); transform:translateY(0); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.shop-cart-fab:hover { transform:translateY(-6px); border-color:rgba(180,124,255,.52); box-shadow:0 30px 80px rgba(28,14,56,.38); }
.shop-cart-fab.has-items { border-color:rgba(135,80,252,.56); }
.shop-cart-fab.bump { animation:cartBump .55s cubic-bezier(.2,.8,.2,1); }
.shop-cart-fab-icon { width:48px; height:48px; display:grid; place-items:center; position:relative; border-radius:16px; background:linear-gradient(135deg,var(--violet),var(--violet-3)); font-size:18px; }
.shop-cart-fab-icon i { min-width:22px; height:22px; display:grid; place-items:center; position:absolute; right:-8px; top:-8px; padding:0 4px; border:2px solid var(--ink); border-radius:96px; background:#62e3a6; color:#102d20; font-size:9px; font-style:normal; font-weight:900; }
.shop-cart-fab > span:nth-child(2) { display:grid; justify-items:start; line-height:1.25; }
.shop-cart-fab > span:nth-child(2) b { font-size:13px; }
.shop-cart-fab > span:nth-child(2) small { color:#bfc2ce; font-size:11px; }
.shop-cart-fab > strong { color:var(--violet-2); font-size:11px; }
.cart-line { display:grid; align-items:stretch; gap:16px; padding:16px; }
.cart-line-top, .cart-line-bottom { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.cart-line-top strong, .cart-line-top span { display:block; }
.cart-line-top strong { font-size:14px; }
.cart-line-top span { margin-top:2px; color:var(--muted-dark); font-size:11px; }
.cart-line-top > button { width:32px; height:32px; flex:none; border:0; border-radius:50%; background:#f0ebff; color:var(--violet); font-size:16px; }
.cart-install-option { display:flex; align-items:center; gap:12px; padding:12px; border:1px solid var(--line-dark); border-radius:12px; background:#f8f7fc; }
.cart-install-option input { position:absolute; opacity:0; pointer-events:none; }
.cart-install-option > i { width:36px; height:20px; flex:none; padding:2px; border-radius:96px; background:#d7d8e0; transition:.2s; }
.cart-install-option > i::after { content:''; display:block; width:16px; height:16px; border-radius:50%; background:white; box-shadow:0 2px 8px rgba(0,0,0,.18); transition:.2s; }
.cart-install-option input:checked + i { background:var(--violet); }
.cart-install-option input:checked + i::after { transform:translateX(16px); }
.cart-install-option span { display:grid; line-height:1.25; }
.cart-install-option b { font-size:11px; }
.cart-install-option small { margin:2px 0 0; color:var(--muted-dark); font-size:9px; }
.cart-quantity { display:flex; align-items:center; overflow:hidden; border:1px solid var(--line-dark); border-radius:96px; background:#fafafd; }
.cart-quantity button { width:32px; height:32px; border:0; background:transparent; color:var(--violet); font-size:16px; }
.cart-quantity span { min-width:28px; color:var(--ink); font-size:11px; font-weight:900; text-align:center; }
.cart-line-bottom > b { font-family:'Plus Jakarta Sans',sans-serif; font-size:16px; }
.cart-empty { display:grid; gap:4px; }
.cart-empty b { color:var(--ink); }
.shop-toast { bottom:112px; }

.checkout-hero { min-height:480px; display:flex; align-items:center; padding:144px 0 64px; position:relative; overflow:hidden; color:white; background:radial-gradient(circle at 72% 30%,rgba(135,80,252,.34),transparent 32%),var(--ink); }
.checkout-hero::after { content:''; position:absolute; width:480px; height:480px; right:-160px; bottom:-320px; border:1px solid rgba(255,255,255,.12); border-radius:50%; box-shadow:0 0 0 64px rgba(255,255,255,.03),0 0 0 128px rgba(255,255,255,.02); animation:ctaOrbit 16s linear infinite; }
.checkout-hero .container { position:relative; z-index:1; }
.checkout-hero h1 { max-width:960px; margin:24px 0; font-size:clamp(48px,6vw,80px); }
.checkout-hero p { color:var(--muted); font-size:18px; }
.checkout-section { background:linear-gradient(180deg,#f7f7fb,#f0edf8); }
.checkout-steps { max-width:720px; display:flex; align-items:center; justify-content:center; margin:0 auto 48px; }
.checkout-steps > div { display:grid; justify-items:center; gap:8px; color:#8b8f9d; font-size:11px; }
.checkout-steps > div span { width:40px; height:40px; display:grid; place-items:center; border:1px solid #d9dbe3; border-radius:50%; background:white; font-weight:900; }
.checkout-steps > div.active, .checkout-steps > div.done { color:var(--ink); }
.checkout-steps > div.active span { border-color:var(--violet); background:var(--violet); color:white; box-shadow:0 0 0 8px rgba(135,80,252,.1); }
.checkout-steps > div.done span { border-color:#62e3a6; background:#62e3a6; color:#0d3322; }
.checkout-steps > i { width:120px; height:1px; margin:0 16px 24px; background:#d9dbe3; }
.checkout-layout { display:grid; grid-template-columns:1.15fr .85fr; gap:32px; align-items:start; }
.checkout-layout[hidden] { display:none; }
.checkout-form, .checkout-summary { border:1px solid var(--line-dark); border-radius:32px; background:white; box-shadow:0 24px 72px rgba(18,11,33,.08); }
.checkout-form { padding:40px; }
.checkout-form-head { margin-bottom:32px; }
.checkout-form-head h2 { margin-top:16px; font-size:32px; }
.checkout-payment { display:grid; gap:16px; margin-top:24px; padding-top:32px; border-top:1px solid var(--line-dark); }
.checkout-payment h3 { font-size:24px; }
.payment-options { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.payment-option { min-height:120px; display:grid; align-content:start; gap:8px; padding:16px; position:relative; border:1px solid #dcdee6; border-radius:16px; background:#fafafd; cursor:pointer; transition:.25s ease; }
.payment-option:hover, .payment-option.active { border-color:var(--violet); background:#f4efff; box-shadow:0 8px 24px rgba(135,80,252,.1); }
.payment-option input { position:absolute; opacity:0; }
.payment-option > span { width:32px; height:32px; display:grid; place-items:center; border-radius:8px; background:#ece4ff; color:var(--violet); font-weight:900; }
.payment-option b, .payment-option small { display:block; }
.payment-option b { font-size:11px; }
.payment-option small { margin-top:4px; color:var(--muted-dark); font-size:9px; }
.payment-demo-note { display:flex; align-items:center; gap:12px; padding:16px; border-radius:16px; background:#eef9f4; color:#346b54; font-size:11px; }
.payment-demo-note i { width:8px; height:8px; flex:none; border-radius:50%; background:#45bf84; box-shadow:0 0 0 8px rgba(69,191,132,.1); }
.checkout-consent { display:flex; align-items:flex-start; gap:12px; margin:24px 0; color:var(--muted-dark); font-size:11px; cursor:pointer; }
.checkout-consent input { margin-top:4px; accent-color:var(--violet); }
.checkout-pay { width:100%; }
.checkout-pay strong { font-size:14px; }
.checkout-summary { position:sticky; top:104px; padding:32px; }
.checkout-summary-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:24px; border-bottom:1px solid var(--line-dark); }
.checkout-summary-head a { color:var(--violet); font-size:12px; font-weight:800; }
.checkout-items { display:grid; gap:16px; padding:24px 0; }
.checkout-item { display:grid; grid-template-columns:48px 1fr auto; align-items:center; gap:12px; }
.checkout-item-icon { width:48px; height:48px; display:grid; place-items:center; border-radius:16px; background:linear-gradient(145deg,var(--violet),var(--violet-3)); color:white; font-size:10px; font-weight:900; }
.checkout-item strong, .checkout-item span { display:block; }
.checkout-item strong { font-size:12px; }
.checkout-item span { margin-top:2px; color:var(--muted-dark); font-size:9px; }
.checkout-item > b { font-size:12px; }
.checkout-totals { display:grid; gap:12px; padding:24px 0; border-top:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark); }
.checkout-totals > div { display:flex; align-items:center; justify-content:space-between; gap:16px; color:var(--muted-dark); font-size:12px; }
.checkout-totals .total { margin-top:8px; color:var(--ink); }
.checkout-totals .total strong { font-family:'Plus Jakarta Sans',sans-serif; font-size:24px; }
.checkout-security { display:flex; align-items:center; gap:12px; padding-top:24px; }
.checkout-security > span { width:40px; height:40px; display:grid; place-items:center; flex:none; border-radius:50%; background:#e8faf2; color:#2a8b5e; }
.checkout-security p { color:var(--muted-dark); font-size:10px; }
.checkout-security b { display:block; color:var(--ink); }
.checkout-empty-state { display:none; justify-items:center; gap:16px; max-width:640px; margin:auto; padding:64px; border:1px solid var(--line-dark); border-radius:32px; background:white; text-align:center; box-shadow:0 24px 72px rgba(18,11,33,.08); }
.checkout-empty-state.visible { display:grid; }
.checkout-empty-state h2 { font-size:32px; }
.checkout-empty-state p { color:var(--muted-dark); }
.checkout-success { display:none; justify-items:center; gap:16px; max-width:800px; margin:auto; padding:64px; border:1px solid var(--line-dark); border-radius:40px; background:white; text-align:center; box-shadow:0 32px 88px rgba(18,11,33,.12); }
.checkout-success.visible { display:grid; animation:heroReveal .7s ease both; }
.success-mark { width:80px; height:80px; display:grid; place-items:center; border-radius:50%; background:#62e3a6; color:#123c29; font-size:32px; font-weight:900; box-shadow:0 0 0 16px rgba(98,227,166,.12); }
.checkout-success h2 { font-size:40px; }
.checkout-success p { max-width:624px; color:var(--muted-dark); }
.checkout-success > div:last-child { display:flex; flex-wrap:wrap; justify-content:center; gap:16px; margin-top:16px; }
.checkout-success .btn-secondary { color:var(--ink); border-color:var(--line-dark); background:white; }

.insights-hero.with-media { min-height:680px; }
.insight-featured { display:grid; grid-template-columns:1.05fr .95fr; min-height:608px; overflow:hidden; border:1px solid var(--line-dark); border-radius:40px; background:white; box-shadow:0 24px 72px rgba(18,11,33,.1); }
.insight-featured-media { min-height:608px; position:relative; overflow:hidden; }
.insight-featured-media::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 58%,rgba(9,10,15,.64)); }
.insight-featured-media img { width:100%; height:100%; position:absolute; object-fit:cover; transition:transform 1.2s ease; }
.insight-featured:hover .insight-featured-media img { transform:scale(1.06); }
.insight-featured-media > span { position:absolute; z-index:2; left:32px; bottom:32px; padding:8px 16px; border-radius:96px; background:var(--violet); color:white; font-size:11px; font-weight:900; text-transform:uppercase; }
.insight-featured-copy { display:flex; flex-direction:column; justify-content:center; padding:56px; }
.insight-featured-copy h2 { margin:24px 0; font-size:clamp(32px,3.6vw,52px); }
.insight-featured-copy > p { color:var(--muted-dark); font-size:17px; }
.insight-meta { display:flex; flex-wrap:wrap; gap:16px; color:var(--violet); font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.insights-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.insight-card { overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:32px; background:#171923; transition:transform .2s ease,border-color .35s ease,box-shadow .35s ease; transform-style:preserve-3d; }
.insight-card { position:relative; }
.insight-card:hover { border-color:rgba(180,124,255,.38); box-shadow:0 32px 72px rgba(0,0,0,.24); }
.insight-card-media { height:240px; position:relative; overflow:hidden; background-image:linear-gradient(180deg,transparent,rgba(9,10,15,.58)),var(--article-image); background-position:center; background-size:cover; transition:background-size 1s ease; }
.insight-card:hover .insight-card-media { background-size:112%; }
.insight-card-media > span { position:absolute; left:24px; bottom:24px; padding:8px 16px; border-radius:96px; background:rgba(9,10,15,.72); color:white; backdrop-filter:blur(8px); font-size:10px; font-weight:900; text-transform:uppercase; }
.insight-card-media > b { position:absolute; inset:0; display:grid; place-items:center; font-family:'Plus Jakarta Sans',sans-serif; font-size:72px; color:white; }
.insight-ai-media { background:radial-gradient(circle at 68% 28%,rgba(180,124,255,.72),transparent 28%),linear-gradient(145deg,#0b0c13,#39216e 58%,#8750fc); }
.insight-data-media { background:radial-gradient(circle at 68% 28%,rgba(98,227,166,.52),transparent 28%),linear-gradient(145deg,#0b0c13,#1e3457 58%,#8750fc); }
.insight-card-body { padding:32px; }
.insight-card h3 { min-height:80px; margin:16px 0; color:white; font-size:24px; }
.insight-card p { min-height:96px; color:var(--muted); font-size:14px; }
.insight-card .link-arrow { margin-top:24px; }
.insight-topics { display:flex; align-items:center; justify-content:space-between; gap:64px; padding:48px; border:1px solid var(--line-dark); border-radius:32px; background:white; box-shadow:0 16px 48px rgba(18,11,33,.06); }
.insight-topics h2 { margin-top:16px; font-size:40px; }
.topic-cloud { max-width:816px; display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
.topic-cloud span { padding:8px 16px; border-radius:96px; background:#f0ebff; color:#6731d4; font-size:12px; font-weight:800; transition:.25s ease; }
.topic-cloud span:hover { transform:translateY(-4px); background:var(--violet); color:white; }
.insight-card-link::after { content:''; position:absolute; inset:0; }

.article-hero { min-height:720px; padding:152px 0 80px; display:flex; align-items:center; overflow:hidden; color:white; background:radial-gradient(circle at 72% 24%,rgba(135,80,252,.2),transparent 32%),var(--ink); position:relative; }
.article-hero::before { content:''; position:absolute; width:560px; height:560px; left:-280px; bottom:-280px; border-radius:50%; background:rgba(135,80,252,.16); filter:blur(96px); }
.article-hero-grid { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:64px; position:relative; z-index:1; }
.article-hero-copy .crumbs { margin-bottom:40px; }
.article-hero-copy h1 { max-width:840px; margin:24px 0; font-size:clamp(40px,5vw,72px); }
.article-hero-copy > p { max-width:720px; color:#c8cad4; font-size:18px; }
.article-author { display:flex; align-items:center; gap:16px; margin-top:32px; }
.article-author > span { width:56px; height:40px; display:grid; place-items:center; flex:none; background:transparent; }
.article-author > span img { width:56px; height:40px; object-fit:contain; }
.article-author small { display:block; color:var(--muted); font-size:11px; }
.article-hero-media { height:496px; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:40px; transform:rotate(2deg); box-shadow:0 40px 96px rgba(0,0,0,.32); }
.article-hero-media img { width:100%; height:100%; object-fit:cover; }
.article-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; align-items:start; gap:80px; }
.article-content { max-width:880px; }
.article-content section { padding:0 0 56px; margin-bottom:56px; border-bottom:1px solid var(--line-dark); position:relative; }
.article-content section > span { display:inline-flex; margin-bottom:16px; color:var(--violet); font-size:12px; font-weight:900; letter-spacing:.12em; }
.article-content h2 { margin-bottom:24px; font-size:clamp(30px,3vw,44px); }
.article-content p { color:#454a59; font-size:18px; line-height:1.9; }
.article-aside { position:sticky; top:112px; display:grid; gap:24px; padding:32px; border:1px solid var(--line-dark); border-radius:32px; background:white; box-shadow:0 24px 72px rgba(18,11,33,.08); }
.article-aside h3 { margin:16px 0; font-size:28px; }
.article-aside p { color:var(--muted-dark); font-size:14px; }
.article-aside .btn { width:100%; }
.article-related { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.article-related-card { min-height:360px; display:flex; flex-direction:column; justify-content:flex-end; padding:32px; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:32px; background:linear-gradient(180deg,rgba(9,10,15,.08),rgba(9,10,15,.95)),var(--related-image) center/cover; transition:transform .3s ease,border-color .3s ease; }
.article-related-card:hover { transform:translateY(-8px); border-color:rgba(180,124,255,.48); }
.article-related-card span { color:#c8cbd5; font-size:11px; font-weight:900; text-transform:uppercase; }
.article-related-card h3 { margin:16px 0 24px; color:white; font-size:24px; }
.article-related-card b { color:var(--violet-2); font-size:13px; }

@keyframes shopHeroDrift { from{transform:scale(1.02) translateX(-1%)} to{transform:scale(1.08) translateX(1%)} }
@keyframes productOrbit { to{transform:rotate(360deg)} }

.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; align-items:stretch; }
.package-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.package-grid .price-card { padding:32px; }
.package-grid .price-card > p { min-height:96px; }
.package-grid .price { font-size:clamp(36px,3.3vw,48px); }
.package-speed-banner { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:24px; margin:-8px 0 32px; padding:24px 32px; border:1px solid rgba(135,80,252,.18); border-radius:24px; background:linear-gradient(135deg,rgba(135,80,252,.1),rgba(180,124,255,.035)); box-shadow:0 18px 48px rgba(18,11,33,.07); }
.package-speed-banner > strong { display:grid; place-items:center; width:96px; height:96px; border-radius:50%; color:white; background:linear-gradient(135deg,var(--violet),var(--violet-3)); box-shadow:0 16px 36px rgba(135,80,252,.3); font-family:'Plus Jakarta Sans'; font-size:24px; letter-spacing:-.04em; }
.package-speed-banner h3 { margin-bottom:8px; font-size:24px; }
.package-speed-banner p { max-width:920px; color:var(--muted-dark); font-size:14px; }
#papildymai .cards-3 { margin-bottom:32px; }
.package-growth-offer .eyebrow { color:white; }
.price-card { background:white; border:1px solid var(--line-dark); border-radius:32px; padding:40px; display:flex; flex-direction:column; position:relative; transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease; }
.price-card:not(.featured):hover { transform:translateY(-8px); border-color:rgba(135,80,252,.3); box-shadow:0 32px 72px rgba(18,11,33,.14); }
.price-card.featured:hover { transform:translateY(-24px); box-shadow:0 40px 96px rgba(28,14,56,.32); }
.price-card.featured { background:var(--ink); color:white; transform:translateY(-16px); border-color:rgba(135,80,252,.5); box-shadow:0 30px 80px rgba(28,14,56,.25); }
.price-badge { position:absolute; top:16px; right:16px; background:var(--violet); color:white; padding:8px 16px; border-radius:96px; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.price-card h3 { font-size:25px; }
.price-card > p { color:var(--muted-dark); font-size:14px; min-height:72px; margin-top:16px; }
.price-card.featured > p, .price-card.featured .price-note { color:var(--muted); }
.price { font-family:'Plus Jakarta Sans'; font-size:48px; font-weight:800; letter-spacing:-.06em; margin:24px 0 0; }
.price small { font-size:14px; letter-spacing:0; color:var(--muted-dark); font-family:'Manrope'; }
.price-note { font-size:12px; color:var(--muted-dark); }
.price-list { list-style:none; padding:0; margin:32px 0; display:grid; gap:16px; font-size:14px; }
.price-list li { display:flex; gap:8px; }
.price-list li::before { content:'✓'; color:var(--violet); font-weight:900; }
.price-card .btn { margin-top:auto; }
.pricing-disclaimer { margin-top:32px; padding:24px; background:#eee9fa; color:#5b526f; border-radius:16px; font-size:13px; text-align:center; }

@media (max-width: 1280px) and (min-width: 981px) {
  .package-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
  .package-grid .price-card > p { min-height:72px; }
}

.faq { display:grid; grid-template-columns:.7fr 1.3fr; gap:80px; align-items:start; }
.accordion { border-top:1px solid var(--line-dark); }
.faq-item { border-bottom:1px solid var(--line-dark); }
.faq-question { width:100%; display:flex; justify-content:space-between; gap:24px; border:0; padding:24px 0; background:none; text-align:left; font-weight:800; cursor:pointer; }
.faq-question span:last-child { color:var(--violet); font-size:20px; transition:.3s; }
.faq-question span:first-child { transition:transform .3s ease,color .3s ease; }
.faq-question:hover span:first-child { transform:translateX(8px); color:var(--violet); }
.faq-answer { max-height:0; overflow:hidden; color:var(--muted-dark); font-size:14px; transition:max-height .4s ease; }
.faq-answer p { padding:0 32px 24px 0; }
.faq-item.open .faq-answer { max-height:224px; }
.faq-item.open .faq-question span:last-child { transform:rotate(45deg); }

.contact-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; }
.contact-list { display:grid; gap:24px; margin-top:40px; }
.contact-item { display:flex; gap:16px; align-items:center; }
.contact-item .icon-box { margin:0; flex:0 0 auto; width:48px; height:48px; border-radius:16px; }
.contact-item:hover .icon-box { transform:rotate(-8deg) scale(1.08); background:var(--violet); color:white; }
.contact-item small { display:block; color:var(--muted-dark); }
.contact-form { background:white; border:1px solid var(--line-dark); border-radius:32px; padding:40px; box-shadow:var(--shadow); }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.field { display:grid; gap:8px; margin-bottom:16px; }
.field label { font-size:12px; font-weight:800; color:#565b6a; }
.field input, .field textarea, .field select { width:100%; border:1px solid #dcdee6; border-radius:16px; padding:16px; background:#fafafd; outline:none; transition:.2s; }
.field textarea { min-height:128px; resize:vertical; }
.field input:focus, .field textarea:focus, .field select:focus { border-color:var(--violet); box-shadow:0 0 0 4px rgba(135,80,252,.1); }
.form-status { margin-top:16px; color:#4f8c6a; font-size:13px; font-weight:700; display:none; }

.site-footer { background:#07080c; color:white; padding:80px 0 32px; }
.dignito-chat { position:fixed; z-index:1200; right:24px; bottom:24px; }
.chat-toggle { width:64px; height:64px; display:grid; place-items:center; position:relative; border:1px solid rgba(255,255,255,.18); border-radius:22px; background:linear-gradient(145deg,#16131f,#8750fc); box-shadow:0 20px 56px rgba(28,14,56,.38); transition:transform .25s ease,box-shadow .25s ease; }
.chat-toggle:hover { transform:translateY(-6px) rotate(-3deg); box-shadow:0 28px 72px rgba(63,31,127,.48); }
.chat-toggle img { width:38px; height:38px; object-fit:contain; filter:brightness(0) invert(1); }
.chat-toggle > i { width:12px; height:12px; position:absolute; right:-2px; top:-2px; border:3px solid var(--ink); border-radius:50%; background:#62e3a6; }
.chat-panel { width:min(384px,calc(100vw - 32px)); max-height:min(640px,calc(100dvh - 120px)); display:flex; flex-direction:column; overflow:hidden; position:absolute; right:0; bottom:80px; border:1px solid rgba(255,255,255,.12); border-radius:28px; background:#f9f9fc; color:var(--ink); box-shadow:0 32px 96px rgba(0,0,0,.34); opacity:0; visibility:hidden; transform:translateY(24px) scale(.96); transform-origin:right bottom; transition:opacity .25s ease,visibility .25s ease,transform .35s cubic-bezier(.2,.8,.2,1); }
.dignito-chat.open .chat-panel { opacity:1; visibility:visible; transform:none; }
.chat-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px; color:white; background:linear-gradient(135deg,#11131b,#2b1853); }
.chat-agent { display:flex; align-items:center; gap:12px; }
.chat-agent > span { width:44px; height:44px; display:grid; place-items:center; border-radius:14px; background:rgba(255,255,255,.1); }
.chat-agent img { width:32px; height:32px; object-fit:contain; }
.chat-agent b, .chat-agent small { display:block; }
.chat-agent b { font-size:13px; }
.chat-agent small { color:#c8cad4; font-size:9px; }
.chat-agent small i { width:6px; height:6px; display:inline-block; margin-right:5px; border-radius:50%; background:#62e3a6; box-shadow:0 0 0 4px rgba(98,227,166,.1); }
.chat-head > button { width:36px; height:36px; border:1px solid rgba(255,255,255,.12); border-radius:50%; background:rgba(255,255,255,.06); color:white; font-size:20px; }
.chat-messages { min-height:176px; flex:1; overflow:auto; display:grid; align-content:start; gap:12px; padding:20px; background:linear-gradient(180deg,#f9f9fc,#f2eff8); }
.chat-message { max-width:84%; display:grid; gap:4px; }
.chat-message p { padding:12px 14px; border-radius:16px; font-size:12px; line-height:1.55; }
.chat-message span { color:#9296a3; font-size:8px; }
.chat-message.bot { justify-self:start; }
.chat-message.bot p { border:1px solid var(--line-dark); border-bottom-left-radius:4px; background:white; }
.chat-message.user { justify-self:end; }
.chat-message.user p { border-bottom-right-radius:4px; background:var(--violet); color:white; }
.chat-quick { display:flex; flex-wrap:wrap; gap:8px; padding:0 20px 16px; background:#f2eff8; }
.chat-quick[hidden] { display:none; }
.chat-quick button { padding:8px 12px; border:1px solid rgba(135,80,252,.22); border-radius:96px; background:white; color:#6731d4; font-size:9px; font-weight:800; }
.chat-quick button:hover { border-color:var(--violet); background:#f0e9ff; }
.chat-form { display:grid; grid-template-columns:1fr 44px; gap:8px; padding:16px 16px 8px; border-top:1px solid var(--line-dark); background:white; }
.chat-form input { min-width:0; height:44px; padding:0 14px; border:1px solid #dedfe7; border-radius:14px; outline:none; background:#fafafd; font-size:12px; }
.chat-form input:focus { border-color:var(--violet); box-shadow:0 0 0 4px rgba(135,80,252,.1); }
.chat-form button { width:44px; height:44px; border:0; border-radius:14px; background:var(--violet); color:white; font-size:18px; }
.chat-note { padding:0 20px 12px; background:white; color:#8a8e9b; font-size:8px; text-align:center; }
.chat-note a { color:var(--violet); font-weight:800; }
.footer-top { display:grid; grid-template-columns:1.65fr repeat(3,1fr); gap:72px; padding-bottom:64px; }
.footer-brand img { height:40px; width:auto; margin-bottom:24px; }
.footer-brand img { transition:filter .35s ease,transform .35s ease; }
.footer-brand:hover img { transform:translateY(-4px); filter:drop-shadow(0 8px 24px rgba(135,80,252,.4)); }
.footer-brand p { color:var(--muted); max-width:352px; font-size:14px; }
.footer-col h4 { font-size:14px; letter-spacing:0; margin-bottom:24px; }
.footer-col a { display:block; color:var(--muted); font-size:13px; margin:8px 0; transition:.2s; }
.footer-col a:hover { color:white; transform:translateX(3px); }
.footer-bottom { border-top:1px solid var(--line); padding-top:24px; display:flex; justify-content:space-between; gap:24px; color:#7f8390; font-size:12px; }

.scroll-progress { position:absolute; left:0; bottom:-1px; width:100%; height:2px; background:linear-gradient(90deg,var(--violet),var(--violet-2),#62e3a6); transform:scaleX(var(--scroll-progress,0)); transform-origin:left; box-shadow:0 0 16px rgba(135,80,252,.7); }
.cursor-glow { position:fixed; z-index:9999; top:0; left:0; width:240px; height:240px; margin:-120px 0 0 -120px; pointer-events:none; border-radius:50%; opacity:0; background:radial-gradient(circle,rgba(135,80,252,.14),rgba(135,80,252,.05) 34%,transparent 68%); transition:opacity .3s ease; will-change:transform; }
.cursor-glow.active { opacity:1; }

.reveal { opacity:0; filter:blur(8px); transform:translateY(48px) scale(.985); transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1),filter .8s ease; transition-delay:var(--reveal-delay,0ms); }
.reveal.visible { opacity:1; filter:none; transform:none; }
.reveal-delay-1 { --reveal-delay:80ms; }
.reveal-delay-2 { --reveal-delay:160ms; }
.reveal-delay-3 { --reveal-delay:240ms; }
.reveal .eyebrow::before { transform:scaleX(0); transform-origin:left; transition:transform .6s ease calc(var(--reveal-delay,0ms) + 160ms); }
.reveal.visible .eyebrow::before { transform:scaleX(1); }
.text-gradient, .accent-gradient { background-size:200% auto; animation:textShine 6s ease-in-out infinite alternate; }

.hero .hero-kicker, .hero h1, .hero-content > p, .hero-cta, .hero-proof { opacity:0; animation:heroReveal .9s cubic-bezier(.2,.8,.2,1) forwards; }
.hero .hero-kicker { animation-delay:.12s; }
.hero h1 { animation-delay:.24s; }
.hero-content > p { animation-delay:.38s; }
.hero-cta { animation-delay:.5s; }
.hero-proof { animation-delay:.64s; }

@keyframes scrollCue { 0%,100%{transform:scaleY(.5);transform-origin:top;opacity:.4} 50%{transform:scaleY(1);opacity:1} }
@keyframes heroReveal { from{opacity:0;transform:translateY(32px);filter:blur(8px)} to{opacity:1;transform:none;filter:none} }
@keyframes heroMediaDrift { 0%{transform:translate3d(-1%,calc(var(--hero-parallax,0px) - 1%),0) scale(1.03)} 100%{transform:translate3d(1%,calc(var(--hero-parallax,0px) + 1%),0) scale(1.09)} }
@keyframes heroGlowFloat { 0%{transform:translate3d(var(--hero-mouse-x,0px),var(--hero-mouse-y,0px),0) scale(.9)} 100%{transform:translate3d(calc(var(--hero-mouse-x,0px) + 64px),calc(var(--hero-mouse-y,0px) + 32px),0) scale(1.12)} }
@keyframes heroOrbit { to{transform:rotate(360deg) scale(1.05)} }
@keyframes gridFlow { to{background-position:72px 72px} }
@keyframes statusPulse { 0%{box-shadow:0 0 0 0 rgba(98,227,166,.3)} 70%{box-shadow:0 0 0 12px rgba(98,227,166,0)} 100%{box-shadow:0 0 0 0 rgba(98,227,166,0)} }
@keyframes insightFloat { 0%,100%{transform:translateY(0) rotate(.2deg)} 50%{transform:translateY(-16px) rotate(-.4deg)} }
@keyframes barBreath { from{filter:brightness(.85);transform:scaleX(.88)} to{filter:brightness(1.25);transform:scaleX(1)} }
@keyframes trustMarquee { to{transform:translateX(-50%)} }
@keyframes floatingCard { 0%,100%{transform:translateY(0) rotate(.3deg)} 50%{transform:translateY(-16px) rotate(-.5deg)} }
@keyframes sliderProgress { from{transform:scaleX(0)} to{transform:scaleX(1)} }
@keyframes gradientFlow { 0%,100%{background-position:0 50%} 50%{background-position:100% 50%} }
@keyframes ctaOrbit { to{transform:rotate(360deg)} }
@keyframes ctaGlow { from{transform:translateX(-32px) scale(.85)} to{transform:translateX(64px) scale(1.15)} }
@keyframes pageHeroDrift { from{background-position:0 0,48% 50%} to{background-position:0 0,54% 52%} }
@keyframes softGradient { from{background-position:0 0} to{background-position:100% 100%} }
@keyframes dataGlow { from{transform:translate3d(-24px,16px,0) scale(.85)} to{transform:translate3d(24px,-16px,0) scale(1.15)} }
@keyframes dataPulse { 0%{box-shadow:0 0 0 0 rgba(135,80,252,.38)} 70%{box-shadow:0 0 0 16px rgba(135,80,252,0)} 100%{box-shadow:0 0 0 0 rgba(135,80,252,0)} }
@keyframes flowRight { 0%{left:0;opacity:0} 18%{opacity:1} 82%{opacity:1} 100%{left:calc(100% - 8px);opacity:0} }
@keyframes flowLeft { 0%{right:0;opacity:0} 18%{opacity:1} 82%{opacity:1} 100%{right:calc(100% - 8px);opacity:0} }
@keyframes flowDown { 0%{top:0;opacity:0} 18%{opacity:1} 82%{opacity:1} 100%{top:calc(100% - 8px);opacity:0} }
@keyframes flowUp { 0%{top:calc(100% - 8px);opacity:0} 18%{opacity:1} 82%{opacity:1} 100%{top:0;opacity:0} }
@keyframes cartBump { 0%,100%{transform:translateY(0) scale(1)} 45%{transform:translateY(-8px) scale(1.04)} }
@keyframes sectionGlow { from{transform:translate3d(-32px,-16px,0) scale(.85)} to{transform:translate3d(32px,24px,0) scale(1.15)} }
@keyframes textShine { from{background-position:0 center} to{background-position:100% center} }

@media (max-width: 980px) {
  :root { --container:min(100% - 40px, 1520px); }
  .hero-content { transform:none; }
  .nav-links, .nav-actions .btn { display:none; }
  .menu-toggle { display:grid; place-items:center; }
  body.menu-open .site-header { background:#090a0f; border-bottom-color:rgba(255,255,255,.08); }
  body.menu-open .dignito-chat, body.menu-open .shop-cart-fab { opacity:0; pointer-events:none; }
  .nav-links.open { display:flex; position:fixed; z-index:1001; inset:80px 0 0; min-height:calc(100dvh - 80px); overflow-y:auto; flex-direction:column; align-items:flex-start; padding:40px 24px 64px; gap:24px; border-top:1px solid rgba(255,255,255,.08); background:#090a0f; color:white; font-size:22px; box-shadow:0 32px 80px rgba(0,0,0,.42); }
  .cards-3 { grid-template-columns:1fr 1fr; }
  .split { grid-template-columns:1fr; gap:48px; }
  .split .image-frame { order:-1; min-height:440px; }
  .process-grid { grid-template-columns:1fr 1fr; }
  .process-step:nth-child(2)::after { display:none; }
  .pricing-grid { grid-template-columns:1fr; max-width:600px; margin:auto; }
  .price-card.featured { transform:none; }
  .faq, .contact-grid { grid-template-columns:1fr; gap:48px; }
  .integration-panel { grid-template-columns:1fr; }
  .footer-top { grid-template-columns:1.4fr 1fr 1fr; }
  .footer-brand { grid-column:1/-1; }
  .hero-insight { display:none; }
  .cursor-glow { display:none; }
  .outcome-grid { grid-template-columns:1fr 1fr; }
  .outcome-card:first-child { grid-column:1/-1; }
  .shop-grid { grid-template-columns:1fr; }
  .insights-grid { grid-template-columns:1fr 1fr; }
  .shop-value-grid { grid-template-columns:1fr; }
  .insight-featured { grid-template-columns:1fr; }
  .insight-featured-media { min-height:440px; }
  .insight-topics { align-items:flex-start; flex-direction:column; }
  .topic-cloud { justify-content:flex-start; }
  .checkout-layout { grid-template-columns:1fr; }
  .checkout-summary { position:relative; top:auto; order:-1; }
  .article-hero-grid, .article-layout { grid-template-columns:1fr; }
  .article-hero-media { height:400px; transform:none; }
  .article-layout { gap:48px; }
  .article-aside { position:relative; top:auto; }
  .article-related { grid-template-columns:1fr 1fr; }
}

@media (max-width: 680px) {
  :root { --container: min(100% - 32px, 1184px); --radius:24px; }
  .section { padding:80px 0; }
  .hero { min-height:792px; max-height:none; }
  .hero::after { background:linear-gradient(90deg,rgba(9,10,15,.98),rgba(9,10,15,.72)); }
  .hero::before { display:none; }
  .hero-media { object-position:60% center; opacity:.55; }
  .hero h1 { font-size:44px; }
  .hero-content { padding-top:72px; }
  .hero-proof { gap:16px; display:grid; }
  .scroll-cue { display:none; }
  .section-head { align-items:start; flex-direction:column; margin-bottom:40px; }
  .package-speed-banner { grid-template-columns:1fr; padding:24px; }
  .package-speed-banner > strong { width:80px; height:80px; font-size:20px; }
  .cards-3, .cards-2 { grid-template-columns:1fr; }
  .service-card { min-height:304px; }
  .process-grid { grid-template-columns:1fr; }
  .process-step:not(:last-child)::after { display:none; }
  .image-frame { min-height:360px !important; }
  .slider { min-height:640px; }
  .slide::after { background:linear-gradient(0deg,rgba(9,10,15,.98),rgba(9,10,15,.25)); }
  .slide-content { left:7%; right:7%; width:auto; top:auto; bottom:112px; transform:none; }
  .metrics { grid-template-columns:1fr 1fr; }
  .metric:nth-child(2) { border-right:0; }
  .metric:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .cta-panel { padding:48px 24px; }
  .cta-panel-inner { align-items:flex-start; flex-direction:column; }
  .page-hero { padding:152px 0 80px; }
  .page-hero.with-media { min-height:560px; background-position:0 0,62% center; background-size:auto,cover; animation:none; }
  .page-hero p { font-size:17px; }
  .form-row { grid-template-columns:1fr; gap:0; }
  .contact-form { padding:24px; }
  .footer-top { grid-template-columns:1fr 1fr; gap:40px; }
  .footer-brand { grid-column:1/-1; }
  .footer-bottom { flex-direction:column; }
  .trust-inner { align-items:flex-start; flex-direction:column; }
  .trust-items.marquee-ready { width:100%; }
  .outcome-grid { grid-template-columns:1fr; }
  .outcome-card:first-child { grid-column:auto; }
  .hero-accent { white-space:normal; }
  .integration-panel { padding:24px; gap:32px; }
  .data-map { grid-template-columns:1fr; min-height:auto; padding:24px; }
  .data-arrow { transform:rotate(90deg); margin:auto; }
  .data-flow { width:88px; height:104px; margin:auto; grid-template-columns:1fr 1fr; align-content:stretch; gap:16px; }
  .data-flow > b { left:50%; bottom:40px; width:152px; padding:4px; background:#171125; transform:translateX(-50%); }
  .flow-line { width:2px; height:100%; justify-self:center; background:linear-gradient(180deg,rgba(135,80,252,.16),var(--violet-2),rgba(98,227,166,.16)); }
  .flow-out svg { top:auto; right:auto; bottom:-4px; left:50%; transform:translateX(-50%) rotate(90deg); }
  .flow-back svg { top:-4px; left:50%; transform:translateX(-50%) rotate(-90deg); }
  .flow-line i { top:0; left:50%; margin:0 0 0 -4px; }
  .flow-out i { animation-name:flowDown; }
  .flow-back i { animation-name:flowUp; }
  .ai-grid { grid-template-columns:1fr; }
  .ai-card { padding:32px; }
  .shop-hero { min-height:680px; }
  .shop-hero-media { object-position:68% center; opacity:.64; }
  .shop-hero::after { background:linear-gradient(90deg,rgba(9,10,15,.98),rgba(9,10,15,.68)); }
  .shop-hero h1 { font-size:44px; }
  .shop-hero-content { padding-top:80px; }
  .shop-hero-proof { display:grid; gap:16px; }
  .shop-steps { align-items:stretch; flex-direction:column; padding:24px; }
  .shop-steps > i { width:1px; height:16px; margin-left:20px; }
  .shop-toolbar { grid-template-columns:1fr; align-items:stretch; padding:16px; }
  .shop-search { padding:0 16px; }
  .shop-cart-button { justify-content:center; }
  .shop-result-line { align-items:flex-start; flex-direction:column; gap:8px; }
  .shop-grid, .insights-grid { grid-template-columns:1fr; }
  .shop-card-body { padding:24px; }
  .shop-card { grid-template-columns:1fr; }
  .shop-product-visual { min-height:184px; }
  .shop-card h3, .shop-card-body > p { min-height:auto; }
  .shop-card-footer { align-items:stretch; flex-direction:column; }
  .shop-card-footer .btn { width:100%; }
  .shop-value { padding:32px; }
  .cart-drawer { padding:24px; }
  .shop-cart-fab { left:16px; right:96px; bottom:16px; min-width:0; width:auto; }
  .shop-cart-fab > strong { display:none; }
  .shop-cart-fab { grid-template-columns:48px 1fr; }
  .dignito-chat { right:16px; bottom:16px; }
  .chat-toggle { width:64px; height:64px; }
  .chat-panel { right:0; bottom:80px; }
  .insights-hero.with-media { min-height:600px; }
  .insight-featured { min-height:auto; border-radius:24px; }
  .insight-featured-media { min-height:320px; }
  .insight-featured-copy { padding:24px; }
  .insight-featured-copy h2 { font-size:32px; }
  .insight-card h3, .insight-card p { min-height:auto; }
  .insight-topics { gap:32px; padding:24px; }
  .insight-topics h2 { font-size:32px; }
  .checkout-form, .checkout-summary { padding:24px; border-radius:24px; }
  .payment-options { grid-template-columns:1fr; }
  .checkout-steps { gap:8px; }
  .checkout-steps > div { font-size:10px; }
  .checkout-steps > i { width:24px; margin-inline:0; }
  .checkout-item { grid-template-columns:40px 1fr; }
  .checkout-item > b { grid-column:2; }
  .checkout-empty-state, .checkout-success { padding:32px 24px; border-radius:24px; }
  .checkout-success h2 { font-size:32px; }
  .article-hero { min-height:auto; padding:136px 0 64px; }
  .article-hero-grid { gap:40px; }
  .article-hero-copy h1 { font-size:40px; }
  .article-hero-copy > p { font-size:16px; }
  .article-hero-media { height:288px; border-radius:24px; }
  .article-content section { padding-bottom:40px; margin-bottom:40px; }
  .article-content p { font-size:16px; }
  .article-aside { padding:24px; }
  .article-related { grid-template-columns:1fr; }
  .article-related-card { min-height:320px; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; animation:none !important; transition-duration:.01ms !important; }
  .reveal { opacity:1; transform:none; }
  .hero .hero-kicker, .hero h1, .hero-content > p, .hero-cta, .hero-proof { opacity:1; transform:none; filter:none; }
  .page-hero .crumbs, .page-hero h1, .page-hero .container > p { opacity:1; transform:none; filter:none; }
  .slide.active .slide-content { opacity:1; transform:translateY(-50%); }
  .hero-media, .slide.active img { transform:none; }
  .trust-set + .trust-set, .cursor-glow { display:none; }
  .shop-hero .hero-kicker, .shop-hero h1, .shop-hero-content > p, .shop-hero .hero-cta, .shop-hero-proof { opacity:1; transform:none; filter:none; }
}