:root {
  --ink: #050505;
  --ink-soft: #111216;
  --paper: #f5f6fa;
  --white: #ffffff;
  --muted: #697080;
  --line: rgba(9, 12, 20, 0.13);
  --line-light: rgba(255, 255, 255, 0.14);
  --blue: #5b5cff;
  --blue-bright: #367cff;
  --blue-pale: #e9eaff;
  --cyan: #80e6ff;
  --green: #55e6a5;
  --radius: 1.5rem;
  --max: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "Inter", sans-serif; font-size: 16px; line-height: 1.6; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 1000; top: .5rem; left: .5rem; padding: .75rem 1rem; color: var(--ink); background: var(--white); transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }

.site-header { position: fixed; z-index: 50; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; width: min(calc(100% - 2rem), var(--max)); margin: 1rem auto; padding: .65rem .72rem .65rem 1rem; border: 1px solid var(--line-light); border-radius: 999px; color: var(--white); background: rgba(5, 5, 5, .68); backdrop-filter: blur(22px); transition: background 180ms ease, box-shadow 180ms ease, transform 180ms ease; }
.site-header.is-scrolled { background: rgba(5, 5, 5, .94); box-shadow: 0 20px 60px rgba(0, 0, 0, .23); }
.brand { display: inline-flex; align-items: center; gap: .55rem; font: 700 1.02rem/1 "Manrope", sans-serif; letter-spacing: -.04em; }
.brand-mark { width: 2.05rem; height: 1.7rem; flex: 0 0 auto; }
.navigation { display: flex; align-items: center; gap: 1.35rem; font-size: .82rem; }
.navigation > a:not(.button) { color: rgba(255,255,255,.68); transition: color 160ms ease; }
.navigation > a:hover { color: var(--white); }
.menu-button { display: none; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: .8rem; min-height: 3.25rem; padding: .8rem 1.35rem; border: 1px solid var(--blue); border-radius: 999px; color: var(--white); background: var(--blue); font-weight: 700; cursor: pointer; transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease; }
.button:hover { transform: translateY(-2px); background: #696aff; box-shadow: 0 14px 34px rgba(91,92,255,.28); }
.button:focus-visible, .text-link:focus-visible, .navigation a:focus-visible, .suggestion-row button:focus-visible { outline: 3px solid var(--cyan); outline-offset: 3px; }
.button-small { min-height: 2.55rem; padding: .55rem 1rem; }
.button-light { border-color: var(--white); color: var(--ink); background: var(--white); }
.button-light:hover { color: var(--white); background: var(--blue); border-color: var(--blue); }
.text-link { display: inline-flex; align-items: center; gap: .7rem; padding-bottom: .2rem; border-bottom: 1px solid currentColor; font-weight: 700; }
.eyebrow { display: flex; align-items: center; gap: .65rem; margin: 0 0 1.15rem; color: rgba(255,255,255,.7); font-size: .72rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow-dark { color: var(--blue); }
.eyebrow-dot { width: .48rem; height: .48rem; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 .3rem rgba(91,92,255,.14); }

.hero { position: relative; min-height: auto; overflow: hidden; display: grid; grid-template-columns: 1.03fr .97fr; align-items: center; column-gap: clamp(3rem, 6vw, 6rem); row-gap: clamp(1.75rem, 3vw, 2.5rem); padding: 10rem max(2rem, calc((100vw - var(--max)) / 2)) 2.25rem; color: var(--white); background: var(--ink); isolation: isolate; }
.hero-grid { position: absolute; inset: 0; z-index: -3; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, black, transparent 82%); }
.hero-orb { position: absolute; z-index: -2; border-radius: 50%; filter: blur(1px); }
.hero-orb-one { width: 46rem; height: 46rem; top: -22rem; right: -16rem; background: radial-gradient(circle, rgba(91,92,255,.45), rgba(91,92,255,0) 68%); }
.hero-orb-two { width: 34rem; height: 34rem; bottom: -25rem; left: 18%; background: radial-gradient(circle, rgba(54,124,255,.22), rgba(54,124,255,0) 70%); }
.hero-copy { position: relative; z-index: 2; }
.hero h1 { max-width: 10ch; margin: 0; font: 700 clamp(4rem, 7.4vw, 7.5rem)/.9 "Manrope", sans-serif; letter-spacing: -.075em; }
.hero h1 span { color: var(--blue); }
.hero-lead { max-width: 42rem; margin: 2rem 0; color: rgba(255,255,255,.67); font-size: clamp(1.05rem, 1.5vw, 1.24rem); }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.35rem; }
.hero-proof { position: relative; z-index: 2; grid-column: 1 / -1; align-self: start; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 0; padding-top: 1.5rem; border-top: 1px solid var(--line-light); }
.hero-proof > div { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 1rem; min-width: 0; padding: .15rem 1.5rem; border-right: 1px solid rgba(255,255,255,.1); }
.hero-proof > div:first-child { padding-left: 0; }
.hero-proof > div:last-child { padding-right: 0; border-right: 0; }
.proof-icon { display: grid; place-items: center; width: 4rem; height: 4rem; flex: 0 0 auto; border: 1px solid rgba(125,126,255,.72); border-radius: 1.15rem; color: var(--white); background: rgba(91,92,255,.22); box-shadow: inset 0 0 0 1px rgba(255,255,255,.04); font: 700 1.6rem/1 "Manrope", sans-serif; }
.proof-copy { display: grid; gap: .12rem; min-width: 0; }
.hero-proof strong { font: 700 1rem/1.2 "Manrope", sans-serif; }
.hero-proof small { color: rgba(255,255,255,.5); font-size: .75rem; line-height: 1.35; }

