:root {
  --ink: #111111;
  --body: #5f6368;
  --line: #dedede;
  --soft: #f5f6f7;
  --dark: #0b0c0f;
  --blue: #6d7cff;
  --cyan: #56c8d8;
  --green: #39df75;
  --yellow: #e9ef58;
  --pink: #f3a7e9;
  --container: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #fff; font-family: "Inter", Arial, sans-serif; font-size: 18px; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.site-header { position: sticky; z-index: 100; top: 0; height: 76px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 30px; background: rgba(255,255,255,.95); transition: box-shadow .28s ease, backdrop-filter .28s ease; }
.site-header.scrolled { box-shadow: 0 1px 0 rgba(0,0,0,.08); backdrop-filter: blur(18px); }
.capture { scroll-behavior: auto; }
.capture .site-header { position: relative; }
.capture .faq-heading { position: static; }
.capture .reveal { opacity: 1 !important; transform: none !important; }
.capture *, .capture *::before, .capture *::after { animation-play-state: paused !important; transition: none !important; }
.brand { display: inline-flex; align-items: center; gap: 10px; width: max-content; font-size: 24px; font-weight: 600; letter-spacing: -.8px; }
.brand-logo { width: 32px; height: 28px; }
.main-nav { display: flex; gap: 34px; font-size: 15px; }
.main-nav a, .text-link { position: relative; padding: 8px 0; }
.main-nav a::after, .text-link::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 2px; height: 1.5px; background: var(--ink); transition: right .25s ease; }
.main-nav a:hover::after, .text-link:hover::after { right: 0; }
.header-actions { justify-self: end; display: flex; align-items: center; gap: 24px; font-size: 15px; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 0 26px; border: 1px solid transparent; border-radius: 16px; font-size: 16px; font-weight: 600; transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border .25s ease; }
.button:hover { transform: translateY(-3px); }
.button-small { min-height: 44px; padding: 0 19px; border-radius: 14px; color: #fff; background: #111; font-size: 14px; }
.button-primary { color: #fff; background: #111; box-shadow: 0 12px 30px rgba(0,0,0,.12); }
.button-primary:hover { box-shadow: 0 16px 38px rgba(0,0,0,.2); }
.button-secondary, .button-outline { border-color: #d8d8d8; background: #fff; }
.button-secondary:hover, .button-outline:hover { border-color: #111; }
.button-outline { margin: 34px auto 0; }
.button-light { color: #111; background: #fff; }
.play { width: 24px; height: 24px; display: inline-grid; place-items: center; border: 1px solid #bbb; border-radius: 50%; font-size: 9px; }

.section { width: min(var(--container), calc(100% - 64px)); margin: 0 auto; padding: 98px 0; }
.kicker { display: inline-block; margin-bottom: 18px; color: #56595f; font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.kicker.light { color: rgba(255,255,255,.58); }
.section-heading { max-width: 790px; margin-bottom: 54px; }
.section-heading.centered { margin-right: auto; margin-left: auto; text-align: center; }
.section-heading h2, .split-copy h2, .faq-heading h2, .trust-copy h2 { margin: 0 0 24px; font-size: clamp(44px, 4.25vw, 60px); font-weight: 500; line-height: 1.06; letter-spacing: -.05em; }
.section-heading p, .split-copy > p, .faq-heading p, .trust-copy > p { margin: 0; color: var(--body); font-size: 19px; line-height: 1.65; }
.reveal { opacity: 1; transform: translateY(0); transition: opacity .65s ease, transform .65s cubic-bezier(.2,.75,.3,1); }
.js .reveal:not(.is-visible) { opacity: .97; transform: translateY(14px); }

/* Hero */
.hero { padding-top: 108px; padding-bottom: 78px; text-align: center; }
.hero-copy { max-width: 980px; margin: 0 auto; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 28px; padding: 9px 14px; border: 1px solid #e0e0e0; border-radius: 100px; background: #fff; color: #555b64; font-size: 13px; box-shadow: 0 6px 22px rgba(0,0,0,.04); }
.eyebrow-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(57,223,117,.13); }
.hero h1 { margin: 0; font-size: clamp(64px, 6vw, 86px); font-weight: 500; line-height: 1.04; letter-spacing: -.065em; }
.gradient-text { color: transparent; background: linear-gradient(100deg,#6d7cff 0%,#56c8d8 38%,#39df75 72%,#6d7cff 100%); background-size: 250% 100%; -webkit-background-clip: text; background-clip: text; animation: gradient-shine 5s ease-in-out infinite alternate; }
.hero-subtitle { max-width: 760px; margin: 30px auto 0; color: var(--body); font-size: 20px; line-height: 1.6; }
.hero-actions { display: flex; justify-content: center; gap: 14px; margin-top: 34px; }
.microcopy { margin: 15px 0 0; color: #86898f; font-size: 12px; }

.product-window { position: relative; overflow: hidden; margin-top: 62px; color: #fff; border: 1px solid rgba(255,255,255,.12); border-radius: 32px; background: #0b0c0f; box-shadow: 0 40px 100px rgba(0,0,0,.18); text-align: left; }
.glow { position: absolute; width: 400px; height: 400px; border-radius: 50%; filter: blur(110px); opacity: .22; pointer-events: none; }
.glow-blue { top: -260px; left: 20%; background: var(--blue); }
.glow-green { right: 2%; bottom: -320px; background: var(--green); }
.glow-pink { left: -220px; bottom: -280px; background: var(--pink); }
.window-bar { position: relative; z-index: 2; height: 58px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.7); font-size: 12px; }
.window-dots { display: flex; gap: 7px; }
.window-dots span { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.26); }
.window-title { justify-self: center; }
.window-actions { justify-self: end; display: flex; align-items: center; gap: 16px; }
.workspace-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 235px 1fr 240px; height: 510px; }
.sources-panel, .studio-panel { padding: 19px 14px; background: rgba(255,255,255,.025); }
.sources-panel { border-right: 1px solid rgba(255,255,255,.1); }
.studio-panel { border-left: 1px solid rgba(255,255,255,.1); }
.panel-heading { display: flex; justify-content: space-between; align-items: center; margin: 0 5px 15px; font-size: 13px; }
.panel-heading button { width: 26px; height: 26px; color: #fff; border: 1px solid rgba(255,255,255,.18); border-radius: 9px; background: rgba(255,255,255,.04); }
.source-item { display: grid; grid-template-columns: 33px 1fr auto; gap: 9px; align-items: center; margin-bottom: 7px; padding: 10px; border: 1px solid transparent; border-radius: 12px; color: rgba(255,255,255,.8); }
.source-item.active { border-color: rgba(109,124,255,.38); background: rgba(109,124,255,.11); }
.source-item b, .studio-card b { display: block; overflow: hidden; font-size: 11px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.source-item small, .studio-card small { display: block; margin-top: 4px; color: rgba(255,255,255,.38); font-size: 9px; }
.source-item em { color: var(--green); font-size: 10px; font-style: normal; }
.file-icon { width: 31px; height: 35px; display: grid; place-items: center; border-radius: 7px; font-size: 8px; font-style: normal; font-weight: 600; }
.file-icon.pdf { color: #ff9c9c; background: rgba(255,100,100,.13); }
.file-icon.doc { color: #9ea8ff; background: rgba(109,124,255,.13); }
.file-icon.web { color: #78dbeb; background: rgba(86,200,216,.13); }
.discover-button { width: 100%; margin-top: 10px; padding: 11px; color: #d8dcff; border: 1px dashed rgba(109,124,255,.5); border-radius: 11px; background: rgba(109,124,255,.07); font-size: 10px; }
.chat-panel { position: relative; padding: 20px 28px; background: rgba(5,6,8,.68); }
.chat-heading { display: flex; align-items: center; gap: 10px; padding-bottom: 17px; border-bottom: 1px solid rgba(255,255,255,.08); }
.mini-mark { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; background: linear-gradient(135deg,var(--blue),var(--green)); color: #0a0b0c; font-weight: 700; }
.chat-heading b { display: block; font-size: 12px; }
.chat-heading small { display: block; margin-top: 3px; color: rgba(255,255,255,.4); font-size: 9px; }
.question-bubble { max-width: 74%; margin: 25px 0 20px auto; padding: 12px 15px; border: 1px solid rgba(255,255,255,.09); border-radius: 15px 15px 4px 15px; background: rgba(255,255,255,.06); color: rgba(255,255,255,.86); font-size: 11px; line-height: 1.5; }
.answer-block { display: flex; gap: 11px; color: rgba(255,255,255,.76); font-size: 11px; line-height: 1.55; }
.answer-spark { color: var(--cyan); }
.answer-block p { margin: 0 0 10px; }
.answer-block ol { margin: 0; padding-left: 17px; }
.answer-block li { margin: 6px 0; }
.answer-block mark { display: inline-grid; width: 16px; height: 16px; place-items: center; margin-left: 2px; border-radius: 50%; background: rgba(109,124,255,.22); color: #cbd0ff; font-size: 8px; }
.prompt-bar { position: absolute; right: 24px; bottom: 20px; left: 24px; display: flex; justify-content: space-between; align-items: center; padding: 10px 11px 10px 15px; border: 1px solid rgba(255,255,255,.14); border-radius: 14px; background: rgba(255,255,255,.045); color: rgba(255,255,255,.36); font-size: 10px; }
.prompt-bar button { width: 29px; height: 29px; color: #111; border: 0; border-radius: 9px; background: #fff; }
.studio-card { display: grid; grid-template-columns: 35px 1fr auto; gap: 9px; align-items: center; margin-bottom: 8px; padding: 12px 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(255,255,255,.035); }
.studio-card.audio { margin-bottom: 12px; padding: 15px 9px; background: linear-gradient(135deg,rgba(109,124,255,.16),rgba(57,223,117,.08)); }
.studio-card em { color: rgba(255,255,255,.5); font-size: 10px; font-style: normal; }
.studio-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: rgba(109,124,255,.2); color: #b8bfff; font-size: 11px; }
.studio-icon.pink { color: var(--pink); background: rgba(243,167,233,.14); }
.studio-icon.yellow { color: var(--yellow); background: rgba(233,239,88,.12); }
.studio-icon.green { color: var(--green); background: rgba(57,223,117,.12); }

/* Marquee */
.marquee-section { overflow: hidden; padding: 34px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #fafafa; }
.marquee-track { display: flex; width: max-content; animation: marquee 42s linear infinite; }
.marquee-group { display: flex; gap: 18px; padding-right: 18px; }
.marquee-group > span { display: inline-flex; align-items: center; gap: 10px; padding: 11px 16px 11px 11px; border: 1px solid #e1e1e1; border-radius: 100px; background: #fff; color: #3f4246; font-size: 13px; white-space: nowrap; }
.chip-icon { width: 32px; height: 28px; display: grid; place-items: center; border-radius: 9px; font-size: 8px; }
.chip-icon.red { color: #c84c4c; background: #ffeded; }.chip-icon.blue { color: #4054d8; background: #eef0ff; }.chip-icon.cyan { color: #147385; background: #e9fafc; }.chip-icon.yellow { color: #777100; background: #fffbd9; }.chip-icon.pink { color: #97428d; background: #fff0fc; }.chip-icon.green { color: #12743a; background: #e9faef; }

/* Capabilities */
.capabilities { padding-top: 120px; }
.capability-grid { display: grid; grid-template-columns: 1.08fr .92fr; grid-template-rows: 310px 310px 255px; gap: 18px; }
.cap-card { position: relative; overflow: hidden; padding: 34px; border: 1px solid #e4e4e4; border-radius: 28px; background: #fff; }
.cap-card h3 { margin: 16px 0 11px; font-size: 26px; font-weight: 500; letter-spacing: -.035em; }
.cap-card p { margin: 0; color: var(--body); font-size: 15px; line-height: 1.55; }
.cap-large { grid-row: 1 / 3; display: grid; grid-template-columns: .78fr 1.22fr; gap: 26px; color: #fff; }
.dark-card { border-color: rgba(255,255,255,.09); background: var(--dark); }
.cap-large p { color: rgba(255,255,255,.6); }
.cap-large a { display: inline-block; margin-top: 26px; color: #fff; font-size: 13px; }
.mini-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: rgba(0,0,0,.06); font-size: 15px; }
.mini-icon.blue { color: #aeb6ff; background: rgba(109,124,255,.18); }
.mini-icon.green { color: #168d45; background: rgba(57,223,117,.15); }
.scan-visual { position: relative; align-self: end; height: 500px; }
.scan-doc { position: absolute; top: 20px; right: -50px; width: 310px; height: 455px; padding: 34px 30px; border: 1px solid rgba(255,255,255,.12); border-radius: 23px; background: linear-gradient(145deg,#202226,#111215); transform: rotate(4deg); box-shadow: 0 34px 70px rgba(0,0,0,.42); }
.doc-tag { color: rgba(255,255,255,.38); font-size: 9px; }
.scan-doc h4 { margin: 30px 0 22px; font-size: 20px; font-weight: 500; }
.scan-doc p { margin: 0 0 18px; color: rgba(255,255,255,.35); font-size: 10px; line-height: 1.7; }
.scan-doc .highlight-line { position: relative; margin-right: -6px; margin-left: -6px; padding: 8px 6px; color: #fff; border-radius: 7px; background: rgba(233,239,88,.13); }
.scan-line { position: absolute; top: 0; bottom: 0; left: 30px; width: 1px; background: linear-gradient(transparent,var(--yellow),transparent); animation: scan 4.2s ease-in-out infinite; }
.finding-card { position: absolute; z-index: 3; right: 88px; bottom: 38px; width: 190px; padding: 17px; border: 1px solid rgba(255,255,255,.16); border-radius: 16px; background: rgba(31,32,36,.86); backdrop-filter: blur(12px); }
.finding-card small, .finding-card span { display: block; color: rgba(255,255,255,.45); font-size: 9px; }
.finding-card b { display: block; margin: 6px 0; font-size: 13px; }
.soft-blue { background: linear-gradient(150deg,#f8f9ff,#eef1ff); }.soft-pink { background: linear-gradient(150deg,#fffafd,#fff0fa); }
.mini-compare { position: absolute; right: 30px; bottom: 26px; display: flex; align-items: center; gap: 8px; }
.mini-compare i { width: 55px; height: 70px; display: grid; place-items: center; border: 1px solid rgba(109,124,255,.28); border-radius: 12px; background: rgba(255,255,255,.76); color: var(--blue); font-size: 18px; font-style: normal; }
.mini-compare span { width: 48px; height: 1px; background: linear-gradient(90deg,var(--blue),var(--pink)); }
.summary-lines { position: absolute; right: 28px; bottom: 30px; width: 160px; }
.summary-lines span { display: block; height: 9px; margin-top: 10px; border-radius: 10px; background: linear-gradient(90deg,rgba(243,167,233,.6),rgba(243,167,233,.1)); }
.summary-lines span:nth-child(2) { width: 76%; }.summary-lines span:nth-child(3) { width: 92%; }
.cap-wide { grid-column: 1 / 3; display: flex; justify-content: space-between; align-items: center; }
.cap-wide > div:first-child { max-width: 520px; }
.file-transform { display: flex; align-items: center; gap: 23px; margin-right: 80px; }
.file-transform i { width: 88px; height: 108px; display: grid; place-items: center; border-radius: 16px; font-size: 16px; font-style: normal; font-weight: 600; transform: rotate(-4deg); }
.pdf-sheet { color: #d85252; background: #ffeded; box-shadow: 0 15px 30px rgba(216,82,82,.14); }.doc-sheet { color: #5364de; background: #eef0ff; box-shadow: 0 15px 30px rgba(83,100,222,.14); transform: rotate(4deg) !important; }
.flow-arrow { color: #a5a5a5; }

/* Splits */
.split-section { display: grid; grid-template-columns: .82fr 1.18fr; gap: 86px; align-items: center; min-height: 820px; }
.split-copy { max-width: 470px; }
.feature-list { margin: 32px 0; padding: 0; list-style: none; border-top: 1px solid #dedede; }
.feature-list li { display: flex; gap: 17px; padding: 17px 0; border-bottom: 1px solid #dedede; font-size: 14px; line-height: 1.45; }
.feature-list span { color: #a1a1a1; font-size: 11px; }
.inline-link { display: inline-flex; gap: 12px; align-items: center; font-size: 14px; font-weight: 600; }
.inline-link span { transition: transform .25s ease; }.inline-link:hover span { transform: translateX(5px); }
.citation-scene { position: relative; overflow: hidden; min-height: 590px; padding: 50px; border-radius: 32px; }
.scene-glow { position: absolute; right: -70px; bottom: -170px; width: 420px; height: 420px; border-radius: 50%; background: var(--green); filter: blur(130px); opacity: .18; }
.citation-question { position: relative; max-width: 360px; margin-left: auto; padding: 15px 18px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px 16px 4px 16px; background: rgba(255,255,255,.06); color: rgba(255,255,255,.8); font-size: 13px; }
.citation-answer { position: relative; display: flex; gap: 12px; width: 78%; margin-top: 34px; color: rgba(255,255,255,.75); font-size: 14px; line-height: 1.7; }
.citation-answer p { margin: 0; }
.citation-answer .spark { color: var(--cyan); }
.citation-answer mark { display: inline-grid; width: 21px; height: 21px; place-items: center; border-radius: 50%; background: rgba(109,124,255,.24); color: #cbd0ff; font-size: 10px; }
.source-preview { position: absolute; right: 46px; bottom: 48px; width: 380px; padding: 24px; border: 1px solid rgba(255,255,255,.14); border-radius: 21px; background: rgba(31,33,36,.83); color: rgba(255,255,255,.72); backdrop-filter: blur(15px); }
.source-top { display: flex; justify-content: space-between; margin-bottom: 20px; color: rgba(255,255,255,.48); font-size: 10px; }
.source-preview p { margin: 0; font-size: 13px; line-height: 1.7; }
.source-highlight { position: absolute; right: 18px; bottom: 28px; left: 18px; height: 34px; border-radius: 8px; background: rgba(233,239,88,.13); }
.connector { position: absolute; top: 202px; right: 158px; width: 1px; height: 126px; background: linear-gradient(var(--blue),var(--green)); opacity: .6; }

/* Compare */
.compare-section { padding-top: 125px; text-align: center; }
.compare-canvas { position: relative; min-height: 570px; display: grid; grid-template-columns: 1fr .95fr 1fr; gap: 18px; align-items: center; overflow: hidden; padding: 56px 38px; border-radius: 34px; background: #0b0c0f; text-align: left; }
.compare-glow { position: absolute; width: 300px; height: 300px; border-radius: 50%; filter: blur(110px); opacity: .2; }.compare-glow.one { top: -160px; left: 8%; background: var(--blue); }.compare-glow.two { right: 4%; bottom: -190px; background: var(--pink); }
.document-card, .compare-result { position: relative; z-index: 2; }
.document-card { min-height: 390px; padding: 28px; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; background: linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035)); color: #fff; }
.doc-a { transform: rotate(-2deg); }.doc-b { transform: rotate(2deg); }
.document-head { display: flex; gap: 12px; align-items: center; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.1); }
.file-badge { width: 38px; height: 43px; display: grid; place-items: center; border-radius: 10px; background: rgba(109,124,255,.18); color: #b8c0ff; font-size: 12px; font-weight: 600; }.file-badge.alt { color: #ffc4f8; background: rgba(243,167,233,.15); }
.document-head b, .document-head small { display: block; }.document-head b { font-size: 12px; }.document-head small { margin-top: 4px; color: rgba(255,255,255,.38); font-size: 9px; }
.document-card h4 { margin: 30px 0 14px; font-size: 19px; font-weight: 500; }.document-card > p { min-height: 92px; color: rgba(255,255,255,.55); font-size: 12px; line-height: 1.65; }
.metric-row { display: flex; justify-content: space-between; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.42); font-size: 10px; }.metric-row b { color: rgba(255,255,255,.78); font-weight: 500; }
.compare-result { padding: 24px 20px; border-radius: 22px; background: #fff; color: #111; box-shadow: 0 26px 60px rgba(0,0,0,.4); }
.result-pill { display: inline-block; padding: 7px 10px; border-radius: 100px; background: #eef0ff; color: #5364de; font-size: 8px; }
.compare-result h3 { margin: 16px 0; font-size: 19px; font-weight: 500; }
.result-row { padding: 12px; border-radius: 11px; margin-top: 8px; background: #f6f6f6; }.result-row span { font-size: 8px; font-weight: 600; text-transform: uppercase; }.result-row p { margin: 6px 0 0; color: #5d6065; font-size: 9px; line-height: 1.45; }.result-row.agree span { color: #178e47; }.result-row.differ span { color: #b26900; }.result-row.insight { background: #eef0ff; }.result-row.insight span { color: #5364de; }
.compare-result button { width: 100%; margin-top: 14px; padding: 11px; color: #fff; border: 0; border-radius: 11px; background: #111; font-size: 9px; }

/* Summary */
.summary-section { grid-template-columns: 1.18fr .82fr; }
.summary-visual { position: relative; min-height: 620px; }
.summary-paper { position: absolute; border: 1px solid #e6e6e6; border-radius: 27px; background: #fff; box-shadow: 0 26px 70px rgba(0,0,0,.1); }
.paper-back { top: 58px; right: 38px; width: 74%; height: 500px; transform: rotate(5deg); background: linear-gradient(145deg,#fff4fc,#f7f4ff); }
.paper-main { z-index: 2; top: 0; right: 76px; width: 76%; min-height: 540px; padding: 32px; transform: rotate(-2deg); }
.paper-top { display: flex; align-items: center; gap: 9px; color: #85878b; font-size: 9px; }.paper-top b { margin-left: auto; }.pink-dot { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; background: #fff0fc; color: #b85cab; }
.paper-main h3 { margin: 26px 0; font-size: 28px; font-weight: 500; letter-spacing: -.04em; }
.summary-point { display: grid; grid-template-columns: 32px 1fr; gap: 13px; padding: 15px 0; border-top: 1px solid #ececec; }.summary-point i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: #f3f3f3; color: #777; font-size: 10px; font-style: normal; }.summary-point b, .summary-point span { display: block; }.summary-point b { font-size: 12px; }.summary-point span { margin-top: 6px; color: #71747a; font-size: 10px; line-height: 1.5; }
.summary-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 18px; padding-top: 17px; border-top: 1px solid #ececec; color: #97999d; font-size: 9px; }.summary-footer button { padding: 7px 10px; border: 1px solid #dedede; border-radius: 8px; background: #fff; font-size: 9px; }
.depth-control { position: absolute; z-index: 4; bottom: 35px; left: 0; width: 190px; padding: 17px; border: 1px solid #e2e2e2; border-radius: 17px; background: rgba(255,255,255,.87); backdrop-filter: blur(12px); box-shadow: 0 18px 40px rgba(0,0,0,.09); }.depth-control span, .depth-control b { display: block; font-size: 9px; }.depth-control div { display: flex; gap: 6px; margin: 12px 0; }.depth-control i { width: 32px; height: 4px; border-radius: 4px; background: #e5e5e5; }.depth-control i.active { background: var(--pink); }
.mode-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 28px 0; }.mode-chips span { padding: 9px 12px; border: 1px solid #dedede; border-radius: 100px; color: #707277; font-size: 11px; }.mode-chips span.active { color: #111; border-color: #111; }

/* PDF transform */
.pdf-section { width: 100%; max-width: none; padding: 120px max(32px, calc((100% - var(--container))/2)); background: #f6f7f8; text-align: center; }
.transform-stage { position: relative; min-height: 540px; display: flex; justify-content: center; align-items: center; gap: 110px; overflow: hidden; margin-top: 55px; border: 1px solid #e1e1e1; border-radius: 34px; background: #fff; }
.transform-file { position: relative; z-index: 2; width: 285px; min-height: 360px; padding: 34px; border: 1px solid #e2e2e2; border-radius: 25px; background: #fff; box-shadow: 0 24px 60px rgba(0,0,0,.09); text-align: left; }
.input-file { transform: rotate(-3deg); }.output-file { transform: rotate(3deg); }
.file-corner { position: absolute; top: -1px; right: -1px; width: 62px; height: 62px; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-radius: 0 25px 0 20px; background: #f6f6f6; }
.format { display: inline-grid; height: 34px; place-items: center; padding: 0 10px; border-radius: 9px; font-size: 9px; font-weight: 600; }.format.red { color: #d85252; background: #ffeded; }.format.blue { color: #5364de; background: #eef0ff; }
.transform-file h3 { margin: 28px 0 8px; font-size: 21px; font-weight: 500; }.transform-file > p { margin: 0; color: #8b8e93; font-size: 10px; }
.tiny-lines { margin-top: 44px; }.tiny-lines i { display: block; width: 100%; height: 7px; margin-top: 13px; border-radius: 6px; background: #eeeeee; }.tiny-lines i:nth-child(2) { width: 78%; }.tiny-lines i:nth-child(4) { width: 87%; }.tiny-lines i:nth-child(5) { width: 62%; }
.doc-outline { margin-top: 35px; }.doc-outline span { display: block; padding: 12px 0; border-bottom: 1px solid #ececec; color: #62656a; font-size: 10px; }
.transform-path { position: absolute; top: 50%; left: 50%; width: 260px; height: 120px; transform: translate(-50%,-50%); }.path-line { position: absolute; top: 60px; right: 0; left: 0; height: 2px; background: linear-gradient(90deg,#ef7777,var(--blue)); }.process-orb { position: absolute; z-index: 2; top: 10px; left: 90px; width: 80px; height: 80px; display: grid; place-items: center; border-radius: 50%; background: #111; color: var(--green); box-shadow: 0 20px 45px rgba(0,0,0,.2); animation: pulse 2.8s ease-in-out infinite; }.process-orb small { position: absolute; top: 50px; color: #fff; font-size: 8px; }.path-dot { position: absolute; z-index: 2; top: 56px; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 1px #bbb; animation: path-dot 2.4s linear infinite; }.p1 { left: 25px; animation-delay: 0s; }.p2 { left: 52px; animation-delay: .4s; }.p3 { right: 26px; animation-delay: .8s; }
.transform-note { position: absolute; z-index: 5; right: 190px; bottom: 38px; width: 240px; padding: 17px; border: 1px solid #e1e1e1; border-radius: 17px; background: rgba(255,255,255,.9); box-shadow: 0 18px 45px rgba(0,0,0,.11); text-align: left; }.transform-note span { color: #158a45; font-size: 9px; }.transform-note b, .transform-note small { display: block; }.transform-note b { margin: 6px 0; font-size: 12px; }.transform-note small { color: #8a8d91; font-size: 9px; }
.pdf-section > .button { margin-top: 34px; }

/* Text editor */
.text-section { display: grid; grid-template-columns: 1.35fr .65fr; gap: 70px; align-items: center; padding-top: 125px; }
.text-editor { min-height: 660px; display: grid; grid-template-columns: 92px 1fr 200px; overflow: hidden; border: 1px solid #dfdfdf; border-radius: 30px; background: #fff; box-shadow: 0 28px 80px rgba(0,0,0,.09); }
.editor-sidebar { display: flex; flex-direction: column; gap: 7px; padding: 18px 12px; border-right: 1px solid #e5e5e5; background: #f8f8f8; }.editor-logo { width: 38px; height: 38px; display: grid; place-items: center; margin: 0 auto 18px; border-radius: 12px; background: #111; color: #fff; font-size: 14px; }.editor-sidebar button { padding: 10px 6px; border: 0; border-radius: 9px; background: transparent; color: #777a80; font-size: 8px; }.editor-sidebar button.active { color: #111; background: #fff; box-shadow: 0 3px 12px rgba(0,0,0,.05); }.sidebar-spacer { flex: 1; }
.editor-main { min-width: 0; }.editor-toolbar { height: 52px; display: flex; align-items: center; gap: 16px; padding: 0 16px; border-bottom: 1px solid #e5e5e5; color: #707277; font-size: 9px; }.editor-toolbar button { margin-left: auto; padding: 7px 10px; color: #fff; border: 0; border-radius: 8px; background: #111; font-size: 8px; }.editor-main article { max-width: 520px; margin: 0 auto; padding: 47px 34px 60px; }.editor-main article > small { color: #8b8d91; font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }.editor-main h3 { margin: 15px 0; font-size: 29px; font-weight: 500; line-height: 1.15; letter-spacing: -.04em; }.editor-main .lead { color: #66696e; font-size: 12px; line-height: 1.55; }.editor-main h4 { margin: 30px 0 10px; font-size: 14px; }.editor-main article > p:not(.lead) { color: #62656a; font-size: 11px; line-height: 1.75; }.citation-mark { padding: 3px 6px; border-radius: 100px; background: #eef0ff; color: #5364de; font-size: 8px; }
.ai-suggestion { display: grid; grid-template-columns: 25px 1fr auto; gap: 9px; align-items: start; margin-top: 24px; padding: 13px; border: 1px solid #dce0ff; border-radius: 13px; background: #f6f7ff; color: #5364de; }.ai-suggestion p { margin: 0; color: #62656a; font-size: 9px; line-height: 1.5; }.ai-suggestion p b { color: #111; }.ai-suggestion button { padding: 6px 8px; border: 1px solid #cdd2ff; border-radius: 7px; background: #fff; color: #5364de; font-size: 8px; }
.editor-assistant { padding: 20px 15px; border-left: 1px solid #e5e5e5; background: #fafafa; }.assistant-head { display: flex; gap: 8px; align-items: center; margin-bottom: 28px; font-size: 10px; }.assistant-head span { color: var(--blue); }.editor-assistant > p { color: #898c90; font-size: 9px; }.editor-assistant > button { width: 100%; margin-bottom: 7px; padding: 10px; border: 1px solid #e2e2e2; border-radius: 9px; background: #fff; color: #55585d; font-size: 8px; text-align: left; }.assistant-input { margin-top: 190px; padding: 11px; border: 1px solid #dedede; border-radius: 11px; background: #fff; color: #9a9ca0; font-size: 8px; }.assistant-input span { float: right; width: 20px; height: 20px; display: grid; place-items: center; border-radius: 6px; background: #111; color: #fff; }
.text-heading { margin: 0; }

/* Workflow */
.workflow-section { width: 100%; max-width: none; padding: 120px max(32px, calc((100% - var(--container))/2)); background: #f6f7f8; }
.workflow-line { display: grid; grid-template-columns: 1fr 120px 1fr 120px 1fr; align-items: start; }
.workflow-line article { text-align: center; }.step-number { width: 26px; height: 26px; display: grid; place-items: center; margin: 0 auto 22px; border: 1px solid #d9d9d9; border-radius: 50%; background: #fff; color: #777; font-size: 9px; }.step-icon { width: 128px; height: 128px; display: grid; place-items: center; margin: 0 auto 27px; border-radius: 36px; font-size: 31px; box-shadow: 0 18px 40px rgba(0,0,0,.06); }.upload-icon { color: #5364de; background: linear-gradient(145deg,#f7f8ff,#e9ecff); }.analyze-icon { color: #168c47; background: linear-gradient(145deg,#f5fff8,#e4fbed); }.result-icon { color: #b55bab; background: linear-gradient(145deg,#fff8fe,#ffeafb); }.workflow-line h3 { margin: 0 0 10px; font-size: 20px; font-weight: 500; }.workflow-line p { max-width: 270px; margin: 0 auto; color: var(--body); font-size: 13px; line-height: 1.55; }
.step-connector { display: flex; justify-content: center; gap: 11px; padding-top: 104px; }.step-connector i { width: 7px; height: 7px; border-radius: 50%; background: #c9c9c9; animation: connector-dot 1.8s ease-in-out infinite; }.step-connector i:nth-child(2) { animation-delay: .25s; }.step-connector i:nth-child(3) { animation-delay: .5s; }

/* Scenarios */
.scenarios-section { padding-top: 130px; }
.scenario-columns { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.scenario { overflow: hidden; min-height: 610px; padding: 20px 20px 34px; border: 1px solid #e2e2e2; border-radius: 30px; background: #fff; }.scenario-art { position: relative; overflow: hidden; height: 350px; margin-bottom: 30px; border-radius: 22px; background: #101115; }.scenario-index { color: #a0a2a6; font-size: 10px; }.scenario h3 { margin: 12px 0; font-size: 24px; font-weight: 500; letter-spacing: -.03em; }.scenario > p { margin: 0; color: var(--body); font-size: 13px; line-height: 1.6; }
.study .scenario-art { background: radial-gradient(circle at 50% 45%,rgba(109,124,255,.35),transparent 34%),#101115; }.big-symbol { position: absolute; inset: 0; display: grid; place-items: center; color: var(--green); font-size: 70px; }.orbit { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; transform: translate(-50%,-50%); }.o1 { width: 210px; height: 210px; }.o2 { width: 310px; height: 310px; }.note { position: absolute; padding: 8px 10px; border: 1px solid rgba(255,255,255,.15); border-radius: 9px; background: rgba(255,255,255,.08); color: #fff; font-size: 8px; animation: float 6s ease-in-out infinite; }.n1 { top: 56px; left: 43px; }.n2 { top: 80px; right: 35px; animation-delay: 1.1s; }.n3 { right: 68px; bottom: 48px; animation-delay: 2s; }
.work .scenario-art { background: linear-gradient(150deg,#f2f4ff,#effcf4); }.chart-bars { position: absolute; right: 40px; bottom: 72px; left: 40px; height: 190px; display: flex; align-items: end; gap: 12px; }.chart-bars i { flex: 1; border-radius: 10px 10px 3px 3px; background: linear-gradient(var(--blue),#aeb5ff); }.chart-bars i:nth-child(1) { height: 42%; }.chart-bars i:nth-child(2) { height: 70%; }.chart-bars i:nth-child(3) { height: 55%; }.chart-bars i:nth-child(4) { height: 92%; background: linear-gradient(var(--green),#a2f3be); }.insight-card { position: absolute; right: 25px; bottom: 25px; left: 25px; padding: 14px; border: 1px solid rgba(255,255,255,.8); border-radius: 13px; background: rgba(255,255,255,.75); color: #777; font-size: 8px; backdrop-filter: blur(10px); }.insight-card b { display: block; margin-top: 4px; color: #111; font-size: 10px; }
.content .scenario-art { background: radial-gradient(circle at 50% 30%,rgba(243,167,233,.28),transparent 33%),#101115; }.audio-wave { position: absolute; inset: 0; display: flex; justify-content: center; align-items: center; gap: 7px; }.audio-wave i { width: 6px; height: 45px; border-radius: 8px; background: linear-gradient(var(--pink),var(--blue)); animation: wave 1.6s ease-in-out infinite; }.audio-wave i:nth-child(2),.audio-wave i:nth-child(6) { height: 80px; animation-delay:.15s; }.audio-wave i:nth-child(3),.audio-wave i:nth-child(5) { height: 120px; animation-delay:.3s; }.audio-wave i:nth-child(4) { height: 155px; animation-delay:.45s; }.play-round { position: absolute; top: 50%; left: 50%; width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; background: #fff; color: #111; font-size: 14px; transform: translate(-50%,-50%); }.caption { position: absolute; right: 25px; bottom: 25px; left: 25px; color: rgba(255,255,255,.48); font-size: 8px; text-align: center; }

/* Trust */
.trust-section { width: 100%; max-width: none; min-height: 720px; display: grid; grid-template-columns: .72fr 1.28fr; gap: 70px; align-items: center; overflow: hidden; padding: 95px max(32px, calc((100% - var(--container))/2)); color: #fff; background: #0b0c0f; }
.trust-copy { max-width: 450px; }.trust-copy > p { color: rgba(255,255,255,.58); }.trust-points { display: grid; gap: 11px; margin-top: 30px; color: rgba(255,255,255,.72); font-size: 12px; }
.constellation { position: relative; min-height: 500px; }.constellation-glow { position: absolute; inset: 14% 19%; border-radius: 50%; background: var(--blue); filter: blur(120px); opacity: .17; }.constellation svg { position: absolute; inset: 0; width: 100%; height: 100%; }.constellation path { fill: none; stroke: rgba(255,255,255,.18); stroke-width: 1.3; stroke-dasharray: 5 7; animation: dash 14s linear infinite; }
.source-node, .answer-node { position: absolute; display: grid; grid-template-columns: 35px 1fr; gap: 2px 10px; align-items: center; padding: 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 15px; background: rgba(255,255,255,.06); backdrop-filter: blur(12px); }.source-node span { grid-row: 1/3; width: 35px; height: 38px; display: grid; place-items: center; border-radius: 9px; background: rgba(109,124,255,.17); color: #bcc3ff; font-size: 8px; font-weight: 600; }.source-node b,.source-node small,.answer-node b,.answer-node small { display: block; }.source-node b,.answer-node b { font-size: 10px; }.source-node small,.answer-node small { color: rgba(255,255,255,.38); font-size: 8px; }.node-1 { top: 35px; left: 35px; }.node-2 { top: 42px; right: 20px; }.node-3 { bottom: 32px; left: 15px; }.node-4 { right: 5px; bottom: 26px; }.answer-node { top: 50%; left: 50%; width: 210px; grid-template-columns: 42px 1fr; padding: 18px; background: rgba(255,255,255,.12); transform: translate(-50%,-50%); box-shadow: 0 24px 60px rgba(0,0,0,.38); }.answer-node > span { grid-row: 1/3; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: linear-gradient(135deg,var(--blue),var(--green)); color: #111; }

/* FAQ */
.faq-section { display: grid; grid-template-columns: .68fr 1.32fr; gap: 100px; padding-top: 125px; padding-bottom: 125px; }
.faq-heading { position: sticky; top: 130px; align-self: start; }.faq-heading p { max-width: 340px; }
.faq-list { border-top: 1px solid #dcdcdc; }.faq-list details { border-bottom: 1px solid #dcdcdc; }.faq-list summary { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 24px 0; cursor: pointer; list-style: none; font-size: 17px; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary span { width: 28px; height: 28px; display: grid; flex: 0 0 auto; place-items: center; border: 1px solid #dadada; border-radius: 50%; transition: transform .25s ease; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { max-width: 700px; margin: -6px 50px 24px 0; color: var(--body); font-size: 13px; line-height: 1.7; }

/* Final CTA + footer */
.final-cta { position: relative; width: min(var(--container), calc(100% - 64px)); min-height: 630px; display: grid; place-items: center; overflow: hidden; margin-bottom: 80px; border-radius: 36px; color: #fff; background: #0b0c0f; text-align: center; }
.final-copy { position: relative; z-index: 4; max-width: 720px; }.final-mark { width: 56px; height: 56px; display: grid; place-items: center; margin: 0 auto 25px; border-radius: 18px; background: linear-gradient(135deg,var(--blue),var(--green)); color: #111; font-size: 24px; font-weight: 700; }.final-copy h2 { margin: 0; font-size: 58px; font-weight: 500; line-height: 1.08; letter-spacing: -.055em; }.final-copy p { max-width: 590px; margin: 24px auto 32px; color: rgba(255,255,255,.58); font-size: 16px; line-height: 1.65; }.final-glow { position: absolute; width: 450px; height: 450px; border-radius: 50%; filter: blur(140px); opacity: .22; }.fg-one { top: -300px; left: -80px; background: var(--blue); }.fg-two { right: -90px; bottom: -310px; background: var(--green); }
.floating-output { position: absolute; z-index: 3; display: grid; grid-template-columns: 38px 1fr; gap: 2px 10px; align-items: center; min-width: 170px; padding: 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 15px; background: rgba(255,255,255,.06); text-align: left; backdrop-filter: blur(12px); animation: float 6s ease-in-out infinite; }.floating-output .output-icon { grid-row: 1/3; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; font-size: 12px; }.output-icon.pink { color: var(--pink); background: rgba(243,167,233,.14); }.output-icon.yellow { color: var(--yellow); background: rgba(233,239,88,.13); }.output-icon.green { color: var(--green); background: rgba(57,223,117,.13); }.output-icon.blue { color: #b8c0ff; background: rgba(109,124,255,.17); }.floating-output b { font-size: 10px; }.floating-output small { color: rgba(255,255,255,.72); font-size: 8px; }.out-1 { top: 68px; left: 58px; }.out-2 { top: 92px; right: 50px; animation-delay: 1.1s; }.out-3 { bottom: 67px; left: 84px; animation-delay: 2.1s; }.out-4 { right: 74px; bottom: 82px; animation-delay: 3s; }
#site-footer { padding: 70px max(30px, calc((100% - var(--container))/2)) 28px; border-top: 1px solid #e1e1e1; background: #fafafa; }.footer-top { display: grid; grid-template-columns: 1fr .9fr auto; align-items: start; gap: 40px; }.footer-brand { font-size: 25px; }.footer-top > p { margin: 0; color: #61646a; font-size: 17px; line-height: 1.55; }.footer-links { display: grid; grid-template-columns: repeat(2,1fr); gap: 60px; max-width: 560px; margin: 68px 0 55px auto; }.footer-links div { display: grid; gap: 13px; }.footer-links b { margin-bottom: 5px; font-size: 12px; }.footer-links a { color: #62656a; font-size: 12px; }.footer-links a:hover { color: #111; }.footer-bottom { display: flex; justify-content: space-between; gap: 30px; padding-top: 24px; border-top: 1px solid #dedede; color: #62666b; font-size: 9px; }

/* Motion */
@keyframes gradient-shine { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }
@keyframes marquee { to { transform: translateX(-50%); } }
@keyframes scan { 0%,100% { transform: translateX(0); opacity:.2; } 50% { transform: translateX(240px); opacity:1; } }
@keyframes float { 0%,100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-9px) rotate(.3deg); } }
@keyframes pulse { 0%,100% { transform: scale(1); box-shadow:0 20px 45px rgba(0,0,0,.2); } 50% { transform: scale(1.04); box-shadow:0 22px 60px rgba(109,124,255,.28); } }
@keyframes path-dot { 0%,100% { opacity:.25; transform:scale(.7); } 50% { opacity:1; transform:scale(1); } }
@keyframes connector-dot { 0%,100% { opacity:.25; transform:scale(.8); } 50% { opacity:1; transform:scale(1.2); background:var(--blue); } }
@keyframes wave { 0%,100% { transform:scaleY(.6); } 50% { transform:scaleY(1); } }
@keyframes dash { to { stroke-dashoffset:-100; } }

/* The design gate requires an exact 1440 px desktop canvas even when the
   preview browser reserves width for its own chrome. Responsive production
   layouts remain enabled below this render-only desktop threshold. */
@media (min-width: 1200px) {
  body { min-width: 0; }
}

@media (max-width: 1000px) {
  .site-header { grid-template-columns: 1fr auto; }.main-nav,.text-link { display:none; }
  .workspace-grid { grid-template-columns: 190px 1fr; }.studio-panel { display:none; }
  .capability-grid { grid-template-columns:1fr; grid-template-rows:auto; }.cap-large,.cap-wide { grid-column:auto; grid-row:auto; }.cap-large { min-height:620px; }.cap-wide { min-height:240px; }
  .split-section,.text-section,.trust-section,.faq-section { grid-template-columns:1fr; gap:45px; }.split-copy { max-width:700px; }.summary-section .summary-visual { order:2; }.faq-heading { position:static; }
  .workflow-line { grid-template-columns:1fr; gap:35px; }.step-connector { display:none; }.scenario-columns { grid-template-columns:1fr; }.scenario { min-height:520px; }
}

@media (max-width: 700px) {
  .site-header { height:66px; padding:0 16px; }.brand { font-size:19px; }.brand-logo { width:27px; }.header-actions .button { min-height:39px; padding:0 12px; font-size:11px; }
  .section { width:calc(100% - 32px); padding:70px 0; }.hero { padding-top:70px; }.hero h1 { font-size:47px; }.hero-subtitle { font-size:16px; }.hero-actions { flex-direction:column; align-items:stretch; }.workspace-grid { grid-template-columns:1fr; height:480px; }.sources-panel { display:none; }.product-window { border-radius:22px; }.chat-panel { padding:18px; }
  .section-heading h2,.split-copy h2,.faq-heading h2,.trust-copy h2,.final-copy h2 { font-size:39px; }.cap-large { display:block; }.scan-visual { height:400px; }.scan-doc { right:-20px; }.cap-wide { display:block; }.file-transform { margin:35px 0 0; justify-content:center; }
  .compare-canvas { grid-template-columns:1fr; padding:25px; }.document-card { min-height:300px; }.doc-a,.doc-b { transform:none; }.transform-stage { min-height:850px; flex-direction:column; gap:50px; }.transform-path { transform:translate(-50%,-50%) rotate(90deg); }.transform-note { right:20px; bottom:20px; }.text-editor { grid-template-columns:64px 1fr; }.editor-assistant { display:none; }.editor-main article { padding:35px 22px; }.scenario-art { height:300px; }
  .constellation { min-height:430px; transform:scale(.8); }.final-cta { width:calc(100% - 32px); min-height:700px; }.floating-output { transform:scale(.8); }.out-1 { left:10px; }.out-2 { right:10px; }.out-3 { left:10px; }.out-4 { right:10px; }.footer-top { grid-template-columns:1fr; }.footer-links { margin-left:0; }.footer-bottom { flex-direction:column; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
}

/* Production motion system */
:root {
  --ease-out-expo: cubic-bezier(.16, 1, .3, 1);
  --ease-spring: cubic-bezier(.2, .85, .25, 1.15);
  --motion-blue: rgba(101, 118, 255, .22);
  --motion-green: rgba(55, 224, 116, .18);
  --motion-pink: rgba(239, 127, 220, .16);
}

body { overflow-x: clip; }
.skip-link { position: fixed; z-index: 1000; top: 10px; left: 10px; padding: 10px 14px; border-radius: 10px; background: #111; color:#fff; transform:translateY(-160%); transition:transform .25s var(--ease-out-expo); }
.skip-link:focus { transform:translateY(0); }
.site-header { transition: transform .48s var(--ease-out-expo), box-shadow .28s ease, background-color .28s ease, backdrop-filter .28s ease; }
.site-header.header-hidden { transform: translateY(-110%); }
.site-header.scrolled { background:rgba(255,255,255,.82); box-shadow:0 10px 40px rgba(28,30,45,.08); }

.cursor-aura { position:fixed; z-index:90; top:0; left:0; width:330px; height:330px; border-radius:50%; pointer-events:none; opacity:0; filter:blur(10px); background:radial-gradient(circle,rgba(100,119,255,.15) 0,rgba(73,207,212,.08) 34%,rgba(57,223,117,.04) 52%,transparent 72%); transform:translate3d(-500px,-500px,0); translate:-50% -50%; mix-blend-mode:multiply; transition:opacity .4s ease; }
.cursor-aura.is-active { opacity:1; }
.pointer-reactive { position:relative; isolation:isolate; transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transform-style:preserve-3d; transition:transform .32s var(--ease-out-expo), box-shadow .4s ease; }
.pointer-reactive::after { content:""; position:absolute; z-index:4; inset:0; border-radius:inherit; pointer-events:none; opacity:0; background:radial-gradient(360px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(255,255,255,.22),transparent 66%); transition:opacity .35s ease; }
.pointer-reactive:hover::after { opacity:1; }
.pointer-reactive:hover { box-shadow:0 28px 70px rgba(19,22,35,.12),0 8px 28px rgba(91,108,255,.08); }

.motion-ready .reveal { transition-duration:.9s; transition-timing-function:var(--ease-out-expo); }
.motion-ready .reveal:not(.is-visible) { opacity:0; transform:translateY(34px) scale(.985); filter:blur(7px); }
.motion-ready .reveal.is-visible { opacity:1; transform:none; filter:none; }
.motion-ready .hero .reveal,.motion-ready .feature-hero .reveal { opacity:1; transform:none; filter:none; }
.motion-ready .hero .reveal-heading,.motion-ready .feature-hero .reveal-heading { animation:none !important; opacity:1; transform:none; filter:none; }
.reveal-heading { text-wrap:balance; }
.motion-ready .reveal-heading { animation:heading-focus 1.05s var(--ease-out-expo) both; animation-play-state:paused; }
.motion-ready .is-inview .reveal-heading,.motion-ready .reveal-heading.is-inview { animation-play-state:running; }
@keyframes heading-focus { from { opacity:0; filter:blur(12px); transform:translateY(24px); letter-spacing:.015em; } to { opacity:1; filter:none; transform:none; letter-spacing:inherit; } }

.magnetic { position:relative; overflow:hidden; will-change:transform; transition:transform .26s var(--ease-out-expo),box-shadow .28s ease,background-color .28s ease,color .28s ease; }
.product-cta::before { content:""; position:absolute; inset:-2px; pointer-events:none; transform:translateX(-120%) skewX(-22deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent); transition:transform .72s var(--ease-out-expo); }
.product-cta:hover::before { transform:translateX(120%) skewX(-22deg); }
.product-cta:hover { box-shadow:0 13px 34px rgba(53,61,110,.22); }
.button-ripple { position:absolute; width:12px; height:12px; border-radius:50%; pointer-events:none; translate:-50% -50%; background:rgba(255,255,255,.55); animation:ripple .65s ease-out forwards; }
@keyframes ripple { to { opacity:0; transform:scale(18); } }

.page-transition { position:fixed; z-index:999; inset:0; display:grid; grid-template-columns:repeat(3,1fr); pointer-events:none; visibility:hidden; }
.page-transition i { display:block; background:#0b0c11; transform:scaleY(0); transform-origin:bottom; }
.page-transition i:nth-child(2) { background:linear-gradient(#10121a,#121a18); }
.page-transition i:nth-child(3) { background:#0b0c11; }
.page-leaving .page-transition { visibility:visible; }
.page-leaving .page-transition i { animation:curtain-in .42s var(--ease-out-expo) forwards; }
.page-leaving .page-transition i:nth-child(2) { animation-delay:.045s; }.page-leaving .page-transition i:nth-child(3) { animation-delay:.09s; }
@keyframes curtain-in { to { transform:scaleY(1); } }

.hero .gradient-text { background-size:200% 100%; animation:gradient-drift 5.5s ease-in-out infinite alternate; }
@keyframes gradient-drift { to { background-position:100% 50%; } }
.hero-workspace { animation:workspace-float 7s ease-in-out infinite; }
@keyframes workspace-float { 50% { translate:0 -7px; box-shadow:0 40px 80px rgba(15,18,28,.17); } }
.floating-output { animation:output-drift 5.5s ease-in-out infinite; }.out-2 { animation-delay:-1.4s; }.out-3 { animation-delay:-2.8s; }.out-4 { animation-delay:-4.2s; }
@keyframes output-drift { 50% { transform:translateY(-10px) rotate(.35deg); } }

.chart-bars i { transform:scaleY(.04); transform-origin:bottom; opacity:.35; transition:transform 1.1s var(--ease-spring),opacity .45s ease; }
.chart-bars.is-inview i { transform:scaleY(1); opacity:1; }
.chart-bars.is-inview i:nth-child(2) { transition-delay:.1s; }.chart-bars.is-inview i:nth-child(3) { transition-delay:.2s; }.chart-bars.is-inview i:nth-child(4) { transition-delay:.3s; }
.chart-bars.is-inview::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent); transform:translateX(-130%); animation:chart-scan 1.4s .65s var(--ease-out-expo) both; }
@keyframes chart-scan { to { transform:translateX(130%); } }
.source-network [class*="source-node"],.trust-section [class*="node"] { animation:node-breathe 3.4s ease-in-out infinite; }
@keyframes node-breathe { 50% { translate:0 -4px; filter:drop-shadow(0 8px 12px rgba(91,108,255,.18)); } }
.compare-stage.is-inview .compare-doc { animation:compare-card-in .85s var(--ease-out-expo) both; }.compare-stage.is-inview .doc-right { animation-delay:.16s; }
.compare-stage.is-inview .compare-result { animation:compare-result-in .85s .32s var(--ease-spring) both; }
@keyframes compare-card-in { from { opacity:0; transform:translateX(-32px) rotate(-2deg); filter:blur(7px); } }.compare-stage.is-inview .doc-right { --direction:1; }
@keyframes compare-result-in { from { opacity:0; transform:translateY(24px) scale(.92); filter:blur(8px); } }
.summary-stack.is-inview .summary-paper { animation:paper-arrive .9s var(--ease-spring) both; }.summary-stack.is-inview .paper-back { animation-delay:.12s; }
@keyframes paper-arrive { from { opacity:0; transform:translateY(32px) rotate(-3deg) scale(.96); } }
.pdf-conversion.is-inview .pdf-file:first-child { animation:file-left .9s var(--ease-out-expo) both; }.pdf-conversion.is-inview .pdf-file:last-of-type { animation:file-right .9s var(--ease-out-expo) both; }
@keyframes file-left { from { opacity:0; transform:translateX(-55px) rotate(-8deg); } } @keyframes file-right { from { opacity:0; transform:translateX(55px) rotate(8deg); } }

.faq-list details { overflow:hidden; transition:background-color .35s ease,padding .35s ease,border-color .35s ease; }
.faq-list details:hover { background:linear-gradient(90deg,rgba(104,119,255,.035),rgba(58,222,119,.025)); }
.faq-list summary { position:relative; transition:color .25s ease,transform .35s var(--ease-out-expo); }
.faq-list summary::after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:1px; transform:scaleX(0); transform-origin:left; background:linear-gradient(90deg,#6e7dff,#55cbd7,#3bdf78); transition:transform .55s var(--ease-out-expo); }
.faq-list details[open] summary::after { transform:scaleX(1); }
.faq-list details[open] summary { color:#4e5de7; }
.faq-list summary span { transition:transform .5s var(--ease-spring),background-color .3s ease,color .3s ease,border-color .3s ease; }
.faq-list details[open] summary span { background:#111; border-color:#111; color:#fff; transform:rotate(135deg); }
.faq-answer { overflow:hidden; }
.faq-answer p { opacity:1; }

/* Vibrant v2: larger typography, symbols and conversion-focused contrast */
:root {
  --blue:#596cff;
  --cyan:#35cce2;
  --green:#26e875;
  --yellow:#f1ee43;
  --pink:#f58be8;
}
body { font-size:20px; background:linear-gradient(180deg,#fff 0%,#fcfcff 48%,#fff 100%); }
.site-header { height:84px; background:rgba(255,255,255,.88); border-bottom:1px solid rgba(89,108,255,.08); backdrop-filter:blur(22px) saturate(1.35); }
.site-header.scrolled { box-shadow:0 12px 38px rgba(43,49,88,.1); }
.brand { gap:12px; font-size:27px; font-weight:650; }
.brand-logo { width:39px; height:33px; filter:drop-shadow(0 7px 13px rgba(70,101,255,.2)); }
.main-nav,.header-actions { font-size:17px; }
.main-nav { gap:38px; }
.button { min-height:60px; padding:0 31px; border-radius:18px; font-size:18px; box-shadow:0 12px 30px rgba(28,31,52,.08); }
.button-small { min-height:50px; padding:0 23px; border-radius:15px; font-size:16px; }
.product-cta,.button-primary { color:#fff; background:linear-gradient(105deg,#12131a 0%,#3543b7 48%,#596cff 100%); box-shadow:0 16px 38px rgba(61,77,198,.26),inset 0 1px 0 rgba(255,255,255,.2); }
.product-cta:hover,.button-primary:hover { box-shadow:0 22px 50px rgba(61,77,198,.36),0 0 0 5px rgba(89,108,255,.08); }
.button span,.inline-link span,.related-grid>*>span { font-size:1.22em; }
.play { width:31px; height:31px; font-size:13px; border-color:#9da1ab; }
.kicker { font-size:15px; }
.section-heading h2,.split-copy h2,.faq-heading h2,.trust-copy h2 { font-size:clamp(50px,4.5vw,68px); }
.section-heading p,.split-copy>p,.faq-heading p,.trust-copy>p { font-size:21px; }
.hero h1 { font-size:clamp(70px,6.5vw,96px); }
.hero-subtitle { max-width:820px; font-size:23px; }
.eyebrow { padding:11px 17px; font-size:15px; box-shadow:0 10px 30px rgba(64,72,135,.1); }
.eyebrow-dot { width:10px; height:10px; box-shadow:0 0 0 6px rgba(38,232,117,.14),0 0 24px rgba(38,232,117,.5); }
.microcopy { font-size:14px; }
.product-window { border-color:rgba(120,133,255,.27); background:radial-gradient(circle at 48% 22%,#242a54 0,#101218 38%,#090a0e 78%); box-shadow:0 50px 120px rgba(28,31,60,.28),0 0 0 1px rgba(89,108,255,.07); }
.glow { opacity:.35; }
.window-bar { height:64px; font-size:14px; }
.window-dots span { width:10px; height:10px; }
.workspace-grid { grid-template-columns:250px 1fr 255px; height:560px; }
.panel-heading { font-size:15px; }
.panel-heading button { width:34px; height:34px; font-size:19px; }
.source-item b,.studio-card b { font-size:13px; }
.source-item small,.studio-card small { font-size:11px; color:rgba(255,255,255,.58); }
.source-item em,.discover-button,.studio-card em { font-size:12px; }
.file-icon { width:38px; height:42px; font-size:10px; }
.chat-heading b { font-size:14px; }.chat-heading small { font-size:11px;color:rgba(255,255,255,.6); }
.mini-mark { width:37px;height:37px;font-size:18px;box-shadow:0 8px 24px rgba(57,223,117,.2); }
.question-bubble,.answer-block { font-size:13px; }
.answer-block mark { width:22px;height:22px;font-size:11px; }
.prompt-bar { font-size:12px; }.prompt-bar button { width:36px;height:36px;font-size:17px; }
.studio-icon { width:40px;height:40px;font-size:16px; }
.marquee-section { background:linear-gradient(90deg,#f8f9ff,#f3fffa,#fff8fd); }
.marquee-group>span { padding:13px 19px 13px 13px; font-size:15px; box-shadow:0 8px 22px rgba(58,64,100,.06); }
.chip-icon { width:39px;height:35px;font-size:10px; }
.cap-card { border-color:rgba(78,87,143,.14); box-shadow:0 18px 50px rgba(51,57,96,.07); }
.cap-card:hover { box-shadow:0 30px 72px rgba(65,76,151,.13); }
.cap-card h3 { font-size:30px; }.cap-card p { font-size:17px; }
.mini-icon { width:43px;height:43px;font-size:20px; }
.doc-tag,.finding-card small,.finding-card span { font-size:11px; }
.scan-doc h4 { font-size:23px; }.scan-doc p { font-size:12px; }.finding-card b { font-size:15px; }
.feature-list li { font-size:17px; }.feature-list span { font-size:14px; }.inline-link { font-size:17px; }
.citation-question { font-size:15px; }.citation-answer { font-size:16px; }.source-preview p { font-size:15px; }
.file-badge { width:45px;height:50px;font-size:15px; }
.document-head b { font-size:14px; }.document-head small { font-size:11px;color:rgba(255,255,255,.58); }
.document-card h3,.document-card h4 { font-size:22px; }.document-card>p { font-size:14px; }.metric-row { font-size:12px; }
.result-pill,.result-row span { font-size:10px; }.result-row p,.compare-result button { font-size:11px; }
.paper-top { font-size:11px; }.pink-dot { width:36px;height:36px;font-size:17px; }
.summary-point i { width:35px;height:35px;font-size:13px; }.summary-point b { font-size:14px; }.summary-point span { font-size:12px; }
.summary-footer,.summary-footer button,.depth-control span,.depth-control b { font-size:11px; }
.mode-chips span { font-size:13px; }
.format { height:40px;font-size:11px; }.transform-file>p,.doc-outline span { font-size:12px; }.process-orb small { font-size:10px; }.transform-note span,.transform-note small { font-size:11px; }.transform-note b { font-size:14px; }
.editor-sidebar button,.editor-toolbar button,.citation-mark,.ai-suggestion button,.editor-assistant>button,.assistant-input { font-size:10px; }
.editor-toolbar,.editor-main article>small,.editor-assistant>p { font-size:11px; }.editor-main .lead { font-size:14px; }.editor-main h4 { font-size:17px; }.editor-main article>p:not(.lead) { font-size:13px; }.ai-suggestion p { font-size:11px; }.assistant-head { font-size:12px; }
.step-number { width:34px;height:34px;font-size:12px; }.step-icon { width:146px;height:146px;font-size:40px; }
.workflow-line h3 { font-size:24px; }.workflow-line p { font-size:15px; }
.scenario-index { font-size:12px; }.scenario h3 { font-size:29px; }.scenario>p { font-size:16px; }
.big-symbol { font-size:84px; text-shadow:0 0 32px rgba(38,232,117,.38); }.note { font-size:10px; }.insight-card { font-size:10px; }.insight-card b { font-size:12px; }.play-round { width:66px;height:66px;font-size:19px; }.caption { font-size:10px; }
.trust-points { font-size:15px; }
.source-node span { width:42px;height:45px;font-size:10px; }.source-node b,.answer-node b { font-size:12px; }.source-node small,.answer-node small { font-size:10px;color:rgba(255,255,255,.62); }
.faq-list summary { padding:29px 0;font-size:21px;font-weight:550; }.faq-list summary span { width:38px;height:38px;font-size:22px;box-shadow:0 7px 18px rgba(64,70,110,.08); }.faq-list details p { font-size:16px; }
.floating-output { min-width:200px;padding:16px;grid-template-columns:46px 1fr; }.floating-output .output-icon { width:46px;height:46px;font-size:17px; }.floating-output b { font-size:13px; }.floating-output small { font-size:10px; }
.footer-top>p { font-size:20px; }.footer-links b,.footer-links a { font-size:15px; }.footer-bottom { font-size:12px; }
.cursor-aura { width:430px;height:430px;filter:blur(7px);background:radial-gradient(circle,rgba(88,105,255,.24) 0,rgba(53,204,226,.14) 30%,rgba(38,232,117,.08) 52%,transparent 73%); }
.pointer-reactive:hover { box-shadow:0 36px 84px rgba(31,35,65,.16),0 12px 36px rgba(89,108,255,.14); }
@media (max-width:700px) {
  .cursor-aura { display:none; }
  .pointer-reactive { transform:none !important; }
  body { font-size:18px; }
  .site-header { height:72px; }
  .brand { font-size:21px; }.brand-logo { width:31px;height:28px; }
  .header-actions .button { min-height:44px;padding:0 15px;font-size:13px; }
  .hero h1 { font-size:clamp(52px,14vw,66px); }
  .hero-subtitle { font-size:19px; }
  .button { min-height:56px;font-size:17px; }
  .section-heading h2,.split-copy h2,.faq-heading h2,.trust-copy h2,.final-copy h2 { font-size:43px; }
  .workspace-grid { height:570px; }
  .faq-list summary { font-size:18px; }.faq-list details p { font-size:15px; }
}

.capture .cursor-aura,.capture .page-transition { display:none !important; }
.capture .reveal,.capture .reveal-heading { opacity:1 !important; transform:none !important; filter:none !important; animation:none !important; }
.capture .chart-bars i { transform:scaleY(1) !important; opacity:1 !important; }
.reduce-motion .cursor-aura { display:none; }
@media (prefers-reduced-motion:reduce) {
  .cursor-aura { animation:none !important; }
  .pointer-reactive,.magnetic { transform:none !important; }
  .page-transition { display:none !important; }
}

/* Shared production page templates */
html,body { overflow-x:clip; }
body { font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif; }
.feature-hero { min-height:780px; display:grid; grid-template-columns:minmax(0,.88fr) minmax(540px,1.12fr); gap:70px; align-items:center; padding-top:90px; padding-bottom:110px; }
.feature-hero-copy { position:relative; z-index:2; }
.breadcrumbs { display:flex; align-items:center; gap:9px; margin-bottom:34px; color:#8a8d93; font-size:12px; }.breadcrumbs a:hover { color:#111; }
.feature-hero .eyebrow { display:inline-flex; align-items:center; gap:9px; margin-bottom:26px; padding:8px 12px; border:1px solid #e4e5e8; border-radius:999px; color:#666b73; font-size:11px; box-shadow:0 8px 24px rgba(18,20,30,.05); }
.feature-hero h1 { max-width:700px; margin:0; font-size:clamp(56px,5.1vw,82px); line-height:.98; letter-spacing:-.065em; text-wrap:balance; }
.feature-hero-copy>p:not(.microcopy) { max-width:680px; margin:30px 0; color:var(--body); font-size:19px; line-height:1.55; }
.feature-visual { position:relative; min-height:580px; overflow:hidden; border:1px solid #23262e; border-radius:32px; background:radial-gradient(circle at 52% 40%,#1e2440 0,#101217 42%,#090a0e 80%); box-shadow:0 45px 90px rgba(20,23,34,.18); color:#fff; }
.visual-grid { position:absolute; inset:0; opacity:.14; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:42px 42px; mask-image:radial-gradient(circle,#000,transparent 78%); }
.visual-glow { position:absolute; width:440px; height:440px; top:50%; left:50%; border-radius:50%; background:conic-gradient(from 40deg,rgba(109,124,255,.22),rgba(86,200,216,.16),rgba(57,223,117,.16),rgba(243,167,233,.14),rgba(109,124,255,.22)); filter:blur(40px); transform:translate(-50%,-50%); animation:visual-orbit 11s linear infinite; }
.visual-node,.visual-core { position:absolute; z-index:2; display:flex; flex-direction:column; gap:5px; padding:18px 20px; border:1px solid rgba(255,255,255,.12); border-radius:17px; background:rgba(37,40,50,.76); box-shadow:0 16px 40px rgba(0,0,0,.25); backdrop-filter:blur(14px); }
.visual-node small,.visual-core small { color:#9297a6; font-size:10px; }.visual-node b,.visual-core b { max-width:170px; font-size:13px; line-height:1.25; }.node-a { top:105px; left:45px; }.node-b { right:42px; bottom:100px; }.visual-core { top:50%; left:50%; min-width:240px; padding:28px; text-align:center; transform:translate(-50%,-50%); }.visual-core span { width:48px; height:48px; display:grid; place-items:center; margin:0 auto 7px; border-radius:15px; background:linear-gradient(135deg,#6d7cff,#39df75); color:#111; font-size:22px; }.visual-core b { max-width:none; font-size:16px; }
.visual-path { position:absolute; z-index:1; width:200px; height:1px; border-top:1px dashed rgba(132,143,255,.55); transform-origin:left; }.visual-path i { position:absolute; top:-4px; left:0; width:8px; height:8px; border-radius:50%; background:#59dcaa; box-shadow:0 0 14px #59dcaa; animation:path-particle 2.4s ease-in-out infinite; }.path-a { top:185px; left:215px; rotate:18deg; }.path-b { right:182px; bottom:190px; rotate:19deg; }.path-b i { animation-delay:-1.2s; }
@keyframes path-particle { 50% { left:100%; } } @keyframes visual-orbit { to { rotate:360deg; } }
.feature-marquee { overflow:hidden; border-top:1px solid #ededed; border-bottom:1px solid #ededed; white-space:nowrap; }.feature-marquee>div { display:flex; justify-content:center; gap:28px; align-items:center; min-width:max-content; padding:19px; color:#858991; font-size:12px; animation:feature-marquee 20s linear infinite; }.feature-marquee span { padding:9px 15px; border:1px solid #e7e7e7; border-radius:999px; background:#fff; }.feature-marquee i { color:#c5c7cc; font-style:normal; } @keyframes feature-marquee { 50% { transform:translateX(-40px); } }
.feature-problem { padding-top:150px; padding-bottom:150px; }.feature-problem h2 { max-width:950px; margin:16px 0 58px; font-size:clamp(48px,5.3vw,82px); line-height:1.02; letter-spacing:-.055em; text-wrap:balance; }.problem-note { max-width:820px; display:grid; grid-template-columns:auto 1fr; gap:20px; margin-left:auto; padding:26px 30px; border:1px solid #e2e3e6; border-radius:22px; background:linear-gradient(135deg,#f7f8ff,#f5fff9); box-shadow:0 18px 46px rgba(34,38,58,.08); }.problem-note span { width:42px; height:42px; display:grid; place-items:center; border-radius:13px; background:#111; color:#fff; }.problem-note p { margin:0; color:#61656d; line-height:1.6; }
.feature-capabilities { padding-bottom:160px; }.feature-capabilities .section-heading { max-width:880px; margin-bottom:70px; }.feature-capabilities .section-heading h2 { font-size:clamp(50px,5vw,76px); line-height:1; letter-spacing:-.055em; }.feature-card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.feature-card { min-height:500px; padding:30px; overflow:hidden; border:1px solid #e0e1e4; border-radius:27px; background:#fff; }.feature-card:nth-child(2) { background:#f4f5ff; }.feature-card:nth-child(3) { background:#f5fff9; }.feature-card>span { color:#a2a5ac; font-size:11px; }.feature-card h3 { margin:28px 0 14px; font-size:28px; letter-spacing:-.035em; }.feature-card p { color:#666b73; font-size:14px; line-height:1.65; }.mini-diagram { height:235px; display:flex; align-items:end; gap:12px; margin:20px 0 0; padding:30px; border-radius:20px; background:#0c0d12; }.mini-diagram i { flex:1; border-radius:9px 9px 2px 2px; background:linear-gradient(#7c88ff,#333958); transform-origin:bottom; animation:mini-bars 3s var(--ease-spring) infinite alternate; }.mini-diagram i:nth-child(1){height:38%}.mini-diagram i:nth-child(2){height:78%;animation-delay:-1s}.mini-diagram i:nth-child(3){height:58%;animation-delay:-2s;background:linear-gradient(#41df79,#294b37)} @keyframes mini-bars { to { transform:scaleY(.72); filter:brightness(1.25); } }
.feature-workflow { background:#0b0c11; color:#fff; }.feature-workflow .section { padding-top:140px; padding-bottom:150px; }.feature-workflow h2 { max-width:780px; margin:16px 0 70px; font-size:clamp(50px,5vw,78px); line-height:1; letter-spacing:-.055em; }.workflow-line { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.workflow-line::before { content:""; position:absolute; top:39px; right:10%; left:10%; border-top:1px dashed #343744; }.workflow-card { position:relative; min-height:310px; padding:30px; border:1px solid #292c35; border-radius:24px; background:linear-gradient(145deg,#161820,#101116); }.workflow-card>span { position:relative; z-index:2; width:54px; height:54px; display:grid; place-items:center; border-radius:17px; background:linear-gradient(135deg,#6d7cff,#56c8d8); color:#0b0c11; font-weight:700; box-shadow:0 0 0 10px #0b0c11; }.workflow-card h3 { margin:55px 0 13px; font-size:25px; }.workflow-card p { color:#9fa3ae; font-size:14px; line-height:1.65; }
.evidence-section { display:grid; grid-template-columns:.78fr 1.22fr; gap:90px; align-items:center; padding-top:150px; padding-bottom:150px; }.evidence-copy h2 { margin:15px 0 28px; font-size:clamp(48px,4.6vw,72px); line-height:1; letter-spacing:-.055em; }.evidence-copy p { color:#676b73; line-height:1.65; }.citation-orbit { position:relative; min-height:520px; overflow:hidden; border-radius:30px; background:radial-gradient(circle at center,#1d233b,#0b0c11 62%); color:#fff; }.citation-orbit svg { position:absolute; inset:0; width:100%; height:100%; }.citation-orbit path { fill:none; stroke:#51597d; stroke-width:1.2; stroke-dasharray:7 9; animation:dash 18s linear infinite; }.orbit-core,.orbit-source { position:absolute; z-index:2; border:1px solid rgba(255,255,255,.12); background:#272a35; box-shadow:0 15px 34px rgba(0,0,0,.26); }.orbit-core { top:50%; left:50%; display:flex; flex-direction:column; align-items:center; gap:6px; padding:25px 34px; border-radius:20px; transform:translate(-50%,-50%); }.orbit-core i { width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#6d7cff,#39df75);color:#111;font-style:normal}.orbit-core small { color:#959aaa;font-size:10px}.orbit-source { padding:15px 18px;border-radius:14px;font-size:11px;animation:node-breathe 3.4s ease-in-out infinite}.os-1{top:70px;left:45px}.os-2{right:45px;bottom:70px;animation-delay:-1.7s}@keyframes dash{to{stroke-dashoffset:-160}}
.related-section { padding-top:70px; padding-bottom:150px; }.related-section h2 { margin:15px 0 46px; font-size:clamp(45px,4.5vw,70px); letter-spacing:-.05em; }.related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.related-grid a { min-height:210px; display:flex; flex-direction:column; padding:26px; border:1px solid #e1e2e5; border-radius:22px; background:#fff; transition:transform .4s var(--ease-out-expo),box-shadow .4s ease,background-color .3s ease; }.related-grid a:hover { transform:translateY(-8px); background:#f6f7ff; box-shadow:0 25px 55px rgba(27,31,51,.11); }.related-grid span { margin-left:auto; }.related-grid b { margin-top:auto; font-size:24px; }.related-grid small { margin-top:8px; color:#888c94; }
.not-found { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:40px; text-align:center; background:radial-gradient(circle at 50% 35%,#f1f3ff,#fff 52%); }.not-found-visual { display:flex; gap:18px; align-items:center; font-size:90px; font-weight:600; letter-spacing:-.08em; }.not-found-visual i { color:#6d7cff; font-style:normal; animation:workspace-float 4s ease-in-out infinite; }.not-found h1 { margin:12px 0; font-size:clamp(50px,7vw,92px); letter-spacing:-.06em; }.not-found p { color:#6c7078; }
@media(max-width:1000px){.feature-hero{grid-template-columns:1fr;gap:50px;padding-top:70px}.feature-visual{min-height:520px}.feature-card-grid,.workflow-line,.related-grid{grid-template-columns:1fr}.feature-card{min-height:400px}.evidence-section{grid-template-columns:1fr}.citation-orbit{min-height:470px}.workflow-line::before{display:none}}
@media(max-width:700px){.feature-hero{width:calc(100% - 32px);min-width:0;min-height:0;padding:60px 0 80px}.feature-hero>*{min-width:0;max-width:100%}.feature-hero h1{max-width:100%;font-size:50px;overflow-wrap:anywhere}.feature-hero-copy>p:not(.microcopy){max-width:100%;font-size:16px}.feature-hero .hero-actions{width:100%;}.feature-hero .button{width:100%;min-width:0;white-space:normal;text-align:center}.feature-visual{width:100%;min-width:0;min-height:440px;border-radius:23px}.visual-core{min-width:200px;padding:22px}.visual-node{padding:13px}.node-a{top:42px;left:18px}.node-b{right:18px;bottom:42px}.path-a{top:130px;left:120px}.path-b{right:105px;bottom:140px}.feature-problem{padding-top:90px;padding-bottom:100px}.feature-problem h2{font-size:48px}.problem-note{grid-template-columns:1fr}.feature-capabilities{padding-bottom:100px}.feature-capabilities .section-heading h2,.feature-workflow h2,.evidence-copy h2,.related-section h2{font-size:46px}.feature-card{min-height:390px;padding:22px}.mini-diagram{height:190px}.feature-workflow .section{padding-top:90px;padding-bottom:100px}.workflow-card{min-height:270px}.evidence-section{padding-top:95px;padding-bottom:95px;gap:50px}.citation-orbit{min-height:420px}.os-1{top:35px;left:20px}.os-2{right:20px;bottom:35px}.related-section{padding-bottom:100px}.breadcrumbs{max-width:100%;margin-bottom:25px;flex-wrap:wrap}}
.capture .feature-visual,.capture .visual-glow,.capture .visual-path i,.capture .mini-diagram i,.capture .citation-orbit path,.capture .orbit-source { animation:none !important; }

/* Vibrant v2 scale for SEO feature pages */
.feature-hero .eyebrow { padding:10px 15px;font-size:14px;background:linear-gradient(90deg,#fff,#f7f8ff); }
.breadcrumbs { font-size:15px; }
.feature-hero h1 { font-size:clamp(62px,5.5vw,90px); }
.feature-hero-copy>p:not(.microcopy) { font-size:22px; }
.feature-visual { border-color:rgba(102,119,255,.45);background:radial-gradient(circle at 52% 40%,#29336b 0,#131833 38%,#090a0e 80%);box-shadow:0 52px 110px rgba(36,43,93,.28),0 0 0 1px rgba(89,108,255,.08); }
.visual-node,.visual-core { border-color:rgba(148,158,255,.25);background:linear-gradient(145deg,rgba(48,54,88,.9),rgba(29,32,45,.84));box-shadow:0 22px 48px rgba(0,0,0,.35); }
.visual-node small,.visual-core small { font-size:12px;color:#b7bbca; }.visual-node b,.visual-core b { font-size:16px; }.visual-core b { font-size:19px; }.visual-core span { width:58px;height:58px;font-size:28px;box-shadow:0 14px 32px rgba(54,213,130,.22); }
.feature-marquee>div { font-size:15px; }.feature-marquee span { padding:11px 18px;box-shadow:0 8px 22px rgba(52,58,99,.06); }
.problem-note { background:linear-gradient(135deg,#f1f3ff,#ecfff4,#fff1fc);box-shadow:0 24px 58px rgba(66,75,139,.14); }.problem-note span { width:52px;height:52px;font-size:22px;background:linear-gradient(135deg,#111424,#4f61ff); }.problem-note p { font-size:19px; }
.feature-card { border-color:rgba(75,86,151,.16);box-shadow:0 20px 55px rgba(44,52,100,.08); }.feature-card:nth-child(2) { background:linear-gradient(145deg,#f3f4ff,#e9edff); }.feature-card:nth-child(3) { background:linear-gradient(145deg,#effff5,#e5faed); }.feature-card>span { font-size:14px; }.feature-card h3 { font-size:32px; }.feature-card p { font-size:17px; }.mini-diagram { background:radial-gradient(circle at 50% 100%,#273264,#0c0d12 65%);box-shadow:inset 0 0 0 1px rgba(117,132,255,.16); }
.workflow-card { background:linear-gradient(145deg,#1c2036,#101116);box-shadow:0 24px 58px rgba(0,0,0,.22); }.workflow-card>span { width:64px;height:64px;font-size:20px; }.workflow-card h3 { font-size:29px; }.workflow-card p { font-size:17px; }
.evidence-copy p { font-size:19px; }.orbit-core i { width:51px;height:51px;font-size:22px; }.orbit-core b { font-size:18px; }.orbit-core small { font-size:12px; }.orbit-source { padding:18px 22px;font-size:14px; }
.related-grid a { min-height:235px;background:linear-gradient(145deg,#fff,#fafaff);box-shadow:0 15px 40px rgba(42,49,90,.06); }.related-grid span { font-size:24px; }.related-grid b { font-size:29px; }.related-grid small { font-size:14px; }

@media(max-width:700px){
  .breadcrumbs { font-size:13px; }
  .feature-hero h1 { font-size:54px; }
  .feature-hero-copy>p:not(.microcopy) { font-size:18px; }
  .visual-node small,.visual-core small { font-size:10px; }.visual-node b,.visual-core b { font-size:13px; }.visual-core b { font-size:16px; }
  .feature-card h3 { font-size:28px; }.feature-card p,.workflow-card p { font-size:16px; }
}
/* User screenshot review v3: rebuilt highlighted homepage blocks */
.hero-demo-link{min-width:328px;justify-content:flex-start;gap:13px;padding:7px 13px 7px 8px;border-color:rgba(76,88,150,.2);background:linear-gradient(110deg,rgba(242,246,255,.96),rgba(239,255,249,.92),#fff);box-shadow:0 18px 44px rgba(57,73,145,.12)}
.hero-demo-link .play{flex:0 0 auto;width:43px;height:43px;border:0;background:linear-gradient(135deg,#596cff,#35cce2);color:#fff;box-shadow:0 9px 22px rgba(67,91,222,.28)}.hero-demo-link .play svg{width:22px;height:22px}.demo-label{display:grid;gap:1px;text-align:left;line-height:1.15}.demo-label b{font-size:16px}.demo-label small{color:#777d88;font-size:11px;font-weight:500}.demo-arrow{margin-left:auto;color:#5364de;font-size:19px;transition:transform .35s var(--ease-spring)}.hero-demo-link:hover .demo-arrow{transform:translateY(4px)}

.source-formats{padding:34px 32px;border:0;background:linear-gradient(115deg,#eef1ff 0%,#effff8 46%,#fff1fb 100%)}.format-shell{width:min(var(--container),100%);display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:stretch;margin:auto}.format-intro{display:flex;flex-direction:column;justify-content:center;padding:26px 30px;border:1px solid rgba(89,108,255,.13);border-radius:26px;background:rgba(255,255,255,.72);box-shadow:0 20px 50px rgba(47,57,111,.08)}.format-intro span{margin-bottom:10px;color:#5364de;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.format-intro b{font-size:23px;line-height:1.18;letter-spacing:-.035em}.source-formats .marquee-track{width:auto;animation:none}.source-formats .marquee-group{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0}.source-formats .marquee-group>span{min-width:0;padding:14px;border:1px solid rgba(75,85,138,.13);border-radius:20px;background:rgba(255,255,255,.84);box-shadow:0 12px 30px rgba(53,63,111,.07);transition:transform .35s var(--ease-out-expo),box-shadow .35s ease,border-color .35s ease}.source-formats .marquee-group>span:hover{transform:translateY(-5px);border-color:rgba(89,108,255,.32);box-shadow:0 20px 42px rgba(53,68,145,.13)}.source-formats .chip-icon{width:45px;height:45px;flex:0 0 auto;border-radius:14px}.source-formats .chip-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.source-formats .marquee-group i{min-width:0;display:grid;gap:2px;font-style:normal}.source-formats .marquee-group strong{font-size:14px}.source-formats .marquee-group small{overflow:hidden;color:#7d828c;font-size:11px;text-overflow:ellipsis;white-space:nowrap}

body[data-page="home"] .capability-grid{grid-template-rows:310px 310px 365px}body[data-page="home"] .cap-wide{min-height:365px;display:grid;grid-template-columns:.88fr 1.12fr;gap:48px;padding:38px 42px;border-color:rgba(87,105,255,.2);background:linear-gradient(120deg,#f6f7ff 0%,#effff7 46%,#fff4fc 100%);box-shadow:0 28px 72px rgba(58,68,125,.12)}.cap-wide-copy{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr;align-content:center;column-gap:13px}.cap-wide-copy .mini-icon{grid-row:1/3;align-self:start}.cap-wide-copy .mini-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cap-label{align-self:end;color:#168c47;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.cap-wide-copy h3,.cap-wide-copy p,.cap-wide-copy a{grid-column:1/3}.cap-wide-copy h3{max-width:510px;margin:19px 0 12px;font-size:34px}.cap-wide-copy p{max-width:560px;font-size:17px}.cap-wide-copy a{display:inline-flex;gap:10px;align-items:center;width:max-content;margin-top:22px;font-size:14px;font-weight:700}.document-flow-board{position:relative;display:grid;grid-template-columns:1fr 88px 1.15fr;gap:14px;align-items:center;overflow:hidden;padding:26px;border:1px solid rgba(48,57,102,.12);border-radius:27px;background:radial-gradient(circle at 50% 45%,#27336b 0,#13182d 38%,#0b0d14 80%);color:#fff;box-shadow:0 28px 62px rgba(26,31,62,.23)}.document-flow-board:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to right,transparent,#000,transparent)}.flow-source,.flow-result{position:relative;z-index:2;display:flex;flex-direction:column;gap:7px;min-height:150px;justify-content:center;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:19px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px)}.flow-source span,.flow-result span{color:#8f99c8;font-size:11px}.flow-source b,.flow-result b{font-size:17px}.flow-source small,.flow-result small{color:#aeb4c8;font-size:11px;line-height:1.4}.flow-result{background:linear-gradient(145deg,rgba(89,108,255,.2),rgba(38,232,117,.1))}.flow-result i{position:absolute;right:16px;top:16px;width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#39df75;color:#102217;font-size:13px;font-style:normal}.flow-core{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px}.flow-core svg{width:62px;height:62px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#596cff,#26e875);fill:none;stroke:#0b0d14;stroke-width:1.8;stroke-linecap:round;box-shadow:0 16px 35px rgba(61,86,225,.3);animation:flow-core-pulse 3s ease-in-out infinite}.flow-core small{font-size:11px;color:#d8dbea}.flow-line{position:absolute;z-index:1;top:50%;right:22%;left:22%;height:2px;background:linear-gradient(90deg,#596cff,#35cce2,#26e875)}.animated-line:after{content:"";position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 15px #35cce2;animation:flow-particle 2.8s ease-in-out infinite}@keyframes flow-particle{50%{left:100%}}@keyframes flow-core-pulse{50%{transform:translateY(-5px) rotate(5deg);filter:brightness(1.15)}}

.product-experience{grid-template-columns:.82fr 1.18fr;gap:72px;min-height:760px}.citation-scene{min-height:640px;padding:36px;border:1px solid rgba(104,121,255,.25);background:radial-gradient(circle at 86% 88%,#103727 0,#10151a 34%,#090a0e 72%);box-shadow:0 38px 90px rgba(24,30,55,.2)}.scene-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at 50% 50%,#000,transparent 86%)}.citation-status{position:relative;z-index:2;display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;padding:10px 13px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.055);color:#bdc3d0;font-size:11px}.citation-status i{width:8px;height:8px;border-radius:50%;background:#39df75;box-shadow:0 0 0 5px rgba(57,223,117,.11)}.citation-status b{margin-left:8px;color:#fff;font-size:11px}.citation-question{position:relative;z-index:2;max-width:430px;margin:28px 0 0 auto;padding:19px 22px;border-color:rgba(255,255,255,.15);border-radius:20px 20px 5px 20px;background:rgba(255,255,255,.085);box-shadow:0 18px 36px rgba(0,0,0,.18)}.citation-question small,.citation-question b{display:block}.citation-question small{margin-bottom:7px;color:#8e95a7;font-size:10px}.citation-question b{font-size:15px;line-height:1.45}.citation-answer{position:relative;z-index:2;width:86%;margin-top:32px;padding:22px;border:1px solid rgba(92,211,226,.15);border-radius:22px;background:linear-gradient(145deg,rgba(89,108,255,.12),rgba(53,204,226,.05));font-size:16px;box-shadow:0 18px 44px rgba(0,0,0,.16)}.citation-answer .spark{width:42px;height:42px;display:grid;flex:0 0 auto;place-items:center;border-radius:14px;background:linear-gradient(135deg,#596cff,#35cce2);color:#fff}.citation-answer .spark svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.citation-answer p small{display:block;margin-bottom:8px;color:#87ddec;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.citation-rail{position:absolute;z-index:2;right:118px;top:338px;bottom:176px;width:1px;background:linear-gradient(#596cff,#39df75)}.citation-rail span{position:absolute;top:0;left:-4px;width:9px;height:9px;border-radius:50%;background:#596cff;box-shadow:0 0 16px #596cff}.citation-rail i{position:absolute;bottom:-14px;left:-14px;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#26306d;color:#dce0ff;font-size:11px;font-style:normal}.source-preview{right:40px;bottom:34px;width:430px;padding:25px 26px;border-color:rgba(255,255,255,.18);background:rgba(34,37,43,.9);box-shadow:0 22px 55px rgba(0,0,0,.3)}.source-preview p{position:relative;z-index:2;font-size:14px}.source-preview a{position:relative;z-index:2;display:inline-flex;gap:8px;margin-top:19px;color:#aeb7ff;font-size:11px;font-weight:700}.source-highlight{right:20px;bottom:65px;left:20px;height:42px;background:linear-gradient(90deg,rgba(241,238,67,.18),rgba(38,232,117,.09))}

.summary-section{min-height:760px}.summary-visual{min-height:610px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(79,89,142,.14);border-radius:34px;background:radial-gradient(circle at 18% 18%,rgba(53,204,226,.28),transparent 34%),radial-gradient(circle at 84% 78%,rgba(245,139,232,.24),transparent 34%),linear-gradient(145deg,#f6f7ff,#f4fff9);box-shadow:0 30px 75px rgba(50,59,106,.12)}.summary-ambient{position:absolute;border-radius:50%;filter:blur(55px);opacity:.5}.summary-ambient.one{top:-80px;left:-70px;width:240px;height:240px;background:#8ca0ff}.summary-ambient.two{right:-70px;bottom:-80px;width:250px;height:250px;background:#f58be8}.summary-sources{position:absolute;z-index:4;top:26px;left:26px;display:flex;gap:8px}.summary-sources span{padding:8px 11px;border:1px solid rgba(69,78,128,.12);border-radius:999px;background:rgba(255,255,255,.78);color:#6d7280;font-size:9px;box-shadow:0 8px 18px rgba(49,56,97,.06)}.summary-paper{border-color:rgba(68,77,126,.14);box-shadow:0 30px 70px rgba(47,53,91,.15)}.paper-back{top:92px;right:6%;width:72%;height:430px;display:flex;align-items:flex-end;padding:32px;transform:rotate(5deg);background:linear-gradient(145deg,#dae1ff,#ffe5fa);color:#636a7a;font-size:13px;line-height:1.45}.paper-main{top:76px;right:14%;width:72%;min-height:470px;padding:30px;transform:rotate(-1.5deg)}.depth-control{top:22px;right:22px;bottom:auto;left:auto;width:180px;background:rgba(255,255,255,.86)}

.pdf-section{background:linear-gradient(180deg,#f5f7ff,#f4fff9)}.transform-stage{min-height:610px;gap:130px;padding:88px 60px 46px;border-color:rgba(80,91,150,.16);background:radial-gradient(circle at 20% 35%,rgba(53,204,226,.18),transparent 28%),radial-gradient(circle at 80% 65%,rgba(245,139,232,.15),transparent 30%),#fff;box-shadow:0 30px 80px rgba(54,62,111,.11)}.transform-statusbar{position:absolute;top:22px;left:50%;z-index:6;width:min(700px,calc(100% - 60px));display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;border:1px solid rgba(72,82,135,.12);border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 12px 30px rgba(54,62,105,.07);transform:translateX(-50%);backdrop-filter:blur(14px)}.transform-statusbar span{display:flex;align-items:center;gap:9px;padding:8px 12px;color:#6d7280;font-size:11px}.transform-statusbar i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#eef0ff;color:#5364de;font-size:10px;font-style:normal}.transform-statusbar span:last-child i{background:#e7faed;color:#168c47}.transform-file{width:320px;min-height:395px;border-color:rgba(73,82,132,.16);box-shadow:0 28px 70px rgba(41,47,85,.16)}.input-file{transform:rotate(-2deg);background:linear-gradient(145deg,#fff,#f5fdff)}.output-file{transform:rotate(2deg);background:linear-gradient(145deg,#fff,#f7f5ff)}.transform-file h3{font-size:25px}.transform-file>p{font-size:13px}.doc-outline span{font-size:13px}.process-orb{width:98px;height:98px;left:81px;background:radial-gradient(circle at 35% 30%,#3b437c,#0e1018 60%);font-size:25px;box-shadow:0 24px 56px rgba(41,55,140,.3)}.process-orb small{top:61px;font-size:11px}.transform-note{right:12%;bottom:30px;width:270px;padding:20px;background:rgba(255,255,255,.94)}.transform-note b{font-size:15px}.transform-note small,.transform-note span{font-size:11px}

body[data-page="home"] .workflow-section{padding-top:118px;padding-bottom:128px;background:linear-gradient(180deg,#f5f7fb,#eef2ff)}body[data-page="home"] .workflow-section .section-heading{margin-bottom:60px}body[data-page="home"] .workflow-line{position:relative;display:grid;grid-template-columns:1fr 72px 1fr 72px 1fr;gap:0;align-items:stretch}body[data-page="home"] .workflow-line:before{display:none}body[data-page="home"] .workflow-line article{position:relative;min-width:0;min-height:430px;display:flex;flex-direction:column;align-items:flex-start;padding:30px;border:1px solid rgba(75,86,145,.15);border-radius:29px;background:rgba(255,255,255,.84);box-shadow:0 24px 60px rgba(52,61,111,.1);text-align:left;overflow:hidden}body[data-page="home"] .workflow-line article:after{content:"";position:absolute;right:-60px;bottom:-80px;width:210px;height:210px;border-radius:50%;filter:blur(55px);opacity:.28}body[data-page="home"] .workflow-line article:nth-of-type(1):after{background:#7f8eff}body[data-page="home"] .workflow-line article:nth-of-type(2):after{background:#49e589}body[data-page="home"] .workflow-line article:nth-of-type(3):after{background:#f58be8}body[data-page="home"] .step-number{position:absolute;top:24px;right:24px;width:auto;height:auto;margin:0;border:0;background:none;color:#8c91a0;font-size:12px;font-weight:700}body[data-page="home"] .step-icon{width:116px;height:116px;margin:12px 0 34px;border-radius:32px}body[data-page="home"] .step-icon svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}body[data-page="home"] .step-label{color:#6d72c9;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}body[data-page="home"] .workflow-line h3{position:relative;z-index:2;margin:13px 0 12px;font-size:28px}body[data-page="home"] .workflow-line p{position:relative;z-index:2;max-width:310px;margin:0;font-size:16px}body[data-page="home"] .step-connector{align-self:center;padding:0}body[data-page="home"] .step-connector i{width:9px;height:9px;background:#a8afcf}

#site-footer{padding-top:34px;background:linear-gradient(180deg,#fafbff,#f5fff9)}.footer-top{grid-template-columns:1fr 1fr auto;align-items:center;padding:34px 38px;border:1px solid rgba(81,92,151,.14);border-radius:28px;background:rgba(255,255,255,.8);box-shadow:0 24px 64px rgba(52,61,108,.1)}.footer-promise span{display:block;margin-bottom:8px;color:#5364de;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.footer-promise p{margin:0;color:#3f444d;font-size:21px;line-height:1.35}.footer-login{display:grid;justify-items:end}.footer-login .button{min-width:235px;gap:13px}.footer-login .cta-arrow{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transform:none;transition:transform .32s var(--ease-spring)}.footer-login .button:hover .cta-arrow{transform:translate(2px,-2px)}.footer-links{margin-top:42px}

@media(max-width:1000px){.format-shell{grid-template-columns:1fr}.source-formats .marquee-group{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page="home"] .cap-wide{grid-template-columns:1fr;min-height:650px}.document-flow-board{min-height:270px}.product-experience{grid-template-columns:1fr;gap:50px;min-height:0}.citation-scene{min-height:620px}.summary-section{min-height:0}.summary-visual{min-height:620px}body[data-page="home"] .workflow-line{grid-template-columns:1fr;gap:18px}body[data-page="home"] .step-connector{display:none}body[data-page="home"] .workflow-line article{min-height:350px}.footer-top{grid-template-columns:1fr 1fr}.footer-login{grid-column:1/3;justify-items:stretch}.footer-login small{text-align:left}}
@media(max-width:700px){.hero-demo-link{min-width:0}.demo-label b{font-size:15px}.demo-label small{font-size:10px}.source-formats{padding:20px 16px}.format-intro{padding:22px}.source-formats .marquee-group{grid-template-columns:1fr}.source-formats .marquee-group>span{padding:13px}body[data-page="home"] .capability-grid{grid-template-rows:auto}body[data-page="home"] .cap-wide{min-height:680px;padding:25px 22px;gap:28px}.cap-wide-copy h3{font-size:30px}.document-flow-board{min-height:330px;grid-template-columns:1fr;grid-template-rows:1fr 70px 1fr;padding:20px}.flow-core svg{width:54px;height:54px}.flow-line{top:22%;right:50%;bottom:22%;left:auto;width:2px;height:auto}.animated-line:after{top:0;left:-4px;animation:flow-particle-y 2.8s ease-in-out infinite}@keyframes flow-particle-y{50%{top:100%}}.product-experience{min-height:0}.citation-scene{min-height:690px;padding:22px}.citation-status{width:100%;justify-content:flex-start}.citation-status b{margin-left:auto}.citation-question{margin-top:22px}.citation-answer{width:100%;padding:17px;font-size:14px}.citation-rail{right:54px;top:397px;bottom:197px}.source-preview{right:20px;bottom:20px;left:20px;width:auto;padding:20px}.summary-visual{min-height:650px;border-radius:25px}.summary-sources{right:15px;left:15px;flex-wrap:wrap}.paper-back{top:115px;right:8%;width:78%;height:450px}.paper-main{top:96px;right:10%;width:82%;padding:22px}.paper-main h3{font-size:24px}.depth-control{top:auto;right:14px;bottom:14px;width:165px}.transform-stage{min-height:1030px;gap:70px;padding:120px 20px 58px}.transform-statusbar{top:18px;width:calc(100% - 28px);grid-template-columns:1fr}.transform-statusbar span{padding:4px 8px}.transform-path{transform:translate(-50%,-50%) rotate(90deg)}.transform-file{width:min(300px,100%)}.transform-note{right:14px;bottom:16px;width:245px}body[data-page="home"] .workflow-line article{min-height:365px;padding:25px}body[data-page="home"] .step-icon{width:100px;height:100px}body[data-page="home"] .workflow-line h3{font-size:26px}.footer-top{grid-template-columns:1fr;padding:25px}.footer-login{grid-column:auto;justify-items:stretch}.footer-login .button{min-width:0;width:100%}.footer-links{margin-top:34px}}

.capture .flow-core svg,.capture .animated-line:after{animation:none!important}
.capture .skip-link{display:none!important}

/* Feature FAQ v4: unified card accordion */
body[data-page="feature"] .faq-section{grid-template-columns:.72fr 1.28fr;gap:76px;padding-top:135px;padding-bottom:140px}
body[data-page="feature"] .faq-heading{top:118px;padding:28px;border:1px solid rgba(83,96,160,.12);border-radius:28px;background:linear-gradient(145deg,#f7f8ff,#f1fff7);box-shadow:0 22px 58px rgba(54,63,112,.08)}
body[data-page="feature"] .faq-heading .kicker{margin-bottom:14px;color:#5364de}
body[data-page="feature"] .faq-heading h2{font-size:clamp(46px,4vw,62px)}
body[data-page="feature"] .faq-heading p{max-width:390px;font-size:17px}
body[data-page="feature"] .faq-list{display:grid;gap:12px;border:0;counter-reset:faq-card}
body[data-page="feature"] .faq-list details{position:relative;overflow:hidden;border:1px solid rgba(76,87,145,.14);border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 10px 30px rgba(52,60,103,.045);transition:background .4s ease,border-color .35s ease,box-shadow .4s ease,transform .35s var(--ease-out-expo)}
body[data-page="feature"] .faq-list details:hover{transform:translateY(-2px);border-color:rgba(89,108,255,.26);background:#fff;box-shadow:0 18px 42px rgba(53,64,125,.09)}
body[data-page="feature"] .faq-list details[open]{border-color:rgba(89,108,255,.26);background:linear-gradient(125deg,#f5f7ff 0%,#f5fffa 55%,#fff7fd 100%);box-shadow:0 24px 58px rgba(62,73,142,.12)}
body[data-page="feature"] .faq-list summary{min-width:0;min-height:82px;padding:18px 20px 18px 22px;gap:20px;font-size:18px;font-weight:650;line-height:1.35}
body[data-page="feature"] .faq-list summary:after{display:none}
body[data-page="feature"] .faq-question{min-width:0;display:grid;flex:1 1 auto;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:13px;overflow-wrap:anywhere}
body[data-page="feature"] .faq-list summary .faq-question{width:auto;height:auto;place-items:initial;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;transform:none!important}
body[data-page="feature"] .faq-list details[open] summary .faq-question{border:0;background:transparent;color:#222936;transform:none!important}
body[data-page="feature"] .faq-question>b{min-width:0;font:inherit;overflow-wrap:anywhere}
body[data-page="feature"] .faq-question i{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f0f2ff;color:#6674dc;font-size:10px;font-style:normal;font-weight:750;letter-spacing:.04em;transition:background .35s ease,color .35s ease,transform .45s var(--ease-spring)}
body[data-page="feature"] details[open] .faq-question i{background:linear-gradient(135deg,#596cff,#35cce2);color:#fff;transform:rotate(-6deg) scale(1.04)}
body[data-page="feature"] .faq-toggle{width:44px;height:44px;display:grid;flex:0 0 auto;place-items:center;border:1px solid rgba(85,96,155,.14);border-radius:14px;background:#f5f6fb;color:#4f596a;box-shadow:none;transition:transform .5s var(--ease-spring),background .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}
body[data-page="feature"] .faq-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
body[data-page="feature"] details[open] .faq-toggle{border-color:transparent;background:linear-gradient(135deg,#596cff,#35cce2);color:#fff;box-shadow:0 12px 26px rgba(69,91,222,.26);transform:rotate(45deg)}
body[data-page="feature"] .faq-answer{position:relative;margin:0 20px 20px 69px;border-top:1px solid rgba(91,104,165,.12)}
body[data-page="feature"] .faq-list details p{max-width:none;margin:0;padding:19px 22px 3px 20px;border-left:3px solid #58cfbc;color:#555d69;font-size:16px;line-height:1.7}
body[data-page="feature"] .faq-answer:before{content:"Ответ";position:absolute;top:16px;right:8px;color:#579887;font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:1000px){body[data-page="feature"] .faq-section{grid-template-columns:1fr;gap:28px}body[data-page="feature"] .faq-heading{position:static}body[data-page="feature"] .faq-heading p{max-width:620px}}
@media(max-width:700px){body[data-page="feature"] .faq-section{padding-top:90px;padding-bottom:100px}body[data-page="feature"] .faq-heading{padding:22px;border-radius:23px}body[data-page="feature"] .faq-heading h2{font-size:42px}body[data-page="feature"] .faq-list summary{min-height:76px;padding:15px;gap:10px;font-size:16px}body[data-page="feature"] .faq-question{grid-template-columns:30px minmax(0,1fr);gap:10px}body[data-page="feature"] .faq-question i{width:30px;height:30px;border-radius:10px}body[data-page="feature"] .faq-toggle{width:38px;height:38px;border-radius:12px}body[data-page="feature"] .faq-answer{margin:0 15px 16px 55px}body[data-page="feature"] .faq-list details p{padding:17px 6px 2px 15px;font-size:15px}body[data-page="feature"] .faq-answer:before{display:none}}

/* Final conversion block v5: crisp SVGs, vivid cards and layered motion */
.product-cta .cta-arrow{width:21px;height:21px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transform:none;transition:transform .34s var(--ease-spring)}
.product-cta:hover .cta-arrow{transform:translate(2px,-2px)}
.final-cta{isolation:isolate;min-height:660px;border:1px solid rgba(121,138,255,.2);background:radial-gradient(circle at 12% 4%,rgba(89,108,255,.22),transparent 34%),radial-gradient(circle at 88% 95%,rgba(38,232,117,.17),transparent 35%),linear-gradient(145deg,#0b0d17 0%,#090b10 48%,#07130f 100%);box-shadow:0 38px 100px rgba(20,25,47,.21),inset 0 1px rgba(255,255,255,.08)}
.final-cta:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,#000 0,rgba(0,0,0,.55) 44%,transparent 82%)}
.final-cta .final-glow{width:500px;height:500px;filter:blur(115px);opacity:.28;animation:final-glow-breathe 7s ease-in-out infinite alternate}
.final-cta .fg-one{top:-330px;left:-70px;background:#6575ff}
.final-cta .fg-two{right:-120px;bottom:-330px;background:#2ced81;animation-delay:-3.2s}
.final-copy{z-index:6;max-width:760px;padding:40px 25px}
.final-mark{width:66px;height:66px;margin-bottom:16px;border:1px solid rgba(255,255,255,.22);border-radius:21px;background:linear-gradient(135deg,#7180ff 0%,#48d5d0 52%,#2de782 100%);color:#08120f;box-shadow:0 18px 44px rgba(64,113,255,.28),inset 0 1px rgba(255,255,255,.5);animation:final-mark-float 4.8s ease-in-out infinite}
.final-mark svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.final-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:19px;color:#93a1ff;font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.final-kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:#39df75;box-shadow:0 0 0 5px rgba(57,223,117,.1),0 0 17px rgba(57,223,117,.85);animation:final-status-pulse 2.2s ease-in-out infinite}
.final-copy h2{font-size:clamp(50px,4.6vw,68px);font-weight:560;line-height:1.03;letter-spacing:-.058em;text-wrap:balance}
.final-copy p{max-width:650px;margin:24px auto 34px;color:rgba(235,239,248,.7);font-size:18px;line-height:1.65;text-wrap:balance}
.final-copy .button{min-width:270px;min-height:61px;gap:13px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(105deg,#303a88 0%,#5267f5 58%,#6473ff 100%);color:#fff;font-size:16px;box-shadow:0 18px 42px rgba(65,84,226,.34),inset 0 1px rgba(255,255,255,.22)}
.final-copy .button:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}
.final-copy .button:hover{box-shadow:0 24px 56px rgba(73,94,247,.46),inset 0 1px rgba(255,255,255,.3);filter:brightness(1.08)}
body[data-page="home"] .final-cta{min-height:700px}
body[data-page="home"] .floating-output{z-index:5;min-width:220px;grid-template-columns:56px 1fr;gap:5px 13px;padding:15px 17px;border:1px solid rgba(255,255,255,.17);border-radius:19px;background:linear-gradient(125deg,rgba(38,42,60,.88),rgba(18,22,30,.76));box-shadow:0 20px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(18px);will-change:transform;transition:border-color .35s ease,box-shadow .35s ease,filter .35s ease}
body[data-page="home"] .floating-output:hover{border-color:rgba(121,139,255,.42);box-shadow:0 28px 62px rgba(0,0,0,.37),0 0 34px rgba(89,108,255,.13);filter:brightness(1.1)}
body[data-page="home"] .floating-output .output-icon{grid-row:1/3;width:56px;height:56px;border:1px solid rgba(255,255,255,.11);border-radius:16px}
body[data-page="home"] .floating-output .output-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px currentColor)}
body[data-page="home"] .output-icon.pink{color:#ff91eb;background:linear-gradient(145deg,rgba(245,139,232,.25),rgba(245,139,232,.09))}
body[data-page="home"] .output-icon.yellow{color:#ebf34f;background:linear-gradient(145deg,rgba(233,239,88,.24),rgba(233,239,88,.08))}
body[data-page="home"] .output-icon.green{color:#39ed82;background:linear-gradient(145deg,rgba(57,223,117,.25),rgba(57,223,117,.08))}
body[data-page="home"] .output-icon.blue{color:#99a6ff;background:linear-gradient(145deg,rgba(109,124,255,.28),rgba(109,124,255,.09))}
body[data-page="home"] .floating-output b{align-self:end;color:#fff;font-size:14px;font-weight:690;letter-spacing:-.015em}
body[data-page="home"] .floating-output small{display:flex;align-items:center;gap:6px;align-self:start;color:rgba(224,229,240,.65);font-size:10px;font-weight:550;white-space:nowrap}
body[data-page="home"] .floating-output small i{width:5px;height:5px;border-radius:50%;background:#39df75;box-shadow:0 0 9px rgba(57,223,117,.9)}
body[data-page="home"] .out-1{top:60px;left:58px;animation:output-orbit-one 6.4s ease-in-out infinite}
body[data-page="home"] .out-2{top:86px;right:50px;animation:output-orbit-two 7.1s ease-in-out -1.8s infinite}
body[data-page="home"] .out-3{bottom:66px;left:84px;animation:output-orbit-three 6.8s ease-in-out -3.1s infinite}
body[data-page="home"] .out-4{right:74px;bottom:82px;animation:output-orbit-four 7.4s ease-in-out -4.4s infinite}
@keyframes output-orbit-one{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(7px,-12px,0) rotate(-.7deg)}}
@keyframes output-orbit-two{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-8px,-10px,0) rotate(.8deg)}}
@keyframes output-orbit-three{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(8px,-11px,0) rotate(.65deg)}}
@keyframes output-orbit-four{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-7px,-13px,0) rotate(-.65deg)}}
@keyframes final-glow-breathe{to{opacity:.42;transform:scale(1.16) translate3d(18px,-12px,0)}}
@keyframes final-mark-float{50%{transform:translateY(-7px) rotate(3deg);filter:brightness(1.1)}}
@keyframes final-status-pulse{50%{transform:scale(.72);opacity:.58}}
@media(max-width:1000px){body[data-page="home"] .final-cta{min-height:760px}body[data-page="home"] .floating-output{min-width:195px;padding:13px}body[data-page="home"] .floating-output .output-icon{width:50px;height:50px}body[data-page="home"] .out-1{top:35px;left:24px}body[data-page="home"] .out-2{top:48px;right:24px}body[data-page="home"] .out-3{bottom:38px;left:24px}body[data-page="home"] .out-4{right:24px;bottom:48px}.final-copy{max-width:660px}.final-copy p{max-width:560px}}
@media(max-width:700px){.final-cta{border-radius:28px}.final-copy{padding:38px 20px}.final-mark{width:58px;height:58px;border-radius:19px}.final-mark svg{width:30px;height:30px}.final-kicker{margin-bottom:15px;font-size:9px}.final-copy h2{font-size:43px}.final-copy p{margin:20px auto 27px;font-size:16px}.final-copy .button{width:min(100%,290px);min-width:0}body[data-page="home"] .final-cta{min-height:900px}body[data-page="home"] .floating-output{min-width:0;width:min(210px,calc(100% - 28px));grid-template-columns:43px minmax(0,1fr);gap:3px 9px;padding:10px;border-radius:15px}body[data-page="home"] .floating-output .output-icon{width:43px;height:43px;border-radius:13px}body[data-page="home"] .floating-output .output-icon svg{width:23px;height:23px}body[data-page="home"] .floating-output b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}body[data-page="home"] .floating-output small{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}body[data-page="home"] .out-1{top:24px;left:14px}body[data-page="home"] .out-2{top:105px;right:14px}body[data-page="home"] .out-3{bottom:105px;left:14px}body[data-page="home"] .out-4{right:14px;bottom:24px}}
@media(prefers-reduced-motion:reduce){.final-mark,.final-glow,body[data-page="home"] .floating-output,.final-kicker:before{animation:none!important}}
.capture .final-mark,.capture .final-glow,.capture .floating-output,.capture .final-kicker:before{animation:none!important}.capture .floating-output{transform:none!important}

/* Official NotebookLM wordmark proportions v6 */
.site-header .brand,.footer-brand{gap:11px;color:#17181c;font-family:Arial,"Helvetica Neue",sans-serif;font-weight:700;letter-spacing:-1.25px}
.site-header .brand{font-size:28px}
.footer-brand{font-size:27px}
.site-header .brand-logo,.footer-brand .brand-logo{width:40px;height:30px;flex:0 0 auto;filter:none}
@media(max-width:700px){.site-header .brand{gap:9px;font-size:22px;letter-spacing:-.9px}.site-header .brand-logo{width:35px;height:27px}.footer-brand{font-size:24px}.footer-brand .brand-logo{width:37px;height:28px}}

/* Summary studio v8: sources -> structured result */
body[data-page="home"] .summary-section{grid-template-columns:1.12fr .88fr;gap:72px;align-items:center;min-height:0;padding-top:110px;padding-bottom:115px}
body[data-page="home"] .summary-studio{position:relative;isolation:isolate;min-height:690px;display:block;overflow:hidden;border:1px solid rgba(105,121,224,.2);border-radius:36px;background:radial-gradient(circle at 8% 8%,rgba(117,130,255,.34),transparent 35%),radial-gradient(circle at 94% 92%,rgba(59,217,120,.26),transparent 36%),linear-gradient(145deg,#101529 0%,#0b101a 48%,#07150f 100%);box-shadow:0 34px 90px rgba(37,46,94,.2)}
body[data-page="home"] .summary-studio:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at center,#000,transparent 86%)}
body[data-page="home"] .summary-studio:after{content:"";position:absolute;z-index:7;top:0;bottom:0;width:150px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.075),transparent);transform:skewX(-18deg);animation:summary-sheen 7s ease-in-out infinite}
body[data-page="home"] .summary-studio .summary-ambient{filter:blur(80px);opacity:.34;animation:summary-ambient-drift 7s ease-in-out infinite alternate}
body[data-page="home"] .summary-studio .summary-ambient.one{top:-100px;left:-80px;width:320px;height:320px;background:#7582ff}
body[data-page="home"] .summary-studio .summary-ambient.two{right:-100px;bottom:-110px;width:330px;height:330px;background:#3bd978;animation-delay:-3s}
.summary-studio-top{position:absolute;z-index:4;top:24px;right:26px;left:26px;display:flex;justify-content:space-between;align-items:center;padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.09);color:rgba(225,231,244,.72);font-size:10px;font-weight:650;letter-spacing:.025em}
.summary-studio-top span{display:flex;align-items:center;gap:9px}.summary-studio-top span i{width:8px;height:8px;border-radius:50%;background:#3be27e;box-shadow:0 0 0 5px rgba(59,226,126,.11),0 0 18px rgba(59,226,126,.65);animation:summary-status 2.1s ease-in-out infinite}.summary-studio-top small{color:#8e98b0;font-size:9px}
.summary-source-list{position:absolute;z-index:5;top:104px;left:24px;width:202px;display:grid;gap:13px}
.summary-source-card{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 20px;gap:11px;align-items:center;min-height:78px;padding:11px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(130deg,rgba(36,43,67,.9),rgba(18,24,35,.78));box-shadow:0 18px 38px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.06);color:#fff;opacity:0;translate:-24px 0;transition:translate .7s var(--ease-out-expo),opacity .55s ease,border-color .3s ease,box-shadow .35s ease;backdrop-filter:blur(14px)}
.summary-studio.is-inview .summary-source-card{opacity:1;translate:0 0}.summary-studio.is-inview .summary-source-card:nth-child(2){transition-delay:.12s}.summary-studio.is-inview .summary-source-card:nth-child(3){transition-delay:.24s}
.summary-source-card:hover{border-color:rgba(117,130,255,.43);box-shadow:0 24px 50px rgba(0,0,0,.3),0 0 30px rgba(117,130,255,.11)}
.summary-file{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:14px}.summary-file svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;animation:summary-icon-bob 4s ease-in-out infinite}.summary-file.pdf{color:#ff7d8b;background:rgba(255,92,112,.14)}.summary-file.doc{color:#8794ff;background:rgba(117,130,255,.16)}.summary-file.web{color:#58dce4;background:rgba(79,203,213,.14)}
.summary-source-card p{min-width:0;margin:0}.summary-source-card b,.summary-source-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-source-card b{font-size:11px}.summary-source-card small{margin-top:5px;color:#8993aa;font-size:8px}.source-ready{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:rgba(59,217,120,.14);color:#46e98a;font-size:9px;font-style:normal}
.summary-connector{position:absolute;z-index:2;top:64px;left:0;width:100%;height:520px;overflow:visible;pointer-events:none}.summary-connector path{fill:none;stroke:url(#summaryLine);stroke-width:1.7;stroke-linecap:round;stroke-dasharray:7 10;opacity:.72;animation:summary-line-flow 1.9s linear infinite}.summary-connector circle{fill:#fff;stroke:#4fcbd5;stroke-width:6;filter:drop-shadow(0 0 8px #4fcbd5);animation:summary-core-pulse 2.2s ease-in-out infinite}
.summary-result-card{--summary-progress:84%;position:absolute;z-index:5;top:96px;right:24px;width:395px;min-height:510px;padding:22px;border:1px solid rgba(96,110,180,.15);border-radius:26px;background:linear-gradient(155deg,rgba(255,255,255,.99),rgba(247,250,255,.97));box-shadow:0 30px 70px rgba(0,0,0,.32),inset 0 1px #fff;color:#13151c;opacity:0;translate:28px 0;transition:translate .8s var(--ease-out-expo) .18s,opacity .6s ease .18s,border-color .35s ease,box-shadow .35s ease,filter .24s ease;backdrop-filter:blur(18px)}
.summary-studio.is-inview .summary-result-card{opacity:1;translate:0 0}.summary-result-card:hover{border-color:rgba(117,130,255,.3);box-shadow:0 38px 85px rgba(0,0,0,.38),0 0 40px rgba(117,130,255,.12)}.summary-result-card.is-switching{opacity:.68!important;filter:blur(3px);translate:5px 0!important}
.summary-result-card header{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding-bottom:17px;border-bottom:1px solid #e7e9f0}.result-spark{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#7582ff,#4fcbd5,#3bd978);color:#09120f;box-shadow:0 12px 26px rgba(75,124,217,.23)}.result-spark svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:summary-spark-spin 8s linear infinite}.summary-result-card header div{min-width:0}.summary-result-card header small,.summary-result-card header b{display:block}.summary-result-card header small{margin-bottom:5px;color:#777f8e;font-size:8px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.summary-result-card header b{overflow:hidden;font-size:17px;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.result-ready{padding:7px 9px;border-radius:999px;background:#e7faed;color:#168c47;font-size:8px;font-weight:750;text-transform:uppercase}
.summary-progress{padding:17px 0 13px}.summary-progress div{display:flex;justify-content:space-between;color:#727988;font-size:9px}.summary-progress div b{color:#5364de;font-size:10px}.summary-progress>i{height:6px;display:block;overflow:hidden;margin-top:9px;border-radius:999px;background:#e8eaf2}.summary-progress>i span{width:var(--summary-progress);height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#7582ff,#4fcbd5,#3bd978);transform:scaleX(0);transform-origin:left;transition:width .6s var(--ease-out-expo);box-shadow:0 0 12px rgba(79,203,213,.5)}.summary-studio.is-inview .summary-progress>i span{animation:summary-progress-in 1.25s var(--ease-out-expo) .55s forwards}
.summary-result-points{display:grid}.summary-result-points>div{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 23px;gap:11px;align-items:start;padding:14px 0;border-top:1px solid #eceef3;opacity:0;translate:0 12px;transition:opacity .5s ease,translate .6s var(--ease-out-expo)}.summary-studio.is-inview .summary-result-points>div{opacity:1;translate:0 0}.summary-studio.is-inview .summary-result-points>div:nth-child(1){transition-delay:.55s}.summary-studio.is-inview .summary-result-points>div:nth-child(2){transition-delay:.68s}.summary-studio.is-inview .summary-result-points>div:nth-child(3){transition-delay:.81s}.summary-result-points em{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:#f0f2ff;color:#5968d4;font-size:9px;font-style:normal;font-weight:750}.summary-result-points p{margin:0}.summary-result-points b,.summary-result-points span{display:block}.summary-result-points b{font-size:11px}.summary-result-points p span{margin-top:5px;color:#6d7380;font-size:9px;line-height:1.45}.summary-result-points mark{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#202b61;color:#dce1ff;font-size:8px}
.summary-result-card footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #e8eaf0;color:#737a88;font-size:8px}.summary-result-card footer>span{display:flex;align-items:center;gap:7px}.summary-result-card footer>span i{width:6px;height:6px;border-radius:50%;background:#3bd978;box-shadow:0 0 9px rgba(59,217,120,.8)}.summary-result-card footer button{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #dde0e8;border-radius:10px;background:#fff;color:#424956;font:inherit;font-weight:700}.summary-result-card footer button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.summary-gain{position:absolute;z-index:6;bottom:24px;left:24px;width:250px;display:grid;grid-template-columns:46px 1fr;gap:11px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(18,25,36,.82);color:#fff;box-shadow:0 20px 45px rgba(0,0,0,.25);opacity:0;translate:0 20px;transition:opacity .6s ease .8s,translate .7s var(--ease-out-expo) .8s;backdrop-filter:blur(16px)}.summary-studio.is-inview .summary-gain{opacity:1;translate:0 0}.gain-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,rgba(59,217,120,.23),rgba(79,203,213,.13));color:#49e98a}.gain-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.summary-gain p{margin:0}.summary-gain small,.summary-gain b{display:block}.summary-gain small{color:#8792a8;font-size:8px}.summary-gain b{margin-top:4px;font-size:16px}.gain-bars{grid-column:1/3;display:flex;align-items:end;gap:5px;height:21px}.gain-bars i{flex:1;height:30%;border-radius:4px 4px 2px 2px;background:linear-gradient(#4fcbd5,#3bd978);transform:scaleY(.1);transform-origin:bottom}.summary-studio.is-inview .gain-bars i{animation:summary-bar-in .7s var(--ease-spring) forwards}.summary-studio.is-inview .gain-bars i:nth-child(2){height:55%;animation-delay:.15s}.summary-studio.is-inview .gain-bars i:nth-child(3){height:72%;animation-delay:.25s}.summary-studio.is-inview .gain-bars i:nth-child(4){height:100%;animation-delay:.35s}
body[data-page="home"] .summary-copy{max-width:none}.summary-copy .kicker{color:#5968d4}.summary-copy h2{max-width:520px;font-size:clamp(52px,4.6vw,68px);line-height:1.03;text-wrap:balance}.summary-copy>p{max-width:520px;color:#636a76;font-size:18px;line-height:1.7}.summary-tabs{display:flex;gap:9px;margin:28px 0 24px;padding:6px;border:1px solid rgba(79,91,153,.12);border-radius:17px;background:#f4f5fb;width:max-content;max-width:100%}.summary-tabs button{min-height:39px;padding:0 15px;border:0;border-radius:12px;background:transparent;color:#707887;font-size:11px;font-weight:650;transition:color .3s ease,background .3s ease,box-shadow .3s ease,transform .3s var(--ease-spring)}.summary-tabs button:hover{color:#2f3745;transform:translateY(-2px)}.summary-tabs button.active{background:#fff;color:#28326f;box-shadow:0 8px 20px rgba(57,65,112,.11)}
.summary-benefits{display:grid;gap:10px}.summary-benefit{display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:center;padding:13px;border:1px solid rgba(77,88,145,.13);border-radius:18px;background:rgba(255,255,255,.85);box-shadow:0 12px 30px rgba(52,61,105,.055);opacity:0;translate:22px 0;transition:translate .65s var(--ease-out-expo),opacity .5s ease,border-color .3s ease,box-shadow .35s ease}.summary-copy.visible .summary-benefit{opacity:1;translate:0 0}.summary-copy.visible .summary-benefit:nth-child(2){transition-delay:.12s}.summary-copy.visible .summary-benefit:nth-child(3){transition-delay:.24s}.summary-benefit:hover{border-color:rgba(89,108,255,.3);box-shadow:0 18px 42px rgba(58,70,139,.1)}.summary-benefit>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#eef0ff,#eafff1);color:#5968d4}.summary-benefit:nth-child(2)>span{background:linear-gradient(145deg,#effcff,#eef0ff);color:#258b9a}.summary-benefit:nth-child(3)>span{background:linear-gradient(145deg,#fff0fb,#f1efff);color:#b451a7}.summary-benefit svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.summary-benefit b,.summary-benefit small{display:block}.summary-benefit b{font-size:14px}.summary-benefit small{margin-top:5px;color:#7a808c;font-size:11px;line-height:1.4}
.summary-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.summary-proof span{padding:12px 9px;border-radius:14px;background:#f7f8fb;text-align:center}.summary-proof b,.summary-proof small{display:block}.summary-proof b{color:#1d2340;font-size:16px}.summary-proof small{margin-top:3px;color:#878d98;font-size:8px}.summary-cta{gap:12px;margin-top:4px}.summary-cta .cta-arrow{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@keyframes summary-sheen{0%,20%{left:-190px}55%,100%{left:115%}}
@keyframes summary-ambient-drift{to{transform:translate3d(22px,-15px,0) scale(1.12);opacity:.45}}
@keyframes summary-status{50%{transform:scale(.72);opacity:.55}}
@keyframes summary-icon-bob{50%{transform:translateY(-3px)}}
@keyframes summary-line-flow{to{stroke-dashoffset:-34}}
@keyframes summary-core-pulse{50%{r:10;opacity:.7}}
@keyframes summary-spark-spin{50%{transform:rotate(16deg) scale(1.08)}}
@keyframes summary-progress-in{to{transform:scaleX(1)}}
@keyframes summary-bar-in{to{transform:scaleY(1)}}
@media(max-width:1100px){body[data-page="home"] .summary-section{grid-template-columns:1fr;gap:50px}body[data-page="home"] .summary-copy{max-width:760px}.summary-copy h2,.summary-copy>p{max-width:700px}body[data-page="home"] .summary-studio{order:2;width:100%;max-width:760px;margin:auto}.summary-result-card{right:28px;width:440px}.summary-source-list{left:28px;width:220px}.summary-gain{left:28px}}
@media(max-width:700px){body[data-page="home"] .summary-section{padding-top:82px;padding-bottom:90px;gap:38px}.summary-copy h2{font-size:44px}.summary-copy>p{font-size:16px}.summary-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.summary-tabs button{padding:0 7px}.summary-benefit{grid-template-columns:44px 1fr;padding:11px}.summary-benefit>span{width:44px;height:44px}.summary-proof{gap:5px}.summary-proof span{padding:10px 5px}.summary-cta{width:100%}body[data-page="home"] .summary-studio{min-height:900px;border-radius:28px}.summary-studio-top{top:18px;right:16px;left:16px}.summary-studio-top small{display:none}.summary-source-list{top:75px;right:14px;left:14px;width:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.summary-source-card{grid-template-columns:1fr;justify-items:center;gap:6px;min-width:0;min-height:145px;padding:10px 6px;text-align:center}.summary-source-card p{width:100%}.summary-source-card b{font-size:9px}.summary-source-card small{font-size:7px}.source-ready{position:absolute;top:7px;right:7px}.summary-connector{display:none}.summary-result-card{top:245px;right:13px;left:13px;width:auto;min-height:475px;padding:17px;border-radius:22px}.summary-result-card header{grid-template-columns:43px minmax(0,1fr);gap:10px}.result-spark{width:43px;height:43px}.result-ready{display:none}.summary-result-card header b{font-size:15px}.summary-result-points>div{grid-template-columns:30px minmax(0,1fr) 21px;gap:8px;padding:12px 0}.summary-result-points p span{font-size:9px;line-height:1.5}.summary-result-card footer button{font-size:0}.summary-result-card footer button svg{width:16px;height:16px}.summary-gain{right:14px;bottom:18px;left:14px;width:auto;grid-template-columns:42px 1fr auto}.gain-icon{width:42px;height:42px}.gain-bars{grid-column:3;width:92px}.summary-gain p b{font-size:15px}}
@media(prefers-reduced-motion:reduce){.summary-studio:after,.summary-studio .summary-ambient,.summary-studio-top span i,.summary-file svg,.summary-connector path,.summary-connector circle,.result-spark svg,.summary-progress>i span,.gain-bars i{animation:none!important}.summary-source-card,.summary-result-card,.summary-gain,.summary-benefit{opacity:1!important;translate:0!important}.summary-progress>i span,.gain-bars i{transform:none!important}}
.capture .summary-studio:after,.capture .summary-studio .summary-ambient,.capture .summary-studio-top span i,.capture .summary-file svg,.capture .summary-connector path,.capture .summary-connector circle,.capture .result-spark svg,.capture .summary-progress>i span,.capture .gain-bars i{animation:none!important}.capture .summary-source-card,.capture .summary-result-card,.capture .summary-gain,.capture .summary-benefit{opacity:1!important;translate:0!important}.capture .summary-progress>i span,.capture .gain-bars i{transform:none!important}

/* Unified official product mark v9 */
.product-mark-svg{display:block;overflow:visible;fill:none}
.mini-mark{width:42px;height:42px;border:1px solid rgba(117,130,255,.15);background:#fff;box-shadow:0 9px 24px rgba(75,91,172,.13)}
.mini-mark .product-mark-svg{width:30px;height:23px}
.result-spark{border:1px solid rgba(117,130,255,.16);background:#fff;box-shadow:0 12px 28px rgba(68,84,168,.16)}
.result-spark .product-mark-svg{width:32px;height:24px;animation:none}
.final-mark{background:#fff;box-shadow:0 18px 44px rgba(64,92,196,.25),inset 0 1px #fff}
.final-mark .product-mark-svg{width:43px;height:33px;animation:none}
.visual-core .visual-product-mark{background:#fff;color:inherit}
.visual-product-mark .product-mark-svg{width:39px;height:29px}
.product-mark-svg path{fill:none!important;stroke-width:4!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.product-mark-svg path:nth-child(1){stroke:#7582ff!important}.product-mark-svg path:nth-child(2){stroke:#4fcbd5!important}.product-mark-svg path:nth-child(3){stroke:#3bd978!important}

/* Homepage FAQ v9: clean card accordion */
body[data-page="home"] .faq-section{grid-template-columns:.68fr 1.32fr;gap:70px;align-items:start;padding-top:120px;padding-bottom:130px}
body[data-page="home"] .faq-heading{position:sticky;top:112px;overflow:hidden;contain:paint;padding:32px;border:1px solid rgba(82,95,158,.13);border-radius:30px;background:radial-gradient(circle at 0 0,rgba(117,130,255,.18),transparent 43%),radial-gradient(circle at 100% 100%,rgba(59,217,120,.13),transparent 42%),linear-gradient(145deg,#f8f9ff,#f4fff8);box-shadow:0 24px 64px rgba(52,62,111,.09)}
body[data-page="home"] .faq-heading:after{content:"";position:absolute;right:-60px;bottom:-70px;width:190px;height:190px;border-radius:50%;background:#4fcbd5;filter:blur(65px);opacity:.14;pointer-events:none}
.faq-brand-mark{width:64px;height:58px;display:grid;place-items:center;margin-bottom:28px;border:1px solid rgba(117,130,255,.15);border-radius:19px;background:#fff;box-shadow:0 14px 34px rgba(65,78,148,.14)}.faq-brand-mark .product-mark-svg{width:42px;height:32px}
body[data-page="home"] .faq-heading .kicker{color:#5968d4}
body[data-page="home"] .faq-heading h2{max-width:410px;margin-top:15px;font-size:clamp(48px,4.1vw,62px);line-height:1.03;text-wrap:balance}
body[data-page="home"] .faq-heading p{max-width:390px;margin-top:22px;color:#666d79;font-size:17px;line-height:1.65}
.faq-heading-meta{position:relative;z-index:2;display:grid;gap:8px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(75,89,148,.12)}.faq-heading-meta span{display:flex;align-items:center;gap:9px;color:#394258;font-size:11px;font-weight:700}.faq-heading-meta span i{width:7px;height:7px;border-radius:50%;background:#3bd978;box-shadow:0 0 0 5px rgba(59,217,120,.1),0 0 14px rgba(59,217,120,.65)}.faq-heading-meta small{color:#8a909d;font-size:9px}
body[data-page="home"] .faq-list{display:grid;gap:12px;border:0;counter-reset:home-faq}
body[data-page="home"] .faq-list details{position:relative;overflow:hidden;border:1px solid rgba(77,89,148,.14);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(48,58,104,.045);opacity:0;translate:24px 0;transition:border-color .35s ease,background .4s ease,box-shadow .4s ease,transform .35s var(--ease-out-expo),opacity .55s ease,translate .68s var(--ease-out-expo)}
body[data-page="home"] .faq-list.visible details{opacity:1;translate:0 0}body[data-page="home"] .faq-list.visible details:nth-child(2){transition-delay:.06s}body[data-page="home"] .faq-list.visible details:nth-child(3){transition-delay:.12s}body[data-page="home"] .faq-list.visible details:nth-child(4){transition-delay:.18s}body[data-page="home"] .faq-list.visible details:nth-child(5){transition-delay:.24s}body[data-page="home"] .faq-list.visible details:nth-child(6){transition-delay:.3s}body[data-page="home"] .faq-list.visible details:nth-child(7){transition-delay:.36s}
body[data-page="home"] .faq-list details:hover{transform:translateY(-2px);border-color:rgba(89,108,255,.28);box-shadow:0 18px 42px rgba(52,64,124,.09)}
body[data-page="home"] .faq-list details[open]{border-color:rgba(89,108,255,.28);background:linear-gradient(125deg,#f7f8ff 0%,#f5fffa 58%,#fff8fd 100%);box-shadow:0 23px 56px rgba(60,71,137,.11)}
body[data-page="home"] .faq-list summary{min-width:0;min-height:86px;display:flex;align-items:center;gap:18px;padding:18px 20px 18px 22px;list-style:none;cursor:pointer;font-size:18px;line-height:1.35}
body[data-page="home"] .faq-list summary::-webkit-details-marker{display:none}
body[data-page="home"] .faq-question{min-width:0;width:auto;height:auto;display:grid;flex:1 1 auto;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:14px;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;transform:none!important}
body[data-page="home"] .faq-question i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#f0f2ff;color:#6270d4;font-size:10px;font-style:normal;font-weight:750;letter-spacing:.03em;transition:background .35s ease,color .35s ease,transform .45s var(--ease-spring)}
body[data-page="home"] .faq-question b{min-width:0;font:inherit;font-weight:650;overflow-wrap:anywhere}
body[data-page="home"] .faq-list details[open] .faq-question{border:0;background:transparent;color:#202737;transform:none!important}
body[data-page="home"] .faq-list details[open] .faq-question i{background:linear-gradient(135deg,#7582ff,#4fcbd5);color:#fff;box-shadow:0 9px 22px rgba(75,99,207,.2);transform:rotate(-5deg) scale(1.04)}
body[data-page="home"] .faq-toggle{width:46px;height:46px;display:grid;flex:0 0 auto;place-items:center;border:1px solid rgba(78,91,150,.14);border-radius:14px;background:#f5f6fa;color:#4f596a;box-shadow:none;transition:transform .48s var(--ease-spring),background .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}
body[data-page="home"] .faq-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
body[data-page="home"] .faq-list details[open] .faq-toggle{border-color:transparent;background:linear-gradient(135deg,#596cff,#4fcbd5);color:#fff;box-shadow:0 12px 27px rgba(69,91,222,.25);transform:rotate(45deg)}
body[data-page="home"] .faq-answer{position:relative;margin:0 20px 20px 72px;padding-top:0;border-top:1px solid rgba(89,102,162,.13)}
body[data-page="home"] .faq-list details p{max-width:none;margin:0;padding:18px 18px 3px 20px;border-left:3px solid #56c8ae;color:#59616d;font-size:16px;line-height:1.72}
body[data-page="home"] .faq-answer:before{content:"Ответ";position:absolute;top:17px;right:8px;color:#4d9580;font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:1000px){body[data-page="home"] .faq-section{grid-template-columns:1fr;gap:28px}body[data-page="home"] .faq-heading{position:static}body[data-page="home"] .faq-heading:after{right:0;bottom:0;filter:blur(48px)}body[data-page="home"] .faq-heading h2,body[data-page="home"] .faq-heading p{max-width:690px}}
@media(max-width:700px){body[data-page="home"] .faq-section{padding-top:86px;padding-bottom:100px}body[data-page="home"] .faq-heading{padding:24px;border-radius:24px}.faq-brand-mark{width:56px;height:52px;margin-bottom:22px}.faq-brand-mark .product-mark-svg{width:38px;height:29px}body[data-page="home"] .faq-heading h2{font-size:42px}body[data-page="home"] .faq-heading p{font-size:15px}.faq-heading-meta{margin-top:22px}body[data-page="home"] .faq-list summary{min-height:78px;gap:10px;padding:15px;font-size:16px}body[data-page="home"] .faq-question{grid-template-columns:31px minmax(0,1fr);gap:10px}body[data-page="home"] .faq-question i{width:31px;height:31px;border-radius:10px}body[data-page="home"] .faq-toggle{width:39px;height:39px;border-radius:12px}body[data-page="home"] .faq-answer{margin:0 15px 16px 56px}body[data-page="home"] .faq-list details p{padding:16px 5px 2px 14px;font-size:14px}body[data-page="home"] .faq-answer:before{display:none}}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .faq-list details{opacity:1!important;translate:0!important}}
.capture body[data-page="home"] .faq-list details,.capture .faq-list details{opacity:1!important;translate:0!important}

/* Transparent external-service CTA treatment v10 */
.service-disclosure{position:relative;z-index:20;width:min(var(--container),calc(100% - 32px));min-height:42px;display:flex;align-items:center;justify-content:center;gap:9px;margin:12px auto 0;padding:10px 14px;border:1px solid rgba(89,108,255,.15);border-radius:14px;background:linear-gradient(90deg,rgba(245,247,255,.96),rgba(243,255,248,.96));color:#626a77;font-size:11px;line-height:1.4;box-shadow:0 10px 28px rgba(57,70,124,.055);backdrop-filter:blur(12px)}
.service-disclosure svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:#5968d4;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service-disclosure b{color:#28326f}
.footer-login{display:grid;justify-items:start;gap:8px}.footer-login small,.final-external-note{display:block;color:#777f8e;font-size:10px;line-height:1.45}.final-external-note{margin-top:12px;color:rgba(255,255,255,.68);letter-spacing:.015em}.not-found .final-external-note{margin-top:14px;color:#737b89;text-align:center}
.hero-product-action{display:grid;justify-items:center;gap:7px}.hero-product-action small{color:#747b89;font-size:9px;line-height:1.35}.final-cta .hero-product-action small{color:rgba(255,255,255,.68)}
@media(max-width:700px){.footer-login{justify-items:stretch}.footer-login small{text-align:center}.hero-product-action{width:100%}.hero-product-action .button{width:100%}}

/* Clean CTA geometry v11: no glow or decorative layer outside the button */
.product-cta{position:relative;isolation:isolate;overflow:hidden!important;border:1px solid rgba(255,255,255,.12)!important;background:linear-gradient(105deg,#17204b 0%,#3346c2 55%,#5368f2 100%)!important;background-clip:padding-box!important;box-shadow:0 13px 30px rgba(38,53,151,.24),inset 0 1px 0 rgba(255,255,255,.16)!important;clip-path:inset(0 round 15px)}
.product-cta::before{z-index:0;inset:1px!important;border-radius:inherit;clip-path:inset(0 round 14px);background:linear-gradient(90deg,transparent,rgba(255,255,255,.27),transparent)!important}
.product-cta>*{position:relative;z-index:1}.product-cta:hover{box-shadow:0 17px 36px rgba(38,53,151,.3),inset 0 1px 0 rgba(255,255,255,.2)!important;filter:brightness(1.035)}
.final-copy .product-cta{border-color:rgba(255,255,255,.15)!important;background:linear-gradient(105deg,#263373 0%,#4659dc 58%,#5b6ff4 100%)!important;box-shadow:0 17px 38px rgba(44,61,185,.3),inset 0 1px rgba(255,255,255,.18)!important}
.final-copy .product-cta:hover{box-shadow:0 21px 44px rgba(44,61,185,.36),inset 0 1px rgba(255,255,255,.22)!important}

/* Compare documents feature visual v12 */
.compare-visual{min-height:620px;padding:22px;background:radial-gradient(circle at 16% 8%,rgba(89,108,255,.3),transparent 34%),radial-gradient(circle at 92% 92%,rgba(59,217,120,.2),transparent 33%),linear-gradient(145deg,#11162e 0%,#090d18 54%,#08140f 100%)}
.compare-visual-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at center,#000 10%,transparent 82%)}
.compare-visual-glow{position:absolute;width:270px;height:270px;border-radius:50%;filter:blur(85px);opacity:.18;pointer-events:none;animation:compare-glow-drift 8s ease-in-out infinite alternate}.cvg-one{top:-80px;left:-40px;background:#6978ff}.cvg-two{right:-50px;bottom:-70px;background:#38db79;animation-delay:-4s}
.compare-visual-top{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:0 2px 17px;border-bottom:1px solid rgba(255,255,255,.1)}.compare-visual-top span{display:flex;align-items:center;gap:8px;color:#eef1ff;font-size:11px;font-weight:700}.compare-visual-top span i{width:7px;height:7px;border-radius:50%;background:#3bd978;box-shadow:0 0 0 5px rgba(59,217,120,.09),0 0 15px rgba(59,217,120,.7);animation:compare-status-pulse 2s ease-in-out infinite}.compare-visual-top small{color:#8490a7;font-size:9px}
.compare-source{position:absolute;z-index:3;top:70px;width:calc(50% - 31px);display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:linear-gradient(145deg,rgba(38,45,76,.92),rgba(22,27,42,.87));box-shadow:0 15px 34px rgba(0,0,0,.24);backdrop-filter:blur(15px);opacity:0;animation:compare-source-in .75s var(--ease-out-expo) .18s forwards}.compare-source-a{left:22px}.compare-source-b{right:22px;animation-delay:.31s}.compare-file-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#6575ff,#4656d8);color:#fff;font-size:12px;font-weight:800;box-shadow:0 9px 20px rgba(78,94,221,.25)}.compare-file-icon.alt{background:linear-gradient(145deg,#38d783,#20a66b);box-shadow:0 9px 20px rgba(36,185,111,.22)}.compare-source p{min-width:0;margin:0}.compare-source small,.compare-source b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-source small{margin-bottom:4px;color:#8791a5;font-size:8px}.compare-source b{color:#f4f6fb;font-size:11px}.compare-source em{padding:5px 7px;border-radius:999px;background:rgba(59,217,120,.1);color:#62e99a;font-size:7px;font-style:normal;font-weight:700}
.compare-mode-tabs{position:absolute;z-index:4;top:141px;left:50%;display:flex;gap:5px;padding:5px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(9,12,23,.84);transform:translateX(-50%);backdrop-filter:blur(15px)}.compare-mode-tabs button{min-width:67px;height:29px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#818ba0;font-size:8px;font-weight:700;transition:background .3s ease,color .3s ease,box-shadow .3s ease,transform .3s var(--ease-spring)}.compare-mode-tabs button:hover{color:#fff;transform:translateY(-1px)}.compare-mode-tabs button.active{background:linear-gradient(135deg,#4e5fd8,#6172f4);color:#fff;box-shadow:0 7px 16px rgba(64,81,205,.28)}
.compare-matrix{position:absolute;z-index:3;top:193px;right:22px;left:22px;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(13,17,29,.8);box-shadow:0 18px 45px rgba(0,0,0,.22);backdrop-filter:blur(17px);transition:opacity .18s ease,transform .24s var(--ease-out-expo)}.compare-matrix.is-switching{opacity:.35;transform:translateY(4px)}.compare-matrix header,.compare-matrix-row{display:grid;grid-template-columns:1fr 1.15fr 1.15fr .72fr;gap:8px;align-items:center}.compare-matrix header{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#717c91;font-size:7px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.compare-matrix-row{min-height:53px;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.075);opacity:0;animation:compare-row-in .6s var(--ease-out-expo) forwards}.compare-matrix-row:nth-child(2){animation-delay:.42s}.compare-matrix-row:nth-child(3){animation-delay:.54s}.compare-matrix-row:nth-child(4){border-bottom:0;animation-delay:.66s}.compare-matrix-row b{color:#e8ebf3;font-size:9px}.compare-matrix-row span{color:#a5adbd;font-size:8px;line-height:1.35}.compare-matrix-row em{justify-self:start;padding:5px 7px;border-radius:999px;font-size:7px;font-style:normal;font-weight:750;white-space:nowrap}.compare-matrix-row .is-different{background:rgba(245,174,68,.12);color:#ffc56c}.compare-matrix-row .is-related{background:rgba(79,203,213,.12);color:#6ee1e8}.compare-matrix-row .is-alert{background:rgba(244,91,107,.12);color:#ff8c99}.compare-matrix-row .is-positive{background:rgba(59,217,120,.12);color:#67e99d}
.compare-confidence{position:absolute;z-index:3;top:389px;right:22px;left:22px;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;color:#8d97aa;font-size:8px}.compare-confidence b{color:#dfe4ff;font-size:10px}.compare-confidence>i{height:5px;grid-column:1/3;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.compare-confidence>i span{width:76%;height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#6475ff,#4fcbd5,#3bd978);box-shadow:0 0 13px rgba(79,203,213,.42);transition:width .65s var(--ease-out-expo);transform:scaleX(0);transform-origin:left;animation:compare-bar-in 1s var(--ease-out-expo) .72s forwards}
.compare-key-insight{position:absolute;z-index:3;right:22px;bottom:46px;left:22px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;padding:13px 14px;border:1px solid rgba(113,128,255,.22);border-radius:17px;background:linear-gradient(120deg,rgba(62,73,137,.34),rgba(22,40,36,.55));box-shadow:0 15px 36px rgba(0,0,0,.2);backdrop-filter:blur(16px)}.compare-key-insight>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#fff;box-shadow:0 10px 25px rgba(56,76,177,.2)}.compare-key-insight .product-mark-svg{width:34px;height:26px}.compare-key-insight p{margin:0}.compare-key-insight small,.compare-key-insight b{display:block}.compare-key-insight small{margin-bottom:5px;color:#7be6ac;font-size:7px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.compare-key-insight b{color:#e9edf5;font-size:9px;line-height:1.45;font-weight:580;transition:opacity .2s ease}.compare-citations{position:absolute;z-index:3;right:25px;bottom:17px;display:flex;gap:7px}.compare-citations span{padding:4px 7px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#7e899d;font-size:6px;background:rgba(255,255,255,.035)}
@keyframes compare-source-in{from{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:none}}@keyframes compare-row-in{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:none}}@keyframes compare-bar-in{to{transform:scaleX(1)}}@keyframes compare-status-pulse{50%{opacity:.58;transform:scale(.8)}}@keyframes compare-glow-drift{to{transform:translate(26px,18px) scale(1.12);opacity:.27}}
@media(max-width:700px){.compare-visual{min-height:620px;padding:16px}.compare-visual-top{padding-bottom:14px}.compare-source{top:62px;right:16px;left:16px;width:auto;grid-template-columns:38px minmax(0,1fr) auto}.compare-source-b{top:125px}.compare-file-icon{width:38px;height:38px}.compare-mode-tabs{top:194px}.compare-matrix{top:244px;right:16px;left:16px}.compare-matrix header,.compare-matrix-row{grid-template-columns:.8fr 1.08fr 1.08fr .65fr;gap:5px}.compare-matrix header{padding:9px 8px}.compare-matrix-row{min-height:57px;padding:8px}.compare-matrix-row b{font-size:8px}.compare-matrix-row span{font-size:7px}.compare-matrix-row em{padding:4px 5px;font-size:6px}.compare-confidence{top:448px;right:16px;left:16px}.compare-key-insight{right:16px;bottom:47px;left:16px;grid-template-columns:42px minmax(0,1fr);padding:12px}.compare-key-insight>span{width:42px;height:42px}.compare-key-insight .product-mark-svg{width:30px;height:23px}.compare-key-insight b{font-size:8px}.compare-citations{right:18px;bottom:15px}}
@media(prefers-reduced-motion:reduce){.compare-visual-glow,.compare-visual-top span i,.compare-source,.compare-matrix-row,.compare-confidence>i span{animation:none!important}.compare-source,.compare-matrix-row{opacity:1!important}.compare-confidence>i span{transform:none!important}}
.capture .compare-visual-glow,.capture .compare-visual-top span i,.capture .compare-source,.capture .compare-matrix-row,.capture .compare-confidence>i span{animation:none!important}.capture .compare-source,.capture .compare-matrix-row{opacity:1!important}.capture .compare-confidence>i span{transform:none!important}

/* Final output cards v13: readable SVG icons and balanced motion */
body[data-page="home"] .final-cta{min-height:760px}
body[data-page="home"] .floating-output{z-index:7;width:316px;min-width:316px;display:grid;grid-template-columns:62px minmax(0,1fr) 24px;gap:0 14px;align-items:center;padding:14px 15px;border:1px solid rgba(151,164,255,.28);border-radius:22px;background:linear-gradient(135deg,rgba(35,41,65,.96),rgba(17,22,32,.9));box-shadow:0 22px 52px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.09);text-align:left;backdrop-filter:blur(20px);transition:border-color .32s ease,box-shadow .38s ease,filter .32s ease}
body[data-page="home"] .floating-output:before{content:"";position:absolute;inset:1px;border-radius:20px;background:linear-gradient(110deg,rgba(255,255,255,.055),transparent 42%);pointer-events:none}
body[data-page="home"] .floating-output:hover{border-color:rgba(150,165,255,.55);box-shadow:0 29px 68px rgba(0,0,0,.42),0 0 36px rgba(89,108,255,.15);filter:brightness(1.08)}
body[data-page="home"] .floating-output .output-icon{position:relative;grid-row:auto;width:62px;height:62px;border:1px solid rgba(255,255,255,.16);border-radius:18px;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.14),0 12px 28px rgba(0,0,0,.22)}
body[data-page="home"] .floating-output .output-icon:after{content:"";position:absolute;inset:-15px;border-radius:50%;background:currentColor;filter:blur(22px);opacity:.16;animation:final-icon-glow 3.6s ease-in-out infinite alternate}
body[data-page="home"] .floating-output .output-icon svg{position:relative;z-index:1;width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:none;overflow:visible}
body[data-page="home"] .floating-output .output-icon .icon-accent{stroke:#fff;stroke-width:2.15}
body[data-page="home"] .output-icon.pink{color:#ff9beb;background:linear-gradient(145deg,#5b365f,#2c243e)}
body[data-page="home"] .output-icon.yellow{color:#eef55c;background:linear-gradient(145deg,#53552e,#292d25)}
body[data-page="home"] .output-icon.green{color:#4dec8e;background:linear-gradient(145deg,#20563c,#192f2a)}
body[data-page="home"] .output-icon.blue{color:#aeb8ff;background:linear-gradient(145deg,#354279,#232a49)}
body[data-page="home"] .output-copy{position:relative;z-index:1;min-width:0;display:grid;gap:7px}
body[data-page="home"] .floating-output .output-copy b{overflow:hidden;color:#fff;font-size:16px;font-weight:720;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}
body[data-page="home"] .floating-output .output-copy small{min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden;color:#c2c9d6;font-size:11px;font-weight:580;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
body[data-page="home"] .floating-output .output-copy small i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#43e889;box-shadow:0 0 0 4px rgba(67,232,137,.1),0 0 13px rgba(67,232,137,.85);animation:final-card-status 2s ease-in-out infinite}
body[data-page="home"] .floating-output>em{position:relative;z-index:1;align-self:start;justify-self:end;color:#657086;font-size:9px;font-style:normal;font-weight:750;letter-spacing:.08em}
body[data-page="home"] .out-1{top:42px;left:42px;animation:final-card-one 7s ease-in-out infinite}
body[data-page="home"] .out-2{top:42px;right:42px;animation:final-card-two 7.6s ease-in-out -2.1s infinite}
body[data-page="home"] .out-3{bottom:42px;left:42px;animation:final-card-three 7.3s ease-in-out -3.5s infinite}
body[data-page="home"] .out-4{right:42px;bottom:42px;animation:final-card-four 7.9s ease-in-out -5s infinite}
@keyframes final-card-one{50%{transform:translate3d(7px,-8px,0) rotate(-.35deg)}}@keyframes final-card-two{50%{transform:translate3d(-7px,-9px,0) rotate(.35deg)}}@keyframes final-card-three{50%{transform:translate3d(8px,8px,0) rotate(.3deg)}}@keyframes final-card-four{50%{transform:translate3d(-8px,7px,0) rotate(-.3deg)}}@keyframes final-icon-glow{to{opacity:.28;transform:scale(1.15)}}@keyframes final-card-status{50%{opacity:.55;transform:scale(.8)}}
@media(max-width:1100px){body[data-page="home"] .final-cta{min-height:820px}body[data-page="home"] .floating-output{width:274px;min-width:274px;grid-template-columns:54px minmax(0,1fr) 19px;padding:12px;gap:0 10px}body[data-page="home"] .floating-output .output-icon{width:54px;height:54px;border-radius:16px}body[data-page="home"] .floating-output .output-icon svg{width:30px;height:30px}body[data-page="home"] .floating-output .output-copy b{font-size:14px}body[data-page="home"] .floating-output .output-copy small{font-size:10px}body[data-page="home"] .out-1{top:28px;left:24px}body[data-page="home"] .out-2{top:28px;right:24px}body[data-page="home"] .out-3{bottom:28px;left:24px}body[data-page="home"] .out-4{right:24px;bottom:28px}}
@media(max-width:700px){body[data-page="home"] .final-cta{min-height:980px}body[data-page="home"] .floating-output{width:calc(100% - 28px);min-width:0;grid-template-columns:50px minmax(0,1fr) 20px;padding:10px 12px;border-radius:17px}body[data-page="home"] .floating-output .output-icon{width:50px;height:50px;border-radius:14px}body[data-page="home"] .floating-output .output-icon svg{width:28px;height:28px}body[data-page="home"] .floating-output .output-copy b{font-size:12px}body[data-page="home"] .floating-output .output-copy small{font-size:9px}body[data-page="home"] .out-1{top:16px;left:14px}body[data-page="home"] .out-2{top:91px;right:14px}body[data-page="home"] .out-3{bottom:91px;left:14px}body[data-page="home"] .out-4{right:14px;bottom:16px}}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .floating-output,body[data-page="home"] .floating-output .output-icon:after,body[data-page="home"] .floating-output .output-copy small i{animation:none!important}}
.capture body[data-page="home"] .floating-output,.capture body[data-page="home"] .floating-output .output-icon:after,.capture body[data-page="home"] .floating-output .output-copy small i{animation:none!important;transform:none!important}

/* Hero workspace animation v14 */
.hero-workspace{isolation:isolate}
.hero-workspace:after{content:"";position:absolute;z-index:8;top:64px;bottom:0;width:180px;left:-230px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(102,123,255,.035),rgba(95,226,197,.09),rgba(102,123,255,.035),transparent);transform:skewX(-9deg);opacity:0}
.hero-workspace.visible:after{animation:workspace-scan 7.5s ease-in-out 1.8s infinite}
.js .hero-workspace .window-bar{opacity:0;transform:translateY(-12px)}.js .hero-workspace.visible .window-bar{animation:workspace-part-in .7s var(--ease-out-expo) .05s forwards}
.js .hero-workspace .source-item{opacity:0;transform:translateX(-18px) scale(.97)}.js .hero-workspace.visible .source-item{animation:workspace-source-in .65s var(--ease-out-expo) forwards}.js .hero-workspace.visible .source-item:nth-child(2){animation-delay:.22s}.js .hero-workspace.visible .source-item:nth-child(3){animation-delay:.38s}.js .hero-workspace.visible .source-item:nth-child(4){animation-delay:.54s}
.hero-workspace.visible .source-item.active{animation:workspace-source-in .65s var(--ease-out-expo) .22s forwards,workspace-active-source 3.8s ease-in-out 1.5s infinite}
.js .hero-workspace .discover-button{opacity:0;transform:translateY(9px)}.js .hero-workspace.visible .discover-button{animation:workspace-part-in .6s var(--ease-out-expo) .72s forwards}
.js .hero-workspace .chat-heading{opacity:0;transform:translateY(-10px)}.js .hero-workspace.visible .chat-heading{animation:workspace-part-in .65s var(--ease-out-expo) .28s forwards}
.hero-workspace.visible .mini-mark{animation:workspace-logo-float 4s ease-in-out 1.1s infinite}
.js .hero-workspace .question-bubble{opacity:0;transform:translate3d(18px,10px,0) scale(.97)}.js .hero-workspace.visible .question-bubble{animation:workspace-question-in .72s var(--ease-out-expo) .76s forwards}
.js .hero-workspace .answer-spark,.js .hero-workspace .answer-block p,.js .hero-workspace .answer-block li{opacity:0;transform:translateY(10px)}.js .hero-workspace.visible .answer-spark{animation:workspace-spark-in .55s var(--ease-spring) 1.16s forwards}.js .hero-workspace.visible .answer-block p{animation:workspace-part-in .65s var(--ease-out-expo) 1.23s forwards}.js .hero-workspace.visible .answer-block li{animation:workspace-part-in .62s var(--ease-out-expo) forwards}.js .hero-workspace.visible .answer-block li:nth-child(1){animation-delay:1.42s}.js .hero-workspace.visible .answer-block li:nth-child(2){animation-delay:1.62s}.js .hero-workspace.visible .answer-block li:nth-child(3){animation-delay:1.82s}
.js .hero-workspace .answer-block mark{opacity:0;transform:scale(.35)}.js .hero-workspace.visible .answer-block mark{animation:workspace-citation-pop .5s var(--ease-spring) forwards}.js .hero-workspace.visible .answer-block li:nth-child(1) mark{animation-delay:1.75s}.js .hero-workspace.visible .answer-block li:nth-child(2) mark:nth-of-type(1){animation-delay:1.94s}.js .hero-workspace.visible .answer-block li:nth-child(2) mark:nth-of-type(2){animation-delay:2.05s}.js .hero-workspace.visible .answer-block li:nth-child(3) mark{animation-delay:2.18s}
.js .hero-workspace .studio-card{opacity:0;transform:translateX(17px) scale(.97)}.js .hero-workspace.visible .studio-card{animation:workspace-studio-in .62s var(--ease-out-expo) forwards,workspace-studio-wave 6s ease-in-out infinite}.js .hero-workspace.visible .studio-card:nth-of-type(2){animation-delay:.45s,2.4s}.js .hero-workspace.visible .studio-card:nth-of-type(3){animation-delay:.62s,3.1s}.js .hero-workspace.visible .studio-card:nth-of-type(4){animation-delay:.79s,3.8s}.js .hero-workspace.visible .studio-card:nth-of-type(5){animation-delay:.96s,4.5s}
.hero-workspace .studio-card{transition:border-color .3s ease,background .3s ease,transform .35s var(--ease-spring),box-shadow .35s ease}.hero-workspace .studio-card:hover{transform:translateX(-4px);border-color:rgba(119,137,255,.32);background:rgba(109,124,255,.11);box-shadow:0 13px 30px rgba(0,0,0,.2)}
.js .hero-workspace .prompt-bar{opacity:0;transform:translateY(12px)}.js .hero-workspace.visible .prompt-bar{animation:workspace-part-in .65s var(--ease-out-expo) 2.05s forwards,workspace-prompt-glow 4.4s ease-in-out 3s infinite}.hero-workspace.visible .prompt-bar button{animation:workspace-send-breathe 2.8s ease-in-out 2.4s infinite}
.hero-workspace.visible .window-dots span{animation:workspace-dot 2.4s ease-in-out infinite}.hero-workspace.visible .window-dots span:nth-child(2){animation-delay:.25s}.hero-workspace.visible .window-dots span:nth-child(3){animation-delay:.5s}
@keyframes workspace-part-in{to{opacity:1;transform:none}}@keyframes workspace-source-in{to{opacity:1;transform:none}}@keyframes workspace-studio-in{to{opacity:1;transform:none}}@keyframes workspace-question-in{to{opacity:1;transform:none}}@keyframes workspace-spark-in{to{opacity:1;transform:none}}@keyframes workspace-citation-pop{to{opacity:1;transform:scale(1)}}
@keyframes workspace-scan{0%,10%{left:-230px;opacity:0}18%{opacity:1}62%{opacity:.65}78%,100%{left:calc(100% + 80px);opacity:0}}@keyframes workspace-active-source{50%{border-color:rgba(111,130,255,.62);background:rgba(109,124,255,.15);box-shadow:0 0 0 1px rgba(109,124,255,.08),0 12px 28px rgba(46,60,170,.16)}}@keyframes workspace-logo-float{50%{transform:translateY(-3px) rotate(2.5deg);filter:brightness(1.12)}}@keyframes workspace-studio-wave{0%,72%,100%{box-shadow:none}82%{border-color:rgba(102,220,176,.26);box-shadow:0 10px 28px rgba(32,121,91,.12)}}@keyframes workspace-prompt-glow{50%{border-color:rgba(114,132,255,.35);box-shadow:0 0 0 3px rgba(89,108,255,.045),0 12px 28px rgba(0,0,0,.12)}}@keyframes workspace-send-breathe{50%{transform:translateY(-2px);box-shadow:0 8px 18px rgba(255,255,255,.16)}}@keyframes workspace-dot{50%{opacity:.38;transform:scale(.78)}}
@media(prefers-reduced-motion:reduce){.hero-workspace:after,.hero-workspace .window-bar,.hero-workspace .source-item,.hero-workspace .discover-button,.hero-workspace .chat-heading,.hero-workspace .mini-mark,.hero-workspace .question-bubble,.hero-workspace .answer-spark,.hero-workspace .answer-block p,.hero-workspace .answer-block li,.hero-workspace .answer-block mark,.hero-workspace .studio-card,.hero-workspace .prompt-bar,.hero-workspace .prompt-bar button,.hero-workspace .window-dots span{animation:none!important;opacity:1!important;transform:none!important}}
.capture .hero-workspace:after,.capture .hero-workspace .window-bar,.capture .hero-workspace .source-item,.capture .hero-workspace .discover-button,.capture .hero-workspace .chat-heading,.capture .hero-workspace .mini-mark,.capture .hero-workspace .question-bubble,.capture .hero-workspace .answer-spark,.capture .hero-workspace .answer-block p,.capture .hero-workspace .answer-block li,.capture .hero-workspace .answer-block mark,.capture .hero-workspace .studio-card,.capture .hero-workspace .prompt-bar,.capture .hero-workspace .prompt-bar button,.capture .hero-workspace .window-dots span{animation:none!important;opacity:1!important;transform:none!important}

/* CTA arrow icon v15 */
.product-cta .cta-arrow{width:30px;height:30px;padding:6px;box-sizing:border-box;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.09));box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 7px 16px rgba(24,31,91,.16);stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;fill:none;transform:none;transition:transform .42s var(--ease-spring),background .32s ease,border-color .32s ease,box-shadow .32s ease;will-change:transform}
.product-cta .cta-arrow path{stroke-dasharray:24;stroke-dashoffset:0;transition:stroke-dashoffset .46s ease}
.product-cta:hover .cta-arrow{transform:translate(3px,-3px) rotate(4deg) scale(1.08);border-color:rgba(255,255,255,.64);background:linear-gradient(145deg,rgba(255,255,255,.36),rgba(255,255,255,.14));box-shadow:inset 0 1px 0 rgba(255,255,255,.54),0 10px 23px rgba(25,34,107,.25)}
.product-cta:hover .cta-arrow path{animation:cta-arrow-draw .58s ease both}
.product-cta:active .cta-arrow{transform:translate(1px,-1px) scale(.96)}
.button-light.product-cta .cta-arrow,.button-secondary.product-cta .cta-arrow{color:#fff;border-color:rgba(83,102,232,.22);background:linear-gradient(145deg,#6678ff,#4055dc);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px rgba(66,82,210,.25)}
.button-light.product-cta:hover .cta-arrow,.button-secondary.product-cta:hover .cta-arrow{border-color:rgba(83,102,232,.18);background:linear-gradient(145deg,#7182ff,#3349d4);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 11px 24px rgba(55,72,201,.34)}
.hero-demo-link .demo-arrow{margin-left:auto;color:#fff;font-size:inherit}
.footer-login .cta-arrow,.summary-cta .cta-arrow{width:30px;height:30px}
@keyframes cta-arrow-draw{0%{stroke-dashoffset:0}45%{stroke-dashoffset:-24}46%{stroke-dashoffset:24}100%{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.product-cta .cta-arrow,.product-cta .cta-arrow path{animation:none!important;transition:none!important}.product-cta:hover .cta-arrow{transform:none!important}}
.capture .product-cta .cta-arrow,.capture .product-cta .cta-arrow path{animation:none!important;transition:none!important;transform:none!important}

/* PDF transformation + editor interaction v16 */
.transform-stage{isolation:isolate}
.transform-stage:before{content:"";position:absolute;z-index:0;inset:10% 18%;border-radius:50%;background:conic-gradient(from 90deg,rgba(117,130,255,.04),rgba(79,203,213,.18),rgba(59,217,120,.09),rgba(245,139,232,.16),rgba(117,130,255,.04));filter:blur(38px);opacity:.42;animation:transform-ambient 13s linear infinite;pointer-events:none}
.transform-statusbar{overflow:hidden}
.transform-statusbar:after{content:"";position:absolute;right:8px;bottom:5px;left:8px;height:2px;border-radius:999px;background:linear-gradient(90deg,#7582ff,#4fcbd5,#3bd978);transform:scaleX(0);transform-origin:left}
.transform-stage.visible .transform-statusbar:after{animation:transform-progress 3.2s var(--ease-out-expo) .35s forwards}
.js .transform-stage .transform-statusbar span{opacity:0;transform:translateY(-7px);border-radius:12px;transition:color .3s ease}
.js .transform-stage.visible .transform-statusbar span{animation:transform-step-in .5s var(--ease-out-expo) forwards,transform-step-active 6s ease-in-out infinite}
.js .transform-stage.visible .transform-statusbar span:nth-child(1){animation-delay:.12s,.75s}.js .transform-stage.visible .transform-statusbar span:nth-child(2){animation-delay:.35s,2.25s}.js .transform-stage.visible .transform-statusbar span:nth-child(3){animation-delay:.58s,3.75s}
.transform-statusbar i{transition:transform .35s var(--ease-spring),box-shadow .35s ease}.transform-stage.visible .transform-statusbar i{animation:transform-step-badge 6s ease-in-out infinite}.transform-stage.visible .transform-statusbar span:nth-child(2) i{animation-delay:1.5s}.transform-stage.visible .transform-statusbar span:nth-child(3) i{animation-delay:3s}
.js .transform-stage .input-file{opacity:0;transform:translateX(-48px) rotate(-6deg) scale(.94)}.js .transform-stage.visible .input-file{animation:transform-input-in .85s var(--ease-out-expo) .18s forwards,transform-input-float 5.4s ease-in-out 1.45s infinite}
.js .transform-stage .output-file{opacity:0;transform:translateX(48px) rotate(7deg) scale(.92)}.js .transform-stage.visible .output-file{animation:transform-output-in .9s var(--ease-out-expo) 1.12s forwards,transform-output-float 5.8s ease-in-out 2.1s infinite}
.transform-file{transition:border-color .35s ease,box-shadow .4s ease}.transform-file:hover{border-color:rgba(93,111,224,.34);box-shadow:0 36px 86px rgba(43,54,126,.2)}
.js .transform-stage .tiny-lines i{transform:scaleX(0);transform-origin:left}.js .transform-stage.visible .tiny-lines i{animation:transform-line-draw .58s var(--ease-out-expo) forwards}.js .transform-stage.visible .tiny-lines i:nth-child(1){animation-delay:.72s}.js .transform-stage.visible .tiny-lines i:nth-child(2){animation-delay:.84s}.js .transform-stage.visible .tiny-lines i:nth-child(3){animation-delay:.96s}.js .transform-stage.visible .tiny-lines i:nth-child(4){animation-delay:1.08s}.js .transform-stage.visible .tiny-lines i:nth-child(5){animation-delay:1.2s}
.js .transform-stage .path-line{transform:scaleX(0);transform-origin:left}.js .transform-stage.visible .path-line{animation:transform-line-draw .9s var(--ease-out-expo) .9s forwards}.transform-stage.visible .process-orb{animation:transform-orb-in .62s var(--ease-spring) .86s both,pulse 2.8s ease-in-out 1.48s infinite}.transform-stage.visible .process-orb:after{content:"";position:absolute;inset:-10px;border:1px solid rgba(91,113,255,.32);border-radius:50%;animation:transform-orb-ring 2.4s ease-out 1.45s infinite}
.js .transform-stage .doc-outline span{opacity:0;transform:translateX(15px)}.js .transform-stage.visible .doc-outline span{animation:transform-outline-in .56s var(--ease-out-expo) forwards}.js .transform-stage.visible .doc-outline span:nth-child(1){animation-delay:1.62s}.js .transform-stage.visible .doc-outline span:nth-child(2){animation-delay:1.78s}.js .transform-stage.visible .doc-outline span:nth-child(3){animation-delay:1.94s}.js .transform-stage.visible .doc-outline span:nth-child(4){animation-delay:2.1s}
.js .transform-stage .transform-note{opacity:0;transform:translateY(24px) scale(.9)}.js .transform-stage.visible .transform-note{animation:transform-note-in .72s var(--ease-spring) 2.35s forwards,transform-note-float 4.6s ease-in-out 3.15s infinite}

.text-editor{position:relative;isolation:isolate;transition:border-color .35s ease,box-shadow .45s ease}.text-editor:hover{border-color:rgba(93,111,224,.26);box-shadow:0 35px 90px rgba(43,53,113,.14)}
.text-editor:after{content:"";position:absolute;z-index:8;top:0;bottom:0;left:-170px;width:120px;background:linear-gradient(90deg,transparent,rgba(117,130,255,.08),rgba(79,203,213,.11),transparent);transform:skewX(-9deg);pointer-events:none}.text-editor.visible:after{animation:editor-scan 7.5s ease-in-out 2.4s infinite}
.js .text-editor .editor-sidebar{opacity:0;transform:translateX(-26px)}.js .text-editor.visible .editor-sidebar{animation:editor-panel-in .72s var(--ease-out-expo) .08s forwards}
.js .text-editor .editor-toolbar{opacity:0;transform:translateY(-17px)}.js .text-editor.visible .editor-toolbar{animation:editor-panel-in .65s var(--ease-out-expo) .26s forwards}
.js .text-editor .editor-main article>small,.js .text-editor .editor-main article>h3,.js .text-editor .editor-main article>.lead,.js .text-editor .editor-main article>h4,.js .text-editor .editor-main article>p,.js .text-editor .ai-suggestion{opacity:0;transform:translateY(12px)}
.js .text-editor.visible .editor-main article>small{animation:editor-part-in .5s var(--ease-out-expo) .46s forwards}.js .text-editor.visible .editor-main article>h3{animation:editor-part-in .65s var(--ease-out-expo) .58s forwards}.js .text-editor.visible .editor-main article>.lead{animation:editor-part-in .6s var(--ease-out-expo) .72s forwards}.js .text-editor.visible .editor-main article>h4:nth-of-type(1){animation:editor-part-in .58s var(--ease-out-expo) .88s forwards}.js .text-editor.visible .editor-main article>p:not(.lead):nth-of-type(2){animation:editor-part-in .58s var(--ease-out-expo) 1s forwards}.js .text-editor.visible .editor-main article>h4:nth-of-type(2){animation:editor-part-in .58s var(--ease-out-expo) 1.14s forwards}.js .text-editor.visible .editor-main article>p:not(.lead):nth-of-type(3){animation:editor-part-in .58s var(--ease-out-expo) 1.26s forwards}.js .text-editor.visible .ai-suggestion{animation:editor-suggestion-in .7s var(--ease-spring) 1.48s forwards,editor-suggestion-glow 4s ease-in-out 2.4s infinite}
.js .text-editor .editor-assistant{opacity:0;transform:translateX(28px)}.js .text-editor.visible .editor-assistant{animation:editor-panel-in .75s var(--ease-out-expo) .38s forwards}
.js .text-editor .editor-assistant>button{opacity:0;transform:translateX(13px)}.js .text-editor.visible .editor-assistant>button{animation:editor-part-in .52s var(--ease-out-expo) forwards}.js .text-editor.visible .editor-assistant>button:nth-of-type(1){animation-delay:.72s}.js .text-editor.visible .editor-assistant>button:nth-of-type(2){animation-delay:.84s}.js .text-editor.visible .editor-assistant>button:nth-of-type(3){animation-delay:.96s}.js .text-editor.visible .editor-assistant>button:nth-of-type(4){animation-delay:1.08s}
.editor-sidebar button,.editor-toolbar button,.editor-assistant>button,.ai-suggestion button,.assistant-input{cursor:pointer;transition:transform .3s var(--ease-spring),border-color .3s ease,background .3s ease,color .3s ease,box-shadow .3s ease}
.editor-sidebar button:hover{color:#3448ce;background:#eef1ff;transform:translateX(3px)}.editor-sidebar button:active{transform:translateX(2px) scale(.97)}
.editor-toolbar button:hover{background:#3448ce;box-shadow:0 8px 18px rgba(52,72,206,.24);transform:translateY(-2px)}
.editor-assistant>button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px}.editor-assistant>button:hover{border-color:#aeb8ff;background:#f3f5ff;color:#3448ce;box-shadow:0 9px 22px rgba(69,86,193,.12);transform:translateX(-4px)}.editor-assistant>button.is-pressed{transform:scale(.96);background:#e9edff}
.editor-action-arrow{width:19px;height:19px;padding:4px;border-radius:50%;background:#eef0ff;fill:none;stroke:#5364de;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .32s var(--ease-spring),background .3s ease}.editor-assistant>button:hover .editor-action-arrow,.ai-suggestion button:hover .editor-action-arrow{transform:translate(2px,-2px) rotate(5deg);background:#dfe4ff}
.ai-suggestion button{display:inline-flex;align-items:center;gap:5px}.ai-suggestion button:hover{border-color:#8795ff;background:#5364de;color:#fff;box-shadow:0 8px 18px rgba(83,100,222,.22);transform:translateY(-2px)}.ai-suggestion button:hover .editor-action-arrow{background:rgba(255,255,255,.18);stroke:#fff}
.assistant-input{display:flex;align-items:center;justify-content:space-between;text-decoration:none}.assistant-input svg{width:25px;height:25px;padding:6px;border-radius:8px;background:#111;color:#fff;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .32s var(--ease-spring),background .3s ease}.assistant-input:hover{border-color:#8896ff;color:#5364de;box-shadow:0 9px 22px rgba(69,86,193,.13);transform:translateY(-3px)}.assistant-input:hover svg{background:#5364de;transform:translateY(-2px)}

@keyframes transform-ambient{to{transform:rotate(1turn)}}@keyframes transform-progress{to{transform:scaleX(1)}}@keyframes transform-step-in{to{opacity:1;transform:none}}@keyframes transform-step-active{0%,22%,100%{background:transparent;color:#6d7280}9%,14%{background:#eef1ff;color:#3448ce;box-shadow:inset 0 0 0 1px rgba(83,100,222,.1)}}@keyframes transform-step-badge{0%,20%,100%{transform:none;box-shadow:none}8%,13%{transform:scale(1.12);box-shadow:0 7px 16px rgba(83,100,222,.2)}}
@keyframes transform-input-in{to{opacity:1;transform:rotate(-2deg) scale(1)}}@keyframes transform-output-in{to{opacity:1;transform:rotate(2deg) scale(1)}}@keyframes transform-input-float{50%{transform:translateY(-7px) rotate(-1.2deg)}}@keyframes transform-output-float{50%{transform:translateY(7px) rotate(1.2deg)}}@keyframes transform-line-draw{to{transform:scaleX(1)}}@keyframes transform-orb-in{from{opacity:0;transform:scale(.45) rotate(-30deg)}to{opacity:1;transform:scale(1)}}@keyframes transform-orb-ring{0%{opacity:.75;transform:scale(.82)}80%,100%{opacity:0;transform:scale(1.32)}}@keyframes transform-outline-in{to{opacity:1;transform:none}}@keyframes transform-note-in{to{opacity:1;transform:none}}@keyframes transform-note-float{50%{transform:translateY(-6px);box-shadow:0 26px 56px rgba(50,62,132,.17)}}
@keyframes editor-scan{0%,12%{left:-170px;opacity:0}22%{opacity:1}72%{opacity:.7}86%,100%{left:calc(100% + 60px);opacity:0}}@keyframes editor-panel-in{to{opacity:1;transform:none}}@keyframes editor-part-in{to{opacity:1;transform:none}}@keyframes editor-suggestion-in{to{opacity:1;transform:none}}@keyframes editor-suggestion-glow{50%{border-color:#aab4ff;background:#f1f3ff;box-shadow:0 11px 28px rgba(75,91,199,.12)}}
@media(prefers-reduced-motion:reduce){.transform-stage:before,.transform-stage .transform-statusbar:after,.transform-stage .transform-statusbar span,.transform-stage .transform-statusbar i,.transform-stage .transform-file,.transform-stage .tiny-lines i,.transform-stage .path-line,.transform-stage .process-orb,.transform-stage .process-orb:after,.transform-stage .doc-outline span,.transform-stage .transform-note,.text-editor:after,.text-editor .editor-sidebar,.text-editor .editor-toolbar,.text-editor .editor-main article>*,.text-editor .editor-assistant,.text-editor .editor-assistant>button{animation:none!important;opacity:1!important;transform:none!important}.transform-stage .transform-statusbar:after,.transform-stage .tiny-lines i,.transform-stage .path-line{transform:scaleX(1)!important}}
.capture .transform-stage:before,.capture .transform-stage .transform-statusbar:after,.capture .transform-stage .transform-statusbar span,.capture .transform-stage .transform-statusbar i,.capture .transform-stage .transform-file,.capture .transform-stage .tiny-lines i,.capture .transform-stage .path-line,.capture .transform-stage .process-orb,.capture .transform-stage .process-orb:after,.capture .transform-stage .doc-outline span,.capture .transform-stage .transform-note,.capture .text-editor:after,.capture .text-editor .editor-sidebar,.capture .text-editor .editor-toolbar,.capture .text-editor .editor-main article>*,.capture .text-editor .editor-assistant,.capture .text-editor .editor-assistant>button{animation:none!important;opacity:1!important;transform:none!important}.capture .transform-stage .transform-statusbar:after,.capture .transform-stage .tiny-lines i,.capture .transform-stage .path-line{transform:scaleX(1)!important}

/* Clickable workflow and scenarios v17 */
body[data-page="home"] .workflow-section{position:relative;isolation:isolate;overflow:hidden}
body[data-page="home"] .workflow-section:before{content:"";position:absolute;z-index:-1;top:90px;left:50%;width:760px;height:430px;border-radius:50%;background:conic-gradient(from 120deg,rgba(117,130,255,.18),rgba(79,203,213,.12),rgba(59,217,120,.14),rgba(245,139,232,.13),rgba(117,130,255,.18));filter:blur(70px);transform:translateX(-50%);animation:workflow-ambient 16s linear infinite;pointer-events:none}
body[data-page="home"] .workflow-line article{cursor:pointer;transition:transform .42s var(--ease-spring),border-color .35s ease,box-shadow .42s ease,background .35s ease}
.js body[data-page="home"] .workflow-line article{opacity:0;transform:translateY(35px) scale(.95)}.js body[data-page="home"] .workflow-line.visible article{animation:workflow-card-in .78s var(--ease-out-expo) forwards}.js body[data-page="home"] .workflow-line.visible article:nth-of-type(1){animation-delay:.12s}.js body[data-page="home"] .workflow-line.visible article:nth-of-type(2){animation-delay:.4s}.js body[data-page="home"] .workflow-line.visible article:nth-of-type(3){animation-delay:.68s}
body[data-page="home"] .workflow-line article:hover{z-index:3;transform:translateY(-12px) scale(1.018);border-color:rgba(91,108,222,.34);background:rgba(255,255,255,.96);box-shadow:0 34px 78px rgba(48,59,132,.18)}body[data-page="home"] .workflow-line article:focus-visible{outline:3px solid rgba(83,100,222,.28);outline-offset:5px}body[data-page="home"] .workflow-line article.is-pressed{transform:scale(.975)}
body[data-page="home"] .step-icon{position:relative;transition:transform .42s var(--ease-spring),box-shadow .4s ease,filter .4s ease}body[data-page="home"] .workflow-line article:hover .step-icon{transform:translateY(-7px) rotate(-3deg) scale(1.05);filter:saturate(1.15);box-shadow:0 25px 52px rgba(51,65,148,.18)}
.js body[data-page="home"] .step-icon svg path{stroke-dasharray:120;stroke-dashoffset:120}.js body[data-page="home"] .workflow-line.visible article .step-icon svg path{animation:workflow-icon-draw 1.15s var(--ease-out-expo) forwards}.js body[data-page="home"] .workflow-line.visible article:nth-of-type(1) .step-icon svg path{animation-delay:.48s}.js body[data-page="home"] .workflow-line.visible article:nth-of-type(2) .step-icon svg path{animation-delay:.77s}.js body[data-page="home"] .workflow-line.visible article:nth-of-type(3) .step-icon svg path{animation-delay:1.04s}
body[data-page="home"] .step-number{transition:transform .35s var(--ease-spring),color .3s ease}body[data-page="home"] .workflow-line article:hover .step-number{color:#5364de;transform:scale(1.16)}
body[data-page="home"] .step-connector{position:relative;align-self:center;height:40px;display:flex;align-items:center;padding:0}body[data-page="home"] .step-connector:before{content:"";position:absolute;right:7px;left:7px;height:1px;background:linear-gradient(90deg,transparent,#a7b2ff,#62dfb0,transparent);transform:scaleX(0)}body[data-page="home"] .workflow-line.visible .step-connector:before{animation:workflow-connector-line .75s var(--ease-out-expo) .75s forwards}body[data-page="home"] .workflow-line.visible .step-connector i{animation:workflow-connector-dot 1.8s ease-in-out infinite}.workflow-line.visible .step-connector i:nth-child(2){animation-delay:.22s}.workflow-line.visible .step-connector i:nth-child(3){animation-delay:.44s}
.workflow-card-cta,.scenario-card-cta{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:space-between;gap:13px;width:max-content;margin-top:auto;padding:10px 11px 10px 14px;border:1px solid rgba(83,100,222,.16);border-radius:999px;background:#f2f4ff;color:#4054d5;font-size:11px;font-weight:750;box-shadow:0 8px 18px rgba(64,84,213,.08);transition:transform .34s var(--ease-spring),background .3s ease,color .3s ease,box-shadow .35s ease}
.workflow-card-cta svg,.scenario-card-cta svg{width:25px;height:25px;padding:5px;border-radius:50%;background:#5364de;color:#fff;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .36s var(--ease-spring),background .3s ease}
.workflow-card-link:hover .workflow-card-cta,.scenario-card-link:hover .scenario-card-cta{background:#5364de;color:#fff;box-shadow:0 13px 28px rgba(64,84,213,.24);transform:translateY(-2px)}.workflow-card-link:hover .workflow-card-cta svg,.scenario-card-link:hover .scenario-card-cta svg{background:#fff;color:#4054d5;transform:translate(3px,-3px) rotate(5deg)}
.workflow-card-ripple,.scenario-card-ripple{position:absolute!important;z-index:9!important;width:12px!important;height:12px!important;margin:-6px 0 0 -6px!important;border-radius:50%!important;background:rgba(83,100,222,.2)!important;pointer-events:none!important;animation:workflow-card-ripple .65s ease-out forwards!important}

.scenarios-section{position:relative}.scenario-columns .scenario{position:relative;display:flex;flex-direction:column;cursor:pointer;transition:transform .44s var(--ease-spring),border-color .35s ease,box-shadow .44s ease}.scenario-columns .scenario:hover{z-index:3;transform:translateY(-12px) scale(1.012);border-color:rgba(91,108,222,.32);box-shadow:0 38px 86px rgba(48,58,123,.17)}.scenario-columns .scenario:focus-visible{outline:3px solid rgba(83,100,222,.28);outline-offset:5px}.scenario-columns .scenario.is-pressed{transform:scale(.975)}
.js .scenario .scenario-art{opacity:0;transform:translateY(22px) scale(.94)}.js .scenario.visible .scenario-art{animation:scenario-art-in .82s var(--ease-out-expo) .12s forwards}.js .scenario .scenario-index,.js .scenario>h3,.js .scenario>p,.js .scenario .scenario-card-cta{opacity:0;transform:translateY(12px)}.js .scenario.visible .scenario-index{animation:scenario-copy-in .48s var(--ease-out-expo) .48s forwards}.js .scenario.visible>h3{animation:scenario-copy-in .62s var(--ease-out-expo) .58s forwards}.js .scenario.visible>p{animation:scenario-copy-in .58s var(--ease-out-expo) .7s forwards}.js .scenario.visible .scenario-card-cta{animation:scenario-copy-in .58s var(--ease-out-expo) .84s forwards}
.scenario-art{flex:0 0 auto;transition:transform .5s var(--ease-spring),box-shadow .45s ease}.scenario:hover .scenario-art{transform:scale(1.025);box-shadow:0 22px 48px rgba(30,38,88,.16)}
.study .orbit:after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:#4fcbd5;box-shadow:0 0 14px #4fcbd5}.study.visible .o1{animation:scenario-orbit-one 9s linear infinite}.study.visible .o2{animation:scenario-orbit-two 14s linear infinite}.study.visible .big-symbol{animation:scenario-symbol-pulse 3.4s ease-in-out infinite}
.work.visible .chart-bars i{animation:scenario-bar-breathe 4.2s ease-in-out 1.6s infinite}.work.visible .chart-bars i:nth-child(2){animation-delay:1.78s}.work.visible .chart-bars i:nth-child(3){animation-delay:1.96s}.work.visible .chart-bars i:nth-child(4){animation-delay:2.14s}.work.visible .insight-card{animation:scenario-insight-float 4.5s ease-in-out 1.25s infinite}
.content.visible .play-round{animation:scenario-play-pulse 2.8s ease-in-out infinite}.content .play-round:after{content:"";position:absolute;inset:-9px;border:1px solid rgba(255,255,255,.45);border-radius:50%;animation:scenario-play-ring 2.2s ease-out infinite}.content:hover .play-round{background:#5364de;color:#fff}.content:hover .audio-wave i{filter:brightness(1.25) saturate(1.2)}
.scenario-card-cta{margin-top:auto;margin-bottom:0;background:#f7f8ff}.scenario-card-link.study .scenario-card-cta{color:#168c47;border-color:rgba(22,140,71,.16);background:#effbf3}.scenario-card-link.study:hover .scenario-card-cta{background:#168c47;color:#fff}.scenario-card-link.study .scenario-card-cta svg{background:#168c47}.scenario-card-link.content .scenario-card-cta{color:#a64c9e;border-color:rgba(166,76,158,.16);background:#fff3fd}.scenario-card-link.content:hover .scenario-card-cta{background:#a64c9e;color:#fff}.scenario-card-link.content .scenario-card-cta svg{background:#a64c9e}

@keyframes workflow-ambient{to{transform:translateX(-50%) rotate(1turn)}}@keyframes workflow-card-in{to{opacity:1;transform:none}}@keyframes workflow-icon-draw{to{stroke-dashoffset:0}}@keyframes workflow-connector-line{to{transform:scaleX(1)}}@keyframes workflow-connector-dot{0%,100%{opacity:.32;transform:scale(.68)}50%{opacity:1;transform:scale(1.25);background:#6677f5;box-shadow:0 0 14px rgba(83,100,222,.55)}}@keyframes workflow-card-ripple{to{opacity:0;transform:scale(34)}}
@keyframes scenario-art-in{to{opacity:1;transform:none}}@keyframes scenario-copy-in{to{opacity:1;transform:none}}@keyframes scenario-orbit-one{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes scenario-orbit-two{to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes scenario-symbol-pulse{50%{transform:scale(1.08);filter:brightness(1.25);text-shadow:0 0 48px rgba(38,232,117,.58)}}@keyframes scenario-bar-breathe{50%{filter:brightness(1.12);transform:scaleY(.94)}}@keyframes scenario-insight-float{50%{transform:translateY(-7px);box-shadow:0 16px 35px rgba(51,67,145,.14)}}@keyframes scenario-play-pulse{50%{transform:translate(-50%,-50%) scale(1.07);box-shadow:0 14px 34px rgba(255,255,255,.2)}}@keyframes scenario-play-ring{0%{opacity:.65;transform:scale(.82)}80%,100%{opacity:0;transform:scale(1.35)}}
@media(max-width:1000px){body[data-page="home"] .step-connector{display:none}.scenario-card-cta{margin-top:22px}}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .workflow-section:before,body[data-page="home"] .workflow-line article,body[data-page="home"] .step-icon svg path,body[data-page="home"] .step-connector:before,body[data-page="home"] .step-connector i,.scenario .scenario-art,.scenario .scenario-index,.scenario>h3,.scenario>p,.scenario .scenario-card-cta,.study .orbit,.study .big-symbol,.work .chart-bars i,.work .insight-card,.content .play-round,.content .play-round:after{animation:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}}
.capture body[data-page="home"] .workflow-section:before,.capture body[data-page="home"] .workflow-line article,.capture body[data-page="home"] .step-icon svg path,.capture body[data-page="home"] .step-connector:before,.capture body[data-page="home"] .step-connector i,.capture .scenario .scenario-art,.capture .scenario .scenario-index,.capture .scenario>h3,.capture .scenario>p,.capture .scenario .scenario-card-cta,.capture .study .orbit,.capture .study .big-symbol,.capture .work .chart-bars i,.capture .work .insight-card,.capture .content .play-round,.capture .content .play-round:after{animation:none!important;opacity:1!important;transform:none!important;stroke-dashoffset:0!important}.capture body[data-page="home"] .step-connector:before{transform:scaleX(1)!important}
@media(prefers-reduced-motion:reduce){.study .orbit{transform:translate(-50%,-50%)!important}.content .play-round{transform:translate(-50%,-50%)!important}}
.capture .study .orbit{transform:translate(-50%,-50%)!important}.capture .content .play-round{transform:translate(-50%,-50%)!important}

/* Razor-sharp final SVG icons v18 */
body[data-page="home"] .floating-output{grid-template-columns:64px minmax(0,1fr) 24px;will-change:auto;transform:none!important;backface-visibility:visible;filter:none!important;animation:final-card-sharp-glow 4.8s ease-in-out infinite!important}
body[data-page="home"] .out-2{animation-delay:-1.2s!important}body[data-page="home"] .out-3{animation-delay:-2.4s!important}body[data-page="home"] .out-4{animation-delay:-3.6s!important}
body[data-page="home"] .floating-output:hover{transform:translateY(-4px)!important;filter:none!important}
body[data-page="home"] .floating-output .output-icon{width:64px;height:64px;display:grid;place-items:center;border:1px solid currentColor;border-radius:17px;overflow:visible;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 10px 24px rgba(0,0,0,.24)}
body[data-page="home"] .floating-output .output-icon:after{display:none!important;animation:none!important;filter:none!important}
body[data-page="home"] .floating-output .output-icon svg{width:40px;height:40px;display:block;overflow:visible;filter:none!important;transform:none!important;shape-rendering:geometricPrecision;text-rendering:geometricPrecision;stroke-width:2.5}
body[data-page="home"] .floating-output .output-icon svg *{vector-effect:non-scaling-stroke}
body[data-page="home"] .floating-output .output-icon .icon-accent{stroke:#fff;stroke-width:2.65}
body[data-page="home"] .output-icon.pink{color:#ff8eed;background:#43264d}body[data-page="home"] .output-icon.yellow{color:#f1fa52;background:#41451f}body[data-page="home"] .output-icon.green{color:#45f096;background:#173f2d}body[data-page="home"] .output-icon.blue{color:#b3bdff;background:#283565}
body[data-page="home"] .out-4 .output-icon{position:relative;overflow:visible;color:#d7ddff;background:linear-gradient(145deg,#384a91,#202b57)}
body[data-page="home"] .out-4 .quote-bubble-icon{width:42px;height:42px;stroke-width:2.35}
body[data-page="home"] .out-4 .quote-verified-badge{position:absolute;z-index:3;right:-6px;bottom:-6px;width:23px;height:23px;display:grid;place-items:center;border:3px solid #1b2443;border-radius:50%;background:#39df75;color:#102417;box-shadow:0 5px 15px rgba(57,223,117,.34)}
body[data-page="home"] .out-4 .quote-verified-badge svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
@keyframes final-card-sharp-glow{0%,100%{border-color:rgba(151,164,255,.25);box-shadow:0 22px 52px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.09)}50%{border-color:rgba(151,164,255,.42);box-shadow:0 25px 58px rgba(0,0,0,.38),0 0 24px rgba(89,108,255,.09),inset 0 1px rgba(255,255,255,.11)}}
@media(max-width:1100px){body[data-page="home"] .floating-output{grid-template-columns:56px minmax(0,1fr) 19px}body[data-page="home"] .floating-output .output-icon{width:56px;height:56px}body[data-page="home"] .floating-output .output-icon svg{width:36px;height:36px}}
@media(max-width:700px){body[data-page="home"] .floating-output{grid-template-columns:50px minmax(0,1fr) 20px}body[data-page="home"] .floating-output .output-icon{width:50px;height:50px}body[data-page="home"] .floating-output .output-icon svg{width:32px;height:32px}}
@media(max-width:700px){body[data-page="home"] .out-4 .quote-bubble-icon{width:34px;height:34px}body[data-page="home"] .out-4 .quote-verified-badge{right:-5px;bottom:-5px;width:20px;height:20px;border-width:2px}body[data-page="home"] .out-4 .quote-verified-badge svg{width:11px;height:11px}}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .floating-output{animation:none!important}}
.capture body[data-page="home"] .floating-output{animation:none!important;transform:none!important}

/* Wide volumetric scenario buttons v19 */
.scenario-card-cta{isolation:isolate;width:100%;min-height:50px;overflow:hidden;justify-content:center;margin-top:25px;padding:14px 20px;border:1px solid rgba(83,100,222,.24);border-radius:16px;background:linear-gradient(180deg,#ffffff 0%,#eef1ff 100%);color:#4054d5;font-size:12px;font-weight:780;letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -2px 5px rgba(64,84,213,.07),0 10px 22px rgba(64,84,213,.14),0 2px 5px rgba(32,45,115,.08)}
.scenario-card-cta:before{content:"";position:absolute;z-index:-1;top:-40%;bottom:-40%;left:-34%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.86),transparent);transform:skewX(-18deg);opacity:0;transition:left .65s var(--ease-out-expo),opacity .25s ease}
.scenario-card-link:hover .scenario-card-cta{background:linear-gradient(180deg,#6c7cff 0%,#465bdc 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -3px 6px rgba(29,44,143,.2),0 16px 32px rgba(64,84,213,.28),0 4px 9px rgba(32,45,115,.14);transform:translateY(-4px)}
.scenario-card-link:hover .scenario-card-cta:before{left:108%;opacity:1}
.scenario-card-link.study .scenario-card-cta{border-color:rgba(22,140,71,.22);background:linear-gradient(180deg,#ffffff 0%,#eaf9f0 100%);color:#168c47;box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -2px 5px rgba(22,140,71,.07),0 10px 22px rgba(22,140,71,.13),0 2px 5px rgba(13,83,43,.07)}
.scenario-card-link.study:hover .scenario-card-cta{background:linear-gradient(180deg,#27b968 0%,#148044 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -3px 6px rgba(7,84,40,.2),0 16px 32px rgba(22,140,71,.25),0 4px 9px rgba(13,83,43,.13)}
.scenario-card-link.content .scenario-card-cta{border-color:rgba(166,76,158,.22);background:linear-gradient(180deg,#ffffff 0%,#fff0fc 100%);color:#a64c9e;box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -2px 5px rgba(166,76,158,.07),0 10px 22px rgba(166,76,158,.13),0 2px 5px rgba(92,39,88,.07)}
.scenario-card-link.content:hover .scenario-card-cta{background:linear-gradient(180deg,#c65abb 0%,#98428f 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -3px 6px rgba(93,31,87,.2),0 16px 32px rgba(166,76,158,.26),0 4px 9px rgba(92,39,88,.13)}
.scenario-card-cta svg{display:none!important}
@media(max-width:700px){.scenario-card-cta{min-height:48px;margin-top:20px;padding:13px 17px;border-radius:15px}}
@media(prefers-reduced-motion:reduce){.scenario-card-cta:before{display:none!important}.scenario-card-link:hover .scenario-card-cta{transform:none!important}}
.capture .scenario-card-cta:before{display:none!important}.capture .scenario-card-cta{transform:none!important}

/* Unified vertical rhythm v20 */
:root{--section-rhythm:120px}
main>.section,main>.feature-workflow>.section{padding-top:var(--section-rhythm)!important;padding-bottom:var(--section-rhythm)!important}
@media(max-width:1000px){:root{--section-rhythm:96px}}
@media(max-width:700px){:root{--section-rhythm:72px}}

/* Equal source constellation cards v21 */
.constellation .source-node,.constellation .answer-node{box-sizing:border-box;width:220px;height:92px;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;column-gap:13px;row-gap:3px;align-content:center;align-items:center;padding:14px 15px;border-radius:19px;background:linear-gradient(145deg,rgba(44,51,76,.92),rgba(23,28,40,.88));box-shadow:0 18px 42px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.09)}
.constellation .source-node>span,.constellation .answer-node>span{grid-row:1/3;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(143,157,255,.2);border-radius:14px;background:linear-gradient(145deg,#35427a,#252d50);color:#c5ccff;font-size:11px;font-weight:780;letter-spacing:.02em;box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 20px rgba(0,0,0,.18)}
.constellation .source-node>b,.constellation .source-node>small,.constellation .answer-node>b,.constellation .answer-node>small{min-width:0;margin:0;overflow:hidden;line-height:1.25;text-align:left;text-overflow:ellipsis}
.constellation .source-node>b,.constellation .answer-node>b{align-self:end;color:#fff;font-size:13px;font-weight:720;letter-spacing:-.015em;white-space:nowrap}
.constellation .source-node>small,.constellation .answer-node>small{align-self:start;color:rgba(223,228,240,.67);font-size:10px;font-weight:560;white-space:nowrap}
.constellation .answer-node{top:50%;left:50%;padding:14px 15px;background:linear-gradient(145deg,rgba(69,76,108,.96),rgba(42,47,67,.94));transform:translate(-50%,-50%);box-shadow:0 24px 58px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.12)}
.constellation .answer-node>span{border-color:rgba(85,229,180,.32);background:linear-gradient(135deg,#6678ff,#35cce2 50%,#26e875);color:#07130e;font-size:22px}
.constellation .answer-node>b{overflow:visible;line-height:1.12;text-overflow:clip;white-space:normal}
.constellation .node-1{top:34px;left:30px}.constellation .node-2{top:34px;right:30px}.constellation .node-3{bottom:34px;left:30px}.constellation .node-4{right:30px;bottom:34px}
@media(max-width:700px){.constellation{min-height:430px;transform:none!important}.constellation .source-node,.constellation .answer-node{width:172px;height:78px;grid-template-columns:44px minmax(0,1fr);column-gap:9px;padding:10px;border-radius:16px}.constellation .source-node>span,.constellation .answer-node>span{width:44px;height:44px;border-radius:12px;font-size:9px}.constellation .answer-node>span{font-size:18px}.constellation .source-node>b,.constellation .answer-node>b{font-size:11px}.constellation .source-node>small,.constellation .answer-node>small{font-size:8px}.constellation .node-1{top:18px;left:0}.constellation .node-2{top:18px;right:0}.constellation .node-3{bottom:18px;left:0}.constellation .node-4{right:0;bottom:18px}}

/* Real-time hero typing v22 */
.hero-typewriter{position:relative}
.hero-type-line{display:inline-grid;grid-template-columns:minmax(0,1fr);max-width:100%;vertical-align:bottom}
.hero-type-reserve,.hero-type-live{grid-area:1/1;min-width:0;white-space:normal}
.hero-type-reserve{visibility:hidden;pointer-events:none}
.hero-type-live{position:relative;justify-self:start}
.hero-type-live.is-typing:after,.hero-typewriter.is-type-complete:not(.is-caret-hidden) .hero-type-live:last-child:after{content:"";width:.075em;height:.82em;display:inline-block;margin-left:.06em;border-radius:999px;background:linear-gradient(180deg,#6577ff,#36d98a);box-shadow:0 0 14px rgba(80,143,222,.42);vertical-align:-.04em;animation:hero-type-caret .72s steps(1,end) infinite}
.hero-type-live.gradient-text{background-size:250% 100%;-webkit-background-clip:text;background-clip:text}
@keyframes hero-type-caret{0%,46%{opacity:1}47%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.hero-type-live.is-typing:after,.hero-typewriter.is-type-complete .hero-type-live:last-child:after{display:none!important}}
.capture .hero-type-live.is-typing:after,.capture .hero-typewriter.is-type-complete .hero-type-live:last-child:after{display:none!important}

/* Animated hero side systems v23 */
.hero{position:relative;isolation:isolate}
.hero-copy{position:relative;z-index:3}
.hero-side-motion{position:absolute;z-index:4;top:142px;width:196px;height:292px;pointer-events:none;opacity:0;filter:drop-shadow(0 22px 40px rgba(47,61,132,.24))}
.page-entered .hero-side-motion{animation:hero-side-enter 1.05s var(--ease-out-expo) .55s forwards}
.hero-side-left{left:16px;transform:translateX(-32px)}.hero-side-right{right:16px;transform:translateX(32px)}
.hero-side-orbit{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:rgba(76,97,235,.43);stroke-width:1.35;stroke-dasharray:4 8;transform-origin:center;animation:hero-side-orbit 18s linear infinite}
.hero-side-right .hero-side-orbit{stroke:rgba(24,181,109,.42);animation-direction:reverse;animation-duration:21s}
.hero-side-orbit circle{fill:#6678ff;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 7px #6678ff)}.hero-side-right .hero-side-orbit circle{fill:#36d98a;filter:drop-shadow(0 0 7px #36d98a)}
.hero-motion-card{position:absolute;width:126px;display:grid;grid-template-columns:44px 1fr;gap:2px 10px;align-items:center;padding:12px;border:1px solid rgba(78,98,235,.48);border-radius:18px;background:linear-gradient(145deg,#f7f8ff,#dce4ff);box-shadow:0 16px 38px rgba(48,59,124,.24),inset 0 1px #fff;backdrop-filter:blur(13px);animation:hero-side-card-float 4.8s ease-in-out infinite}
.hero-motion-card svg{grid-row:1/3;width:44px;height:44px;padding:10px;box-sizing:border-box;border-radius:13px;background:linear-gradient(145deg,#7182ff,#3d52dd);fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;box-shadow:0 9px 22px rgba(65,86,214,.34)}
.hero-motion-card b,.hero-motion-card small{display:block;white-space:nowrap}.hero-motion-card b{align-self:end;color:#181d2d;font-size:12px}.hero-motion-card small{align-self:start;color:#6e7585;font-size:8.5px}
.motion-pdf{top:25px;left:0}.motion-result{right:0;bottom:21px;border-color:rgba(28,183,108,.48);background:linear-gradient(145deg,#f4fff9,#ccf6e2);animation-delay:-1.7s}.motion-result svg{background:linear-gradient(145deg,#35cce2,#20bd70);box-shadow:0 9px 22px rgba(32,189,112,.3)}
.hero-motion-spark{position:absolute;top:47px;right:29px;width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(46,209,130,.38);border-radius:19px;background:linear-gradient(145deg,#fff,rgba(220,255,238,.96));box-shadow:0 16px 36px rgba(33,160,99,.22);animation:hero-side-spark 3.7s ease-in-out infinite}
.hero-motion-spark svg{width:27px;height:27px;fill:none;stroke:#22b86c;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero-motion-dot{position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#6678ff;box-shadow:0 0 0 4px rgba(102,120,255,.1),0 0 16px rgba(102,120,255,.55);animation:hero-side-dot 3.1s ease-in-out infinite}.hero-side-right .hero-motion-dot{background:#35d68a;box-shadow:0 0 0 4px rgba(53,214,138,.1),0 0 16px rgba(53,214,138,.55)}
.hero-side-left .dot-a{top:114px;right:26px}.hero-side-left .dot-b{right:54px;bottom:34px;animation-delay:-1.4s}.hero-side-right .dot-a{top:111px;left:25px}.hero-side-right .dot-b{bottom:32px;left:54px;animation-delay:-1.4s}
.hero-typewriter.is-type-complete~*{}.hero:has(.hero-typewriter.is-type-complete) .hero-side-orbit{stroke-dasharray:7 7;filter:saturate(1.18)}
@keyframes hero-side-enter{to{opacity:1;transform:none}}@keyframes hero-side-orbit{to{transform:rotate(1turn)}}@keyframes hero-side-card-float{50%{transform:translateY(-8px);box-shadow:0 19px 40px rgba(48,59,124,.17),inset 0 1px rgba(255,255,255,.95)}}@keyframes hero-side-spark{50%{transform:translateY(-7px) rotate(8deg) scale(1.06);filter:brightness(1.08)}}@keyframes hero-side-dot{50%{transform:scale(.72);opacity:.52}}
@media(max-width:1180px){.hero-side-motion{top:154px;scale:.76}.hero-side-left{left:-15px}.hero-side-right{right:-15px}}
@media(max-width:850px){.hero-side-motion{display:none}}
@media(prefers-reduced-motion:reduce){.hero-side-motion,.hero-side-orbit,.hero-motion-card,.hero-motion-spark,.hero-motion-dot{animation:none!important;opacity:1!important;transform:none!important}.hero-side-left{transform:none!important}.hero-side-right{transform:none!important}}
.capture .hero-side-motion,.capture .hero-side-orbit,.capture .hero-motion-card,.capture .hero-motion-spark,.capture .hero-motion-dot{animation:none!important;opacity:1!important;transform:none!important}.capture .hero-side-left,.capture .hero-side-right{transform:none!important}

/* Mobile production pass v24 */
.mobile-menu-toggle,.mobile-nav{display:none}
@media(max-width:700px){
  html{scroll-padding-top:84px}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom));text-rendering:optimizeLegibility}
  body.mobile-menu-open{overflow:hidden}
  body.mobile-menu-open:before{content:"";position:fixed;z-index:98;inset:72px 0 0;background:rgba(13,17,31,.24);backdrop-filter:blur(5px)}
  .site-header{z-index:100;height:72px;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:0 max(14px,env(safe-area-inset-left)) 0 max(14px,env(safe-area-inset-left))}
  .site-header .header-actions,.site-header .main-nav{display:none}
  .site-header .brand{min-width:0;min-height:44px;font-size:21px;letter-spacing:-.6px}
  .site-header .brand-logo{width:31px;height:28px;flex:0 0 auto}
  .mobile-menu-toggle{position:relative;z-index:102;width:46px;height:46px;display:grid;place-content:center;gap:5px;padding:0;border:1px solid rgba(75,87,153,.16);border-radius:15px;background:linear-gradient(145deg,#fff,#eef1ff);box-shadow:0 10px 26px rgba(48,59,124,.11);cursor:pointer}
  .mobile-menu-toggle span{width:20px;height:2px;border-radius:999px;background:#20263b;transition:transform .32s var(--ease-spring),opacity .2s ease}
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mobile-nav{position:fixed;z-index:101;top:82px;right:12px;left:12px;display:grid;gap:6px;padding:12px;border:1px solid rgba(81,93,158,.16);border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 28px 70px rgba(28,34,71,.24);backdrop-filter:blur(24px);animation:mobile-menu-in .38s var(--ease-out-expo) both}
  .mobile-nav[hidden]{display:none!important}
  .mobile-nav>a{min-height:50px;display:flex;align-items:center;padding:0 15px;border-radius:14px;color:#313747;font-size:15px;font-weight:650}
  .mobile-nav>a:not(.mobile-nav-cta):hover{background:#f1f3ff;color:#3448ce}
  .mobile-nav .mobile-nav-cta{justify-content:space-between;margin-top:4px;background:linear-gradient(110deg,#1c285d,#4f63f3);color:#fff;box-shadow:0 12px 28px rgba(57,73,186,.23)}
  @keyframes mobile-menu-in{from{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:none}}

  .section{width:calc(100% - 28px);padding-top:64px;padding-bottom:64px}
  .hero{padding-top:55px;padding-bottom:62px}
  .hero .eyebrow{max-width:100%;margin-bottom:26px;padding:9px 13px;font-size:13px;line-height:1.25;text-align:left}
  .hero h1{font-size:clamp(43px,13vw,56px);line-height:.99;letter-spacing:-.058em;text-wrap:balance}
  .hero-subtitle{margin-top:28px;font-size:18px;line-height:1.65}
  .hero-actions{gap:10px;margin-top:30px}
  .hero-actions .button{width:100%;min-width:0;min-height:56px;padding-right:16px;padding-left:16px}
  .hero-demo-link{min-width:0;gap:10px}
  .hero-demo-link .demo-label{min-width:0}.hero-demo-link .demo-label b{font-size:15px}.hero-demo-link .demo-label small{font-size:10px}
  .product-window{margin-top:48px;border-radius:25px}
  .window-bar{height:64px;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:0 14px}
  .window-title{min-width:0;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
  .window-actions{gap:9px}.window-actions>span{display:none}
  .workspace-grid{height:545px}.chat-panel{padding:17px}.question-bubble{max-width:88%}.answer-block{font-size:11px}.prompt-bar button{width:44px;height:44px;min-width:44px;min-height:44px}

  .section-heading{margin-bottom:38px}
  .section-heading h2,.split-copy h2,.faq-heading h2,.trust-copy h2,.final-copy h2{font-size:clamp(39px,11.2vw,46px);line-height:1.02;letter-spacing:-.052em;text-wrap:balance}
  .section-heading p,.split-copy>p,.faq-heading p,.trust-copy>p{font-size:17px;line-height:1.62}
  .cap-copy a,.cap-wide-copy a,.inline-link,.source-preview a{min-height:44px;display:inline-flex;align-items:center;gap:10px;padding:7px 0;font-size:14px}
  .cap-copy p,.cap-wide-copy p{font-size:15px;line-height:1.58}
  body[data-page="home"] .capability-grid{gap:14px}
  body[data-page="home"] .capability-grid .cap-card{border-radius:25px}
  body[data-page="home"] .cap-large{min-height:610px}
  body[data-page="home"] .cap-wide{padding:24px 18px}

  .product-experience,.compare-section,.summary-section,.text-section{gap:38px}
  .citation-scene{min-height:650px;padding:22px;border-radius:26px}
  .citation-answer{width:100%;padding:17px;font-size:14px}
  .citation-question{max-width:94%;padding:15px 17px}
  .source-preview{right:20px;bottom:22px;left:20px;width:auto;padding:20px}
  .source-preview a{width:max-content}
  .compare-canvas{padding:24px;border-radius:26px}.compare-document,.compare-result{border-radius:20px}
  .compare-result button{min-height:46px;font-size:12px}
  .compare-section>.button{width:100%;max-width:290px}

  .summary-tabs button{min-height:44px}
  .summary-result-card footer button{width:44px;height:44px;min-height:44px}
  .summary-cta{min-height:56px}
  body[data-page="home"] .summary-studio{min-height:860px}

  .pdf-section{padding-right:14px;padding-left:14px}
  .transform-stage{min-height:790px;border-radius:28px}
  .transform-statusbar{right:14px;left:14px;padding:8px}
  .transform-statusbar span{min-height:38px}
  .text-editor{grid-template-columns:64px minmax(0,1fr);border-radius:26px}
  .editor-sidebar button{width:44px;min-width:44px;min-height:44px;margin-right:auto;margin-left:auto}.editor-toolbar button{min-height:44px}.ai-suggestion button{min-height:44px}
  .editor-toolbar{gap:10px;padding:0 10px}.editor-toolbar span:not(:first-child),.editor-toolbar i{display:none}
  .editor-main article{padding-right:20px;padding-left:22px}
  .text-heading .inline-link{min-height:48px}

  body[data-page="home"] .workflow-line{gap:18px}
  body[data-page="home"] .workflow-line article{min-height:360px;padding:25px;border-radius:26px}
  body[data-page="home"] .step-icon{width:104px;height:104px;margin-bottom:28px}
  body[data-page="home"] .workflow-line h3{font-size:27px}
  body[data-page="home"] .workflow-line p{font-size:15px}
  .workflow-card-cta,.scenario-card-cta{width:100%;min-height:50px;justify-content:space-between;padding:11px 12px 11px 15px}
  .scenario-columns{gap:16px}.scenario{min-height:0;padding:18px;border-radius:25px}.scenario-art{height:275px}.scenario h3{font-size:25px}.scenario p{font-size:15px}

  .trust-section{width:100%;min-height:0;gap:42px;padding:76px 14px 82px}
  .trust-copy{max-width:none}.trust-copy>p{font-size:17px}.trust-points{font-size:14px;line-height:1.55}
  .constellation{width:100%;min-height:430px}
  .faq-list summary{min-height:76px}.faq-toggle{flex:0 0 auto}
  .final-copy{width:100%}.final-copy p{font-size:16px}.final-copy .button{width:100%;min-height:56px}

  #site-footer{padding:58px 30px calc(30px + env(safe-area-inset-bottom))}
  .footer-top{gap:28px}.footer-brand{min-height:44px}.footer-login .button{min-height:56px}
  .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:36px;margin-bottom:40px}
  .footer-links a{min-height:44px;display:flex;align-items:center;font-size:14px;line-height:1.35}
  .footer-bottom{gap:18px;font-size:11px;line-height:1.55}


  body[data-page="feature"] .feature-hero{width:calc(100% - 28px);padding-top:50px;padding-bottom:70px}
  body[data-page="feature"] .feature-hero h1{font-size:clamp(44px,13vw,54px);line-height:.98}
  body[data-page="feature"] .feature-visual{min-height:410px}
  body[data-page="feature"] .feature-problem{padding-top:76px;padding-bottom:82px}
  body[data-page="feature"] .feature-problem h2,body[data-page="feature"] .feature-capabilities .section-heading h2,body[data-page="feature"] .feature-workflow h2,body[data-page="feature"] .evidence-copy h2,body[data-page="feature"] .related-section h2{font-size:clamp(39px,11.5vw,47px);overflow-wrap:anywhere}
  body[data-page="feature"] .feature-card{min-height:360px;padding:20px}
  body[data-page="feature"] .workflow-card{min-height:250px;padding:24px}
  body[data-page="feature"] .related-grid a{min-height:190px}
}
@media(max-width:360px){
  .site-header .brand{font-size:19px}.site-header .brand-logo{width:29px}.mobile-menu-toggle{width:44px;height:44px}
  .section{width:calc(100% - 24px)}
  .hero h1{font-size:clamp(40px,13.2vw,48px)}.hero-subtitle{font-size:16px}.hero .eyebrow{font-size:12px}
  .section-heading h2,.split-copy h2,.faq-heading h2,.trust-copy h2,.final-copy h2{font-size:38px}
  .summary-tabs button{font-size:10px}.summary-result-card{right:10px!important;left:10px!important}
  body[data-page="home"] .workflow-line article{padding:22px}
  .footer-links{gap:18px}.footer-links a{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.mobile-nav{animation:none!important}.mobile-menu-toggle span{transition:none!important}}

/* Lightweight visual rendering v25 */
@supports(content-visibility:auto){
  main>section:not(.hero):not(.feature-hero){content-visibility:auto;contain-intrinsic-size:auto 900px}
  #site-footer{content-visibility:auto;contain-intrinsic-size:auto 620px}
}
.product-window,.citation-scene,.summary-studio,.transform-stage,.text-editor,.scenario-art,.feature-visual,.citation-orbit{contain:layout paint style}
@media(max-width:700px){
  .glow,.final-glow{filter:blur(76px);opacity:.17}
  .format-intro,.source-formats .marquee-group>span,.hero-motion-card,.citation-status,.citation-question,.citation-answer,.source-preview,.compare-mode-tabs,.compare-source,.summary-source-card,.summary-result-card,.summary-gain,.floating-output{backdrop-filter:none!important}
  .workflow-section:before,.transform-stage:before,.summary-studio:after{filter:blur(46px)!important;opacity:.22!important}
  .cursor-aura,.hero-side-motion{display:none!important}
}

/* High-contrast button typography v27 */
:where(.button,.product-cta,.workflow-card-cta,.scenario-card-cta,.mobile-nav-cta,.summary-tabs button,.compare-mode-tabs button,.compare-result button,.editor-sidebar button,.editor-toolbar button,.editor-assistant button,.ai-suggestion button){font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;font-weight:750;letter-spacing:-.012em;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;font-synthesis:none}
:where(.product-cta,.button-primary,.final-copy .button,.mobile-nav-cta,.compare-result button,.editor-toolbar button){color:#fff!important;text-shadow:0 1px 1px rgba(6,11,38,.34)}
:where(.button-secondary,.button-outline,.summary-tabs button,.compare-mode-tabs button,.workflow-card-cta,.scenario-card-cta,.editor-sidebar button,.editor-assistant button,.ai-suggestion button){text-shadow:none}
.button{font-size:16px}.button-small{font-size:14px;font-weight:760}.final-copy .button{font-size:17px;font-weight:780;letter-spacing:-.018em}.hero-actions .button{font-weight:770}.hero-demo-link .demo-label b{color:#fff;font-weight:780;text-shadow:0 1px 1px rgba(6,11,38,.3)}.hero-demo-link .demo-label small{color:rgba(255,255,255,.78);font-weight:620;text-shadow:0 1px 1px rgba(6,11,38,.22)}
@media(max-width:700px){.button{font-size:16px}.button-small{font-size:14px}.final-copy .button{font-size:16px}.workflow-card-cta,.scenario-card-cta{font-size:13px}}

/* Cross-page overlap and capture fixes v28 */
.capture main>section,.capture #site-footer{content-visibility:visible!important;contain-intrinsic-size:none!important}
@media(max-width:700px){body{padding-bottom:0}}

/* Mobile action and citation rebuild v29 */
.product-cta .cta-arrow,.workflow-card-cta svg,.scenario-card-cta svg{display:none!important}
.workflow-card-cta,.scenario-card-cta{justify-content:center;padding-right:18px;padding-left:18px}
.related-grid a>span{display:none!important}
@media(max-width:700px){
  .product-cta,.button.product-cta,.summary-cta,.pdf-section>.product-cta{justify-content:center;padding-right:20px;padding-left:20px}
  .workflow-card-cta,.scenario-card-cta{justify-content:center;padding-right:18px;padding-left:18px}
  body[data-page="home"] .citation-scene{display:flex;min-height:0;flex-direction:column;gap:14px;padding:20px;border-radius:26px}
  body[data-page="home"] .citation-scene>.scene-glow,body[data-page="home"] .citation-scene>.scene-grid{position:absolute;inset:0;pointer-events:none}
  body[data-page="home"] .citation-status,body[data-page="home"] .citation-question,body[data-page="home"] .citation-answer,body[data-page="home"] .source-preview{position:relative;inset:auto;right:auto;bottom:auto;left:auto;width:100%;max-width:none;margin:0;flex:none}
  body[data-page="home"] .citation-status{display:flex;min-height:38px;align-items:center;gap:8px;padding:9px 11px;border-radius:12px;font-size:10px}
  body[data-page="home"] .citation-status b{margin-left:auto;white-space:nowrap}
  body[data-page="home"] .citation-question{padding:15px 16px;border-radius:15px;font-size:14px;line-height:1.42}
  body[data-page="home"] .citation-question small{display:block;margin-bottom:5px}
  body[data-page="home"] .citation-answer{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:17px;border:1px solid rgba(83,203,221,.2);border-radius:20px;background:linear-gradient(135deg,rgba(34,62,104,.74),rgba(13,74,59,.7));font-size:14px;line-height:1.62}
  body[data-page="home"] .citation-answer .spark{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:linear-gradient(135deg,#5970f3,#16c9cf);color:#fff}
  body[data-page="home"] .citation-answer .spark svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6}
  body[data-page="home"] .citation-answer p{min-width:0;overflow-wrap:anywhere}
  body[data-page="home"] .citation-answer p>small{display:block;margin-bottom:7px;color:#8ce8ef;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
  body[data-page="home"] .citation-rail{display:none}
  body[data-page="home"] .source-preview{padding:17px;border-radius:20px;background:rgba(26,31,39,.96);box-shadow:0 18px 38px rgba(0,0,0,.2)}
  body[data-page="home"] .source-preview .source-top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;margin-bottom:13px}
  body[data-page="home"] .source-preview p{position:relative;z-index:1;font-size:14px;line-height:1.62;overflow-wrap:anywhere}
  body[data-page="home"] .source-highlight{right:12px;bottom:69px;left:12px;height:44px;opacity:.7}
  body[data-page="home"] .source-preview a{position:relative;z-index:2;display:flex;width:100%;min-height:48px;justify-content:center;margin-top:15px;padding:0 12px;border:1px solid rgba(130,144,255,.28);border-radius:14px;background:rgba(95,110,238,.12);color:#cbd2ff;font-size:14px;font-weight:750}
}
/* Remaining mobile collisions and stale-arrow guard v30 */
.prompt-bar button{width:auto;min-width:82px;padding:0 14px;font-size:11px;font-weight:750;white-space:nowrap}
@media(max-width:700px){
  body[data-page="home"] .capability-grid .cap-small{display:flex;min-height:0;flex-direction:column;padding:26px 22px}
  body[data-page="home"] .capability-grid .cap-small h3{margin-top:19px}
  body[data-page="home"] .capability-grid .cap-small p{position:relative;z-index:2}
  body[data-page="home"] .mini-compare{position:relative;inset:auto;right:auto;bottom:auto;width:100%;justify-content:center;margin-top:27px;padding:16px;border:1px solid rgba(92,106,205,.11);border-radius:20px;background:rgba(255,255,255,.52)}
  body[data-page="home"] .mini-compare i{width:min(84px,30%);height:64px;border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 10px 24px rgba(74,85,150,.09)}
  body[data-page="home"] .mini-compare span{width:min(72px,24%)}
  body[data-page="home"] .summary-lines{position:relative;inset:auto;right:auto;bottom:auto;width:100%;margin-top:26px;padding:15px 17px;border:1px solid rgba(202,99,186,.1);border-radius:20px;background:rgba(255,255,255,.48)}
  body[data-page="home"] .summary-lines span{height:8px;margin-top:8px}.summary-lines span:first-child{margin-top:0}
  .prompt-bar{gap:10px;padding:9px 9px 9px 14px}
  .prompt-bar span{min-width:0;line-height:1.4}
  .prompt-bar button{width:auto;min-width:88px;min-height:44px;padding:0 12px;border-radius:11px;font-size:10px;line-height:1}
}
@media(max-width:350px){
  .prompt-bar button{min-width:76px;padding:0 9px;font-size:9px}
}
/* Premium multi-page system — v6 */
:root{
  --page-accent:#6674f4;--page-accent-rgb:102,116,244;--page-accent-2:#36d993;
  --page-ink:#11131a;--page-muted:#666d79;--page-line:rgba(28,34,59,.12);
  --page-surface:rgba(255,255,255,.82);--page-radius:32px;
  --shadow-soft:0 24px 70px rgba(32,42,86,.09);--shadow-lift:0 30px 80px rgba(32,42,86,.15);
}
body[data-route="analiz-dokumenta"]{--page-accent:#6674f4;--page-accent-rgb:102,116,244;--page-accent-2:#34d99a}
body[data-route="sravnit-dokumenty"]{--page-accent:#6978ff;--page-accent-rgb:105,120,255;--page-accent-2:#d5dc36}
body[data-route="kratkiy-pereskaz"]{--page-accent:#b84dad;--page-accent-rgb:184,77,173;--page-accent-2:#f58bcf}
body[data-route="pdf-v-doc"]{--page-accent:#f05d62;--page-accent-rgb:240,93,98;--page-accent-2:#6374f4}
body[data-route="rabota-s-tekstom"]{--page-accent:#168ba1;--page-accent-rgb:22,139,161;--page-accent-2:#37d995}

html{scroll-behavior:smooth;scroll-padding-top:110px}
body[data-page="feature"]{background:
  radial-gradient(circle at 10% 8%,rgba(var(--page-accent-rgb),.12),transparent 24rem),
  radial-gradient(circle at 90% 34%,rgba(52,217,154,.09),transparent 25rem),#fbfcff;color:var(--page-ink)}
body[data-page="feature"] main{overflow:clip}
body[data-page="feature"] .site-header{border-color:rgba(var(--page-accent-rgb),.12);background:rgba(251,252,255,.82);box-shadow:0 12px 36px rgba(24,31,72,.06);backdrop-filter:blur(24px) saturate(1.25)}
body[data-page="feature"] .main-nav a{position:relative}
body[data-page="feature"] .main-nav a:after{content:"";position:absolute;right:0;bottom:-9px;left:0;height:2px;border-radius:3px;background:var(--page-accent);transform:scaleX(0);transition:transform .35s ease}
body[data-page="feature"] .main-nav a:hover:after,body[data-page="feature"] .main-nav a.is-active:after{transform:scaleX(1)}

.feature-hero{position:relative;isolation:isolate;min-height:820px;gap:64px}
.feature-hero:before{content:"";position:absolute;z-index:-1;inset:42px -34px 30px;border:1px solid rgba(var(--page-accent-rgb),.11);border-radius:48px;background:
  linear-gradient(rgba(var(--page-accent-rgb),.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(var(--page-accent-rgb),.035) 1px,transparent 1px),rgba(255,255,255,.54);background-size:42px 42px;box-shadow:var(--shadow-soft)}
.feature-hero h1{max-width:760px;font-size:clamp(60px,5.4vw,92px);letter-spacing:-.068em;text-wrap:balance}
.feature-hero-copy>p:not(.microcopy){max-width:650px;color:#59606c;font-size:20px;line-height:1.62}
.feature-hero .eyebrow{border-color:rgba(var(--page-accent-rgb),.2);background:rgba(255,255,255,.84);color:#424956;box-shadow:0 12px 30px rgba(var(--page-accent-rgb),.09)}
.feature-hero .eyebrow-dot{background:var(--page-accent);box-shadow:0 0 0 5px rgba(var(--page-accent-rgb),.13)}
.feature-hero .button{min-height:58px;padding:0 27px;border-radius:17px}
.feature-hero .button-primary,.feature-hero .button-secondary.product-cta{background:linear-gradient(115deg,#182355 0%,var(--page-accent) 100%)!important;box-shadow:0 16px 36px rgba(var(--page-accent-rgb),.28)!important}
.hero-proof-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.hero-proof-row span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(var(--page-accent-rgb),.14);border-radius:999px;background:rgba(255,255,255,.78);color:#555d69;font-size:11px;box-shadow:0 8px 20px rgba(31,38,73,.05)}
.hero-proof-row i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:rgba(var(--page-accent-rgb),.11);color:var(--page-accent);font-size:10px;font-style:normal;font-weight:800}
.feature-visual{border:1px solid rgba(var(--page-accent-rgb),.22);box-shadow:0 38px 90px rgba(25,33,75,.18),inset 0 1px rgba(255,255,255,.08)}
.feature-visual:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,rgba(var(--page-accent-rgb),.12),transparent 35%,rgba(54,217,147,.07));mix-blend-mode:screen}

.feature-route-nav{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:-37px;padding:10px;border:1px solid rgba(var(--page-accent-rgb),.13);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 22px 60px rgba(31,41,85,.1);backdrop-filter:blur(24px)}
.feature-route-nav a{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;min-height:58px;padding:8px 14px;border-radius:16px;color:#444b57;transition:background .3s ease,transform .3s ease,color .3s ease}
.feature-route-nav a:hover{background:rgba(var(--page-accent-rgb),.08);color:var(--page-accent);transform:translateY(-2px)}
.feature-route-nav b{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(var(--page-accent-rgb),.09);color:var(--page-accent);font-size:10px}
.feature-route-nav span{font-size:13px;font-weight:700}

.feature-problem{position:relative}
.feature-problem .section-heading{max-width:940px;margin-bottom:55px}
.feature-problem h2{margin:14px 0 0}
.problem-contrast{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.problem-contrast article{position:relative;min-height:410px;padding:36px;overflow:hidden;border:1px solid var(--page-line);border-radius:30px;background:rgba(255,255,255,.82);box-shadow:var(--shadow-soft);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease}
.problem-contrast article:hover{transform:translateY(-8px);box-shadow:var(--shadow-lift)}
.problem-contrast article:before{content:"";position:absolute;width:260px;height:260px;right:-100px;bottom:-120px;border-radius:50%;background:rgba(110,116,140,.08);filter:blur(4px)}
.problem-contrast .contrast-after{border-color:rgba(var(--page-accent-rgb),.19);background:radial-gradient(circle at 88% 90%,rgba(var(--page-accent-rgb),.15),transparent 44%),linear-gradient(145deg,#fff,rgba(var(--page-accent-rgb),.045))}
.contrast-label{display:inline-flex;padding:8px 11px;border-radius:999px;background:#f0f1f4;color:#737986;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.contrast-after .contrast-label{background:rgba(var(--page-accent-rgb),.11);color:var(--page-accent)}
.problem-contrast h3{max-width:540px;margin:46px 0 28px;font-size:clamp(27px,2.5vw,38px);line-height:1.07;letter-spacing:-.045em;text-wrap:balance}
.problem-contrast ul{display:grid;gap:13px;margin:0;padding:0;list-style:none}
.problem-contrast li{display:grid;grid-template-columns:27px 1fr;align-items:center;gap:11px;color:#5d6470;font-size:15px;line-height:1.45}
.problem-contrast li i{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#f0f1f4;color:#9297a0;font-style:normal;font-weight:800}
.contrast-after li i{background:rgba(var(--page-accent-rgb),.11);color:var(--page-accent)}

.feature-capabilities .section-heading{display:grid;grid-template-columns:1fr minmax(280px,390px);column-gap:60px;max-width:none;align-items:end}
.feature-capabilities .section-heading .kicker{grid-column:1/3}
.feature-capabilities .section-heading h2{margin-bottom:0}
.feature-capabilities .section-heading>p{margin:0;color:var(--page-muted);font-size:16px;line-height:1.6}
.feature-card-grid{gap:20px}
.feature-card{position:relative;min-height:520px;padding:28px;isolation:isolate;border-color:rgba(var(--page-accent-rgb),.13);background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(var(--page-accent-rgb),.035));box-shadow:0 18px 50px rgba(31,40,82,.07);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease,border-color .4s ease}
.feature-card:nth-child(2),.feature-card:nth-child(3){background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(var(--page-accent-rgb),.055))}
.feature-card:hover{transform:translateY(-10px);border-color:rgba(var(--page-accent-rgb),.27);box-shadow:var(--shadow-lift)}
.feature-card:after{content:"";position:absolute;z-index:-1;inset:0;opacity:0;pointer-events:none;background:radial-gradient(240px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(var(--page-accent-rgb),.13),transparent 70%);transition:opacity .35s ease}
.feature-card:hover:after{opacity:1}
.feature-card-top{display:flex;justify-content:space-between;align-items:center}
.feature-card-top span{color:var(--page-accent);font-size:12px;font-weight:800}
.feature-card-top small{color:#9aa0aa;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.feature-card-icon{height:235px;display:grid;place-items:center;margin:24px 0 30px;border:1px solid rgba(var(--page-accent-rgb),.13);border-radius:23px;background:
  radial-gradient(circle at 50% 50%,rgba(var(--page-accent-rgb),.17),transparent 45%),
  linear-gradient(145deg,#0f121b,#171b29);box-shadow:inset 0 1px rgba(255,255,255,.07)}
.feature-card-icon svg{width:92px;height:92px;fill:none;stroke:var(--page-accent-2);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 18px rgba(var(--page-accent-rgb),.32));transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease}
.feature-card:hover .feature-card-icon svg{transform:translateY(-7px) rotate(-3deg) scale(1.07);filter:drop-shadow(0 13px 25px rgba(var(--page-accent-rgb),.46))}
.feature-card h3{margin:0 0 13px;font-size:29px}
.feature-card p{font-size:15px}
.feature-card-foot{display:flex;align-items:center;gap:9px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(24,29,52,.08);color:#717783;font-size:11px}
.feature-card-foot i{width:7px;height:7px;border-radius:50%;background:var(--page-accent-2);box-shadow:0 0 0 5px rgba(52,217,154,.1)}

.feature-workflow{position:relative;isolation:isolate;overflow:hidden;background:
  radial-gradient(circle at 12% 20%,rgba(var(--page-accent-rgb),.24),transparent 34rem),
  radial-gradient(circle at 88% 92%,rgba(52,217,154,.14),transparent 34rem),#090b11}
.feature-workflow:after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
.workflow-heading{display:grid;grid-template-columns:1fr minmax(280px,420px);gap:60px;align-items:end;margin-bottom:70px}
.workflow-heading .kicker{grid-column:1/3}
.workflow-heading h2{margin:12px 0 0}
.workflow-heading>p{margin:0;color:#9ba1ae;line-height:1.65}
.workflow-line{gap:20px}
.workflow-line:before{top:46px;border-color:rgba(255,255,255,.13)}
.workflow-card{min-height:360px;padding:30px;border-color:rgba(255,255,255,.1);border-radius:27px;background:linear-gradient(150deg,rgba(30,34,48,.92),rgba(13,15,22,.84));box-shadow:0 28px 60px rgba(0,0,0,.2);transition:transform .48s cubic-bezier(.2,.8,.2,1),border-color .4s ease}
.workflow-card:hover{transform:translateY(-10px);border-color:rgba(var(--page-accent-rgb),.45)}
.workflow-card-head{display:flex;justify-content:space-between;align-items:center}
.workflow-card-head span{width:60px;height:60px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,var(--page-accent),var(--page-accent-2));color:#0b0d12;font-size:13px;font-weight:900;box-shadow:0 0 0 10px #0b0d12,0 15px 30px rgba(var(--page-accent-rgb),.25)}
.workflow-card-head i{width:10px;height:10px;border:2px solid rgba(255,255,255,.32);border-radius:50%}
.workflow-card h3{margin:68px 0 14px;font-size:28px}
.workflow-card p{font-size:15px}
.workflow-card>small{display:block;margin-top:25px;color:var(--page-accent-2);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.workflow-card-cta{border-color:rgba(var(--page-accent-rgb),.28)!important;background:rgba(var(--page-accent-rgb),.11)!important;color:#fff!important}

.evidence-section{position:relative;gap:70px}
.evidence-section:before{content:"";position:absolute;z-index:-1;inset:50px -30px;border:1px solid rgba(var(--page-accent-rgb),.1);border-radius:44px;background:linear-gradient(135deg,rgba(var(--page-accent-rgb),.045),rgba(255,255,255,.55),rgba(52,217,154,.04))}
.evidence-copy p{font-size:16px}
.evidence-points{display:grid;gap:10px;margin:28px 0}
.evidence-points span{display:flex;align-items:center;gap:10px;color:#555d68;font-size:13px}
.evidence-points i{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(var(--page-accent-rgb),.1);color:var(--page-accent);font-style:normal;font-weight:800}
.citation-orbit{border:1px solid rgba(var(--page-accent-rgb),.18);background:radial-gradient(circle at center,rgba(var(--page-accent-rgb),.3),transparent 18%),radial-gradient(circle at center,#1d233b,#090b11 63%);box-shadow:0 35px 80px rgba(29,38,82,.18)}
.orbit-core i{background:linear-gradient(135deg,var(--page-accent),var(--page-accent-2))}

.related-section .section-heading{display:grid;grid-template-columns:1fr minmax(260px,400px);gap:55px;align-items:end;max-width:none;margin-bottom:48px}
.related-section .section-heading .kicker{grid-column:1/3}
.related-section .section-heading h2{margin:12px 0 0}
.related-section .section-heading p{margin:0;color:var(--page-muted);line-height:1.6}
.related-grid{gap:18px}
.related-grid a{position:relative;min-height:280px;padding:28px;overflow:hidden;border-color:rgba(var(--page-accent-rgb),.14);background:linear-gradient(145deg,#fff,rgba(var(--page-accent-rgb),.055));box-shadow:0 18px 50px rgba(31,40,82,.07)}
.related-grid a:after{content:"";position:absolute;width:200px;height:200px;right:-90px;bottom:-100px;border-radius:50%;background:rgba(var(--page-accent-rgb),.1);transition:transform .5s ease}
.related-grid a:hover:after{transform:scale(1.45)}
.related-grid a>span{display:grid!important;width:42px;height:42px;place-items:center;margin:0 0 auto;border-radius:14px;background:rgba(var(--page-accent-rgb),.1);color:var(--page-accent);font-size:11px;font-weight:800}
.related-grid b{position:relative;z-index:1;margin:28px 0 10px;font-size:27px}
.related-grid p{position:relative;z-index:1;margin:0;color:#666d78;font-size:13px;line-height:1.55}
.related-grid small{position:relative;z-index:1;margin-top:auto;padding-top:24px;color:var(--page-accent);font-weight:750}

.faq-section{position:relative}
.faq-heading{border-color:rgba(var(--page-accent-rgb),.13)!important;background:linear-gradient(145deg,#fff,rgba(var(--page-accent-rgb),.055))!important}
.faq-list details{border-color:rgba(var(--page-accent-rgb),.12)!important;box-shadow:0 10px 30px rgba(32,41,80,.045)}
.faq-list details[open]{border-color:rgba(var(--page-accent-rgb),.25)!important;box-shadow:0 18px 45px rgba(var(--page-accent-rgb),.1)}
.faq-question i,.faq-toggle{color:var(--page-accent)!important;background:rgba(var(--page-accent-rgb),.09)!important}
.final-proof-row{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 auto 28px}
.final-proof-row span{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.055);color:#b9bfcb;font-size:10px}
.final-proof-row i{color:var(--page-accent-2);font-style:normal;font-weight:900}
.final-cta{border-color:rgba(var(--page-accent-rgb),.25);background:radial-gradient(circle at 10% 5%,rgba(var(--page-accent-rgb),.3),transparent 37%),radial-gradient(circle at 90% 95%,rgba(52,217,154,.17),transparent 35%),linear-gradient(145deg,#0b0d17,#07130f)}

.reading-progress{position:fixed;z-index:200;top:0;right:0;left:0;height:3px;pointer-events:none;background:transparent}
.reading-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--page-accent),var(--page-accent-2));box-shadow:0 0 14px rgba(var(--page-accent-rgb),.55);will-change:transform}
:where(a,button,summary,[tabindex]):focus-visible{outline:3px solid rgba(var(--page-accent-rgb),.5)!important;outline-offset:4px!important}

/* Shared polish for the homepage */
body[data-page="home"]{background:radial-gradient(circle at 8% 8%,rgba(102,116,244,.075),transparent 25rem),radial-gradient(circle at 92% 25%,rgba(53,217,149,.06),transparent 24rem),#fff}
body[data-page="home"] .site-header{background:rgba(255,255,255,.84);box-shadow:0 12px 36px rgba(24,31,72,.055);backdrop-filter:blur(24px) saturate(1.2)}
body[data-page="home"] :where(.cap-card,.scenario,.summary-benefit,.faq-list details){transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .35s ease}
body[data-page="home"] :where(.cap-card,.scenario,.summary-benefit):hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(31,40,82,.13)}

.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.project-disclosure{color:#737a86;font-size:12px;line-height:1.45}

body[data-page="go"]{min-height:100vh;display:grid;background:radial-gradient(circle at 18% 12%,rgba(102,116,244,.2),transparent 34rem),radial-gradient(circle at 86% 88%,rgba(54,217,147,.18),transparent 34rem),#f7f9ff}
.go-page{min-height:100vh;display:grid;place-items:center;padding:28px}
.go-card{width:min(100%,620px);padding:54px;text-align:center;border:1px solid rgba(73,84,151,.15);border-radius:34px;background:rgba(255,255,255,.88);box-shadow:0 38px 110px rgba(31,42,93,.17);backdrop-filter:blur(24px)}
.go-icon{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 22px;border-radius:23px;background:linear-gradient(145deg,#263373,#5368f2);color:#fff;font-size:31px;box-shadow:0 18px 38px rgba(54,72,198,.3)}
.go-kicker{color:#5263db;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.go-card h1{max-width:520px;margin:16px auto 18px;font-size:clamp(38px,6vw,62px);line-height:.98;letter-spacing:-.055em;text-wrap:balance}
.go-card p{max-width:460px;margin:0 auto;color:#646b77;font-size:17px;line-height:1.6}
.go-card p strong{color:#303747}
.go-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:34px}
.go-actions .button{min-width:0;min-height:58px;border-radius:17px}

@media(max-width:1000px){
  .feature-hero{min-height:0}.feature-hero:before{inset:24px -18px}
  .feature-route-nav{margin-top:0}
  .feature-capabilities .section-heading,.workflow-heading,.related-section .section-heading{grid-template-columns:1fr;gap:20px}
  .feature-capabilities .section-heading .kicker,.workflow-heading .kicker,.related-section .section-heading .kicker{grid-column:auto}
  .problem-contrast{grid-template-columns:1fr}.problem-contrast article{min-height:360px}
}

@media(max-width:700px){
  html{scroll-padding-top:82px}
  body[data-page="feature"]{background:radial-gradient(circle at 50% 4%,rgba(var(--page-accent-rgb),.12),transparent 22rem),#fbfcff}
  .feature-hero{gap:36px;padding-top:46px!important;padding-bottom:56px!important}
  .feature-hero:before{inset:12px -8px;border-radius:30px;background-size:32px 32px}
  .feature-hero h1{font-size:clamp(43px,12.4vw,54px)!important;letter-spacing:-.06em}
  .feature-hero-copy>p:not(.microcopy){font-size:17px!important;line-height:1.52}
  .feature-hero .hero-actions{gap:10px}
  .feature-hero .button{min-height:56px}
  .hero-proof-row{display:grid;grid-template-columns:1fr;width:100%;margin-top:18px}
  .hero-proof-row span{width:100%;box-sizing:border-box}
  .feature-route-nav{width:calc(100% - 28px);grid-template-columns:1fr 1fr;gap:6px;padding:8px;border-radius:20px}
  .feature-route-nav a{grid-template-columns:32px 1fr;min-height:52px;padding:6px 9px}
  .feature-route-nav b{width:30px;height:30px}.feature-route-nav span{font-size:11px}
  .feature-problem .section-heading{margin-bottom:32px}.feature-problem h2{margin-top:10px!important}
  .problem-contrast{gap:12px}.problem-contrast article{min-height:0;padding:24px;border-radius:24px}
  .problem-contrast h3{margin:28px 0 22px;font-size:29px}.problem-contrast li{font-size:14px}
  .feature-capabilities .section-heading,.workflow-heading,.related-section .section-heading{margin-bottom:34px;gap:14px}
  .feature-card-grid{gap:14px}.feature-card{min-height:0!important;padding:22px;border-radius:24px}
  .feature-card-icon{height:190px;margin:20px 0 24px}.feature-card-icon svg{width:78px;height:78px}
  .feature-card h3{font-size:27px}.feature-card p{font-size:14px}
  .feature-workflow .section{padding-right:14px;padding-left:14px}
  .workflow-heading>p{font-size:14px}.workflow-line{gap:14px}.workflow-card{min-height:300px;padding:24px}
  .workflow-card h3{margin-top:55px;font-size:26px}.workflow-card p{font-size:14px}
  .evidence-section:before{inset:25px -8px;border-radius:30px}.evidence-section{gap:42px!important}
  .evidence-points span{font-size:12px}.citation-orbit{min-height:410px!important}
  .related-grid{gap:13px}.related-grid a{min-height:230px!important;padding:23px}.related-grid b{font-size:25px}
  .final-proof-row{display:grid;grid-template-columns:1fr;width:100%}.final-proof-row span{justify-content:center}
  .footer-bottom{align-items:flex-start}.project-disclosure{max-width:290px;font-size:11px}
  .go-page{padding:16px}.go-card{padding:36px 20px;border-radius:27px}.go-actions{grid-template-columns:1fr}.go-actions .button{width:100%}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-card,.problem-contrast article,.workflow-card,.related-grid a,.feature-card-icon svg{transition:none!important}.feature-card:hover,.problem-contrast article:hover,.workflow-card:hover,.related-grid a:hover{transform:none!important}}
/* Volume, color and elevation pass — v7 */
:root{
  --v-blue:#596cff;--v-cyan:#38cddd;--v-green:#32da8b;--v-pink:#e96ed5;
  --v-shadow-1:0 8px 18px rgba(31,40,81,.07),0 24px 58px rgba(43,55,112,.11);
  --v-shadow-2:0 12px 26px rgba(30,39,83,.09),0 38px 88px rgba(42,55,122,.16);
  --v-shadow-dark:0 16px 34px rgba(5,8,22,.25),0 46px 105px rgba(16,25,70,.26);
  --v-highlight:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(53,65,124,.06);
}

body{background-attachment:fixed}
h1,h2,h3{text-rendering:geometricPrecision}
.section-heading h2,.split-copy h2,.faq-heading h2{color:#10131b;text-shadow:0 2px 0 rgba(255,255,255,.72)}
.kicker{font-weight:800;text-shadow:0 0 22px rgba(89,108,255,.16)}

/* Navigation and primary actions */
.site-header{border-bottom:1px solid rgba(83,97,177,.12)!important;box-shadow:0 1px 0 rgba(255,255,255,.9),0 14px 44px rgba(37,48,101,.09)!important}
.site-header.scrolled{box-shadow:0 1px 0 rgba(255,255,255,.92),0 19px 55px rgba(34,45,101,.15)!important}
.brand-logo{filter:drop-shadow(0 5px 10px rgba(67,91,224,.23))}
.button,.product-cta,.mobile-nav-cta{border-color:rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -3px 8px rgba(18,31,120,.2),0 8px 12px rgba(30,45,135,.12),0 19px 42px rgba(45,62,189,.25)!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,filter .3s ease!important}
.button:hover,.product-cta:hover,.mobile-nav-cta:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -3px 9px rgba(17,29,116,.24),0 10px 15px rgba(31,45,137,.15),0 25px 52px rgba(46,64,200,.32)!important;filter:saturate(1.12) brightness(1.04)}
.button:active,.product-cta:active,.mobile-nav-cta:active{box-shadow:inset 0 2px 7px rgba(18,29,100,.26),0 7px 17px rgba(42,58,181,.2)!important;filter:none}
.button-secondary:not(.product-cta),.button-outline:not(.product-cta){border-color:rgba(73,87,166,.2)!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(242,245,255,.96))!important;color:#303a6b!important;box-shadow:var(--v-highlight),0 9px 21px rgba(43,54,111,.09)!important}

/* Homepage atmosphere */
body[data-page="home"]{background:
  radial-gradient(circle at 7% 4%,rgba(86,108,255,.11),transparent 28rem),
  radial-gradient(circle at 93% 20%,rgba(48,218,139,.095),transparent 29rem),
  radial-gradient(circle at 22% 58%,rgba(233,110,213,.065),transparent 31rem),#fff}
body[data-page="home"] .hero{position:relative;isolation:isolate}
body[data-page="home"] .hero:before{content:"";position:absolute;z-index:-1;top:4%;left:50%;width:min(1180px,94vw);height:84%;border-radius:50%;background:conic-gradient(from 210deg,rgba(86,108,255,.12),rgba(56,205,221,.08),rgba(50,218,139,.09),rgba(233,110,213,.08),rgba(86,108,255,.12));filter:blur(72px);opacity:.72;transform:translateX(-50%);pointer-events:none}
.hero-workspace{border:1px solid rgba(108,126,255,.3)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -30px 70px rgba(14,31,72,.18),0 15px 24px rgba(31,42,97,.14),0 48px 105px rgba(33,48,117,.27)!important}
.hero-workspace .window-bar{box-shadow:inset 0 -1px 0 rgba(255,255,255,.06)}
.hero-workspace .source-item,.hero-workspace .studio-card,.hero-workspace .question-bubble,.hero-workspace .prompt-bar{box-shadow:inset 0 1px rgba(255,255,255,.07),0 12px 27px rgba(1,4,15,.22)}
.source-formats{position:relative;border-top:1px solid rgba(90,106,190,.12)!important;border-bottom:1px solid rgba(47,202,156,.12)!important;box-shadow:inset 0 24px 55px rgba(255,255,255,.44),inset 0 -22px 55px rgba(75,216,166,.06),0 30px 70px rgba(46,58,114,.08)}
.format-intro,.source-formats .marquee-group>span{box-shadow:var(--v-highlight),0 9px 18px rgba(39,49,104,.07),0 26px 55px rgba(49,63,133,.11)!important}
.source-formats .marquee-group>span:nth-child(3n+1){background:linear-gradient(145deg,#fff,#f0f2ff)}
.source-formats .marquee-group>span:nth-child(3n+2){background:linear-gradient(145deg,#fff,#edfff7)}
.source-formats .marquee-group>span:nth-child(3n+3){background:linear-gradient(145deg,#fff,#fff0fb)}

body[data-page="home"] .capabilities-section{position:relative;isolation:isolate}
body[data-page="home"] .capabilities-section:before{content:"";position:absolute;z-index:-1;inset:8% -12%;background:radial-gradient(circle at 22% 34%,rgba(89,108,255,.1),transparent 29%),radial-gradient(circle at 78% 66%,rgba(50,218,139,.09),transparent 30%);filter:blur(35px);pointer-events:none}
body[data-page="home"] .cap-card{border-color:rgba(69,84,163,.15)!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,248,255,.94))!important;box-shadow:var(--v-highlight),var(--v-shadow-1)!important}
body[data-page="home"] .cap-card:nth-child(2n){background:linear-gradient(145deg,#fff,#f1fff8)!important}
body[data-page="home"] .cap-card:nth-child(3n){background:linear-gradient(145deg,#fff,#fff3fc)!important}
body[data-page="home"] .cap-card:hover{border-color:rgba(89,108,255,.31)!important;box-shadow:inset 0 1px rgba(255,255,255,.95),0 15px 26px rgba(35,48,111,.1),0 42px 92px rgba(51,68,163,.18)!important}
.cap-card :where(.document-flow-board,.compare-mini,.summary-mini){box-shadow:inset 0 1px rgba(255,255,255,.08),0 22px 50px rgba(23,31,79,.17)}

.citation-scene,.compare-stage,.summary-studio,.transform-stage,.text-editor,.product-window{border-color:rgba(87,105,211,.22)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 24px rgba(34,45,99,.1),0 45px 100px rgba(41,57,139,.21)!important}
.citation-scene,.compare-stage,.product-window{box-shadow:inset 0 1px rgba(255,255,255,.1),inset 0 -40px 95px rgba(14,70,51,.11),var(--v-shadow-dark)!important}
.citation-answer,.source-preview,.compare-result,.summary-result-card,.summary-source-card,.summary-benefit,.transform-note,.ai-suggestion{box-shadow:var(--v-highlight),0 13px 30px rgba(32,42,95,.13),0 32px 65px rgba(38,51,121,.12)!important}
.summary-section,.text-section,.compare-section,.product-experience{position:relative;isolation:isolate}
.summary-section:before,.text-section:before,.compare-section:before,.product-experience:before{content:"";position:absolute;z-index:-1;width:410px;height:410px;border-radius:50%;filter:blur(80px);opacity:.2;pointer-events:none}
.product-experience:before{right:-100px;bottom:6%;background:#33d98b}
.compare-section:before{left:-140px;bottom:4%;background:#6877ff}
.summary-section:before{right:-130px;top:22%;background:#e96ed5}
.text-section:before{left:-130px;top:16%;background:#36cadb}
.summary-benefit{border-color:rgba(78,92,178,.13)!important;background:linear-gradient(145deg,#fff,#f6f7ff)!important}
.summary-benefit:nth-child(2n){background:linear-gradient(145deg,#fff,#effff7)!important}

.pdf-section{position:relative;isolation:isolate;border-top:1px solid rgba(89,108,255,.1);border-bottom:1px solid rgba(48,218,139,.1);background:radial-gradient(circle at 12% 45%,rgba(56,205,221,.14),transparent 27rem),radial-gradient(circle at 88% 60%,rgba(233,110,213,.12),transparent 28rem),linear-gradient(180deg,#f4f7ff,#f2fff9)!important;box-shadow:inset 0 35px 80px rgba(255,255,255,.56),inset 0 -35px 80px rgba(55,218,146,.045)}
.transform-file{box-shadow:inset 0 1px rgba(255,255,255,.9),0 12px 22px rgba(37,48,101,.1),0 35px 72px rgba(43,57,132,.2)!important}
.process-orb{box-shadow:inset 0 1px rgba(255,255,255,.15),0 14px 25px rgba(17,26,86,.25),0 35px 75px rgba(50,69,198,.38)!important}

body[data-page="home"] .workflow-section{border-top:1px solid rgba(89,108,255,.1);border-bottom:1px solid rgba(89,108,255,.1);box-shadow:inset 0 35px 80px rgba(255,255,255,.42),inset 0 -30px 70px rgba(87,108,255,.055)}
body[data-page="home"] .workflow-line article{border-color:rgba(75,89,176,.18)!important;box-shadow:var(--v-highlight),0 12px 24px rgba(38,49,106,.09),0 34px 72px rgba(48,63,142,.15)!important}
body[data-page="home"] .workflow-line article:hover{box-shadow:inset 0 1px #fff,0 17px 30px rgba(37,50,111,.11),0 46px 94px rgba(49,67,157,.21)!important}
body[data-page="home"] .step-icon{box-shadow:inset 0 1px rgba(255,255,255,.88),0 10px 19px rgba(47,61,135,.12),0 24px 48px rgba(54,70,162,.16)}

.scenario{border-color:rgba(76,89,167,.16)!important;box-shadow:var(--v-highlight),0 11px 22px rgba(37,47,99,.08),0 34px 74px rgba(43,58,137,.14)!important}
.scenario.study{background:linear-gradient(145deg,#fff,#f1fff8)}
.scenario.work{background:linear-gradient(145deg,#fff,#f2f4ff)}
.scenario.content{background:linear-gradient(145deg,#fff,#fff2fc)}
.scenario-art{box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 43px rgba(27,38,91,.19)}
.scenario:hover{box-shadow:inset 0 1px #fff,0 17px 29px rgba(37,49,108,.1),0 48px 100px rgba(47,63,151,.23)!important}

.trust-section{position:relative;background:radial-gradient(circle at 12% 40%,rgba(89,108,255,.13),transparent 29rem),radial-gradient(circle at 88% 60%,rgba(48,218,139,.12),transparent 30rem),linear-gradient(145deg,#0b0d16,#07130f)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),inset 0 -60px 110px rgba(21,110,67,.1),var(--v-shadow-dark)}
.source-network [class*="node"],.constellation [class*="node"]{box-shadow:inset 0 1px rgba(255,255,255,.1),0 12px 26px rgba(0,0,0,.28),0 0 40px rgba(89,108,255,.1)!important}

body[data-page="home"] .faq-heading,body[data-page="home"] .faq-list details{box-shadow:var(--v-highlight),0 9px 19px rgba(38,49,103,.07),0 28px 62px rgba(45,59,134,.11)!important}
body[data-page="home"] .faq-list details[open]{box-shadow:inset 0 1px #fff,0 13px 26px rgba(38,50,111,.09),0 36px 74px rgba(49,66,157,.17)!important}

/* Inner pages: retain per-page accent while adding elevation */
body[data-page="feature"]{background:
  radial-gradient(circle at 8% 5%,rgba(var(--page-accent-rgb),.16),transparent 30rem),
  radial-gradient(circle at 92% 32%,rgba(52,217,154,.12),transparent 31rem),
  radial-gradient(circle at 18% 72%,rgba(var(--page-accent-rgb),.075),transparent 35rem),#fbfcff}
.feature-hero:before{border-color:rgba(var(--page-accent-rgb),.18)!important;background:linear-gradient(rgba(var(--page-accent-rgb),.045) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--page-accent-rgb),.045) 1px,transparent 1px),linear-gradient(145deg,rgba(255,255,255,.92),rgba(var(--page-accent-rgb),.045))!important;box-shadow:inset 0 1px rgba(255,255,255,.94),0 15px 28px rgba(37,47,100,.09),0 44px 92px rgba(var(--page-accent-rgb),.14)!important;background-size:42px 42px,42px 42px,auto!important}
.feature-visual{box-shadow:inset 0 1px rgba(255,255,255,.11),inset 0 -40px 90px rgba(7,59,42,.12),0 17px 29px rgba(20,29,77,.16),0 50px 110px rgba(var(--page-accent-rgb),.25)!important}
.feature-route-nav{border-color:rgba(var(--page-accent-rgb),.2)!important;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(246,248,255,.9))!important;box-shadow:var(--v-highlight),0 12px 24px rgba(35,46,99,.08),0 35px 75px rgba(var(--page-accent-rgb),.14)!important}
.feature-route-nav a{box-shadow:inset 0 0 0 1px transparent}
.feature-route-nav a:hover,.feature-route-nav a.is-active{box-shadow:inset 0 0 0 1px rgba(var(--page-accent-rgb),.13),0 9px 20px rgba(var(--page-accent-rgb),.1)}
.problem-contrast article{box-shadow:var(--v-highlight),0 11px 22px rgba(35,45,94,.08),0 34px 72px rgba(var(--page-accent-rgb),.12)!important}
.problem-contrast .contrast-after{box-shadow:inset 0 1px #fff,0 14px 28px rgba(36,47,103,.1),0 42px 88px rgba(var(--page-accent-rgb),.18)!important}
.feature-card{box-shadow:var(--v-highlight),0 11px 22px rgba(35,46,97,.08),0 35px 76px rgba(var(--page-accent-rgb),.14)!important}
.feature-card:nth-child(2){background:linear-gradient(150deg,#fff,rgba(52,217,154,.085))!important}
.feature-card:nth-child(3){background:linear-gradient(150deg,#fff,rgba(233,110,213,.075))!important}
.feature-card:hover{box-shadow:inset 0 1px #fff,0 16px 29px rgba(35,46,102,.11),0 48px 98px rgba(var(--page-accent-rgb),.22)!important}
.feature-card-icon{border-color:rgba(var(--page-accent-rgb),.25)!important;box-shadow:inset 0 1px rgba(255,255,255,.09),inset 0 -28px 65px rgba(var(--page-accent-rgb),.12),0 20px 47px rgba(28,38,93,.2)!important}
.feature-workflow{box-shadow:inset 0 1px rgba(255,255,255,.07),inset 0 -65px 130px rgba(31,132,87,.09),var(--v-shadow-dark)}
.workflow-card{box-shadow:inset 0 1px rgba(255,255,255,.08),0 13px 26px rgba(0,0,0,.22),0 36px 78px rgba(var(--page-accent-rgb),.1)!important}
.workflow-card:hover{box-shadow:inset 0 1px rgba(255,255,255,.12),0 18px 34px rgba(0,0,0,.27),0 48px 96px rgba(var(--page-accent-rgb),.2)!important}
.evidence-section:before{border-color:rgba(var(--page-accent-rgb),.16)!important;box-shadow:inset 0 1px rgba(255,255,255,.9),0 25px 70px rgba(var(--page-accent-rgb),.1)}
.citation-orbit{box-shadow:inset 0 1px rgba(255,255,255,.09),inset 0 -45px 100px rgba(21,113,73,.12),0 16px 29px rgba(29,38,86,.15),0 48px 102px rgba(var(--page-accent-rgb),.23)!important}
.orbit-core,.orbit-source{box-shadow:inset 0 1px rgba(255,255,255,.1),0 13px 28px rgba(0,0,0,.32),0 0 38px rgba(var(--page-accent-rgb),.13)!important}
.related-grid a{box-shadow:var(--v-highlight),0 10px 21px rgba(37,47,98,.07),0 32px 68px rgba(var(--page-accent-rgb),.12)!important}
.related-grid a:hover{box-shadow:inset 0 1px #fff,0 16px 29px rgba(35,46,104,.11),0 46px 92px rgba(var(--page-accent-rgb),.21)!important}
body[data-page="feature"] .faq-heading,body[data-page="feature"] .faq-list details{box-shadow:var(--v-highlight),0 9px 20px rgba(35,45,96,.07),0 29px 64px rgba(var(--page-accent-rgb),.11)!important}
body[data-page="feature"] .faq-list details[open]{box-shadow:inset 0 1px #fff,0 14px 27px rgba(35,46,102,.1),0 39px 79px rgba(var(--page-accent-rgb),.18)!important}
.final-cta{box-shadow:inset 0 1px rgba(255,255,255,.11),inset 0 -60px 130px rgba(17,103,65,.13),0 18px 33px rgba(22,31,81,.17),0 54px 116px rgba(var(--page-accent-rgb),.25)!important}

/* Footer and external transition */
#site-footer{border-top-color:rgba(77,91,170,.13)!important;background:radial-gradient(circle at 8% 20%,rgba(89,108,255,.09),transparent 24rem),radial-gradient(circle at 92% 90%,rgba(50,218,139,.1),transparent 25rem),linear-gradient(180deg,#fafbff,#f2fff8)!important;box-shadow:inset 0 28px 70px rgba(255,255,255,.5),0 -20px 55px rgba(44,57,124,.06)}
.footer-top{border-color:rgba(76,91,177,.18)!important;background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(246,249,255,.82))!important;box-shadow:var(--v-highlight),0 11px 23px rgba(37,47,102,.08),0 34px 74px rgba(46,61,140,.13)!important}
.project-disclosure{padding:7px 10px;border:1px solid rgba(72,86,160,.11);border-radius:10px;background:rgba(255,255,255,.54)}
.go-card{border-color:rgba(76,92,190,.22)!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(242,246,255,.9))!important;box-shadow:inset 0 1px #fff,0 17px 30px rgba(36,47,106,.11),0 55px 125px rgba(47,65,170,.24)!important}
.go-icon{box-shadow:inset 0 1px rgba(255,255,255,.34),inset 0 -4px 11px rgba(20,35,130,.27),0 12px 22px rgba(39,53,161,.19),0 30px 62px rgba(51,71,217,.36)!important}

@media(max-width:700px){
  :root{--v-shadow-1:0 7px 16px rgba(31,40,81,.065),0 20px 42px rgba(43,55,112,.1);--v-shadow-2:0 9px 20px rgba(30,39,83,.075),0 26px 58px rgba(42,55,122,.13)}
  body{background-attachment:scroll}
  .site-header{box-shadow:0 1px rgba(255,255,255,.9),0 10px 28px rgba(37,48,101,.09)!important}
  .button,.product-cta,.mobile-nav-cta{box-shadow:inset 0 1px rgba(255,255,255,.28),inset 0 -2px 6px rgba(18,31,120,.18),0 7px 11px rgba(30,45,135,.1),0 14px 28px rgba(45,62,189,.2)!important}
  body[data-page="home"] .hero:before{width:120vw;height:55%;filter:blur(48px);opacity:.48}
  .hero-workspace,.citation-scene,.compare-stage,.summary-studio,.transform-stage,.text-editor,.product-window,.feature-visual,.citation-orbit{box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 19px rgba(30,39,86,.11),0 28px 58px rgba(43,57,134,.17)!important}
  .source-formats{box-shadow:inset 0 18px 40px rgba(255,255,255,.35),0 20px 44px rgba(46,58,114,.07)}
  body[data-page="home"] .cap-card,body[data-page="home"] .workflow-line article,.scenario,.problem-contrast article,.feature-card,.related-grid a{box-shadow:var(--v-highlight),var(--v-shadow-1)!important}
  .feature-hero:before{box-shadow:inset 0 1px rgba(255,255,255,.9),0 20px 48px rgba(var(--page-accent-rgb),.11)!important;background-size:32px 32px,32px 32px,auto!important}
  .feature-route-nav{box-shadow:var(--v-highlight),0 10px 20px rgba(35,46,99,.07),0 24px 48px rgba(var(--page-accent-rgb),.11)!important}
  .feature-workflow,.trust-section,.final-cta{box-shadow:inset 0 1px rgba(255,255,255,.07),0 16px 33px rgba(20,29,76,.14),0 34px 72px rgba(var(--page-accent-rgb,89,108,255),.16)!important}
  #site-footer{box-shadow:inset 0 20px 45px rgba(255,255,255,.4),0 -12px 34px rgba(44,57,124,.045)}

  /* Keep the mobile prompt in document flow so it never covers the answer. */
  body[data-page="home"] .hero-workspace .workspace-grid{height:auto!important;min-height:590px}
  body[data-page="home"] .hero-workspace .chat-panel{min-height:590px;display:flex;flex-direction:column;box-sizing:border-box;padding:17px}
  body[data-page="home"] .hero-workspace .chat-heading,
  body[data-page="home"] .hero-workspace .question-bubble,
  body[data-page="home"] .hero-workspace .answer-block{flex:0 0 auto}
  body[data-page="home"] .hero-workspace .answer-block{margin-bottom:20px}
  body[data-page="home"] .hero-workspace .prompt-bar{position:relative;right:auto;bottom:auto;left:auto;width:100%;box-sizing:border-box;flex:0 0 auto;margin-top:auto}
}

@media(prefers-reduced-motion:reduce){body{background-attachment:scroll}.button,.product-cta,.mobile-nav-cta{transition:none!important}}
/* CTA v8: one tactile, high-contrast button language across every page. */
:where(.product-cta,.mobile-nav-cta){
  --cta-start:#17235f;
  --cta-mid:#344bd6;
  --cta-end:#5a6fff;
  position:relative;
  isolation:isolate;
  overflow:hidden!important;
  min-width:230px;
  min-height:62px;
  padding:0 31px;
  border:1px solid rgba(255,255,255,.26)!important;
  border-radius:18px!important;
  background-image:
    linear-gradient(108deg,transparent 28%,rgba(255,255,255,.08) 38%,rgba(255,255,255,.42) 47%,rgba(255,255,255,.08) 56%,transparent 66%),
    radial-gradient(130% 110% at 50% -22%,rgba(255,255,255,.42) 0%,rgba(255,255,255,.08) 34%,transparent 62%),
    linear-gradient(112deg,var(--cta-start) 0%,var(--cta-mid) 51%,var(--cta-end) 100%)!important;
  background-repeat:no-repeat!important;
  background-size:260% 100%,100% 100%,100% 100%!important;
  background-position:170% 0,0 0,0 0!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:820!important;
  line-height:1.08!important;
  letter-spacing:-.018em!important;
  text-align:center;
  text-shadow:0 1px 0 rgba(8,15,66,.5),0 0 13px rgba(255,255,255,.17);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    inset 0 -4px 8px rgba(10,22,103,.32),
    inset 0 0 0 1px rgba(255,255,255,.07),
    0 5px 0 rgba(23,35,118,.34),
    0 15px 26px rgba(44,61,187,.29),
    0 30px 64px rgba(65,84,225,.22)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
  transition:filter .28s ease,box-shadow .34s ease,border-color .28s ease,transform .22s cubic-bezier(.2,.8,.2,1)!important;
  animation:cta-gloss-v8 5.2s cubic-bezier(.25,.65,.25,1) infinite;
}

:where(.product-cta,.mobile-nav-cta)::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:1px 2px auto!important;
  height:48%!important;
  border-radius:16px 16px 44% 44%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.07) 58%,transparent)!important;
  clip-path:none!important;
  opacity:.88!important;
  pointer-events:none!important;
  transform:none!important;
  transition:opacity .28s ease!important;
}

:where(.product-cta,.mobile-nav-cta)>*{position:relative;z-index:2}
:where(.product-cta,.mobile-nav-cta) .button-ripple{z-index:4}

:where(.product-cta,.mobile-nav-cta):focus-visible{
  outline:3px solid rgba(70,91,255,.35)!important;
  outline-offset:4px;
  border-color:rgba(255,255,255,.58)!important;
}

@media(hover:hover){
  :where(.product-cta,.mobile-nav-cta):hover{
    border-color:rgba(255,255,255,.5)!important;
    filter:saturate(1.16) brightness(1.08)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.62),
      inset 0 -4px 8px rgba(9,21,101,.3),
      inset 0 0 0 1px rgba(255,255,255,.12),
      0 7px 0 rgba(22,35,116,.3),
      0 19px 34px rgba(44,61,190,.36),
      0 38px 78px rgba(66,87,237,.3),
      0 0 0 6px rgba(83,103,255,.08)!important;
  }
  :where(.product-cta,.mobile-nav-cta):hover::before{opacity:1!important}
}

:where(.product-cta,.mobile-nav-cta):active{
  filter:saturate(1.08) brightness(.98)!important;
  transform:translateY(3px) scale(.992)!important;
  box-shadow:
    inset 0 3px 8px rgba(8,18,82,.28),
    inset 0 1px 0 rgba(255,255,255,.26),
    0 2px 0 rgba(21,34,111,.35),
    0 8px 18px rgba(45,61,180,.25)!important;
}

/* The hero pair gets extra width, presence and a crisp two-line label. */
.hero-actions .product-cta{min-width:244px}
.hero-actions .hero-demo-link{
  min-width:356px;
  min-height:66px;
  justify-content:flex-start;
  gap:14px;
  padding:7px 22px 7px 8px!important;
}
.hero-demo-link .play{
  width:51px!important;
  height:51px!important;
  flex:0 0 51px!important;
  border:1px solid rgba(255,255,255,.42)!important;
  background:
    radial-gradient(circle at 34% 27%,rgba(255,255,255,.52),transparent 23%),
    linear-gradient(145deg,#2bcdf2,#16a8f0 52%,#4c68ff)!important;
  color:#fff!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.68),
    inset 0 -4px 7px rgba(24,57,169,.26),
    0 4px 0 rgba(26,65,174,.24),
    0 11px 24px rgba(26,169,234,.38)!important;
  animation:cta-play-pulse-v8 2.8s ease-in-out infinite;
}
.hero-demo-link .play svg{width:25px!important;height:25px!important;filter:drop-shadow(0 1px 1px rgba(4,38,104,.32))}
.hero-demo-link .demo-label{gap:3px!important}
.hero-demo-link .demo-label b{
  color:#fff!important;
  font-size:17px!important;
  font-weight:840!important;
  letter-spacing:-.018em!important;
  text-shadow:0 1px 0 rgba(8,15,66,.5)!important;
}
.hero-demo-link .demo-label small{
  color:rgba(255,255,255,.79)!important;
  font-size:11.5px!important;
  font-weight:680!important;
  letter-spacing:.005em!important;
  text-shadow:0 1px 1px rgba(10,18,71,.38)!important;
}

/* Compact placements keep the same depth without crowding the header. */
.button-small.product-cta,.mobile-nav-cta{
  min-width:174px;
  min-height:48px;
  padding:0 23px;
  border-radius:15px!important;
  font-size:15px!important;
  font-weight:820!important;
}
.summary-cta.product-cta,.pdf-section>.product-cta{min-width:280px}
.final-copy .product-cta,.footer-login .product-cta{min-width:248px}

/* Card actions use the same tactile language, while preserving section color. */
:where(.workflow-card-cta,.scenario-card-cta){
  position:relative;
  isolation:isolate;
  width:100%!important;
  min-height:56px!important;
  padding:0 24px!important;
  border:1px solid rgba(83,100,222,.26)!important;
  border-radius:17px!important;
  background:
    linear-gradient(115deg,transparent 32%,rgba(255,255,255,.7) 47%,transparent 62%) 165% 0/245% 100% no-repeat,
    linear-gradient(180deg,#fff 0%,#eef2ff 100%)!important;
  color:#354cd3!important;
  font-size:14px!important;
  font-weight:820!important;
  letter-spacing:-.01em!important;
  text-shadow:0 1px 0 #fff;
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 -3px 6px rgba(61,80,194,.11),
    0 4px 0 rgba(56,71,164,.09),
    0 13px 26px rgba(55,72,179,.15),
    0 25px 48px rgba(63,80,190,.1)!important;
  animation:cta-card-gloss-v8 5.8s ease-in-out infinite;
}
:where(.workflow-card-cta,.scenario-card-cta) svg{display:none!important}
:where(.workflow-card-cta,.scenario-card-cta):active{transform:translateY(2px) scale(.993)!important;box-shadow:inset 0 2px 6px rgba(52,68,168,.13),0 2px 0 rgba(56,71,164,.09),0 7px 16px rgba(55,72,179,.13)!important}

@keyframes cta-gloss-v8{
  0%,18%{background-position:170% 0,0 0,0 0}
  54%,100%{background-position:-72% 0,0 0,0 0}
}
@keyframes cta-card-gloss-v8{
  0%,24%{background-position:165% 0,0 0}
  60%,100%{background-position:-65% 0,0 0}
}
@keyframes cta-play-pulse-v8{
  0%,100%{filter:saturate(1);box-shadow:inset 0 1px 0 rgba(255,255,255,.68),inset 0 -4px 7px rgba(24,57,169,.26),0 4px 0 rgba(26,65,174,.24),0 11px 24px rgba(26,169,234,.34)}
  50%{filter:saturate(1.2) brightness(1.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),inset 0 -4px 7px rgba(24,57,169,.2),0 4px 0 rgba(26,65,174,.2),0 14px 31px rgba(25,190,244,.51),0 0 0 7px rgba(36,193,239,.08)}
}

@media(max-width:700px){
  :where(.product-cta,.mobile-nav-cta){
    width:100%!important;
    min-width:0!important;
    min-height:66px!important;
    padding-right:24px!important;
    padding-left:24px!important;
    border-radius:19px!important;
    font-size:18px!important;
    font-weight:850!important;
    letter-spacing:-.022em!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.5),
      inset 0 -4px 8px rgba(10,22,103,.34),
      inset 0 0 0 1px rgba(255,255,255,.08),
      0 5px 0 rgba(23,35,118,.3),
      0 14px 25px rgba(44,61,187,.28),
      0 27px 54px rgba(65,84,225,.2)!important;
  }
  .button-small.product-cta,.mobile-nav-cta{min-height:56px!important;font-size:16px!important}
  .hero-actions .hero-demo-link{
    min-height:70px!important;
    gap:13px!important;
    padding:8px 16px 8px 8px!important;
  }
  .hero-demo-link .play{width:53px!important;height:53px!important;flex-basis:53px!important}
  .hero-demo-link .demo-label b{font-size:17px!important}
  .hero-demo-link .demo-label small{font-size:11.5px!important}
  :where(.workflow-card-cta,.scenario-card-cta){min-height:58px!important;font-size:15px!important}
}

@media(max-width:360px){
  :where(.product-cta,.mobile-nav-cta){min-height:62px!important;font-size:17px!important}
  .hero-actions .hero-demo-link{min-height:68px!important;gap:10px!important;padding-right:11px!important}
  .hero-demo-link .play{width:49px!important;height:49px!important;flex-basis:49px!important}
  .hero-demo-link .demo-label b{font-size:15.5px!important}
  .hero-demo-link .demo-label small{font-size:10.5px!important}
}

@media(prefers-reduced-motion:reduce){
  :where(.product-cta,.mobile-nav-cta,.workflow-card-cta,.scenario-card-cta),.hero-demo-link .play{animation:none!important}
}
.capture :where(.product-cta,.mobile-nav-cta,.workflow-card-cta,.scenario-card-cta),.capture .hero-demo-link .play{animation:none!important}
/* CTA v9 — restrained, crisp and product-like. */
@font-face{
  font-family:"Manrope CTA";
  font-style:normal;
  font-weight:500 800;
  font-display:swap;
  src:url("https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggOxSuXd.woff2") format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face{
  font-family:"Manrope CTA";
  font-style:normal;
  font-weight:500 800;
  font-display:swap;
  src:url("https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggexSg.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:where(.product-cta,.mobile-nav-cta){
  position:relative;
  isolation:isolate;
  overflow:hidden!important;
  min-width:224px;
  min-height:58px;
  padding:0 29px;
  border:1px solid rgba(255,255,255,.19)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#5665ef 0%,#4858e8 100%)!important;
  color:#fff!important;
  font-family:"Manrope CTA","Roboto",system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.15!important;
  letter-spacing:-.018em!important;
  text-align:center;
  text-shadow:none!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 2px 3px rgba(31,42,129,.12),
    0 10px 27px rgba(40,54,169,.26)!important;
  filter:none!important;
  animation:none!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}

:where(.product-cta,.mobile-nav-cta)::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  top:0!important;
  right:14px!important;
  bottom:auto!important;
  left:14px!important;
  width:auto!important;
  height:1px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent)!important;
  clip-path:none!important;
  opacity:.72!important;
  transform:none!important;
  transition:opacity .18s ease!important;
  pointer-events:none!important;
}

:where(.product-cta,.mobile-nav-cta)::after{
  content:"";
  position:absolute;
  z-index:1;
  top:-70%;
  bottom:-70%;
  left:-34%;
  width:18%;
  border-radius:50%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);
  opacity:0;
  transform:skewX(-18deg);
  transition:left .52s cubic-bezier(.2,.75,.25,1),opacity .18s ease;
  pointer-events:none;
}

:where(.product-cta,.mobile-nav-cta)>*{position:relative;z-index:2}
:where(.product-cta,.mobile-nav-cta) .button-ripple{z-index:3}

:where(.product-cta,.mobile-nav-cta):focus-visible{
  outline:3px solid rgba(75,91,235,.25)!important;
  outline-offset:4px;
}

@media(hover:hover){
  :where(.product-cta,.mobile-nav-cta):hover{
    border-color:rgba(255,255,255,.3)!important;
    background:linear-gradient(180deg,#6070f5 0%,#5060ed 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.3),
      0 3px 5px rgba(31,42,129,.12),
      0 14px 32px rgba(40,54,169,.3)!important;
    transform:translateY(-2px);
  }
  :where(.product-cta,.mobile-nav-cta):hover::after{left:116%;opacity:1}
}

:where(.product-cta,.mobile-nav-cta):active{
  transform:translateY(1px) scale(.985)!important;
  background:linear-gradient(180deg,#4757df 0%,#4050d7 100%)!important;
  box-shadow:inset 0 2px 4px rgba(26,38,125,.18),0 5px 14px rgba(40,54,169,.2)!important;
}

/* Primary/secondary hierarchy in the hero. */
.hero-actions .product-cta{min-width:232px}
.hero-actions .hero-demo-link{
  min-width:342px;
  min-height:62px;
  justify-content:flex-start;
  gap:12px;
  padding:7px 20px 7px 7px!important;
  border-color:rgba(63,78,166,.16)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,249,255,.98))!important;
  color:#182252!important;
  box-shadow:inset 0 1px 0 #fff,0 2px 3px rgba(31,42,100,.05),0 10px 27px rgba(48,61,126,.12)!important;
}
.hero-actions .hero-demo-link::before{background:linear-gradient(90deg,transparent,rgba(87,104,215,.26),transparent)!important}
.hero-actions .hero-demo-link::after{background:linear-gradient(90deg,transparent,rgba(87,104,215,.13),transparent)}
@media(hover:hover){
  .hero-actions .hero-demo-link:hover{
    border-color:rgba(72,88,192,.24)!important;
    background:linear-gradient(180deg,#fff,#f4f6ff)!important;
    box-shadow:inset 0 1px 0 #fff,0 3px 5px rgba(31,42,100,.06),0 14px 31px rgba(48,61,126,.15)!important;
  }
}
.hero-actions .hero-demo-link:active{background:#f1f4ff!important}

.hero-demo-link .play{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  border:1px solid rgba(255,255,255,.56)!important;
  background:linear-gradient(145deg,#27c9df,#4b66ee)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.46),0 7px 16px rgba(43,105,211,.22)!important;
  filter:none!important;
  animation:none!important;
}
.hero-demo-link .play svg{width:22px!important;height:22px!important;filter:none!important}
.hero-demo-link .demo-label{gap:2px!important}
.hero-demo-link .demo-label b{
  color:#182252!important;
  font-family:"Manrope CTA","Roboto",system-ui,sans-serif!important;
  font-size:15.5px!important;
  font-weight:700!important;
  letter-spacing:-.018em!important;
  text-shadow:none!important;
}
.hero-demo-link .demo-label small{
  color:#73798e!important;
  font-family:"Manrope CTA","Roboto",system-ui,sans-serif!important;
  font-size:11px!important;
  font-weight:600!important;
  letter-spacing:-.005em!important;
  text-shadow:none!important;
}

/* Light CTA on the dark closing panel. */
.final-copy .button-light.product-cta{
  border-color:rgba(255,255,255,.76)!important;
  background:linear-gradient(180deg,#fff 0%,#f5f7ff 100%)!important;
  color:#182252!important;
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(0,0,0,.13),0 13px 30px rgba(0,0,0,.24)!important;
}
.final-copy .button-light.product-cta::before{background:linear-gradient(90deg,transparent,rgba(73,88,188,.22),transparent)!important}
.final-copy .button-light.product-cta::after{background:linear-gradient(90deg,transparent,rgba(78,94,201,.14),transparent)}
@media(hover:hover){
  .final-copy .button-light.product-cta:hover{
    border-color:#fff!important;
    background:#fff!important;
    box-shadow:inset 0 1px 0 #fff,0 3px 5px rgba(0,0,0,.13),0 17px 35px rgba(0,0,0,.27)!important;
  }
}

.button-small.product-cta,.mobile-nav-cta{
  min-width:168px;
  min-height:46px;
  padding:0 21px;
  border-radius:13px!important;
  font-size:14.5px!important;
}
.summary-cta.product-cta,.pdf-section>.product-cta{min-width:272px}
.final-copy .product-cta,.footer-login .product-cta{min-width:238px}

/* Matching but lighter card actions. */
:where(.workflow-card-cta,.scenario-card-cta){
  width:100%!important;
  min-height:54px!important;
  padding:0 22px!important;
  border:1px solid rgba(71,87,196,.18)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff 0%,#f5f7ff 100%)!important;
  color:#3e50d7!important;
  font-family:"Manrope CTA","Roboto",system-ui,sans-serif!important;
  font-size:13.5px!important;
  font-weight:700!important;
  letter-spacing:-.012em!important;
  text-shadow:none!important;
  box-shadow:inset 0 1px 0 #fff,0 8px 21px rgba(54,68,157,.11)!important;
  animation:none!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
:where(.workflow-card-cta,.scenario-card-cta)::before{display:none!important}
:where(.workflow-card-cta,.scenario-card-cta) svg{display:none!important}
@media(hover:hover){
  :where(.workflow-card-cta,.scenario-card-cta):hover{transform:translateY(-2px);border-color:rgba(71,87,196,.27)!important;box-shadow:inset 0 1px 0 #fff,0 12px 26px rgba(54,68,157,.14)!important}
}
:where(.workflow-card-cta,.scenario-card-cta):active{transform:translateY(1px) scale(.987)!important;box-shadow:inset 0 2px 4px rgba(54,68,157,.08),0 5px 13px rgba(54,68,157,.1)!important}

@media(max-width:700px){
  :where(.product-cta,.mobile-nav-cta){
    width:100%!important;
    min-width:0!important;
    min-height:60px!important;
    padding-right:22px!important;
    padding-left:22px!important;
    border-radius:15px!important;
    font-size:16.5px!important;
    font-weight:700!important;
    letter-spacing:-.02em!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 2px 3px rgba(31,42,129,.1),0 10px 25px rgba(40,54,169,.24)!important;
  }
  .button-small.product-cta,.mobile-nav-cta{min-height:52px!important;font-size:15px!important}
  .hero-actions .hero-demo-link{
    min-height:64px!important;
    gap:11px!important;
    padding:7px 14px 7px 7px!important;
  }
  .hero-demo-link .play{width:48px!important;height:48px!important;flex-basis:48px!important}
  .hero-demo-link .demo-label b{font-size:15.5px!important}
  .hero-demo-link .demo-label small{font-size:10.5px!important}
  :where(.workflow-card-cta,.scenario-card-cta){min-height:54px!important;font-size:14px!important}
}

@media(max-width:360px){
  :where(.product-cta,.mobile-nav-cta){min-height:58px!important;font-size:16px!important}
  .hero-actions .hero-demo-link{min-height:62px!important;gap:9px!important;padding-right:10px!important}
  .hero-demo-link .play{width:45px!important;height:45px!important;flex-basis:45px!important}
  .hero-demo-link .demo-label b{font-size:14.5px!important}
  .hero-demo-link .demo-label small{font-size:10px!important}
}

@media(prefers-reduced-motion:reduce){
  :where(.product-cta,.mobile-nav-cta,.workflow-card-cta,.scenario-card-cta){transition:none!important}
  :where(.product-cta,.mobile-nav-cta)::after{display:none!important}
}
/* Mobile navigation v10 — keep the sticky header in place while the sheet is open. */
@media(max-width:700px){
  body.mobile-menu-open{
    overflow:visible!important;
    overscroll-behavior:none;
  }
  body.mobile-menu-open main,
  body.mobile-menu-open #site-footer{
    touch-action:none;
    user-select:none;
  }
  body.mobile-menu-open::before{
    content:"";
    position:fixed;
    z-index:98;
    inset:72px 0 0;
    background:rgba(12,17,34,.38);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    animation:mobile-menu-backdrop-v10 .22s ease both;
  }
  .site-header{
    isolation:isolate;
    overflow:visible!important;
  }
  .mobile-menu-toggle{
    z-index:103!important;
    transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
  }
  .mobile-menu-toggle[aria-expanded="true"]{
    border-color:rgba(75,91,220,.24)!important;
    background:#f2f4ff!important;
    box-shadow:inset 0 1px 0 #fff,0 10px 26px rgba(48,59,124,.17)!important;
  }
  .mobile-nav{
    position:fixed!important;
    z-index:102!important;
    top:82px!important;
    right:12px!important;
    left:12px!important;
    display:grid!important;
    gap:5px!important;
    max-height:calc(100dvh - 96px);
    padding:13px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    border:1px solid rgba(75,88,168,.16)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:inset 0 1px 0 #fff,0 24px 65px rgba(20,29,76,.28)!important;
    backdrop-filter:blur(24px)!important;
    -webkit-backdrop-filter:blur(24px)!important;
    animation:mobile-menu-sheet-v10 .28s cubic-bezier(.2,.8,.2,1) both!important;
  }
  .mobile-nav[hidden]{display:none!important}
  .mobile-nav>a:not(.mobile-nav-cta){
    position:relative;
    min-height:52px!important;
    display:flex!important;
    align-items:center!important;
    padding:0 16px!important;
    border:1px solid transparent;
    border-radius:13px!important;
    color:#1d2438!important;
    font-family:"Manrope CTA","Roboto",system-ui,sans-serif!important;
    font-size:16px!important;
    font-weight:650!important;
    letter-spacing:-.015em!important;
  }
  .mobile-nav>a:not(.mobile-nav-cta)::after{
    content:"";
    width:7px;
    height:7px;
    margin-left:auto;
    border-top:1.7px solid #7180d8;
    border-right:1.7px solid #7180d8;
    transform:rotate(45deg);
  }
  .mobile-nav>a:not(.mobile-nav-cta):active{
    border-color:rgba(73,89,201,.13);
    background:#f3f5ff!important;
  }
  .mobile-nav .mobile-nav-cta{
    min-height:56px!important;
    justify-content:center!important;
    margin-top:7px!important;
    border-radius:14px!important;
    font-size:16px!important;
  }
  @keyframes mobile-menu-sheet-v10{
    from{opacity:0;transform:translateY(-10px) scale(.98)}
    to{opacity:1;transform:none}
  }
  @keyframes mobile-menu-backdrop-v10{
    from{opacity:0}
    to{opacity:1}
  }
}

@media(prefers-reduced-motion:reduce){
  .mobile-nav,body.mobile-menu-open::before{animation:none!important}
}
/* Mobile density and composition repair v11 */

/* Keep the intentionally dark capability card dark. The generic volume layer
   paints every capability card white, which previously left white copy on a
   white surface. */
body[data-page="home"] .cap-card.dark-card{
  color:#fff!important;
  border-color:rgba(132,148,255,.22)!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(103,122,255,.28),transparent 35%),
    radial-gradient(circle at 92% 88%,rgba(35,223,125,.18),transparent 38%),
    linear-gradient(145deg,#12172b 0%,#090b12 64%,#07140f 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 18px 40px rgba(17,24,63,.2),0 42px 90px rgba(37,52,123,.22)!important;
}
body[data-page="home"] .cap-card.dark-card :where(h3,a){color:#fff}
body[data-page="home"] .cap-card.dark-card p{color:rgba(236,241,255,.72)}
body[data-page="home"] .cap-card.dark-card .mini-icon{
  border:1px solid rgba(139,155,255,.24);
  background:linear-gradient(145deg,rgba(107,126,255,.25),rgba(53,214,158,.13));
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 12px 28px rgba(58,78,191,.22);
}

@media(max-width:700px){
  /* Android WebView can leave content-visibility placeholders visible after a
     fast scroll. Mobile pages are small enough to render eagerly. */
  main>section,#site-footer{
    content-visibility:visible!important;
    contain-intrinsic-size:none!important;
  }
  .product-window,.citation-scene,.summary-studio,.transform-stage,
  .text-editor,.scenario-art,.feature-visual,.citation-orbit{contain:none!important}
  .motion-ready .reveal:not(.is-visible){opacity:1!important;transform:none!important}
  .js body[data-page="home"] .workflow-line article,
  .js body[data-page="home"] .scenario :where(.scenario-art,.scenario-index,h3,p,.scenario-card-cta),
  .js body[data-page="home"] .summary-studio :where(.summary-source-card,.summary-result-card,.summary-result-points>div,.summary-gain),
  .js body[data-page="home"] .summary-benefit{
    opacity:1!important;
    transform:none!important;
    translate:0 0!important;
  }
  .js body[data-page="home"] .summary-progress>i span{transform:scaleX(1)!important}
  .js body[data-page="home"] .gain-bars i{transform:scaleY(1)!important}

  /* Capability cards: useful content stays visible and decorative scenes no
     longer reserve hundreds of empty pixels. */
  body[data-page="home"] .capability-grid .cap-large{
    min-height:0!important;
    display:block;
    padding:24px 20px 20px;
  }
  body[data-page="home"] .cap-large .cap-copy{position:relative;z-index:4}
  body[data-page="home"] .cap-large .cap-copy h3{font-size:31px;line-height:1.05}
  body[data-page="home"] .cap-large .scan-visual{
    height:370px;
    margin-top:26px;
    overflow:hidden;
    border:1px solid rgba(133,148,255,.18);
    border-radius:22px;
    background:linear-gradient(160deg,rgba(39,48,85,.62),rgba(8,11,17,.38));
    box-shadow:inset 0 1px rgba(255,255,255,.06),0 20px 45px rgba(0,0,0,.2);
  }
  body[data-page="home"] .cap-large .scan-doc{
    top:15px;
    right:10px;
    left:10px;
    width:auto;
    height:335px;
    padding:24px 22px;
    transform:rotate(-1.1deg);
  }
  body[data-page="home"] .cap-large .scan-doc h4{margin:22px 0 16px;font-size:21px}
  body[data-page="home"] .cap-large .scan-doc p{margin-bottom:12px;font-size:11px;line-height:1.55}
  body[data-page="home"] .cap-large .finding-card{
    right:18px;
    bottom:13px;
    left:18px;
    width:auto;
    padding:13px 15px;
    border-radius:15px;
  }

  body[data-page="home"] .capability-grid .cap-small{
    padding:25px 22px 22px;
  }
  body[data-page="home"] .summary-lines{
    display:grid;
    gap:8px;
    margin-top:24px;
    padding:16px 17px 15px;
    border-color:rgba(189,76,174,.22)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,238,251,.88))!important;
    box-shadow:inset 0 1px #fff,0 12px 30px rgba(185,73,168,.12);
  }
  body[data-page="home"] .summary-lines:before{
    content:"Главное за 2 минуты";
    color:#7c3474;
    font-size:12px;
    font-weight:780;
    letter-spacing:-.01em;
  }
  body[data-page="home"] .summary-lines:after{
    content:"5 тезисов · контекст сохранён";
    margin-top:2px;
    color:#8c7289;
    font-size:10px;
    font-weight:650;
  }
  body[data-page="home"] .summary-lines span{
    height:8px!important;
    margin:0!important;
    background:linear-gradient(90deg,#e77bd7,#f1b0e7 70%,rgba(241,176,231,.28))!important;
    box-shadow:0 2px 8px rgba(204,79,186,.12);
  }
  body[data-page="home"] .summary-lines span:nth-child(2){width:78%}
  body[data-page="home"] .summary-lines span:nth-child(3){width:92%}

  body[data-page="home"] .cap-wide{
    min-height:0!important;
    gap:22px;
  }
  body[data-page="home"] .document-flow-board{
    min-height:0;
    grid-template-rows:auto 64px auto;
    gap:10px;
    padding:16px;
  }
  body[data-page="home"] .flow-source,
  body[data-page="home"] .flow-result{min-height:108px;padding:17px}

  /* PDF → DOC: rebuild the mobile scene in normal flow. This also resets the
     stale translateX that pushed the status panel half a screen to the left. */
  .transform-stage{
    min-height:0!important;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    justify-items:center;
    align-items:start;
    gap:18px;
    padding:16px!important;
    overflow:hidden;
  }
  .transform-statusbar{
    position:relative;
    inset:auto;
    top:auto;
    right:auto;
    left:auto;
    width:100%;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
    padding:7px;
    transform:none;
  }
  .transform-statusbar span{
    min-width:0;
    min-height:60px;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    padding:6px 3px;
    font-size:9px;
    line-height:1.25;
    text-align:center;
  }
  .transform-statusbar i{width:25px;height:25px;flex:0 0 auto}
  .transform-file{
    width:min(100%,300px)!important;
    min-height:310px;
    padding:27px;
  }
  .transform-file h3{margin-top:22px;font-size:22px}
  .tiny-lines{margin-top:27px}.tiny-lines i{height:6px;margin-top:10px}
  .doc-outline{margin-top:22px}.doc-outline span{padding:9px 0}
  .transform-path{
    position:relative;
    inset:auto;
    top:auto;
    left:auto;
    width:min(100%,300px);
    height:78px;
    transform:none!important;
  }
  .transform-path .path-line{top:39px}
  .transform-path .path-dot{top:35px}
  .process-orb{
    top:2px;
    left:calc(50% - 37px);
    width:74px;
    height:74px;
    font-size:21px;
  }
  .process-orb small{top:46px;font-size:9px}
  .transform-note{
    position:relative;
    inset:auto;
    right:auto;
    bottom:auto;
    width:min(100%,300px);
    padding:16px 17px;
  }
  .js .transform-stage :where(.transform-statusbar span,.transform-file,.doc-outline span,.transform-note){
    opacity:1!important;
  }
  .js .transform-stage :where(.transform-statusbar span,.transform-file,.doc-outline span,.transform-note){
    transform:none!important;
  }
  .js .transform-stage :where(.tiny-lines i,.path-line){transform:scaleX(1)!important}

  /* Dense but readable interactive mockups. */
  .text-editor{min-height:620px;grid-template-columns:54px minmax(0,1fr)}
  .editor-sidebar{padding-right:5px;padding-left:5px}
  .editor-sidebar button{font-size:9px;line-height:1.2}
  .editor-main article{padding:27px 18px 30px!important}

  body[data-page="home"] .workflow-line article{
    min-height:0!important;
    padding:24px!important;
  }
  .workflow-card-cta,.scenario-card-cta{
    color:#3146c5!important;
    border-color:rgba(64,84,213,.26)!important;
    background:linear-gradient(180deg,#fff,#edf0ff)!important;
    box-shadow:inset 0 1px #fff,0 10px 24px rgba(54,72,180,.14)!important;
    font-weight:800!important;
  }

  /* Same density pass on every SEO feature route. */
  body[data-page="feature"] .feature-visual:not(.compare-visual){min-height:380px!important}
  body[data-route="sravnit-dokumenty"] .feature-visual.compare-visual{
    min-height:0!important;
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:15px;
  }
  body[data-route="sravnit-dokumenty"] .compare-visual :where(.compare-visual-top,.compare-source,.compare-mode-tabs,.compare-matrix,.compare-confidence,.compare-key-insight,.compare-citations){
    position:relative;
    inset:auto;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    width:100%;
    flex:none;
    transform:none;
  }
  body[data-route="sravnit-dokumenty"] .compare-visual-top{min-height:38px;padding:0 2px 11px}
  body[data-route="sravnit-dokumenty"] .compare-source{
    grid-template-columns:38px minmax(0,1fr) auto;
    padding:10px 11px;
  }
  body[data-route="sravnit-dokumenty"] .compare-mode-tabs{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
    padding:5px;
  }
  body[data-route="sravnit-dokumenty"] .compare-mode-tabs button{min-width:0;width:100%}
  body[data-route="sravnit-dokumenty"] .compare-matrix header,
  body[data-route="sravnit-dokumenty"] .compare-matrix-row{
    grid-template-columns:.8fr 1.08fr 1.08fr .65fr;
    gap:5px;
  }
  body[data-route="sravnit-dokumenty"] .compare-matrix header{padding:9px 8px;font-size:7px}
  body[data-route="sravnit-dokumenty"] .compare-matrix-row{min-height:58px;padding:8px}
  body[data-route="sravnit-dokumenty"] .compare-matrix-row b{font-size:9px}
  body[data-route="sravnit-dokumenty"] .compare-matrix-row span{font-size:8px}
  body[data-route="sravnit-dokumenty"] .compare-matrix-row em{padding:4px 5px;font-size:7px}
  body[data-route="sravnit-dokumenty"] .compare-confidence{margin-top:2px;font-size:9px}
  body[data-route="sravnit-dokumenty"] .compare-key-insight{
    grid-template-columns:42px minmax(0,1fr);
    padding:12px;
  }
  body[data-route="sravnit-dokumenty"] .compare-key-insight b{font-size:10px}
  body[data-route="sravnit-dokumenty"] .compare-key-insight small{font-size:8px}
  body[data-route="sravnit-dokumenty"] .compare-citations{justify-content:flex-end;gap:5px}
  body[data-route="sravnit-dokumenty"] .compare-citations span{font-size:8px}
  .js body[data-route="sravnit-dokumenty"] .compare-source,
  .js body[data-route="sravnit-dokumenty"] .compare-matrix-row{opacity:1!important;transform:none!important}
  .js body[data-route="sravnit-dokumenty"] .compare-confidence>i span{transform:scaleX(1)!important}
  body[data-page="feature"] .feature-card{min-height:0!important}
  body[data-page="feature"] .feature-card-icon{
    height:158px;
    margin:18px 0 22px;
  }
  body[data-page="feature"] .feature-card-icon svg{width:68px;height:68px}
  body[data-page="feature"] .workflow-card{
    min-height:0!important;
    padding:22px;
  }
  body[data-page="feature"] .workflow-card h3{margin-top:38px}
  body[data-page="feature"] .workflow-card>small{margin-top:18px}
  body[data-page="feature"] .citation-orbit{min-height:380px!important}
  body[data-page="feature"] .related-grid a{min-height:0!important;padding:22px}
  body[data-page="feature"] .related-grid b{margin-top:20px}
  body[data-route="pdf-v-doc"] .feature-hero h1{
    font-size:clamp(36px,10.1vw,42px)!important;
    overflow-wrap:normal!important;
    word-break:normal;
    hyphens:none;
  }
}

@media(max-width:360px){
  .transform-statusbar span{font-size:8px}
  body[data-route="pdf-v-doc"] .feature-hero h1{font-size:34px!important}
}

/* Framework 2.0: scenario recognition + product proof */
main>section,#site-footer{content-visibility:visible!important;contain-intrinsic-size:none!important}
.use-cases-section{padding-top:112px;padding-bottom:112px;background:linear-gradient(180deg,#fff 0%,#f6f8ff 46%,#fff 100%)}
.use-cases-section>.section-heading{max-width:820px;margin:0 auto 42px;text-align:center}
.use-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1180px;margin:0 auto 34px}
.use-case-card{position:relative;min-height:224px;padding:28px;border:1px solid rgba(30,40,80,.1);border-radius:28px;background:rgba(255,255,255,.82);box-shadow:0 18px 54px rgba(46,57,105,.08),inset 0 1px 0 #fff;text-align:left;color:#121318;cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s,background .35s;overflow:hidden}
.use-case-card::before{content:"";position:absolute;inset:auto -45px -65px auto;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(95,122,255,.18),transparent 68%);opacity:.35;transition:opacity .35s,transform .35s}
.use-case-card>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef1ff;color:#5267db;font-size:12px;font-weight:800;letter-spacing:.08em}
.use-case-card>b{display:block;margin-top:32px;font-size:24px;line-height:1.15;letter-spacing:-.035em}
.use-case-card>p{margin:10px 0 22px;color:#686d78;font-size:16px;line-height:1.55}
.use-case-card>small{position:absolute;left:28px;bottom:25px;color:#5267db;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.use-case-card:hover,.use-case-card.is-active{transform:translateY(-6px);border-color:rgba(83,104,225,.34);box-shadow:0 30px 70px rgba(46,57,105,.14),0 8px 20px rgba(74,96,228,.08),inset 0 1px 0 #fff;background:#fff}
.use-case-card.is-active::before,.use-case-card:hover::before{opacity:1;transform:scale(1.15)}
.use-case-card.is-active>span{color:#fff;background:linear-gradient(135deg,#6478ff,#33c99a);box-shadow:0 10px 24px rgba(81,105,226,.25)}
.use-case-card:focus-visible{outline:3px solid rgba(75,102,232,.38);outline-offset:3px}
.prompt-lab{position:relative;max-width:1180px;margin:0 auto;border:1px solid rgba(114,126,178,.2);border-radius:36px;background:linear-gradient(145deg,#111521 0%,#0a0c12 55%,#092819 145%);color:#fff;box-shadow:0 35px 90px rgba(21,28,60,.22),0 5px 20px rgba(12,17,29,.12);overflow:hidden;isolation:isolate}
.prompt-lab::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 82%);pointer-events:none}
.prompt-lab::after{content:"";position:absolute;width:420px;height:420px;right:-160px;bottom:-220px;border-radius:50%;background:radial-gradient(circle,rgba(27,230,125,.26),transparent 68%);filter:blur(4px);pointer-events:none}
.prompt-lab-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 32px;border-bottom:1px solid rgba(255,255,255,.09)}
.prompt-lab-head>div{display:grid;grid-template-columns:12px auto;column-gap:10px;align-items:center}
.prompt-lab-head small{color:#8f97aa;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.prompt-lab-head b{grid-column:1/-1;margin-top:7px;font-size:20px;letter-spacing:-.02em}
.prompt-live-dot{width:9px;height:9px;border-radius:50%;background:#1de67d;box-shadow:0 0 0 6px rgba(29,230,125,.1),0 0 22px rgba(29,230,125,.85);animation:promptPulse 2s ease-in-out infinite}
.prompt-lab-head nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.prompt-tab{min-height:42px;padding:0 16px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.055);color:#b8becc;font:700 13px/1 inherit;cursor:pointer;transition:.25s ease}
.prompt-tab:hover,.prompt-tab.is-active{border-color:rgba(121,141,255,.55);background:linear-gradient(135deg,rgba(101,121,255,.3),rgba(45,203,154,.18));color:#fff;box-shadow:0 10px 30px rgba(69,92,216,.16)}
.prompt-tab:focus-visible{outline:2px solid #7d8dff;outline-offset:2px}
.prompt-lab-body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,.85fr);align-items:stretch;gap:24px;padding:36px 32px 28px}
.prompt-input,.prompt-output{min-height:260px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.08);padding:26px}
.prompt-input>span,.prompt-output>span{display:block;color:#7f8ca8;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.prompt-input>p{margin:24px 0 0;color:#f6f7fb;font-size:20px;line-height:1.55;letter-spacing:-.015em;transition:opacity .18s,transform .18s}
.prompt-cursor{display:inline-block;width:2px;height:21px;margin-top:8px;background:#6c82ff;box-shadow:0 0 15px rgba(108,130,255,.7);animation:cursorBlink 1s steps(1) infinite}
.prompt-process{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#9ea6b7;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.prompt-process i{width:1px;flex:1;max-height:68px;background:linear-gradient(transparent,#647bff,#21dc8a,transparent)}
.prompt-process span{display:grid;place-items:center;width:82px;height:82px;border:1px solid rgba(120,140,255,.34);border-radius:25px;background:radial-gradient(circle at 32% 25%,rgba(114,132,255,.5),rgba(22,29,54,.8) 55%,rgba(17,52,38,.9));box-shadow:0 18px 50px rgba(60,86,215,.25),inset 0 1px 0 rgba(255,255,255,.18);color:#fff;text-align:center}
.prompt-output{position:relative;background:linear-gradient(145deg,rgba(34,52,62,.8),rgba(17,30,29,.82))}
.prompt-output-icon{position:absolute;right:22px;top:20px;width:48px;height:48px;border:1px solid rgba(69,228,149,.3);border-radius:15px;background:rgba(20,176,103,.12);display:grid;place-items:center}
.prompt-output-icon svg{width:25px;height:25px;fill:none;stroke:#37e698;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.prompt-output h3{max-width:78%;margin:35px 0 25px;font-size:24px;line-height:1.2;letter-spacing:-.03em;transition:opacity .18s,transform .18s}
.prompt-output ul{display:grid;gap:11px;margin:0;padding:0;list-style:none;color:#aeb8b6;font-size:14px}
.prompt-output li{display:flex;gap:9px;align-items:center}
.prompt-output li::before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(34,220,132,.12);color:#32e294;font-weight:900}
.prompt-lab.is-switching [data-prompt-text],.prompt-lab.is-switching [data-prompt-result]{opacity:0;transform:translateY(7px)}
.prompt-lab-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 32px 28px}
.prompt-lab-foot>span{color:#8d96a8;font-size:14px}
.prompt-lab-foot .button{min-width:244px}
@keyframes promptPulse{50%{opacity:.72;transform:scale(.86)}}
@keyframes cursorBlink{50%{opacity:0}}

@media(max-width:900px){
  .use-cases-section{padding-top:84px;padding-bottom:84px}
  .use-case-grid{grid-template-columns:1fr;gap:14px}
  .use-case-card{min-height:178px;padding:24px}
  .use-case-card>b{margin-top:22px;font-size:22px}
  .use-case-card>small{left:24px;bottom:21px}
  .prompt-lab{border-radius:28px}
  .prompt-lab-head{align-items:flex-start;flex-direction:column;padding:24px}
  .prompt-lab-head nav{justify-content:flex-start;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}
  .prompt-tab{flex:0 0 auto}
  .prompt-lab-body{grid-template-columns:1fr;gap:14px;padding:24px}
  .prompt-process{flex-direction:row;height:62px}
  .prompt-process i{width:auto;height:1px;flex:1;max-height:none;background:linear-gradient(90deg,transparent,#647bff,#21dc8a,transparent)}
  .prompt-process span{width:92px;height:48px;border-radius:16px}
  .prompt-input,.prompt-output{min-height:220px}
  .prompt-lab-foot{align-items:stretch;flex-direction:column;padding:0 24px 24px}
  .prompt-lab-foot .button{width:100%;min-width:0}
}
@media(max-width:520px){
  .use-cases-section{padding-top:68px;padding-bottom:68px}
  .use-cases-section>.section-heading{margin-bottom:28px;text-align:left}
  .use-case-card{border-radius:23px}
  .prompt-lab{border-radius:24px}
  .prompt-lab-head,.prompt-lab-body{padding:20px}
  .prompt-input,.prompt-output{padding:22px;min-height:210px;border-radius:20px}
  .prompt-input>p{font-size:18px}
  .prompt-output h3{font-size:21px}
  .prompt-lab-foot{padding:0 20px 20px}
}
@media(prefers-reduced-motion:reduce){.prompt-live-dot,.prompt-cursor{animation:none}.use-case-card{transition:none}}
/* Hero fold: keep both primary actions visible on the first screen. */
body[data-page="home"] .hero {
  padding-top: 34px !important;
  padding-bottom: 64px !important;
}

body[data-page="home"] .hero .eyebrow {
  margin-bottom: 22px;
}

body[data-page="home"] .hero-subtitle {
  margin-top: 24px;
}

body[data-page="home"] .hero-actions {
  margin-top: 26px;
}

@media (max-width: 700px) {
  body[data-page="home"] .hero {
    padding-top: 22px !important;
    padding-bottom: 50px !important;
  }

  body[data-page="home"] .hero .eyebrow {
    margin-bottom: 16px;
  }

  body[data-page="home"] .hero-subtitle {
    margin-top: 18px;
    line-height: 1.5;
  }

  body[data-page="home"] .hero-actions {
    gap: 8px;
    margin-top: 20px;
  }
}

@media (max-width: 380px) {
  body[data-page="home"] .hero {
    padding-top: 16px !important;
  }

  body[data-page="home"] .hero .eyebrow {
    margin-bottom: 13px;
  }

  body[data-page="home"] .hero-subtitle {
    margin-top: 15px;
    font-size: 15px;
  }

  body[data-page="home"] .hero-actions {
    margin-top: 16px;
  }
}


/* Editorial PBN cross-links */
.pbn-links { margin: 28px auto 0; max-width: 1200px; padding: 24px clamp(20px,4vw,54px); border-top: 1px solid rgba(255,255,255,.14); color: inherit; }
.pbn-links > b { display: block; margin-bottom: 10px; font-size: 14px; }
.pbn-links__list { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.pbn-links__list a { color: inherit; opacity: .8; text-decoration: underline; text-underline-offset: 3px; }
.pbn-links__list a:hover { opacity: 1; }