.agent-stage { position: relative; min-height: 35rem; padding: 4.2rem 1.4rem 1.4rem; overflow: hidden; border: 1px solid var(--line-light); border-radius: 1.8rem; background: linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.025)); box-shadow: 0 40px 100px rgba(0,0,0,.38); backdrop-filter: blur(18px); }
.agent-stage::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 48% 50%, rgba(91,92,255,.2), transparent 32%); pointer-events: none; }
.agent-stage-top { position: absolute; top: 1.25rem; left: 1.35rem; right: 1.35rem; display: flex; align-items: center; gap: .5rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.58); font-size: .69rem; text-transform: uppercase; letter-spacing: .1em; }
.live-dot { width: .45rem; height: .45rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 .3rem rgba(85,230,165,.12); }
.agent-stage-time { margin-left: auto; }
.flow-source, .flow-result { position: absolute; z-index: 2; width: 9.6rem; padding: 1rem; border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; background: rgba(5,5,5,.6); }
.flow-source span { color: var(--blue); font-size: .62rem; }
.flow-source strong, .flow-source small { display: block; }
.flow-source strong { margin-top: .25rem; font: 600 .9rem "Manrope", sans-serif; }
.flow-source small { color: rgba(255,255,255,.45); font-size: .68rem; }
.flow-source-one { top: 7rem; left: 1.4rem; }
.flow-source-two { bottom: 4.8rem; left: 1.4rem; }
.agent-core { position: absolute; z-index: 3; top: 50%; left: 49%; display: grid; place-items: center; width: 9rem; height: 9rem; border: 1px solid rgba(128,230,255,.35); border-radius: 50%; background: radial-gradient(circle at 35% 25%, #6d6eff, #24227a 65%, #11111d); transform: translate(-50%, -50%); box-shadow: 0 0 0 1rem rgba(91,92,255,.06), 0 0 5rem rgba(91,92,255,.35); }
.agent-core svg { width: 2.3rem; fill: none; stroke: var(--white); stroke-width: 2; }
.agent-core strong { margin-top: .25rem; font: 700 .86rem "Manrope", sans-serif; }
.agent-core small { display: block; width: 7rem; color: rgba(255,255,255,.55); font-size: .58rem; line-height: 1.35; text-align: center; }
.agent-pulse { position: absolute; inset: -.9rem; border: 1px solid rgba(91,92,255,.28); border-radius: 50%; animation: pulse 2.7s ease-out infinite; }
.flow-result { top: 50%; right: 1rem; width: 10rem; padding: .9rem; transform: translateY(-50%); }
.flow-result > div { display: flex; gap: .55rem; padding: .6rem 0; }
.flow-result > div + div { border-top: 1px solid rgba(255,255,255,.08); }
.flow-result strong, .flow-result small { display: block; }
.flow-result strong { font-size: .7rem; }
.flow-result small { color: rgba(255,255,255,.4); font-size: .6rem; }
.result-check { display: grid; place-items: center; flex: 0 0 auto; width: 1.2rem; height: 1.2rem; border-radius: 50%; color: var(--ink); background: var(--green); font-size: .65rem; }
.flow-line { position: absolute; z-index: 1; height: 1px; background: linear-gradient(90deg, rgba(91,92,255,.1), var(--blue), rgba(91,92,255,.1)); transform-origin: left; }
.flow-line::after { content: ""; position: absolute; top: -.2rem; right: 25%; width: .4rem; height: .4rem; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 1rem var(--cyan); animation: travel 2.4s linear infinite; }
.flow-line-one { top: 10rem; left: 10.8rem; width: 8rem; transform: rotate(24deg); }
.flow-line-two { bottom: 8.2rem; left: 10.8rem; width: 8rem; transform: rotate(-25deg); }
.flow-line-three { top: 50%; left: 61%; width: 6rem; }

.section { width: min(calc(100% - 3rem), var(--max)); margin: 0 auto; padding: clamp(5.5rem, 10vw, 9rem) 0; }
.section-heading { display: grid; grid-template-columns: 1.35fr .65fr; gap: clamp(3rem, 9vw, 8rem); align-items: end; margin-bottom: 4rem; }
.section h2, .demo-section h2, .secureops h2, .contact h2 { margin: 0; font: 700 clamp(2.8rem, 5.5vw, 5.6rem)/.96 "Manrope", sans-serif; letter-spacing: -.065em; }
.section-heading > p { max-width: 31rem; margin: 0; color: var(--muted); font-size: 1.05rem; }

.product-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 1rem; }
.product-card { grid-column: span 4; position: relative; display: flex; flex-direction: column; min-height: 28rem; padding: 1.7rem; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--white); transition: transform 180ms ease, box-shadow 180ms ease; }
.product-card:hover { transform: translateY(-5px); box-shadow: 0 24px 60px rgba(20,25,45,.1); }
.product-card-featured { grid-column: span 8; color: var(--white); background: linear-gradient(140deg, #504cff, #201d75); }
.product-card-dark { color: var(--white); background: var(--ink-soft); }
.product-card-blue { color: var(--white); background: linear-gradient(140deg, #1c63e8, #101c45); }
.product-card-featured::after, .product-card-blue::after { content: ""; position: absolute; width: 20rem; height: 20rem; right: -8rem; bottom: -10rem; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 3rem rgba(255,255,255,.03), 0 0 0 7rem rgba(255,255,255,.025); }
.product-meta { display: flex; align-items: center; justify-content: space-between; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.product-pill { padding: .3rem .6rem; border: 1px solid currentColor; border-radius: 999px; opacity: .58; }
.product-icon { margin-top: 4rem; font: 500 2.4rem "Manrope", sans-serif; }
.product-card h3 { margin: 1rem 0; font: 700 clamp(2rem, 3vw, 3.1rem)/1 "Manrope", sans-serif; letter-spacing: -.055em; }
.product-card p { max-width: 34rem; margin: 0; color: currentColor; opacity: .66; }
.product-card ul { display: flex; flex-wrap: wrap; gap: .4rem; margin: auto 0 0; padding: 2rem 0 0; list-style: none; }
.product-card li { padding: .35rem .6rem; border: 1px solid currentColor; border-radius: 999px; font-size: .68rem; opacity: .55; }
.product-card > a { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: .7rem; margin-top: 1.4rem; font-weight: 700; }

.demo-section { display: grid; grid-template-columns: .75fr 1.25fr; gap: clamp(3rem, 8vw, 7rem); align-items: center; padding: clamp(5.5rem, 10vw, 9rem) max(2rem, calc((100vw - var(--max)) / 2)); color: var(--white); background: var(--ink); }
.demo-copy > p:not(.eyebrow) { color: rgba(255,255,255,.58); }
.demo-points { margin-top: 2.5rem; border-top: 1px solid var(--line-light); }
.demo-points > div { display: grid; grid-template-columns: 2.5rem 1fr; gap: .7rem; padding: 1.1rem 0; border-bottom: 1px solid var(--line-light); }
.demo-points span { color: var(--blue); font-size: .7rem; }
.demo-points p { margin: 0; color: rgba(255,255,255,.5); font-size: .8rem; }
.demo-points strong { display: block; color: var(--white); font-size: .9rem; }
.demo-shell { overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 1.4rem; color: var(--ink); background: #eef0f8; box-shadow: 0 40px 100px rgba(0,0,0,.36); }
.browser-bar { display: flex; align-items: center; gap: 1rem; padding: .85rem 1rem; border-bottom: 1px solid var(--line); background: var(--white); color: var(--muted); font-size: .68rem; }
.browser-dots { display: flex; gap: .3rem; }
.browser-dots i { width: .52rem; height: .52rem; border-radius: 50%; background: #d7d9e2; }
.secure-label { margin-left: auto; color: #288f64; font-weight: 700; }
.demo-form { padding: 1.4rem; }
.demo-form label { display: block; margin-bottom: .5rem; font-size: .72rem; font-weight: 700; }
.demo-input-row { display: grid; grid-template-columns: 1fr auto; gap: .55rem; }
.demo-input-row input { min-width: 0; padding: .85rem 1rem; border: 1px solid #cfd2dd; border-radius: 999px; outline: 0; background: var(--white); }
.demo-input-row input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(91,92,255,.12); }
.form-hint { margin: .5rem .3rem 0; color: var(--muted); font-size: .62rem; }
.demo-progress { display: flex; align-items: center; gap: .7rem; margin: 0 1.4rem 1rem; padding: .7rem .9rem; border-radius: .7rem; color: #41465a; background: var(--blue-pale); font-size: .72rem; }
.demo-progress[hidden] { display: none; }
.demo-progress span { width: .8rem; height: .8rem; border: 2px solid #bdc0ff; border-top-color: var(--blue); border-radius: 50%; animation: spin .8s linear infinite; }
.demo-progress p { margin: 0; }
.chat-window { margin: 0 1.4rem 1.4rem; overflow: hidden; border: 1px solid var(--line); border-radius: 1rem; background: var(--white); }
.chat-header { display: flex; align-items: center; gap: .75rem; padding: .9rem 1rem; border-bottom: 1px solid var(--line); }
.chat-agent-avatar { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: .7rem; color: var(--white); background: var(--blue); font-size: .72rem; font-weight: 800; }
.chat-header > div:nth-child(2) { display: grid; }
.chat-header strong { font-size: .78rem; }
.chat-header span { color: var(--muted); font-size: .62rem; }
.chat-header span i { display: inline-block; width: .4rem; height: .4rem; margin-right: .2rem; border-radius: 50%; background: var(--green); }
.chat-header small { margin-left: auto; color: var(--muted); font-size: .62rem; }
.chat-messages { display: grid; gap: .8rem; min-height: 20rem; padding: 1.2rem; background: #fafafe; }
.message { max-width: 82%; padding: .8rem .95rem; border-radius: .9rem; font-size: .75rem; line-height: 1.5; }
.message-agent { justify-self: start; border: 1px solid var(--line); background: var(--white); }
.message-user { justify-self: end; color: var(--white); background: var(--blue); }
.message-answer a { display: block; margin-top: .65rem; color: var(--blue); font-size: .66rem; font-weight: 700; }
.suggestion-row { display: flex; flex-wrap: wrap; gap: .4rem; padding: .8rem 1rem; border-top: 1px solid var(--line); }
.suggestion-row button { padding: .4rem .7rem; border: 1px solid #d8dbe5; border-radius: 999px; color: #51586b; background: var(--white); font-size: .66rem; cursor: pointer; }

.custom { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(3rem, 9vw, 8rem); }
.custom-heading { position: sticky; top: 8rem; align-self: start; }
.custom-heading > p:last-child { max-width: 34rem; color: var(--muted); font-size: 1.05rem; }
.process { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.process li { display: grid; grid-template-columns: 2.2rem 1fr auto; gap: 1.3rem; padding: 1.7rem 0; border-bottom: 1px solid var(--line); }
.process li > span { color: var(--blue); font-size: .7rem; }
.process h3 { margin: 0 0 .35rem; font: 700 clamp(1.25rem, 2vw, 1.8rem) "Manrope", sans-serif; letter-spacing: -.035em; }
.process p { max-width: 35rem; margin: 0; color: var(--muted); font-size: .86rem; }
.process small { color: var(--muted); white-space: nowrap; }

.secureops { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem, 8vw, 7rem); align-items: center; padding: clamp(5.5rem, 10vw, 9rem) max(2rem, calc((100vw - var(--max)) / 2)); color: var(--white); background: linear-gradient(145deg, #11121a, #050505); }
.secureops-visual { position: relative; display: flex; flex-direction: column; min-height: 38rem; padding: 5.2rem 2rem 2rem; overflow: hidden; border: 1px solid var(--line-light); border-radius: 1.6rem; background: radial-gradient(circle at 50% 15%, rgba(91,92,255,.24), transparent 38%), rgba(255,255,255,.02); }
.ops-team-top { position: absolute; top: 1.35rem; left: 1.5rem; right: 1.5rem; display: flex; align-items: center; gap: .55rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.58); font-size: .68rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.ops-team-top > span:last-child { margin-left: auto; color: var(--green); }
.ops-team-core { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .9rem; padding: 1rem 1.1rem; border: 1px solid rgba(91,92,255,.48); border-radius: 1rem; background: linear-gradient(135deg, rgba(91,92,255,.25), rgba(91,92,255,.08)); box-shadow: 0 1.5rem 4rem rgba(0,0,0,.2); }
.ops-team-core > span { display: grid; place-items: center; width: 3rem; height: 3rem; border: 1px solid rgba(128,230,255,.46); border-radius: 50%; color: var(--white); background: rgba(91,92,255,.28); font: 700 1rem/1 "Manrope", sans-serif; }
.ops-team-core p, .ops-human-check p { margin: 0; }
.ops-team-core strong, .ops-team-core small, .ops-agent-grid strong, .ops-agent-grid small, .ops-human-check strong, .ops-human-check small { display: block; }
.ops-team-core strong { font: 700 1rem/1.2 "Manrope", sans-serif; }
.ops-team-core small { margin-top: .2rem; color: rgba(255,255,255,.5); font-size: .66rem; }
.ops-agent-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin-top: .8rem; }
.ops-agent-grid article { position: relative; min-height: 5rem; padding: .9rem .9rem .85rem 2.65rem; border: 1px solid rgba(255,255,255,.11); border-radius: .9rem; background: rgba(5,5,5,.55); }
.ops-agent-grid article > span { position: absolute; top: .95rem; left: .9rem; color: var(--blue); font-size: .61rem; font-weight: 700; }
.ops-agent-grid strong { font: 700 .78rem/1.25 "Manrope", sans-serif; }
.ops-agent-grid small { margin-top: .22rem; color: rgba(255,255,255,.43); font-size: .62rem; line-height: 1.35; }
.ops-human-check { display: flex; align-items: center; gap: .7rem; margin-top: .8rem; padding: .85rem .95rem; border: 1px solid rgba(85,230,165,.3); border-radius: .9rem; background: rgba(85,230,165,.07); }
.ops-human-check > span { display: grid; place-items: center; flex: 0 0 auto; width: 1.65rem; height: 1.65rem; border-radius: 50%; color: var(--ink); background: var(--green); font-size: .75rem; font-weight: 800; }
.ops-human-check strong { font-size: .72rem; }
.ops-human-check small { color: rgba(255,255,255,.45); font-size: .61rem; }
.secureops-copy > p:not(.eyebrow):not(.security-note) { color: rgba(255,255,255,.58); font-size: 1.03rem; }
.check-list { display: grid; gap: .7rem; margin: 2rem 0; padding: 0; list-style: none; }
.check-list li { display: flex; align-items: center; gap: .75rem; }
.check-list span { display: grid; place-items: center; width: 1.45rem; height: 1.45rem; border: 1px solid rgba(85,230,165,.4); border-radius: 50%; color: var(--green); font-size: .7rem; }
.security-note, .legal-note { padding: .9rem 1rem; border-left: 2px solid var(--blue); color: rgba(255,255,255,.44); background: rgba(255,255,255,.04); font-size: .7rem; }
.compliance { display: grid; grid-template-columns: .7fr 1.3fr; gap: clamp(3rem, 9vw, 8rem); align-items: start; }
.compliance-label { position: relative; min-height: 32rem; overflow: hidden; border-radius: var(--radius); color: var(--white); background: var(--blue); }
.compliance-label::after { content: "+"; position: absolute; right: -1rem; bottom: -7rem; color: rgba(255,255,255,.14); font: 700 22rem/1 "Manrope", sans-serif; }
.compliance-label span, .compliance-label strong { position: absolute; z-index: 2; left: 2rem; }
.compliance-label span { top: 2rem; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; }
.compliance-label strong { bottom: 2rem; font: 700 clamp(2.4rem,4vw,4rem)/1 "Manrope", sans-serif; letter-spacing: -.06em; }
.compliance-copy > p:not(.eyebrow):not(.legal-note) { color: var(--muted); font-size: 1.03rem; }
.compliance-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; margin-top: 2rem; }
.compliance-cards > div { min-height: 12rem; padding: 1rem; border: 1px solid var(--line); border-radius: 1rem; background: var(--white); }
.compliance-cards span, .compliance-cards strong { display: block; }
.compliance-cards span { margin-bottom: 2.5rem; color: var(--blue); font-size: .65rem; }
.compliance-cards strong { font: 700 1rem "Manrope", sans-serif; }
.compliance-cards p { color: var(--muted); font-size: .72rem; }
.legal-note { color: var(--muted); background: var(--blue-pale); }

.closing-statement { padding: clamp(5rem, 11vw, 10rem) max(2rem, calc((100vw - var(--max)) / 2)); color: var(--white); background: var(--blue); }
.closing-statement p { margin: 0; font: 700 clamp(2.5rem, 6.5vw, 6.8rem)/1 "Manrope", sans-serif; letter-spacing: -.07em; }
.closing-accent { color: var(--ink); }
.contact { display: flex; align-items: end; justify-content: space-between; gap: 3rem; padding: clamp(5rem, 9vw, 8rem) max(2rem, calc((100vw - var(--max)) / 2)); color: var(--white); background: var(--ink); }
.contact > div:first-child { max-width: 58rem; }
.contact p:not(.eyebrow) { max-width: 42rem; color: rgba(255,255,255,.55); }
.contact-actions { display: grid; justify-items: center; gap: .8rem; flex: 0 0 auto; }
.footer { display: grid; grid-template-columns: .7fr 1.5fr 1fr; align-items: center; gap: 2rem; padding: 2.5rem max(2rem, calc((100vw - var(--max)) / 2)); color: var(--white); background: var(--ink); border-top: 1px solid var(--line-light); font-size: .72rem; }
.brand-footer { font-size: 1rem; }
.footer > p { color: rgba(255,255,255,.45); }
.footer-links { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 1rem; }
.footer-links a:hover { color: var(--cyan); }
.footer-meta { grid-column: 1 / -1; }

[data-reveal] { opacity: 0; transform: translateY(1.4rem); transition: opacity 650ms ease, transform 650ms ease; }
[data-reveal].is-visible { opacity: 1; transform: translateY(0); }
@keyframes pulse { 0% { opacity: .7; transform: scale(.92); } 70%,100% { opacity: 0; transform: scale(1.17); } }
@keyframes travel { from { transform: translateX(-3rem); } to { transform: translateX(4rem); } }
@keyframes spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } [data-reveal] { opacity: 1; transform: none; } }

@media (max-width: 1080px) {
  .navigation { gap: .8rem; }
  .navigation > a:not(.button) { display: none; }
  .hero { grid-template-columns: 1fr; }
  .hero h1 { max-width: 12ch; }
  .agent-stage { width: min(100%, 44rem); }
  .product-card { grid-column: span 6; }
  .product-card-featured { grid-column: span 12; }
  .demo-section { grid-template-columns: 1fr; }
  .demo-copy { max-width: 46rem; }
  .secureops { grid-template-columns: 1fr; }
  .secureops-visual { min-height: 32rem; }
}

@media (max-width: 760px) {
  .site-header { border-radius: 1.1rem; }
  .menu-button { display: grid; gap: 4px; place-content: center; width: 2.7rem; height: 2.7rem; border: 0; border-radius: 50%; background: var(--blue); cursor: pointer; }
  .menu-button > span:not(.sr-only) { width: 1rem; height: 2px; background: var(--white); }
  .navigation { position: absolute; top: calc(100% + .55rem); left: 0; right: 0; display: none; align-items: stretch; flex-direction: column; gap: .15rem; padding: .8rem; border: 1px solid var(--line-light); border-radius: 1rem; background: rgba(5,5,5,.98); }
  .navigation.is-open { display: flex; }
  .navigation > a:not(.button) { display: block; padding: .75rem; color: rgba(255,255,255,.8); }
  .hero { padding-top: 8.5rem; }
  .hero h1 { font-size: clamp(3.5rem, 17vw, 5rem); }
  .hero-proof { grid-template-columns: 1fr; gap: 0; }
  .hero-proof > div { padding: .75rem 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
  .hero-proof > div:last-child { padding-right: 0; border-bottom: 0; }
  .proof-icon { width: 3.5rem; height: 3.5rem; font-size: 1.4rem; }
  .agent-stage { min-height: 31rem; }
  .flow-source { width: 8rem; }
  .flow-source-one { top: 6.5rem; left: 1rem; }
  .flow-source-two { bottom: 3.5rem; left: 1rem; }
  .agent-core { width: 8.5rem; height: 8.5rem; }
  .flow-result { right: .8rem; width: 9rem; }
  .flow-line { display: none; }
  .section { width: min(calc(100% - 2rem), var(--max)); }
  .section-heading { grid-template-columns: 1fr; gap: 1.5rem; }
  .product-card, .product-card-featured { grid-column: span 12; }
  .product-card { min-height: 25rem; }
  .demo-section, .secureops { padding-left: 1rem; padding-right: 1rem; }
  .demo-input-row { grid-template-columns: 1fr; }
  .demo-input-row .button { width: 100%; }
  .chat-header small { display: none; }
  .message { max-width: 92%; }
  .custom { grid-template-columns: 1fr; }
  .custom-heading { position: static; }
  .process li { grid-template-columns: 2rem 1fr; }
  .process small { grid-column: 2; }
  .secureops-visual { min-height: 0; padding: 5rem 1rem 1rem; }
  .ops-agent-grid { grid-template-columns: 1fr; }
  .ops-team-top { left: 1rem; right: 1rem; }
  .compliance { grid-template-columns: 1fr; }
  .compliance-label { min-height: 18rem; }
  .compliance-cards { grid-template-columns: 1fr; }
  .compliance-cards > div { min-height: 9rem; }
  .compliance-cards span { margin-bottom: 1.3rem; }
  .contact { align-items: flex-start; flex-direction: column; }
  .contact-actions { justify-items: start; }
  .footer { grid-template-columns: 1fr; }
  .footer-links { justify-content: flex-start; }
  .footer-meta { grid-column: auto; }
}

@media (max-width: 430px) {
  .hero, .demo-section, .secureops, .contact, .closing-statement { padding-left: 1rem; padding-right: 1rem; }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .hero-actions .button { width: 100%; }
  .hero-actions .text-link { align-self: flex-start; }
  .agent-stage { min-height: 29rem; padding-left: .7rem; padding-right: .7rem; }
  .flow-source { width: 7.2rem; padding: .7rem; }
  .agent-core { width: 7rem; height: 7rem; }
  .agent-core small { display: none; }
  .flow-result { width: 7.8rem; padding: .7rem; }
  .flow-result small { display: none; }
  .browser-bar > span:nth-child(2) { overflow: hidden; max-width: 10rem; text-overflow: ellipsis; white-space: nowrap; }
  .chat-window { margin: 0 .7rem .7rem; }
  .demo-form { padding: 1rem .7rem; }
}

/* Buyer FAQ */
.faq-section {
  padding: clamp(5rem, 9vw, 8rem) 0;
  background: var(--paper);
  border-top: 1px solid var(--line);
}
.faq-head {
  display: grid;
  gap: .8rem;
  max-width: 48rem;
}
.faq-head h2 {
  margin: 0;
  max-width: 12ch;
  font-size: clamp(2.4rem, 5vw, 4.9rem);
  line-height: .98;
  letter-spacing: -.055em;
}
.faq-head > p:last-child {
  margin: .4rem 0 0;
  color: var(--muted);
  font-size: 1.08rem;
}
.faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 2.5rem;
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
  border-top: 1px solid var(--line);
}
.faq-item {
  border-bottom: 1px solid var(--line);
}
.faq-item summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.5rem 0;
  cursor: pointer;
  list-style: none;
  font-weight: 750;
  line-height: 1.3;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after {
  content: "+";
  flex: 0 0 auto;
  color: var(--blue);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  transition: transform .2s ease;
}
.faq-item[open] summary::after { transform: rotate(45deg); }
.faq-item p {
  max-width: 58ch;
  margin: -.35rem 2.5rem 1.5rem 0;
  color: var(--muted);
}
.faq-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin-top: 2.25rem;
}
.faq-cta p { margin: 0; font-weight: 700; }
@media (max-width: 760px) {
  .faq-grid { grid-template-columns: 1fr; gap: 0; }
  .faq-cta { align-items: flex-start; flex-direction: column; }
}

/* Demo sprint — high-quality custom development journey */
.custom-sprint {
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(3rem, 7vw, 7rem);
  align-items: start;
}
.custom-sprint .custom-heading h2 { max-width: 8ch; }
.custom-sprint .custom-heading > p:not(.eyebrow):not(.demo-sprint-note) {
  max-width: 32rem;
  color: var(--muted);
  font-size: 1.05rem;
}
.demo-sprint-cta,
.secureops-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-height: 3.85rem;
  margin-top: 2.1rem;
  padding: .95rem 1.25rem;
  border: 1px solid rgba(128,230,255,.28);
  border-radius: .9rem;
  color: var(--white);
  background: linear-gradient(100deg, #625fff, #3f7dff);
  box-shadow: 0 16px 34px rgba(54,124,255,.22);
  font: 700 .88rem/1.25 "Manrope", sans-serif;
  text-align: center;
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}
.demo-sprint-cta:hover,
.secureops-cta:hover { transform: translateY(-2px); box-shadow: 0 20px 42px rgba(54,124,255,.32); filter: brightness(1.06); }
.demo-sprint-cta:focus-visible,
.secureops-cta:focus-visible { outline: 3px solid var(--cyan); outline-offset: 3px; }
.demo-sprint-cta > span,
.secureops-cta > span { font-size: 1rem; transition: transform 180ms ease; }
.demo-sprint-cta:hover > span,
.secureops-cta:hover > span { transform: translateX(.2rem); }
.secureops-cta { margin-top: .9rem; }
.demo-sprint-note {
  display: flex;
  align-items: flex-start;
  gap: .7rem;
  margin: .85rem 0 0;
  padding: .95rem 1rem;
  border: 1px solid rgba(85,230,165,.28);
  border-radius: .9rem;
  color: #276d50;
  background: rgba(85,230,165,.08);
  font-size: .72rem;
  line-height: 1.45;
}
.demo-sprint-note > span {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  color: var(--ink);
  background: var(--green);
  font-size: .62rem;
  font-weight: 800;
}
.custom-sprint-panel {
  overflow: hidden;
  padding: 1.5rem;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 1.6rem;
  color: var(--white);
  background: radial-gradient(circle at 50% 0, rgba(91,92,255,.23), transparent 34%), #0c0d12;
  box-shadow: 0 36px 90px rgba(20,25,45,.2);
}
.custom-sprint-top {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin-bottom: 1rem;
  padding: .15rem 0 1.2rem;
  border-bottom: 1px solid rgba(255,255,255,.1);
  color: rgba(255,255,255,.58);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.custom-sprint-top > span { display: inline-flex; align-items: center; gap: .55rem; }
.custom-sprint-top i {
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 0 .3rem rgba(85,230,165,.12);
}
.custom-sprint-top small {
  margin-left: auto;
  color: var(--green);
  font: inherit;
}
.custom-sprint .process {
  display: grid;
  gap: .75rem;
  border: 0;
}
.custom-sprint .process li {
  position: relative;
  grid-template-columns: 3.1rem minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: start;
  min-height: 8.2rem;
  padding: 1.2rem;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 1rem;
  background: rgba(5,5,7,.56);
  transition: border-color 180ms ease, transform 180ms ease, background 180ms ease;
}
.custom-sprint .process li:hover {
  border-color: rgba(91,92,255,.48);
  background: rgba(91,92,255,.08);
  transform: translateY(-2px);
}
.custom-sprint .process li > span {
  display: grid;
  place-items: center;
  width: 3.1rem;
  height: 3.1rem;
  border: 1px solid rgba(128,230,255,.34);
  border-radius: 50%;
  color: var(--white);
  background: rgba(91,92,255,.2);
  font: 700 .8rem/1 "Manrope", sans-serif;
}
.custom-sprint .process li div > strong {
  display: block;
  margin-bottom: .35rem;
  color: #8e91ff;
  font-size: .58rem;
  letter-spacing: .13em;
}
.custom-sprint .process h3 {
  margin: 0 0 .35rem;
  color: var(--white);
  font-size: clamp(1.15rem, 1.7vw, 1.45rem);
}
.custom-sprint .process p {
  color: rgba(255,255,255,.5);
  font-size: .76rem;
}
.custom-sprint .process small {
  align-self: start;
  padding: .45rem .65rem;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  color: rgba(255,255,255,.55);
  background: rgba(255,255,255,.035);
  font-size: .61rem;
}
@media (max-width: 900px) {
  .custom-sprint { grid-template-columns: 1fr; }
  .custom-sprint .custom-heading { position: static; }
  .custom-sprint .custom-heading h2 { max-width: 11ch; }
}
@media (max-width: 620px) {
  .custom-sprint-panel { padding: 1rem; border-radius: 1.2rem; }
  .custom-sprint-top { align-items: flex-start; flex-direction: column; }
  .custom-sprint-top small { margin-left: 0; }
  .custom-sprint .process li { grid-template-columns: 2.7rem 1fr; }
  .custom-sprint .process li > span { width: 2.7rem; height: 2.7rem; }
  .custom-sprint .process small { grid-column: 2; }
}

/* Hero AI-studio and client proof */
.hero-studio {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: .8rem;
  min-height: 35rem;
  padding: 4.7rem 1.35rem 1.35rem;
  background: radial-gradient(circle at 50% 40%, rgba(91,92,255,.18), transparent 40%), linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025));
}
.hero-studio::before { background: linear-gradient(90deg, transparent, rgba(91,92,255,.08), transparent); }
.hero-studio > * { position: relative; z-index: 1; }
.hero-studio .agent-stage-top { position: absolute; z-index: 3; }
.studio-card { border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; background: rgba(5,5,7,.62); }
.studio-brief { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .85rem; padding: 1rem; }
.studio-index { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border: 1px solid rgba(128,230,255,.35); border-radius: 50%; color: var(--white); background: rgba(91,92,255,.22); font: 700 .68rem/1 "Manrope", sans-serif; }
.studio-brief small, .studio-output-head small { display: block; color: #8e91ff; font-size: .56rem; font-weight: 700; letter-spacing: .12em; }
.studio-brief strong, .studio-output-head strong { display: block; margin-top: .12rem; font: 700 .95rem/1.25 "Manrope", sans-serif; }
.studio-brief p { margin: .2rem 0 0; color: rgba(255,255,255,.46); font-size: .66rem; }
.studio-status, .studio-ready { padding: .38rem .62rem; border: 1px solid rgba(85,230,165,.32); border-radius: 999px; color: var(--green); background: rgba(85,230,165,.08); font-size: .58rem; font-weight: 700; white-space: nowrap; }
.studio-build { align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding: 1rem 1.1rem; border: 1px solid rgba(91,92,255,.42); border-radius: 1rem; background: linear-gradient(135deg, rgba(91,92,255,.2), rgba(91,92,255,.055)); }
.studio-build-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #a7a8ff; font-size: .58rem; font-weight: 700; letter-spacing: .11em; }
.studio-build-head small { display: inline-flex; align-items: center; gap: .4rem; color: var(--green); font-size: .56rem; letter-spacing: .05em; }
.studio-build-head i { width: .4rem; height: .4rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 .25rem rgba(85,230,165,.1); }
.studio-core-row { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 1rem; margin: 1rem 0 .8rem; }
.studio-ai-core { display: grid; place-items: center; width: 5.25rem; height: 5.25rem; border: 1px solid rgba(128,230,255,.38); border-radius: 50%; background: radial-gradient(circle at 35% 25%, #6d6eff, #24227a 67%, #11111d); box-shadow: 0 0 0 .7rem rgba(91,92,255,.06), 0 0 3rem rgba(91,92,255,.28); }
.studio-ai-core svg { width: 1.6rem; fill: none; stroke: var(--white); stroke-width: 2; }
.studio-ai-core strong { margin-top: -.15rem; font: 700 .68rem/1 "Manrope", sans-serif; }
.studio-roles { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .45rem; }
.studio-roles span { padding: .7rem .35rem; border: 1px solid rgba(255,255,255,.1); border-radius: .65rem; color: rgba(255,255,255,.64); background: rgba(5,5,7,.45); font-size: .59rem; font-weight: 700; text-align: center; }
.studio-progress { height: .3rem; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.08); }
.studio-progress i { display: block; width: 78%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--blue),var(--cyan)); box-shadow: 0 0 1rem rgba(128,230,255,.45); }
.studio-build > p { margin: .55rem 0 0; color: rgba(255,255,255,.46); font-size: .63rem; }
.studio-output { padding: .95rem 1rem; }
.studio-output-head { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .8rem; }
.studio-output-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .45rem; margin-top: .75rem; }
.studio-output-list span { color: rgba(255,255,255,.62); font-size: .6rem; }

.client-strip { overflow: hidden; padding: 2.4rem 0 2.7rem; color: var(--white); background: var(--ink); border-top: 1px solid rgba(255,255,255,.08); }
.client-strip-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; width: min(calc(100% - 3rem),var(--max)); margin: 0 auto 1.6rem; }
.client-strip-head h2 { margin: 0; color: var(--white); font: 700 clamp(2.5rem,5vw,4.8rem)/.92 "Manrope",sans-serif; letter-spacing: -.065em; }
.client-strip-head span { max-width: 24rem; color: rgba(255,255,255,.48); font-size: .78rem; text-align: right; }
.client-marquee { overflow: hidden; mask-image: linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.client-track { display: flex; gap: .9rem; width: max-content; animation: client-scroll 58s linear infinite; }
.client-set { display: flex; gap: .9rem; }
.client-card { position: relative; flex: 0 0 clamp(14rem,20vw,18rem); height: 10rem; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 1rem; background: #111216; }
.client-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top,rgba(5,5,5,.82),transparent 58%); }
.client-card img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.75) contrast(1.02); transition: transform .35s ease,filter .35s ease; }
.client-card:hover img { transform: scale(1.035); filter: saturate(1) contrast(1.02); }
.client-card figcaption { position: absolute; z-index: 1; left: .9rem; right: .9rem; bottom: .75rem; color: var(--white); font: 700 .72rem/1.2 "Manrope",sans-serif; }
.client-marquee:hover .client-track { animation-play-state: paused; }
@keyframes client-scroll { to { transform: translateX(calc(-50% - .45rem)); } }
@media (max-width:760px) {
  .hero-studio { min-height: 0; }
  .studio-brief { grid-template-columns: auto 1fr; }
  .studio-status { grid-column: 2; justify-self: start; }
  .studio-core-row { grid-template-columns: 1fr; }
  .studio-ai-core { margin: 0 auto; }
  .studio-output-head { grid-template-columns: auto 1fr; }
  .studio-ready { grid-column: 2; justify-self: start; }
  .studio-output-list { grid-template-columns: 1fr; gap: .3rem; padding-left: 3.3rem; }
  .client-strip-head { align-items: flex-start; flex-direction: column; width: min(calc(100% - 2rem),var(--max)); }
  .client-strip-head span { text-align: left; }
  .client-card { flex-basis: 14rem; height: 8.5rem; }
}
@media (prefers-reduced-motion:reduce) {
  .client-marquee { overflow-x: auto; mask-image: none; }
  .client-track { animation: none; }
}

/* Dark product sections */
.custom-sprint {
  position: relative;
  isolation: isolate;
  color: var(--white);
}
.custom-sprint::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 calc(50% - 50vw);
  border-top: 1px solid rgba(255,255,255,.07);
  border-bottom: 1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 17% 18%, rgba(91,92,255,.14), transparent 32%),
    linear-gradient(180deg, #0b0c12 0%, #08090d 100%);
  pointer-events: none;
}
.custom-sprint .custom-heading h2 { color: var(--white); }
.custom-sprint .eyebrow-dark { color: #8e91ff; }
.custom-sprint .custom-heading > p:not(.eyebrow):not(.demo-sprint-note) {
  color: rgba(255,255,255,.58);
}
.custom-sprint .demo-sprint-note {
  border-color: rgba(85,230,165,.32);
  color: rgba(255,255,255,.72);
  background: rgba(85,230,165,.08);
}
.custom-sprint-panel {
  border-color: rgba(255,255,255,.16);
  background: radial-gradient(circle at 50% 0, rgba(91,92,255,.26), transparent 36%), #11121a;
  box-shadow: 0 36px 90px rgba(0,0,0,.34);
}

/* Keep full-bleed section backgrounds from creating page-level horizontal scroll. */
html, body { overflow-x: clip; }

/* SEO content hub */
.insights {
  padding: clamp(5.5rem, 9vw, 8rem) max(5vw, 1.25rem);
  color: var(--ink);
  background: #f1f3f8;
}
.insights-wrap { width: min(1180px, 100%); margin: 0 auto; }
.insights-head {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr);
  gap: clamp(2rem, 7vw, 7rem);
  align-items: end;
  margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}
.insights-head h2 {
  max-width: 10ch;
  margin: .7rem 0 0;
  font: 700 clamp(3rem, 6.5vw, 6.4rem)/.93 "Manrope", sans-serif;
  letter-spacing: -.065em;
}
.insights-head > div:last-child > p { max-width: 35rem; color: #60636f; font-size: 1.05rem; line-height: 1.65; }
.insights-link {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin-top: 1.35rem;
  padding-bottom: .25rem;
  border-bottom: 1px solid rgba(5,5,7,.35);
  font-weight: 750;
}
.insights-link:hover span { transform: translateX(.2rem); }
.insights-link span { transition: transform 180ms ease; }
.insights-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(21rem, .92fr); gap: 1rem; }
.insight-featured,
.insight-topics { min-height: 28rem; border-radius: 1.5rem; }
.insight-featured {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(1.7rem, 4vw, 3rem);
  border: 1px solid rgba(255,255,255,.13);
  color: var(--white);
  background:
    radial-gradient(circle at 80% 18%, rgba(91,92,255,.38), transparent 31%),
    linear-gradient(145deg, #15172a 0%, #08090d 64%);
  box-shadow: 0 28px 70px rgba(19,24,43,.16);
  transition: transform 180ms ease, box-shadow 180ms ease;
}
.insight-featured::before {
  content: "";
  position: absolute;
  inset: 1.35rem 1.35rem auto auto;
  width: 4.5rem;
  height: 4.5rem;
  border: 1px solid rgba(128,230,255,.28);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(91,92,255,.48), rgba(91,92,255,.08) 56%, transparent 58%);
  box-shadow: 0 0 45px rgba(91,92,255,.35);
}
.insight-featured:hover { transform: translateY(-3px); box-shadow: 0 34px 80px rgba(19,24,43,.24); }
.insight-kicker { color: #8186ff; font-size: .67rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.insight-featured h3 { max-width: 15ch; margin: .85rem 0 1rem; font: 700 clamp(2rem, 4vw, 3.8rem)/.98 "Manrope", sans-serif; letter-spacing: -.05em; }
.insight-featured p { max-width: 40rem; color: rgba(255,255,255,.62); line-height: 1.6; }
.insight-featured > strong { display: inline-flex; gap: .55rem; margin-top: 1.6rem; font-size: .86rem; }
.insight-topics { padding: clamp(1.5rem, 3.5vw, 2.5rem); border: 1px solid #d9dce6; background: rgba(255,255,255,.75); }
.insight-topics ul { display: grid; gap: 0; margin: 1rem 0 1.5rem; padding: 0; list-style: none; border-top: 1px solid #d9dce6; }
.insight-topics li { display: grid; grid-template-columns: 2rem 1fr; gap: .8rem; padding: 1.3rem 0; border-bottom: 1px solid #d9dce6; }
.insight-topics li > span { color: var(--blue); font-size: .68rem; font-weight: 800; }
.insight-topics strong, .insight-topics small { display: block; }
.insight-topics strong { margin-bottom: .28rem; font: 700 1rem/1.25 "Manrope", sans-serif; }
.insight-topics small { color: #6a6d78; line-height: 1.45; }
.insight-topics .button { width: 100%; border-radius: .9rem; }
.insight-featured:focus-visible, .insights-link:focus-visible { outline: 3px solid var(--cyan); outline-offset: 4px; }
@media (max-width: 820px) {
  .insights-head, .insights-grid { grid-template-columns: 1fr; }
  .insights-head { gap: 1.5rem; }
  .insights-head h2 { max-width: 12ch; }
  .insight-featured, .insight-topics { min-height: auto; }
  .insight-featured { min-height: 26rem; }
}
@media (max-width: 520px) {
  .insights { padding-left: 1rem; padding-right: 1rem; }
  .insight-featured, .insight-topics { border-radius: 1.15rem; }
}

/* Analytics consent */
.cookie-consent {
  position: fixed;
  z-index: 120;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.5rem;
  align-items: center;
  width: min(calc(100% - 2rem), 58rem);
  margin-left: auto;
  padding: 1.2rem;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 1.15rem;
  color: var(--white);
  background: rgba(10,11,16,.96);
  box-shadow: 0 24px 80px rgba(0,0,0,.38);
  backdrop-filter: blur(18px);
}
.cookie-consent[hidden] { display: none; }
.cookie-consent strong { display: block; margin-bottom: .3rem; font: 700 .95rem/1.25 "Manrope", sans-serif; }
.cookie-consent p { max-width: 45rem; color: rgba(255,255,255,.62); font-size: .76rem; line-height: 1.5; }
.cookie-actions { display: flex; gap: .55rem; }
.cookie-actions button,
.footer-cookie-button { border: 0; font: inherit; cursor: pointer; }
.cookie-actions button { min-height: 2.75rem; padding: .65rem .9rem; border: 1px solid rgba(255,255,255,.16); border-radius: .72rem; color: rgba(255,255,255,.8); background: rgba(255,255,255,.055); font-size: .72rem; font-weight: 750; white-space: nowrap; }
.cookie-actions .cookie-accept { border-color: var(--blue); color: var(--white); background: var(--blue); }
.cookie-actions button:focus-visible,
.footer-cookie-button:focus-visible { outline: 3px solid var(--cyan); outline-offset: 3px; }
.footer-cookie-button { padding: 0; color: rgba(255,255,255,.6); background: transparent; font-size: inherit; }
.footer-cookie-button:hover { color: var(--white); }
@media (max-width: 700px) {
  .cookie-consent { grid-template-columns: 1fr; gap: 1rem; }
  .cookie-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .cookie-actions button { white-space: normal; }
}

/* EesyPlus logo correction */
.site-header { border-radius: 1.25rem; }
.brand { gap: .68rem; }
.brand-mark { width: 2.65rem; height: 2.05rem; }

/* Managed AI ecosystem visual */
.secureops-visual.ops-ecosystem {
  position: relative;
  isolation: isolate;
  display: block;
  min-height: 38rem;
  padding: 0;
  overflow: hidden;
  border-color: rgba(119,123,255,.34);
  background: radial-gradient(circle at 50% 46%, rgba(83,86,255,.19), transparent 31%), radial-gradient(circle at 16% 48%, rgba(65,226,207,.08), transparent 28%), linear-gradient(150deg, #111322 0%, #080911 56%, #0d0d18 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 2.2rem 6rem rgba(0,0,0,.3);
}
.ops-ecosystem::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .2;
  background-image: linear-gradient(rgba(124,129,255,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(124,129,255,.16) 1px, transparent 1px);
  background-size: 2.8rem 2.8rem;
  mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 82%, transparent);
}
.ops-ecosystem::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 22rem;
  height: 22rem;
  z-index: -1;
  border-radius: 50%;
  translate: -50% -50%;
  background: radial-gradient(circle, rgba(102,106,255,.2), transparent 64%);
  filter: blur(18px);
}
.ops-ecosystem-top { position: absolute; z-index: 4; top: 1.2rem; left: 1.35rem; right: 1.35rem; display: flex; align-items: center; justify-content: space-between; padding-bottom: .85rem; border-bottom: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.58); font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.ops-ecosystem-top span { display: flex; align-items: center; gap: .5rem; }
.ops-ecosystem-top i { width: .48rem; height: .48rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 .25rem rgba(85,230,165,.1), 0 0 1rem rgba(85,230,165,.65); animation: ops-live 2.2s ease-in-out infinite; }
.ops-ecosystem-top small { color: var(--green); font: inherit; }
.ops-connections { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; filter: drop-shadow(0 0 7px rgba(92,99,255,.42)); }
.ops-links path { fill: none; stroke: url(#ops-line-gradient); stroke-width: 2.2; stroke-linecap: round; stroke-dasharray: 5 10; opacity: .72; marker-end: url(#ops-arrow); animation: ops-flow 2.7s linear infinite; }
.ops-links path:nth-child(3n+2) { animation-delay: -.9s; }
.ops-links path:nth-child(3n) { animation-delay: -1.8s; }
.ops-node { position: absolute; z-index: 2; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .58rem; width: 8rem; min-height: 3.55rem; padding: .65rem .7rem; border: 1px solid rgba(126,130,255,.34); border-radius: .85rem; color: #fff; background: linear-gradient(145deg, rgba(20,22,40,.94), rgba(9,10,18,.94)); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 .75rem 1.8rem rgba(0,0,0,.24); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease; cursor: default; }
.ops-node:hover, .ops-node:focus-visible { z-index: 5; transform: translateY(-3px) scale(1.025); border-color: rgba(92,234,214,.75); background: linear-gradient(145deg, rgba(31,34,66,.98), rgba(12,13,25,.98)); box-shadow: 0 0 0 1px rgba(83,233,211,.14), 0 0 2rem rgba(83,112,255,.3), 0 1rem 2.4rem rgba(0,0,0,.32); outline: none; }
.ops-node strong, .ops-node small { display: block; }
.ops-node strong { font: 700 .72rem/1.15 "Manrope", sans-serif; }
.ops-node small { margin-top: .13rem; color: rgba(255,255,255,.46); font-size: .54rem; line-height: 1.25; }
.ops-node-icon { display: grid; place-items: center; width: 1.9rem; height: 1.9rem; border: 1px solid rgba(112,119,255,.58); border-radius: .62rem; color: #a7f8ee; background: rgba(78,84,255,.16); font: 800 .62rem/1 "Manrope", sans-serif; box-shadow: inset 0 0 1rem rgba(79,222,214,.08); }
.ops-capability { top: 4.45rem; display: flex; flex-direction: column; justify-content: center; width: 7.1rem; min-height: 4.25rem; gap: .22rem; text-align: center; translate: -50% 0; }
.ops-capability .ops-node-icon { width: 1.55rem; height: 1.55rem; color: #d9ceff; border-color: rgba(191,93,255,.55); background: rgba(154,68,255,.13); font-size: .8rem; }
.ops-capability strong { font-size: .66rem; }
.ops-capability small { font-size: .5rem; }
.cap-memory { left: 22%; }
.cap-tools { left: 50%; }
.cap-knowledge { left: 78%; }
.ops-source { left: 1rem; }
.source-models { top: 11rem; }
.source-data { top: 17.35rem; }
.source-rules { top: 23.7rem; }
.ops-source .ops-node-icon { color: #65f0df; border-color: rgba(75,234,213,.55); background: rgba(48,210,190,.1); }
.ops-system { right: 1rem; width: 7.7rem; }
.system-crm { top: 10.4rem; }
.system-mail { top: 14.7rem; }
.system-db { top: 19rem; }
.system-api { top: 23.3rem; }
.system-docs { top: 27.6rem; }
.ops-system .ops-node-icon { color: #c9c4ff; border-color: rgba(159,97,255,.56); background: rgba(124,75,255,.13); }
.ops-hub { position: absolute; z-index: 3; left: 50%; top: 51%; display: grid; place-items: center; align-content: center; width: 11.8rem; height: 11.8rem; translate: -50% -50%; border: 1px solid rgba(100,231,222,.75); border-radius: 50%; text-align: center; background: radial-gradient(circle at 44% 32%, rgba(106,112,255,.5), rgba(39,34,116,.9) 42%, rgba(10,11,25,.97) 74%); box-shadow: inset 0 0 0 .45rem rgba(104,90,255,.09), inset 0 0 2.8rem rgba(84,240,222,.12), 0 0 2.8rem rgba(87,89,255,.42), 0 0 5rem rgba(161,64,255,.18); transition: transform 200ms ease, box-shadow 200ms ease; }
.ops-hub:hover, .ops-hub:focus-visible { transform: scale(1.035); outline: none; box-shadow: inset 0 0 0 .45rem rgba(104,90,255,.12), inset 0 0 3.1rem rgba(84,240,222,.18), 0 0 3.4rem rgba(87,89,255,.58), 0 0 6rem rgba(161,64,255,.25); }
.ops-hub-orbit { position: absolute; inset: -.62rem; border: 1px dashed rgba(145,103,255,.46); border-radius: 50%; animation: ops-orbit 18s linear infinite; }
.ops-hub-orbit::after { content: ""; position: absolute; left: 50%; top: -.28rem; width: .55rem; height: .55rem; border-radius: 50%; background: #62ead8; box-shadow: 0 0 1rem #62ead8; }
.ops-hub-logo { width: 3.7rem; height: 2.3rem; overflow: visible; }
.ops-hub-logo path { fill: #fff; }
.ops-hub-logo .ops-hub-plus { fill: #7075ff; }
.ops-hub > span:not(.ops-hub-orbit) { margin-top: .42rem; color: #fff; font: 800 1.2rem/1 "Manrope", sans-serif; letter-spacing: -.03em; }
.ops-hub > strong { margin-top: .36rem; color: #9ff8e9; font: 700 .65rem/1.2 "Manrope", sans-serif; }
.ops-hub > small { margin-top: .18rem; color: rgba(255,255,255,.5); font-size: .52rem; }
.ops-action-tray { position: absolute; z-index: 2; left: 7rem; right: 7rem; bottom: 4.25rem; display: grid; grid-template-columns: repeat(4, 1fr); gap: .35rem; padding: .58rem; border: 1px solid rgba(95,104,255,.38); border-radius: .85rem; background: rgba(8,9,20,.88); box-shadow: 0 1rem 2rem rgba(0,0,0,.24); }
.ops-action-tray span { padding: .42rem .25rem; border-radius: .5rem; color: rgba(255,255,255,.72); background: rgba(89,96,255,.09); font-size: .52rem; font-weight: 700; text-align: center; }
.ops-human-gate { position: absolute; z-index: 3; left: 50%; bottom: .85rem; display: flex; align-items: center; gap: .62rem; width: 15rem; translate: -50% 0; padding: .62rem .8rem; border: 1px solid rgba(85,230,165,.38); border-radius: .8rem; background: rgba(43,148,110,.12); box-shadow: 0 0 1.7rem rgba(85,230,165,.08); }
.ops-human-gate > span { display: grid; place-items: center; width: 1.55rem; height: 1.55rem; flex: 0 0 auto; border-radius: 50%; color: #08110f; background: var(--green); font-size: .72rem; font-weight: 900; }
.ops-human-gate strong, .ops-human-gate small { display: block; }
.ops-human-gate strong { font: 700 .65rem/1.15 "Manrope", sans-serif; }
.ops-human-gate small { margin-top: .12rem; color: rgba(255,255,255,.47); font-size: .51rem; }
@keyframes ops-flow { to { stroke-dashoffset: -30; } }
@keyframes ops-orbit { to { transform: rotate(360deg); } }
@keyframes ops-live { 50% { opacity: .55; box-shadow: 0 0 0 .42rem rgba(85,230,165,.05), 0 0 .5rem rgba(85,230,165,.4); } }
@media (max-width: 560px) {
  .secureops-visual.ops-ecosystem { min-height: 36rem; }
  .ops-node { width: 6.7rem; padding: .52rem; gap: .4rem; }
  .ops-node small { display: none; }
  .ops-node-icon { width: 1.55rem; height: 1.55rem; }
  .ops-capability { width: 5.9rem; min-height: 3.4rem; }
  .ops-capability small { display: block; }
  .ops-source { left: .55rem; }
  .ops-system { right: .55rem; width: 6.2rem; }
  .ops-hub { width: 9.3rem; height: 9.3rem; }
  .ops-hub-logo { width: 3rem; }
  .ops-hub > span:not(.ops-hub-orbit) { font-size: .95rem; }
  .ops-action-tray { left: 1rem; right: 1rem; }
}


/* Managed AI column alignment */
@media (min-width: 1081px) {
  .secureops { align-items: stretch; }
  .secureops-copy { display: flex; flex-direction: column; align-self: stretch; }
  .secureops-copy .secureops-cta { margin-top: auto; }
  .ops-action-tray { bottom: 5rem; }
}


/* Hero AI Studio v2 */
.hero-studio-v2 {
  position: relative;
  isolation: isolate;
  display: block;
  min-height: 38rem;
  padding: 0;
  overflow: hidden;
  border-color: rgba(118,123,255,.36);
  background: radial-gradient(circle at 52% 45%, rgba(88,94,255,.2), transparent 31%), radial-gradient(circle at 10% 55%, rgba(77,229,210,.08), transparent 28%), linear-gradient(150deg, #111321 0%, #080911 58%, #0d0e18 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 2.2rem 6rem rgba(0,0,0,.34);
}
.hero-studio-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: .2;
  background-image: linear-gradient(rgba(124,129,255,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(124,129,255,.16) 1px, transparent 1px);
  background-size: 2.8rem 2.8rem;
  mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 85%, transparent);
}
.hero-studio-v2::after {
  content: "";
  position: absolute;
  left: 49%;
  top: 51%;
  width: 21rem;
  height: 21rem;
  z-index: -1;
  translate: -50% -50%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(99,104,255,.2), transparent 66%);
  filter: blur(18px);
}
.studio-v2-top { position: absolute; z-index: 5; top: 1.2rem; left: 1.35rem; right: 1.35rem; display: flex; align-items: center; justify-content: space-between; padding-bottom: .9rem; border-bottom: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.58); font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.studio-v2-top span { display: flex; align-items: center; gap: .5rem; }
.studio-v2-top i { width: .48rem; height: .48rem; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 .25rem rgba(85,230,165,.1), 0 0 1rem rgba(85,230,165,.65); animation: studio-live 2.2s ease-in-out infinite; }
.studio-v2-top small { color: var(--green); font: inherit; }
.studio-v2-canvas { position: absolute; inset: 4.55rem 1.2rem 4.85rem; display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.12fr) minmax(0,.96fr); gap: .9rem; align-items: center; }
.studio-v2-connections { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; filter: drop-shadow(0 0 7px rgba(92,99,255,.46)); }
.studio-v2-connections path { fill: none; stroke: url(#studio-v2-gradient); stroke-width: 2.2; stroke-linecap: round; stroke-dasharray: 5 10; opacity: .72; marker-end: url(#studio-v2-arrow); animation: studio-flow 2.8s linear infinite; }
.studio-v2-connections path:nth-of-type(2n) { animation-delay: -1.4s; }
.studio-v2-inputs, .studio-v2-engine, .studio-v2-result { position: relative; z-index: 2; min-width: 0; }
.studio-v2-inputs { align-self: stretch; display: grid; grid-template-rows: auto repeat(3,1fr); gap: .68rem; padding: .35rem 0; }
.studio-v2-inputs > p, .studio-v2-engine > p, .studio-v2-result > p { display: flex; align-items: center; gap: .45rem; margin: 0; color: #a4a8ff; font-size: .58rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.studio-v2-inputs > p span, .studio-v2-engine > p span, .studio-v2-result > p span { display: grid; place-items: center; width: 1.35rem; height: 1.35rem; border: 1px solid rgba(128,133,255,.46); border-radius: 50%; color: #fff; background: rgba(93,98,255,.16); font-size: .55rem; }
.studio-v2-node { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: .58rem; min-width: 0; padding: .65rem .62rem; border: 1px solid rgba(108,115,255,.34); border-radius: .82rem; background: linear-gradient(145deg, rgba(20,22,40,.94), rgba(9,10,18,.94)); box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 .75rem 1.8rem rgba(0,0,0,.22); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.studio-v2-node:hover, .studio-v2-node:focus-visible { transform: translateY(-3px); border-color: rgba(87,234,216,.72); box-shadow: 0 0 0 1px rgba(83,233,211,.12), 0 0 1.8rem rgba(83,112,255,.28); outline: none; }
.studio-v2-node b { display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border: 1px solid rgba(76,232,215,.52); border-radius: .58rem; color: #72f1e2; background: rgba(47,207,190,.11); font: 800 .55rem/1 "Manrope", sans-serif; }
.studio-v2-node div { min-width: 0; }
.studio-v2-node strong, .studio-v2-node small { display: block; max-width: 100%; overflow-wrap: anywhere; }
.studio-v2-node strong { color: #fff; font: 700 .66rem/1.15 "Manrope", sans-serif; }
.studio-v2-node small { margin-top: .15rem; color: rgba(255,255,255,.46); font-size: .5rem; line-height: 1.25; }
.studio-v2-engine { align-self: stretch; display: flex; align-items: center; flex-direction: column; justify-content: center; padding-top: 1.75rem; }
.studio-v2-engine > p { position: absolute; top: .35rem; left: 50%; translate: -50% 0; white-space: nowrap; }
.studio-v2-core { position: relative; display: grid; place-items: center; align-content: center; width: 10.2rem; height: 10.2rem; border: 1px solid rgba(100,231,222,.78); border-radius: 50%; text-align: center; background: radial-gradient(circle at 44% 32%, rgba(106,112,255,.55), rgba(39,34,116,.92) 42%, rgba(10,11,25,.98) 74%); box-shadow: inset 0 0 0 .45rem rgba(104,90,255,.09), inset 0 0 2.8rem rgba(84,240,222,.13), 0 0 2.8rem rgba(87,89,255,.46), 0 0 5rem rgba(161,64,255,.18); transition: transform 200ms ease, box-shadow 200ms ease; }
.studio-v2-core:hover, .studio-v2-core:focus-visible { transform: scale(1.035); outline: none; box-shadow: inset 0 0 0 .45rem rgba(104,90,255,.12), inset 0 0 3.1rem rgba(84,240,222,.19), 0 0 3.5rem rgba(87,89,255,.62), 0 0 6rem rgba(161,64,255,.25); }
.studio-v2-orbit { position: absolute; inset: -.62rem; border: 1px dashed rgba(145,103,255,.48); border-radius: 50%; animation: studio-orbit 18s linear infinite; }
.studio-v2-orbit::after { content: ""; position: absolute; left: 50%; top: -.28rem; width: .55rem; height: .55rem; border-radius: 50%; background: #62ead8; box-shadow: 0 0 1rem #62ead8; }
.studio-v2-logo { width: 3.4rem; height: 2.15rem; overflow: visible; }
.studio-v2-core > strong { margin-top: .38rem; color: #fff; font: 800 1.12rem/1 "Manrope", sans-serif; letter-spacing: -.03em; }
.studio-v2-core > small { margin-top: .3rem; color: #a8f8ec; font-size: .55rem; font-weight: 700; }
.studio-v2-roles { display: grid; grid-template-columns: repeat(3,1fr); gap: .38rem; width: 100%; margin-top: 1.4rem; }
.studio-v2-roles span { padding: .52rem .2rem; border: 1px solid rgba(108,114,255,.3); border-radius: .58rem; color: rgba(255,255,255,.68); background: rgba(82,89,255,.08); font-size: .52rem; font-weight: 700; text-align: center; }
.studio-v2-result { align-self: center; display: flex; min-height: 20.5rem; flex-direction: column; padding: 1rem .85rem; border: 1px solid rgba(123,91,255,.42); border-radius: 1rem; background: linear-gradient(155deg, rgba(69,58,157,.4), rgba(11,12,24,.94) 56%); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 1.4rem 3rem rgba(0,0,0,.24); }
.studio-v2-result-head { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: .62rem; margin-top: 1.15rem; }
.studio-v2-result-head > span { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; color: #07100e; background: var(--green); font-size: .75rem; font-weight: 900; box-shadow: 0 0 1.25rem rgba(85,230,165,.22); }
.studio-v2-result-head div { min-width: 0; }
.studio-v2-result-head strong, .studio-v2-result-head small { display: block; overflow-wrap: anywhere; }
.studio-v2-result-head strong { color: #fff; font: 800 .82rem/1.15 "Manrope", sans-serif; }
.studio-v2-result-head small { margin-top: .15rem; color: rgba(255,255,255,.5); font-size: .52rem; }
.studio-v2-result ul { display: grid; gap: .7rem; margin: 1.25rem 0 1rem; padding: 0; list-style: none; }
.studio-v2-result li { display: grid; grid-template-columns: auto minmax(0,1fr); gap: .45rem; color: rgba(255,255,255,.67); font-size: .57rem; line-height: 1.3; }
.studio-v2-result li span { color: var(--green); }
.studio-v2-progress { height: .27rem; margin-top: auto; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.1); }
.studio-v2-progress i { display: block; width: 86%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #686dff, #6deee2); box-shadow: 0 0 1rem rgba(95,235,222,.35); animation: studio-progress 3.4s ease-in-out infinite alternate; }
.studio-v2-result em { align-self: flex-start; margin-top: .65rem; padding: .38rem .55rem; border: 1px solid rgba(85,230,165,.34); border-radius: 999px; color: var(--green); background: rgba(85,230,165,.08); font-size: .5rem; font-style: normal; font-weight: 800; }
.studio-v2-footer { position: absolute; z-index: 4; left: 50%; bottom: .8rem; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .62rem; width: calc(100% - 2.4rem); translate: -50% 0; padding: .62rem .8rem; border: 1px solid rgba(85,230,165,.38); border-radius: .8rem; background: rgba(43,148,110,.12); box-shadow: 0 0 1.8rem rgba(85,230,165,.08); }
.studio-v2-footer > span { display: grid; place-items: center; width: 1.55rem; height: 1.55rem; border-radius: 50%; color: #08110f; background: var(--green); font-size: .72rem; font-weight: 900; }
.studio-v2-footer div { min-width: 0; }
.studio-v2-footer strong, .studio-v2-footer small { display: block; overflow-wrap: anywhere; }
.studio-v2-footer strong { color: #fff; font: 700 .65rem/1.15 "Manrope", sans-serif; }
.studio-v2-footer small { margin-top: .12rem; color: rgba(255,255,255,.48); font-size: .51rem; }
.studio-v2-footer b { color: #8ef1df; font-size: .5rem; letter-spacing: .06em; text-transform: uppercase; }
@keyframes studio-flow { to { stroke-dashoffset: -30; } }
@keyframes studio-orbit { to { transform: rotate(360deg); } }
@keyframes studio-live { 50% { opacity: .55; box-shadow: 0 0 0 .42rem rgba(85,230,165,.05), 0 0 .5rem rgba(85,230,165,.4); } }
@keyframes studio-progress { to { width: 100%; } }

/* Keep Managed AI node labels inside their cards */
.ops-node { grid-template-columns: auto minmax(0,1fr); }
.ops-node > div { min-width: 0; }
.ops-node strong, .ops-node small { max-width: 100%; overflow-wrap: anywhere; }
.ops-source { width: 9.65rem; }
.ops-source strong { font-size: .65rem; letter-spacing: -.015em; }

@media (max-width: 560px) {
  .hero-studio-v2 { min-height: 41rem; }
  .studio-v2-canvas { inset: 4.25rem .75rem 4.7rem; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; gap: .7rem; }
  .studio-v2-connections { display: none; }
  .studio-v2-inputs { grid-column: 1 / -1; align-self: auto; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: auto 4.45rem; gap: .42rem; padding: 0; }
  .studio-v2-inputs > p { grid-column: 1 / -1; }
  .studio-v2-node { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .25rem; padding: .45rem .3rem; text-align: center; }
  .studio-v2-node b { width: 1.45rem; height: 1.45rem; }
  .studio-v2-node strong { font-size: .58rem; }
  .studio-v2-node small { display: none; }
  .studio-v2-engine { grid-column: 1; padding-top: 2.2rem; }
  .studio-v2-engine > p { top: .25rem; }
  .studio-v2-core { width: 7.6rem; height: 7.6rem; }
  .studio-v2-logo { width: 2.7rem; }
  .studio-v2-core > strong { font-size: .9rem; }
  .studio-v2-core > small { font-size: .48rem; }
  .studio-v2-roles { grid-template-columns: 1fr; margin-top: 1rem; }
  .studio-v2-roles span { padding: .38rem; }
  .studio-v2-result { grid-column: 2; min-height: 18.2rem; padding: .75rem .62rem; }
  .studio-v2-result-head { grid-template-columns: 1fr; gap: .4rem; margin-top: .8rem; }
  .studio-v2-result-head > span { width: 1.6rem; height: 1.6rem; }
  .studio-v2-result ul { gap: .52rem; margin: .9rem 0 .75rem; }
  .studio-v2-result li { font-size: .51rem; }
  .studio-v2-footer { width: calc(100% - 1.5rem); }
  .studio-v2-footer b { display: none; }
  .ops-source { width: 6.9rem; }
  .ops-source strong { font-size: .61rem; }
}


/* Unified premium card system */
.client-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(91,92,255,.18);
  background: linear-gradient(150deg, #fff, #f4f5fb);
  box-shadow: 0 1.1rem 2.8rem rgba(19,24,43,.1), inset 0 1px 0 rgba(255,255,255,.9);
  transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}
.client-card:hover { transform: translateY(-5px); border-color: rgba(91,92,255,.38); box-shadow: 0 1.8rem 4rem rgba(28,34,67,.18), 0 0 0 1px rgba(91,92,255,.06); }
.client-card img { transition: transform 420ms ease, filter 420ms ease; }
.client-card:hover img { transform: scale(1.025); filter: saturate(1.04) contrast(1.02); }

.ai-scan-shell {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(112,118,255,.28);
  background: radial-gradient(circle at 82% 12%, rgba(91,92,255,.12), transparent 26%), linear-gradient(155deg, rgba(17,18,30,.98), rgba(6,7,13,.99));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 2.2rem 6rem rgba(0,0,0,.3);
}
.ai-scan-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .13;
  pointer-events: none;
  background-image: linear-gradient(rgba(124,129,255,.15) 1px, transparent 1px), linear-gradient(90deg, rgba(124,129,255,.15) 1px, transparent 1px);
  background-size: 2.8rem 2.8rem;
  mask-image: linear-gradient(to bottom, #000, transparent 82%);
}
.specialist-card, .specialist-preview {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 .8rem 1.8rem rgba(0,0,0,.16);
}
.specialist-card { transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease; }
.specialist-card:hover { transform: translateY(-3px); border-color: rgba(104,111,255,.58); background: linear-gradient(145deg, rgba(31,34,61,.98), rgba(13,14,25,.98)); box-shadow: 0 0 0 1px rgba(95,102,255,.1), 0 1.2rem 2.6rem rgba(0,0,0,.24), 0 0 2rem rgba(83,98,255,.12); }
.specialist-preview { border-color: rgba(110,116,255,.38); background: linear-gradient(140deg, rgba(91,92,255,.18), rgba(20,23,39,.94)); }

.custom-sprint-panel {
  position: relative;
  isolation: isolate;
  border-color: rgba(111,117,255,.3);
  background: radial-gradient(circle at 72% 6%, rgba(91,92,255,.16), transparent 26%), linear-gradient(155deg, rgba(18,19,31,.98), rgba(7,8,14,.99));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 2.2rem 6rem rgba(0,0,0,.3);
}
.custom-sprint-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .12;
  pointer-events: none;
  background-image: linear-gradient(rgba(124,129,255,.14) 1px, transparent 1px), linear-gradient(90deg, rgba(124,129,255,.14) 1px, transparent 1px);
  background-size: 2.8rem 2.8rem;
  mask-image: linear-gradient(to bottom, #000, transparent 88%);
}
.custom-sprint-panel .process { position: relative; }
.custom-sprint-panel .process::before { content: ""; position: absolute; left: 2.86rem; top: 2.2rem; bottom: 2.2rem; width: 1px; z-index: 0; background: linear-gradient(to bottom, #5ce6d2, #686fff 48%, #a25cff); box-shadow: 0 0 1rem rgba(95,105,255,.36); opacity: .72; }
.custom-sprint-panel .process li { position: relative; z-index: 1; overflow: hidden; background: radial-gradient(circle at 6% 50%, rgba(87,94,255,.11), transparent 25%), linear-gradient(145deg, rgba(11,12,20,.98), rgba(7,8,13,.98)); box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 .8rem 1.8rem rgba(0,0,0,.14); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.custom-sprint-panel .process li:hover { transform: translateX(4px); border-color: rgba(104,111,255,.54); box-shadow: 0 1.1rem 2.4rem rgba(0,0,0,.22), 0 0 1.8rem rgba(83,98,255,.1); }
.custom-sprint-panel .process li > span { position: relative; z-index: 2; box-shadow: 0 0 0 .35rem rgba(91,96,255,.07), 0 0 1.2rem rgba(76,97,255,.15); }

.risk-form, .risk-output {
  border-color: rgba(111,117,255,.28);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 2rem 5.2rem rgba(0,0,0,.26);
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
.risk-form:hover, .risk-output:hover { border-color: rgba(112,120,255,.44); box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 2.4rem 6rem rgba(0,0,0,.32), 0 0 2.4rem rgba(81,91,255,.08); }
.risk-preview-categories article { background: linear-gradient(145deg, rgba(12,13,22,.98), rgba(7,8,13,.98)); box-shadow: inset 0 1px 0 rgba(255,255,255,.03); transition: transform 180ms ease, border-color 180ms ease, background 180ms ease; }
.risk-preview-categories article:hover { transform: translateX(3px); border-color: rgba(103,111,255,.48); background: linear-gradient(145deg, rgba(27,29,52,.98), rgba(10,11,19,.98)); }

.insight-topics {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(91,92,255,.2);
  background: radial-gradient(circle at 85% 8%, rgba(91,92,255,.12), transparent 28%), linear-gradient(145deg, rgba(255,255,255,.96), rgba(242,243,252,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 2rem 5rem rgba(31,36,67,.12);
}
.insight-topics::before { content: ""; position: absolute; right: -4rem; top: -4rem; z-index: -1; width: 12rem; height: 12rem; border-radius: 50%; background: radial-gradient(circle, rgba(91,92,255,.15), transparent 68%); }
.insight-topics li { transition: transform 180ms ease, color 180ms ease; }
.insight-topics li:hover { transform: translateX(4px); color: #17192a; }
.insight-featured { box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 2.4rem 6rem rgba(19,24,43,.22); }

/* Final text fit for compact Managed AI nodes */
.ops-node strong, .ops-node small { overflow-wrap: break-word; word-break: normal; }
.ops-system { width: 8.4rem; }
.ops-system strong { font-size: .65rem; letter-spacing: -.01em; }
@media (max-width: 760px) {
  .custom-sprint-panel .process::before { left: 2.2rem; }
}
@media (max-width: 560px) {
  .ops-system { width: 6.45rem; }
  .ops-system strong { font-size: .61rem; }
}


/* Problem Lab studio v3 — unified premium module */
.ai-scan-shell.ai-scan-studio-v3{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(125,132,255,.34);
  border-radius:30px;
  background:
    radial-gradient(circle at 82% 4%,rgba(92,78,255,.19),transparent 31%),
    radial-gradient(circle at 12% 84%,rgba(55,218,197,.09),transparent 34%),
    linear-gradient(145deg,rgba(14,16,31,.98),rgba(5,6,13,.99) 58%,rgba(8,9,18,.99));
  box-shadow:0 34px 90px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.025) inset,0 0 58px rgba(83,91,255,.08);
}
.ai-scan-shell.ai-scan-studio-v3::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.42;
  background-image:linear-gradient(rgba(116,124,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(116,124,255,.055) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,#000,transparent 86%);
}
.ai-scan-studio-top{
  min-height:68px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;
  border-bottom:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.018);
  color:#aeb3c5;font:700 .75rem/1 Manrope,sans-serif;letter-spacing:.13em;text-transform:uppercase;
}
.ai-scan-studio-top span,.ai-scan-studio-top small{display:flex;align-items:center;gap:9px}
.ai-scan-studio-top i{width:9px;height:9px;border-radius:50%;background:#55e5bd;box-shadow:0 0 0 5px rgba(85,229,189,.09),0 0 18px rgba(85,229,189,.65);animation:problem-live 2.2s ease-in-out infinite}
.ai-scan-studio-top small{color:#63e5bc;font:700 .7rem/1 Manrope,sans-serif;letter-spacing:.12em}
.ai-scan-studio-v3 .problem-steps{
  position:relative;margin:0;padding:22px 28px 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
  border-bottom:1px solid rgba(255,255,255,.075);background:linear-gradient(90deg,rgba(80,83,190,.08),transparent 56%);
}
.ai-scan-studio-v3 .problem-steps::before{content:"";position:absolute;left:12%;right:12%;bottom:-1px;height:1px;background:linear-gradient(90deg,#696fff,rgba(105,111,255,.14),transparent)}
.ai-scan-studio-v3 .problem-steps li{
  min-width:0;padding:11px 13px;border:1px solid transparent;border-radius:14px;color:#626779;
  background:rgba(255,255,255,.012);font:700 .7rem/1.3 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  transition:border-color .25s ease,background .25s ease,color .25s ease,transform .25s ease;
}
.ai-scan-studio-v3 .problem-steps li span{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:8px;border-radius:9px;background:#121426;border:1px solid rgba(126,131,255,.22);color:#858aff;font-size:.65rem;vertical-align:middle}
.ai-scan-studio-v3 .problem-steps li.is-active{color:#fff;border-color:rgba(109,116,255,.48);background:linear-gradient(135deg,rgba(97,102,255,.18),rgba(105,78,180,.07));box-shadow:0 12px 32px rgba(45,49,130,.18)}
.ai-scan-studio-v3 .problem-steps li.is-active span{background:linear-gradient(135deg,#6670ff,#775bff);border-color:transparent;color:white;box-shadow:0 0 22px rgba(103,111,255,.42)}
.ai-scan-studio-v3 .ai-scan-form{position:relative;padding:28px;display:grid;gap:24px}
.ai-scan-studio-v3 .ai-scan-field label,.ai-scan-studio-v3 .specialist-picker legend{color:#b9bfd0;font:700 .72rem/1.2 Manrope,sans-serif;letter-spacing:.085em;text-transform:uppercase}
.ai-scan-studio-v3 .ai-scan-field input,.ai-scan-studio-v3 .ai-scan-field textarea{
  border:1px solid rgba(145,151,190,.23);border-radius:17px;background:linear-gradient(145deg,rgba(20,22,35,.96),rgba(13,15,25,.96));color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.035) inset,0 16px 34px rgba(0,0,0,.18);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
.ai-scan-studio-v3 .ai-scan-field input{min-height:62px;padding:0 19px 0 51px;background-image:radial-gradient(circle at 27px 50%,transparent 0 5px,rgba(106,232,205,.8) 5.5px 6.5px,transparent 7px),linear-gradient(145deg,rgba(20,22,35,.96),rgba(13,15,25,.96))}
.ai-scan-studio-v3 .ai-scan-field textarea{min-height:148px;padding:18px 19px;resize:vertical}
.ai-scan-studio-v3 .ai-scan-field input:focus,.ai-scan-studio-v3 .ai-scan-field textarea:focus{outline:none;border-color:#747bff;box-shadow:0 0 0 4px rgba(103,111,255,.12),0 18px 42px rgba(0,0,0,.25);transform:translateY(-1px)}
.ai-scan-studio-v3 .specialist-picker{min-width:0;margin:0;padding:0;border:0}
.ai-scan-studio-v3 .specialist-picker>p{max-width:680px;margin:7px 0 17px;color:#858b9c;font-size:.84rem;line-height:1.55}
.ai-scan-studio-v3 .specialist-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.ai-scan-studio-v3 .specialist-card{
  --agent:#7078ff;position:relative;min-width:0;min-height:169px;padding:16px 13px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;
  overflow:hidden;border:1px solid rgba(143,148,184,.2);border-radius:20px;background:linear-gradient(155deg,rgba(25,27,43,.92),rgba(11,12,22,.96));
  box-shadow:0 16px 34px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.035) inset;cursor:pointer;transform:translateZ(0);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.ai-scan-studio-v3 .specialist-card[data-agent="marketing"]{--agent:#7376ff}.ai-scan-studio-v3 .specialist-card[data-agent="sales"]{--agent:#43d8c0}.ai-scan-studio-v3 .specialist-card[data-agent="operations"]{--agent:#c66ee8}.ai-scan-studio-v3 .specialist-card[data-agent="finance"]{--agent:#4ba9ec}.ai-scan-studio-v3 .specialist-card[data-agent="technology"]{--agent:#e2a64d}
.ai-scan-studio-v3 .specialist-card::before{content:"";position:absolute;inset:auto -35% -65% 15%;height:140px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--agent) 24%,transparent),transparent 68%);pointer-events:none}
.ai-scan-studio-v3 .specialist-card:hover,.ai-scan-studio-v3 .specialist-card:focus-within{transform:translateY(-5px);border-color:color-mix(in srgb,var(--agent) 70%,#fff 10%);box-shadow:0 24px 48px rgba(0,0,0,.32),0 0 30px color-mix(in srgb,var(--agent) 14%,transparent)}
.ai-scan-studio-v3 .specialist-card:has(input:checked){border-color:var(--agent);background:linear-gradient(155deg,color-mix(in srgb,var(--agent) 16%,#171927),rgba(11,12,22,.98));box-shadow:0 24px 52px rgba(0,0,0,.34),0 0 0 1px color-mix(in srgb,var(--agent) 40%,transparent) inset,0 0 34px color-mix(in srgb,var(--agent) 15%,transparent)}
.ai-scan-studio-v3 .specialist-card input{position:absolute;opacity:0;pointer-events:none}
.ai-scan-studio-v3 .specialist-card:has(input:checked)::after{content:"✓";position:absolute;top:13px;right:13px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--agent);color:#fff;font:800 .7rem/1 Manrope,sans-serif;box-shadow:0 0 18px color-mix(in srgb,var(--agent) 58%,transparent)}
.ai-scan-studio-v3 .specialist-avatar{
  --agent:#7278ff;position:relative;isolation:isolate;width:62px;height:62px;flex:0 0 62px;display:grid;place-items:center;overflow:hidden;border-radius:19px;
  border:1px solid color-mix(in srgb,var(--agent) 62%,#fff 8%);background:radial-gradient(circle at 28% 20%,color-mix(in srgb,var(--agent) 44%,#fff 5%),rgba(15,18,34,.98) 61%);
  box-shadow:0 14px 30px rgba(0,0,0,.34),0 0 24px color-mix(in srgb,var(--agent) 20%,transparent),0 0 0 4px rgba(255,255,255,.025) inset;
}
.ai-scan-studio-v3 .avatar-maya{--agent:#7278ff}.ai-scan-studio-v3 .avatar-mikkel{--agent:#43d8c0}.ai-scan-studio-v3 .avatar-sofie{--agent:#c66ee8}.ai-scan-studio-v3 .avatar-felix{--agent:#4ba9ec}.ai-scan-studio-v3 .avatar-nora{--agent:#e2a64d}
.ai-scan-studio-v3 .specialist-avatar::before{content:"";position:absolute;z-index:-1;width:88px;height:88px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--agent) 54%,transparent);animation:agent-orbit 11s linear infinite}
.ai-scan-studio-v3 .specialist-avatar::after{content:"";position:absolute;right:8px;top:8px;width:6px;height:6px;border-radius:50%;background:#62edbd;box-shadow:0 0 12px #62edbd}
.ai-scan-studio-v3 .specialist-avatar i{position:relative;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(255,255,255,.15);background:rgba(8,10,20,.74);color:#fff;font:800 1rem/1 Manrope,sans-serif;box-shadow:0 8px 18px rgba(0,0,0,.3);transform:none}
.ai-scan-studio-v3 .specialist-avatar i::after{display:none}
.ai-scan-studio-v3 .avatar-maya i::before{content:"✦"}.ai-scan-studio-v3 .avatar-mikkel i::before{content:"↗"}.ai-scan-studio-v3 .avatar-sofie i::before{content:"⇄"}.ai-scan-studio-v3 .avatar-felix i::before{content:"▥"}.ai-scan-studio-v3 .avatar-nora i::before{content:"</>";font-size:.67rem;letter-spacing:-.08em}
.ai-scan-studio-v3 .specialist-copy{position:relative;z-index:1;display:grid;min-width:0;gap:2px}
.ai-scan-studio-v3 .specialist-copy>span{color:color-mix(in srgb,var(--agent) 80%,#fff 20%);font:800 .62rem/1 Manrope,sans-serif;letter-spacing:.14em}
.ai-scan-studio-v3 .specialist-copy strong{color:#fff;font:700 1rem/1.2 Manrope,sans-serif}.ai-scan-studio-v3 .specialist-copy small{min-height:2.35em;color:#d8dbe6;font:650 .72rem/1.25 Inter,sans-serif}.ai-scan-studio-v3 .specialist-copy em{color:#747a8c;font:500 .64rem/1.35 Inter,sans-serif;font-style:normal}
.ai-scan-studio-v3 .specialist-preview{
  position:relative;min-width:0;padding:20px 132px 20px 20px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:17px;overflow:hidden;
  border:1px solid rgba(111,118,255,.5);border-radius:21px;background:radial-gradient(circle at 0 50%,rgba(104,107,255,.2),transparent 34%),linear-gradient(120deg,rgba(31,33,64,.9),rgba(15,17,29,.96));
  box-shadow:0 20px 44px rgba(0,0,0,.24),0 0 34px rgba(92,98,255,.09),0 1px 0 rgba(255,255,255,.04) inset;
}
.ai-scan-studio-v3 .specialist-preview::after{content:"AI-specialist aktiv";position:absolute;right:18px;top:18px;padding:7px 10px;border:1px solid rgba(92,228,186,.3);border-radius:999px;background:rgba(27,97,78,.17);color:#62e5ba;font:800 .61rem/1 Manrope,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.ai-scan-studio-v3 .specialist-preview .specialist-avatar{width:70px;height:70px;flex-basis:70px}
.ai-scan-studio-v3 .specialist-preview>div>span{color:#8d92ff;font:800 .62rem/1 Manrope,sans-serif;letter-spacing:.13em;text-transform:uppercase}.ai-scan-studio-v3 .specialist-preview strong{display:block;margin:6px 0;color:#fff;font:750 1.08rem/1.2 Manrope,sans-serif}.ai-scan-studio-v3 .specialist-preview p{max-width:560px;margin:0;color:#aeb4c3;font-size:.8rem;line-height:1.55}
.ai-scan-studio-v3 .button{width:100%;min-height:58px;justify-content:center;border-radius:17px;box-shadow:0 18px 36px rgba(71,76,236,.25),0 0 34px rgba(75,112,255,.12);transition:transform .22s ease,box-shadow .22s ease}.ai-scan-studio-v3 .button:hover{transform:translateY(-2px);box-shadow:0 24px 46px rgba(71,76,236,.34),0 0 42px rgba(75,112,255,.17)}
.ai-scan-studio-v3 .ai-scan-note{display:flex;align-items:center;gap:9px;margin:-8px 0 0;color:#747a8b;font-size:.72rem}.ai-scan-studio-v3 .ai-scan-note::before{content:"✓";display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:rgba(86,225,183,.1);border:1px solid rgba(86,225,183,.24);color:#59e2b8;font-size:.65rem}
@keyframes agent-orbit{to{transform:rotate(360deg)}}@keyframes problem-live{50%{opacity:.45;transform:scale(.82)}}
@media (max-width:1120px){.ai-scan-studio-v3 .specialist-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.ai-scan-studio-top{padding:0 20px}.ai-scan-studio-v3 .problem-steps{padding:18px 20px}.ai-scan-studio-v3 .problem-steps li{padding:9px;font-size:.62rem}.ai-scan-studio-v3 .problem-steps li span{display:grid;margin:0 0 7px}.ai-scan-studio-v3 .ai-scan-form{padding:20px}.ai-scan-studio-v3 .specialist-options{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-scan-studio-v3 .specialist-preview{padding-right:20px;padding-top:54px}.ai-scan-studio-v3 .specialist-preview::after{left:20px;right:auto}}
@media (max-width:460px){.ai-scan-studio-top small{display:none}.ai-scan-studio-v3 .specialist-options{grid-template-columns:1fr}.ai-scan-studio-v3 .specialist-card{min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}.ai-scan-studio-v3 .specialist-preview{grid-template-columns:1fr}.ai-scan-studio-v3 .problem-steps{gap:6px}}
@media (prefers-reduced-motion:reduce){.ai-scan-studio-v3 .specialist-avatar::before,.ai-scan-studio-top i{animation:none!important}.ai-scan-studio-v3 .specialist-card,.ai-scan-studio-v3 .button{transition:none!important}}


/* Hard reset of the legacy face avatars — role-native agent emblems */
.ai-scan-studio-v3 .specialist-avatar{display:grid!important;place-items:center!important;border-radius:19px!important;overflow:hidden!important;background:radial-gradient(circle at 28% 20%,color-mix(in srgb,var(--agent) 44%,#fff 5%),rgba(15,18,34,.98) 61%)!important}
.ai-scan-studio-v3 .specialist-avatar::before{content:""!important;position:absolute!important;inset:50% auto auto 50%!important;width:86px!important;height:86px!important;border:1px dashed color-mix(in srgb,var(--agent) 54%,transparent)!important;border-radius:50%!important;background:none!important;box-shadow:none!important;transform:translate(-50%,-50%);animation:agent-orbit-centered 11s linear infinite!important}
.ai-scan-studio-v3 .specialist-avatar::after{content:""!important;position:absolute!important;inset:8px 8px auto auto!important;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#62edbd!important;box-shadow:0 0 12px #62edbd!important;transform:none!important}
.ai-scan-studio-v3 .specialist-avatar i{position:relative!important;inset:auto!important;z-index:2!important;width:35px!important;height:35px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:11px!important;background:rgba(8,10,20,.76)!important;box-shadow:0 8px 18px rgba(0,0,0,.32),0 0 16px color-mix(in srgb,var(--agent) 18%,transparent)!important;transform:none!important}
.ai-scan-studio-v3 .specialist-avatar i::before{position:static!important;inset:auto!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#fff!important;font:800 1rem/1 Manrope,sans-serif!important;transform:none!important}
.ai-scan-studio-v3 .specialist-avatar i::after{content:none!important;display:none!important}
.ai-scan-studio-v3 .avatar-maya i::before{content:"✦"!important}.ai-scan-studio-v3 .avatar-mikkel i::before{content:"↗"!important}.ai-scan-studio-v3 .avatar-sofie i::before{content:"⇄"!important}.ai-scan-studio-v3 .avatar-felix i::before{content:"▥"!important}.ai-scan-studio-v3 .avatar-nora i::before{content:"</>"!important;font-size:.67rem!important;letter-spacing:-.08em!important}
@keyframes agent-orbit-centered{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ai-scan-studio-v3 .specialist-avatar::before{animation:none!important}}


/* Website Intelligence v2 — unified analysis and report studio */
.risk-grid.risk-studio-v2{
  position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;overflow:hidden;
  border:1px solid rgba(118,125,255,.34);border-radius:30px;background:radial-gradient(circle at 83% 12%,rgba(87,76,255,.2),transparent 31%),radial-gradient(circle at 11% 82%,rgba(55,220,190,.08),transparent 31%),linear-gradient(145deg,rgba(14,16,31,.99),rgba(5,6,13,.995) 62%);
  box-shadow:0 38px 96px rgba(0,0,0,.43),0 0 0 1px rgba(255,255,255,.025) inset,0 0 62px rgba(82,89,255,.08);
}
.risk-grid.risk-studio-v2::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.4;background-image:linear-gradient(rgba(116,124,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(116,124,255,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.risk-grid.risk-studio-v2::after{content:"→";position:absolute;z-index:5;left:50%;top:54%;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(112,120,255,.5);border-radius:50%;background:#111426;color:#8c91ff;font:800 .92rem/1 Manrope,sans-serif;box-shadow:0 0 0 7px rgba(6,7,14,.9),0 0 26px rgba(97,105,255,.32);transform:translate(-50%,-50%);animation:risk-link-pulse 2.4s ease-in-out infinite}
.risk-studio-top{grid-column:1/-1;min-height:70px;padding:0 29px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(90deg,rgba(255,255,255,.018),rgba(91,88,255,.05));color:#b1b6c7;font:800 .74rem/1 Manrope,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.risk-studio-top span,.risk-studio-top small{display:flex;align-items:center;gap:9px}.risk-studio-top i{width:9px;height:9px;border-radius:50%;background:#58e6bc;box-shadow:0 0 0 5px rgba(88,230,188,.08),0 0 18px rgba(88,230,188,.62);animation:risk-live 2.2s ease-in-out infinite}.risk-studio-top small{color:#63e5bc;font:750 .67rem/1 Manrope,sans-serif;letter-spacing:.11em}
.risk-studio-v2>.risk-form,.risk-studio-v2>.risk-output{min-width:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.risk-studio-v2>.risk-form{position:relative;padding:30px 31px 32px;border-right:1px solid rgba(255,255,255,.09)}
.risk-studio-v2>.risk-output{position:relative;padding:30px 31px 32px;background:linear-gradient(145deg,rgba(33,33,74,.2),rgba(7,8,15,.03) 56%)}
.risk-studio-v2 .risk-console-top,.risk-studio-v2 .risk-output-top{min-height:35px;margin:0 0 25px;padding:0 0 17px;border-bottom:1px solid rgba(255,255,255,.09);color:#b6bbcb;font:800 .68rem/1 Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.risk-studio-v2 .risk-console-top span,.risk-studio-v2 .risk-console-top small,.risk-studio-v2 .risk-output-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.risk-studio-v2 .risk-console-top>span{justify-content:flex-start}.risk-studio-v2 .risk-console-top i,.risk-studio-v2 .risk-ready i{width:8px;height:8px;border-radius:50%;background:#5be6bc;box-shadow:0 0 0 5px rgba(91,230,188,.08),0 0 14px rgba(91,230,188,.55)}
.risk-studio-v2 .risk-console-top small{color:#5ee3bc;font:800 .65rem/1 Manrope,sans-serif;letter-spacing:.08em}
.risk-studio-v2 .risk-form-intro{position:relative;min-height:96px;margin:0 0 26px;padding:20px 22px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;overflow:hidden;border:1px solid rgba(111,119,255,.5);border-radius:20px;background:radial-gradient(circle at 0 50%,rgba(103,107,255,.19),transparent 38%),linear-gradient(125deg,rgba(37,39,76,.88),rgba(18,19,34,.94));box-shadow:0 18px 42px rgba(0,0,0,.23),0 0 30px rgba(92,99,255,.08),0 1px 0 rgba(255,255,255,.045) inset}
.risk-studio-v2 .risk-form-intro::after{content:"SEO   UX   GDPR   SEC   AI";position:absolute;right:17px;bottom:12px;color:rgba(142,147,255,.46);font:800 .52rem/1 Manrope,sans-serif;letter-spacing:.13em}
.risk-studio-v2 .risk-form-intro>span{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(127,134,255,.62);border-radius:16px;background:linear-gradient(145deg,rgba(101,108,255,.34),rgba(48,58,106,.55));color:#fff;font:800 .8rem/1 Manrope,sans-serif;box-shadow:0 12px 26px rgba(52,58,180,.25),0 0 18px rgba(104,111,255,.2)}
.risk-studio-v2 .risk-form-intro strong{display:block;color:#fff;font:750 .95rem/1.25 Manrope,sans-serif}.risk-studio-v2 .risk-form-intro p{margin:4px 0 0;color:#9298a9;font-size:.76rem;line-height:1.45}
.risk-studio-v2 .risk-form>label:not(.risk-consent){margin:0 0 10px;color:#b8bdcd;font:800 .68rem/1 Manrope,sans-serif;letter-spacing:.085em;text-transform:uppercase}
.risk-studio-v2 #risk-url{min-height:66px;margin:0 0 24px;padding:0 19px 0 54px;border:1px solid rgba(145,151,190,.25);border-radius:17px;background-image:radial-gradient(circle at 28px 50%,transparent 0 5px,rgba(94,230,197,.85) 5.5px 6.5px,transparent 7px),linear-gradient(145deg,rgba(16,18,29,.97),rgba(8,10,17,.98));color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 17px 36px rgba(0,0,0,.24);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}
.risk-studio-v2 #risk-url:focus{outline:none;border-color:#737aff;box-shadow:0 0 0 4px rgba(105,112,255,.12),0 20px 43px rgba(0,0,0,.28);transform:translateY(-1px)}
.risk-studio-v2 .risk-consent{position:relative;margin:8px 0 21px;padding:17px 18px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;border:1px solid rgba(146,151,183,.2);border-radius:17px;background:linear-gradient(145deg,rgba(24,26,39,.86),rgba(13,15,24,.92));box-shadow:0 13px 30px rgba(0,0,0,.18);transition:border-color .22s ease,background .22s ease,transform .22s ease}.risk-studio-v2 .risk-consent:hover{border-color:rgba(104,111,255,.44);background:linear-gradient(145deg,rgba(30,32,52,.9),rgba(14,16,28,.94));transform:translateY(-1px)}
.risk-studio-v2 .risk-consent input{appearance:none;width:23px;height:23px;margin:0;border:1px solid rgba(150,157,196,.42);border-radius:7px;background:#0c0e17;display:grid;place-items:center;cursor:pointer}.risk-studio-v2 .risk-consent input::before{content:"✓";color:#07120e;font:900 .72rem/1 Manrope,sans-serif;transform:scale(0);transition:transform .16s ease}.risk-studio-v2 .risk-consent input:checked{border-color:#58e2b9;background:#58e2b9;box-shadow:0 0 18px rgba(88,226,185,.24)}.risk-studio-v2 .risk-consent input:checked::before{transform:scale(1)}
.risk-studio-v2 .risk-consent span{color:#9ca2b2;font-size:.74rem;line-height:1.45}.risk-studio-v2 .risk-consent strong{display:block;margin-bottom:2px;color:#fff;font:700 .78rem/1.25 Manrope,sans-serif}
.risk-studio-v2 .risk-form button{width:100%;min-height:61px;border:0;border-radius:17px;background:linear-gradient(100deg,#5c5eff,#3e86ff);color:#fff;font:800 .84rem/1 Manrope,sans-serif;box-shadow:0 20px 40px rgba(61,78,230,.28),0 0 34px rgba(66,115,255,.13);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.risk-studio-v2 .risk-form button:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 25px 48px rgba(61,78,230,.36),0 0 42px rgba(66,115,255,.18)}
.risk-studio-v2 .risk-note{margin:17px 4px 0;padding-left:28px;position:relative;color:#747b8d;font-size:.67rem;line-height:1.55;text-align:left}.risk-studio-v2 .risk-note::before{content:"✓";position:absolute;left:0;top:1px;width:18px;height:18px;display:grid;place-items:center;border:1px solid rgba(86,225,184,.25);border-radius:50%;background:rgba(86,225,184,.08);color:#59e2b8;font-size:.61rem}
.risk-studio-v2 .risk-kicker{color:#aaafbf}.risk-studio-v2 .risk-ready{display:flex;align-items:center;gap:8px;color:#62e6bc;font:800 .65rem/1 Manrope,sans-serif;letter-spacing:.08em}
.risk-studio-v2 .risk-preview-score{position:relative;min-height:150px;margin:0 0 18px;padding:20px 22px;display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:22px;overflow:hidden;border:1px solid rgba(111,118,255,.54);border-radius:22px;background:radial-gradient(circle at 12% 50%,rgba(103,108,255,.24),transparent 36%),linear-gradient(125deg,rgba(42,44,91,.86),rgba(20,22,40,.94));box-shadow:0 20px 46px rgba(0,0,0,.25),0 0 36px rgba(91,98,255,.1),0 1px 0 rgba(255,255,255,.04) inset}
.risk-studio-v2 .risk-preview-score::after{content:"";position:absolute;right:-48px;bottom:-72px;width:190px;height:190px;border:1px solid rgba(109,116,255,.15);border-radius:50%;box-shadow:0 0 0 28px rgba(109,116,255,.035),0 0 0 60px rgba(109,116,255,.022)}
.risk-studio-v2 .risk-preview-value{position:relative;z-index:1;width:104px;height:104px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 50%,#171a35 0 53%,transparent 54%),conic-gradient(from -25deg,#66e2c1 0 12%,#747aff 12% 72%,rgba(255,255,255,.08) 72% 100%);color:#fff;font:800 1.65rem/1 Manrope,sans-serif;box-shadow:0 15px 32px rgba(0,0,0,.32),0 0 28px rgba(103,110,255,.22)}
.risk-studio-v2 .risk-preview-value small{position:absolute;bottom:25px;color:#858b9f;font:700 .58rem/1 Manrope,sans-serif}.risk-studio-v2 .risk-preview-score strong{position:relative;z-index:1;color:#fff;font:750 1rem/1.25 Manrope,sans-serif}.risk-studio-v2 .risk-preview-score p{position:relative;z-index:1;margin:7px 0 0;color:#9aa0b1;font-size:.74rem;line-height:1.5}
.risk-studio-v2 .risk-preview-categories{display:grid;gap:9px;margin:0 0 17px}.risk-studio-v2 .risk-preview-categories article{--meter:66%;position:relative;min-height:56px;padding:0 18px;display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:10px;overflow:hidden;border:1px solid rgba(143,148,180,.18);border-radius:15px;background:linear-gradient(145deg,rgba(17,19,30,.9),rgba(8,9,16,.95));box-shadow:0 10px 24px rgba(0,0,0,.15);transition:transform .2s ease,border-color .2s ease,background .2s ease}.risk-studio-v2 .risk-preview-categories article:nth-child(2){--meter:78%}.risk-studio-v2 .risk-preview-categories article:nth-child(3){--meter:58%}.risk-studio-v2 .risk-preview-categories article:nth-child(4){--meter:71%}.risk-studio-v2 .risk-preview-categories article:nth-child(5){--meter:63%}.risk-studio-v2 .risk-preview-categories article::after{content:"";position:absolute;left:0;bottom:0;width:var(--meter);height:2px;background:linear-gradient(90deg,#5de1c0,#7078ff);box-shadow:0 0 12px rgba(105,113,255,.45);opacity:.72}.risk-studio-v2 .risk-preview-categories article:hover{transform:translateX(4px);border-color:rgba(110,117,255,.42);background:linear-gradient(145deg,rgba(25,27,45,.94),rgba(10,11,20,.98))}.risk-studio-v2 .risk-preview-categories article span{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(117,124,255,.28);border-radius:9px;background:#121426;color:#858bff;font:800 .62rem/1 Manrope,sans-serif}.risk-studio-v2 .risk-preview-categories article strong{color:#eef0f7;font:700 .76rem/1.3 Manrope,sans-serif}
.risk-studio-v2 .risk-output-guard{min-height:72px;padding:15px 18px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;border:1px solid rgba(82,220,179,.34);border-radius:17px;background:linear-gradient(135deg,rgba(28,98,77,.17),rgba(11,31,27,.14));box-shadow:0 14px 30px rgba(0,0,0,.17)}.risk-studio-v2 .risk-output-guard>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#5ce3b9;color:#07120e;font:900 .9rem/1 Manrope,sans-serif;box-shadow:0 0 22px rgba(92,227,185,.2)}.risk-studio-v2 .risk-output-guard strong{display:block;color:#fff;font:750 .79rem/1.25 Manrope,sans-serif}.risk-studio-v2 .risk-output-guard small{display:block;margin-top:3px;color:#8d948f;font-size:.66rem;line-height:1.4}
@keyframes risk-link-pulse{50%{box-shadow:0 0 0 7px rgba(6,7,14,.9),0 0 38px rgba(97,105,255,.46);color:#fff}}@keyframes risk-live{50%{opacity:.45;transform:scale(.82)}}
@media (max-width:980px){.risk-grid.risk-studio-v2{grid-template-columns:1fr}.risk-studio-top{grid-column:1}.risk-grid.risk-studio-v2::after{display:none}.risk-studio-v2>.risk-form{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}}
@media (max-width:620px){.risk-studio-top{padding:0 20px}.risk-studio-top small{display:none}.risk-studio-v2>.risk-form,.risk-studio-v2>.risk-output{padding:23px 20px 25px}.risk-studio-v2 .risk-preview-score{grid-template-columns:1fr}.risk-studio-v2 .risk-preview-value{width:94px;height:94px}.risk-studio-v2 .risk-form-intro::after{display:none}}
@media (prefers-reduced-motion:reduce){.risk-grid.risk-studio-v2::after,.risk-studio-top i{animation:none!important}.risk-studio-v2 .risk-preview-categories article,.risk-studio-v2 .risk-form button,.risk-studio-v2 .risk-consent{transition:none!important}}