/* Product chapters: glass, space and a visible path from input to outcome. */
.product-site { --bg: #f8faf9; --ink: #193a3d; --ink-strong: #071e27; --accent: #00a978; --accent-dark: #007453; --contrast: #103c3b; background: #f8faf9; }
.product-site::before { background: radial-gradient(ellipse at 90% 18%, #dcefed 0, transparent 42%), #f8faf9; }
.product-site .container { width: min(1360px, calc(100% - 96px)); max-width: 1360px; }
.product-site .section { padding: 110px 0; }
.product-site h1, .product-site h2 { letter-spacing: -.065em; line-height: 1.02; font-weight: 730; }
.product-site h1 { font-size: clamp(3.5rem, 6.6vw, 6.6rem); }
.product-site h2 { font-size: clamp(2.7rem, 4.8vw, 4.8rem); }
.product-site h3 { letter-spacing: -.035em; line-height: 1.15; }
.product-site .eyebrow { color: #40636a; letter-spacing: .19em; font-size: .7rem; }
.product-site .button { background: #007d59; border-color: #007d59; color: #fff; border-radius: 10px; }
.product-site .button-secondary { background: #fff; color: #173b3b; border: 1px solid #bacdca; }
.product-site .site-header { background: #f8faf9ed; border-bottom: 1px solid #e5ece9; }
.product-site .brand-mark { display: none; }
.product-site .nav { gap: 24px; }
.product-site .nav-links { gap: 20px; }
.product-site .brand { letter-spacing: -.045em; }
.product-site .hero { position: relative; padding-top: 90px; overflow: clip; }
.product-site .hero-grid { display: grid; grid-template-columns: .95fr 1.15fr; gap: 25px; align-items: center; }
.product-site .hero-copy { position: relative; z-index: 2; }
.product-site .hero-copy h1 { max-width: 720px; }
.product-site em { color: #008b63; font-style: normal; }
.product-site .hero-lead { font-size: clamp(1.1rem, 1.55vw, 1.45rem); max-width: 590px; }
.product-site .hero-system { position: relative; min-height: 560px; background: none; border: 0; box-shadow: none; border-radius: 0; padding: 0; overflow: visible; }
.product-site .hero-system::before, .product-site .hero-system::after { display: none; }
.layer-stage { position: absolute; inset: 10% -6% 8% 0; display: flex; align-items: center; perspective: 1100px; }
.glass-layer { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 0 0 27%; height: 340px; margin-left: -8%; border: 1px solid #fff; border-radius: 22px; background: linear-gradient(140deg, #ffffffd9, #c6e5ed8c); box-shadow: 15px 28px 25px #173d4220, inset -6px 0 0 #ffffff70; transform: rotateY(-29deg) rotateZ(-7deg); color: #103e4c; transition: transform .7s; backdrop-filter: blur(6px); }
.glass-layer:first-child { margin-left: 3%; }
.glass-layer { flex-basis: 26%; margin-left: -9%; }
.glass-layer:nth-child(2) { background: linear-gradient(140deg, #b1edffbb, #296a8799); transform: translateY(-20px) rotateY(-29deg) rotateZ(-7deg); }
.glass-layer:nth-child(3) { transform: translateY(-40px) rotateY(-29deg) rotateZ(-7deg); }
.glass-layer:nth-child(4) { background: linear-gradient(140deg, #6ed8b9cf, #008e7799); transform: translateY(-60px) rotateY(-29deg) rotateZ(-7deg); }
.glass-layer:nth-child(5) { transform: translateY(-80px) rotateY(-29deg) rotateZ(-7deg); }
.glass-layer svg { width: 60px; height: 60px; margin-bottom: 30px; }
.glass-layer strong { font: 650 .73rem ui-monospace, monospace; letter-spacing: .06em; }
.glass-layer::after { content: ''; position: absolute; left: 14%; right: 14%; bottom: 35px; height: 3px; background: linear-gradient(90deg, transparent, #fff, transparent); animation: layer-light 5s ease-in-out infinite paused; }
.glass-layer:nth-child(2)::after { animation-delay: -.7s; }
.glass-layer:nth-child(3)::after { animation-delay: -1.4s; }
.glass-layer:nth-child(4)::after { animation-delay: -2.1s; }
.glass-layer:nth-child(5)::after { animation-delay: -2.8s; }
.layer-ground { position: absolute; height: 55px; bottom: 30px; left: 5%; right: -5%; background: linear-gradient(#fff, #e5ecea); box-shadow: 0 35px 35px #43676620; transform: skewY(-7deg); }
.data-stream { position: absolute; inset: 49% -8% auto; height: 60px; z-index: 2; pointer-events: none; }
.data-stream path { stroke: #28bfa390; stroke-width: 1; fill: none; }
.data-stream .packet { stroke: #008e7b; stroke-width: 2; stroke-dasharray: 12 240; animation: stream 9s linear infinite paused; }
.motion-active .packet, .motion-active .glass-layer::after { animation-play-state: running; }
.hero-system.depth-left .layer-stage { transform: rotateY(-3deg); }
.hero-system.depth-right .layer-stage { transform: rotateY(3deg); }
.layer-stage { transition: transform .7s; min-height: 0; gap: 0; right: 2%; }
.layer-stage::before { display: none; }
.product-site .motion-toggle { bottom: 0; top: auto; right: 0; color: #375b5e; border: 1px solid #b8cdca; background: #fff; font-size: .72rem; }
.product-site .page-motion-toggle { position: fixed; z-index: 25; bottom: 15px; right: 15px; }
.brand-baseline { display: flex; justify-content: space-between; gap: 20px; margin-top: 35px; padding-top: 24px; border-top: 1px solid #dce7e2; font: .66rem ui-monospace, monospace; letter-spacing: .21em; text-transform: uppercase; }
.chapter-heading { max-width: 850px; margin-bottom: 60px; }
.chapter-heading > p:not(.eyebrow) { font-size: clamp(1.1rem, 1.7vw, 1.4rem); max-width: 760px; }
.transform-chapter { background: linear-gradient(160deg, #f4f8fc, #edf8f3 80%); }
.flow-rail { display: grid; grid-template-columns: repeat(6, 1fr); gap: 24px; position: relative; }
.flow-rail::before { content: ''; position: absolute; top: 50%; left: 3%; right: 3%; height: 2px; background: #72c9b8; }
.flow-step { position: relative; min-width: 0; min-height: 215px; display: flex; flex-direction: column; justify-content: space-between; padding: 24px 16px; border: 1px solid #fff; background: linear-gradient(150deg, #ffffffd9, #e1f4f2ba); border-radius: 20px; box-shadow: 0 14px 32px #31555910; }
.flow-step small { color: #557576; font: .7rem ui-monospace, monospace; }
.flow-step svg { width: 55px; height: 55px; align-self: center; color: #00836b; }
.flow-step strong { font-size: .95rem; text-align: center; }
.flow-step:last-child { background: linear-gradient(145deg, #fff, #b8ead6); }
.motion-active .flow-step { animation: activate-step 6s ease-in-out infinite; }
.flow-step:nth-child(2) { animation-delay: 1s; }.flow-step:nth-child(3) { animation-delay: 2s; }.flow-step:nth-child(4) { animation-delay: 3s; }.flow-step:nth-child(5) { animation-delay: 4s; }.flow-step:nth-child(6) { animation-delay: 5s; }
.chapter-footnote { margin-top: 28px; font-size: .8rem; color: #597476; }
.capability-chapter { padding: 85px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.capability-chapter:nth-child(even) .capability-visual { order: -1; }
.capability-chapter h3 { font-size: clamp(2.5rem, 4vw, 4rem); }
.capability-chapter ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.capability-chapter li { padding: 7px 12px; font-size: .8rem; background: #edf2ef; border-radius: 6px; }
.capability-visual { min-width: 0; position: relative; min-height: 330px; border-radius: 35% 14% 25% 12%; background: radial-gradient(ellipse at 35% 30%, #e0f2ec, #eff3f5); display: flex; align-items: center; justify-content: center; padding: 40px; }
.mini-app { width: 100%; background: #ffffffd9; border: 1px solid #fff; border-radius: 16px; padding: 25px; box-shadow: 10px 20px 35px #1e535a15; transform: rotate(-3deg); }
.mini-app header { display: flex; justify-content: space-between; font-size: .8rem; padding-bottom: 20px; color: #295054; }
.mini-app header svg { width: 25px; height: 25px; }
.mini-row { margin: 12px 0; background: #edf6f2; padding: 13px; font-size: .8rem; display: flex; justify-content: space-between; gap: 12px; border-radius: 6px; }
.mini-row::after { content: '✓'; color: #008262; }
.mini-lines { display: grid; gap: 12px; margin-top: 25px; }.mini-lines i { display: block; width: 80%; height: 7px; border-radius: 6px; background: #d3e6e1; }.mini-lines i:nth-child(2) { width: 60%; }.mini-lines i:nth-child(3) { width: 72%; }
.capability-chapter:nth-of-type(1) .mini-row { border-radius: 14px 14px 14px 3px; max-width: 85%; }
.capability-chapter:nth-of-type(1) .mini-row:nth-of-type(2) { margin-left: auto; background: #dfedf6; border-radius: 14px 14px 3px 14px; }
.capability-chapter:nth-of-type(2) .mini-app { background: transparent; box-shadow: none; border: 0; }
.capability-chapter:nth-of-type(2) .mini-row { position: relative; margin: 20px auto; max-width: 80%; background: #fff; box-shadow: 0 8px 20px #234e3810; }
.capability-chapter:nth-of-type(2) .mini-row + .mini-row::before { content: ''; position: absolute; top: -20px; left: 50%; width: 2px; height: 20px; background: #74bba8; }
.capability-chapter:nth-of-type(3) .mini-app { border-left: 45px solid #286454; transform: rotate(3deg); }
.capability-chapter:nth-of-type(3) .mini-row { border-bottom: 1px solid #d9e5e1; border-radius: 0; background: #fff; }
.capability-chapter:nth-of-type(4) .mini-app { border-radius: 40px 12px; background: #eff8fc; transform: rotate(2deg); }
.capability-chapter:nth-of-type(4) .mini-row { font-family: ui-monospace, monospace; background: #fff; border-left: 3px solid #4b8bb3; }
.capability-chapter:nth-of-type(5) .mini-app { border-radius: 20px 20px 60px 60px; background: #def4e9; padding-bottom: 45px; }
.capability-chapter:nth-of-type(5) .mini-row { background: #fff; }
.capability-chapter:nth-of-type(6) .mini-lines { height: 110px; display: flex; align-items: flex-end; gap: 18px; }
.capability-chapter:nth-of-type(6) .mini-lines i { width: 25%; height: 45%; background: #66bd9b; border-radius: 7px 7px 0 0; }
.capability-chapter:nth-of-type(6) .mini-lines i:nth-child(2) { height: 70%; background: #9dbecb; }
.capability-chapter:nth-of-type(6) .mini-lines i:nth-child(3) { height: 95%; background: #3b9678; }
.product-site .tool-body { display: block; }
.product-site .tool-body > p { margin-bottom: 18px; }
.product-site .tool-body > form { margin-top: 28px; }
.product-site .analyzer-panel { margin-top: 0; }
.document-flow { flex-wrap: wrap; }
.privacy-chapter { background: linear-gradient(120deg, #f0f7f5, #e9f1f5); }
.privacy-pipeline { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.privacy-stage { padding: 22px 16px; background: #ffffffad; border: 1px solid #fff; border-radius: 18px; box-shadow: 0 18px 28px #1c434512; min-width: 0; }
.privacy-stage h3 { font-size: 1rem; margin-bottom: 28px; }
.privacy-stage code { display: block; margin: 10px 0; padding: 11px 7px; font: .7rem ui-monospace, monospace; background: #fbe8e9; color: #a43042; border-radius: 7px; overflow-wrap: anywhere; }
.privacy-stage:nth-child(3) code { background: #eef4f0; color: #326352; }.privacy-stage:nth-child(3) code:nth-of-type(2) { background: #fff3d4; color: #7c5816; }.privacy-stage:nth-child(3) code:nth-of-type(3) { background: #fbe8e9; color: #a43042; }
.privacy-stage:nth-child(4) code { color: #1262a1; background: #e3f0fa; }.privacy-stage:nth-child(5) code { color: #006248; background: #d9f4e9; }
.privacy-stage:nth-child(2) { position: relative; overflow: hidden; }.privacy-stage:nth-child(2)::after { content: ''; position: absolute; inset: 25% 0 auto; height: 2px; background: #35bfa0; animation: privacy-scan 4s ease-in-out infinite paused; }.motion-active .privacy-stage::after { animation-play-state: running; }
.impact-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 65px; align-items: center; }
.impact-dashboard { padding: 30px; background: #ffffffbf; border: 1px solid #fff; border-radius: 24px; box-shadow: 0 25px 65px #284d5417; min-width: 0; }
.impact-dashboard header { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; align-items: center; border-bottom: 1px solid #dce6e3; padding-bottom: 18px; }
.impact-dashboard header strong { font-size: 1.35rem; letter-spacing: -.04em; }.impact-dashboard header small { color: #577371; }
.impact-controls { display: grid; gap: 16px; margin: 24px 0; }.impact-controls label { font-size: .85rem; display: grid; gap: 7px; }.impact-controls output { font-weight: 750; color: #007453; }
.product-site input[type='range'] { padding: 0; width: 100%; accent-color: #008a64; min-height: 28px; box-shadow: none; }
.impact-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; border-top: 1px solid #e1ebe5; padding-top: 20px; }.impact-stats strong { display: block; font-size: clamp(1.3rem, 2.6vw, 2.2rem); color: #092d33; font-variant-numeric: tabular-nums; }.impact-stats span { font-size: .73rem; }
.savings-chart { width: 100%; height: auto; margin: 16px 0; overflow: visible; }.savings-chart text { fill: #506e70; font: 12px system-ui, sans-serif; }.chart-line { fill: none; stroke: #00996b; stroke-width: 3; }.chart-fill { fill: #c4eee0; }.chart-grid { stroke: #dce8e3; stroke-width: 1; }.chart-break { stroke: #008d69; stroke-dasharray: 4 5; }.chart-point { fill: #00996b; stroke: #fff; stroke-width: 3; }
.lab-preview { background: #edf4f2; }.preview-shell { background: #fff; border: 1px solid #e0e9e4; border-radius: 20px; box-shadow: 0 25px 70px #274b4510; padding: 22px; }.preview-selector { display: flex; gap: 8px; flex-wrap: wrap; padding-bottom: 24px; border-bottom: 1px solid #e5ece7; }.preview-selector button { background: #f0f5f2; color: #305550; padding: 10px 16px; border-radius: 6px; cursor: pointer; font-size: .84rem; }.preview-selector button[aria-pressed='true'] { background: #d8f2e6; color: #00583f; }
.preview-content { display: grid; grid-template-columns: 1fr 1fr; gap: 45px; align-items: center; padding: 40px 25px; }.preview-content h3 { font-size: 2.5rem; }.preview-content .mini-app { transform: none; }.preview-content[hidden] { display: none; }
.journey { display: grid; grid-template-columns: repeat(5, 1fr); gap: 28px; list-style: none; padding: 0; counter-reset: journey; }.journey li { border-top: 2px solid #a7d4c5; padding-top: 22px; counter-increment: journey; }.journey li::before { content: '0' counter(journey); display: block; font: .8rem ui-monospace, monospace; color: #008568; margin-bottom: 28px; }.journey h3 { font-size: 1.35rem; }.journey p { font-size: .9rem; }
.product-site .contact-section { background: linear-gradient(140deg, #deefe5, #f3f7f1); }.product-site .contact-form { background: #fff; box-shadow: 0 25px 60px #204b3310; }.product-site .contact-form label { color: #27443c; }.product-site .contact-form input, .product-site .contact-form textarea, .product-site .contact-form select { background: #f9fbfa; color: #173d34; border-color: #c6d8d0; }
.product-site .solution-map { display: block; padding: 0; }.product-site .solution-core, .product-site .system-connectors { display: none; }.product-site .solution-module { border: 0; border-top: 1px solid #d5e3dc; border-radius: 0; background: none; box-shadow: none; margin: 0; padding: 30px 0; }.product-site .solution-module summary { display: flex; gap: 30px; padding: 0; }.product-site .solution-summary-copy { flex: 1; }.product-site .solution-summary-copy strong { font-size: clamp(1.5rem, 2.5vw, 2.5rem); }.product-site .solution-summary-copy small { max-width: 700px; margin-top: 16px; }.product-site .solution-icon { display: none; }.product-site .solution-expanded { margin: 25px 0 0 65px; padding: 25px; max-width: 850px; border: 0; background: #edf4f0; border-radius: 12px; }
.product-site .lab-section { background: #f3f7f5; color: #193a3d; }.product-site .lab-section h2, .product-site .lab-section h3, .product-site .lab-section strong { color: #123c3c; }.product-site .lab-section p { color: #496561; }.product-site .tool-workbench.is-enhanced { display: block; background: #fff; border: 1px solid #dce8e1; border-radius: 20px; overflow: hidden; box-shadow: 0 22px 60px #254b3810; }.product-site .tool-tabs { display: flex; overflow-x: auto; gap: 5px; padding: 16px; border: 0; border-bottom: 1px solid #dce8e1; background: #f9fbfa; }.product-site .tool-tab { flex: 1 0 150px; background: transparent; color: #3e5e55; border: 0; padding: 14px; border-radius: 8px; }.product-site .tool-tab[aria-selected='true'] { background: #dff2e8; }.product-site .tool-tab strong { font-size: .87rem; }.product-site .tool-panel { border: 0; }.product-site .tool-panel[hidden] { display: none; }.product-site .tool-result, .product-site .analyzer-result { background: #eff7f3; color: #193d36; border: 1px solid #dbece2; }.product-site .tool-result h3, .product-site .tool-result p, .product-site .tool-result pre, .product-site .tool-result dd, .product-site .tool-result dt { color: #234b42; }.product-site .tool-metrics > div { background: #fff; border: 0; }.product-site .tool-body input, .product-site .tool-body textarea, .product-site .tool-body select { background: #fafcfb; color: #21453d; border: 1px solid #becfc7; }.product-site .analyzer-panel { background: #fff; box-shadow: none; border: 0; padding: 28px; }.product-site .analyzer-panel .analyzer-intro h2 { font-size: 2rem; }.product-site .analyzer-panel .analyzer-form { background: none; }.product-site .analyzer-panel.is-workspace-panel > summary { display: none; }.product-site .analyzer-fields { grid-template-columns: repeat(2, minmax(0,1fr)); }.product-site .lab-card { background: transparent; border: 0; box-shadow: none; color: #21453d; }.product-site .lab-card p, .product-site .lab-details summary { color: #436459; }
.product-site .tool-visual-row, .product-site .tool-visual-row span:last-child { color: #234b42; }.product-site .tool-bar { background: #d8e9e0; }.product-site .payback-timeline span { background: #dfece5; }.product-site .payback-timeline span.is-active { background: #008c62; }
.product-site .tool-body form { align-items: start; }.product-site .tool-body fieldset { min-width: 0; }.product-site .tool-result { position: sticky; top: 100px; }.product-site .tool-body textarea { resize: vertical; }.roi-range-label { margin-top: 8px; }.stage-strip { display: flex; flex-wrap: wrap; gap: 6px; padding: 0; list-style: none; margin: 20px 0; }.stage-strip li { background: #e6f2eb; border-radius: 5px; padding: 7px 10px; font-size: .73rem; color: #31604f; }.pii-detection { white-space: pre-wrap; overflow-wrap: anywhere; padding: 20px; background: #fff; border-radius: 10px; }.pii-detection mark { background: #fce1e5; color: #93243b; border-radius: 3px; }.document-flow { display: flex; gap: 12px; margin: 20px 0; align-items: center; }.document-flow > span { background: #deeee6; border-radius: 6px; padding: 10px; font-size: .75rem; }
@keyframes stream { to { stroke-dashoffset: -1008; } }
@keyframes layer-light { 0%, 100% { opacity: .2; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-150px); } }
@keyframes activate-step { 0%, 65%, 100% { transform: translateY(0); } 20% { transform: translateY(-7px); } }
@keyframes privacy-scan { 50% { transform: translateY(180px); } }
@keyframes app-float { 50% { translate: 0 -7px; } }
.capability-visual.motion-active .mini-app { animation: app-float 8s ease-in-out infinite; }
.product-site .analyzer-panel.is-active-panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; }
.product-site .analyzer-panel .analyzer-intro, .product-site .analyzer-panel .stage-strip { grid-column: 1 / -1; }
.product-site .analyzer-panel .analyzer-intro { margin-bottom: 0; }
.product-site .analyzer-panel .stage-strip { margin: 0 0 10px; }
.product-site .analyzer-panel .analyzer-result { margin-top: 0; align-self: start; }
.product-site .analyzer-panel .analyzer-form { min-width: 0; }
.product-site .analyzer-panel .tool-fields { margin-top: 18px; }
.product-site .analyzer-panel input[type='number'] { width: 100%; padding: 12px; border: 1px solid #bdcec7; border-radius: 10px; background: #fafcfb; }
.tool-workspace-intro { padding: 22px 24px 0; background: #fff; }
.tool-workspace-intro p { max-width: 760px; margin: 0; color: #315952; font-size: 1.05rem; }
.scenario-switcher { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; }
.scenario-switcher button { padding: 9px 13px; border: 1px solid #c8d9d1; border-radius: 8px; background: #f4f8f6; color: #315952; cursor: pointer; }
.scenario-switcher button[aria-pressed='true'] { border-color: #00845f; background: #dff4ea; color: #00533c; }
.business-tool-result { display: grid; gap: 24px; }
.insight-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.insight-block { min-width: 0; padding: 14px; border-radius: 12px; background: #fff; }
.insight-block h4 { margin: 0 0 10px; font-size: .9rem; }
.insight-block ul, .insight-block ol { margin: 0; padding-left: 18px; }
.insight-block li { margin: 5px 0; color: #315952; font-size: .84rem; }
.process-flow { display: grid; grid-template-columns: repeat(6, minmax(120px, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; overflow-x: auto; }
.process-flow li { position: relative; min-width: 120px; padding: 14px; border: 1px solid #cfe3db; border-radius: 12px; background: #fff; }
.process-flow li:not(:last-child)::after { content: '→'; position: absolute; right: -12px; top: 20px; color: #007d59; font-weight: 800; }
.process-flow strong { display: block; margin-bottom: 12px; font-size: .88rem; overflow-wrap: anywhere; }
.process-flow p { margin: 0 0 12px; color: #315952; font-size: .82rem; }
.process-flow-detailed { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.flow-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.flow-tags b { padding: 4px 6px; border-radius: 5px; background: #e7f3ee; color: #21604d; font-size: .66rem; }
.flow-tags b:nth-child(2n) { background: #e7eef5; color: #24506b; }
.analyzer-ai-note,
.analyzer-status { display: block; margin-top: .55rem; color: var(--muted); }
.analyzer-form[aria-busy="true"] .button::before {
  content: "";
  display: inline-block;
  width: .85em;
  height: .85em;
  margin-right: .5rem;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 999px;
  vertical-align: -.1em;
  animation: analyzer-spin .8s linear infinite;
}
@keyframes analyzer-spin { to { transform: rotate(1turn); } }
@media (prefers-reduced-motion: reduce) {
  .analyzer-form[aria-busy="true"] .button::before { animation: none; }
}
.privacy-result { display: grid; gap: 18px; }
.privacy-workflow { display: grid; grid-template-columns: repeat(6, minmax(90px, 1fr)); gap: 7px; margin: 0; padding: 0; list-style: none; overflow-x: auto; }
.privacy-workflow li { padding: 10px 8px; border-radius: 8px; background: #fff; color: #234b42; font: .67rem ui-monospace, monospace; text-align: center; }
.finding-table { display: grid; gap: 7px; }
.finding-table > div { display: grid; grid-template-columns: 1.25fr .8fr .75fr .75fr; gap: 8px; align-items: center; padding: 10px; border-radius: 9px; background: #fff; color: #315952; font-size: .78rem; }
.scanner-raw, .scanner-safe { max-height: 260px; overflow: auto; padding: 14px; border-radius: 10px; background: #fff; color: #234b42; }
.scanner-safe { background: #e5f5ed; }
.tools-bridge { background: #edf4f2; }
.tool-bridge-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.tool-bridge-grid a { display: grid; gap: 10px; min-height: 145px; padding: 24px; border: 1px solid #d7e5df; border-radius: 14px; background: #fff; color: #183d39; text-decoration: none; transition: transform .2s, border-color .2s; }
.tool-bridge-grid a:hover, .tool-bridge-grid a:focus-visible { border-color: #00845f; transform: translateY(-2px); }
.tool-bridge-grid strong { font-size: clamp(1.2rem, 2vw, 1.7rem); }
.tool-bridge-grid span { color: #55746e; }
@media (max-width: 920px) { .product-site .analyzer-panel.is-active-panel { grid-template-columns: 1fr; } }
@media (max-width: 920px) { .insight-grid, .tool-bridge-grid { grid-template-columns: 1fr; }.process-flow { grid-template-columns: repeat(3, minmax(130px, 1fr)); }.privacy-workflow { grid-template-columns: repeat(3, minmax(100px, 1fr)); }.finding-table > div { grid-template-columns: 1fr 1fr; } }
@media (max-width: 1100px) { .product-site .container { width: calc(100% - 56px); }.product-site .nav-links { display: none; }.product-site .mobile-menu { display: block; }.product-site .hero-grid { grid-template-columns: 1fr 1fr; }.product-site .hero-system { min-height: 440px; }.glass-layer { height: 280px; }.glass-layer strong { font-size: .6rem; }.capability-chapter { gap: 40px; }.flow-rail { gap: 12px; }.flow-step { padding: 18px 8px; }.privacy-pipeline { gap: 10px; }.privacy-stage { padding: 18px 10px; }.impact-layout { gap: 30px; }.product-site .nav-actions > .button { display: none; } }
@media (max-width: 760px) { .product-site .container { width: calc(100% - 36px); }.product-site .section { padding: 70px 0; }.product-site .hero { padding-top: 50px; }.product-site .hero-grid { grid-template-columns: 1fr; gap: 0; }.product-site h1 { font-size: clamp(3.3rem, 12vw, 5.5rem); }.product-site .hero-system { min-height: 360px; margin-top: 30px; }.layer-stage { inset: 10% 2% 12%; }.glass-layer { height: 245px; flex-basis: 26%; margin-left: -7%; }.glass-layer svg { width: 38px; height: 38px; }.glass-layer strong { font-size: .54rem; }.glass-layer:nth-child(2) { transform: translateY(-10px) rotateY(-20deg) rotateZ(-5deg); }.glass-layer:nth-child(3) { transform: translateY(-20px) rotateY(-20deg) rotateZ(-5deg); }.glass-layer:nth-child(4) { transform: translateY(-30px) rotateY(-20deg) rotateZ(-5deg); }.glass-layer:nth-child(5) { transform: translateY(-40px) rotateY(-20deg) rotateZ(-5deg); }.glass-layer:first-child { transform: rotateY(-20deg) rotateZ(-5deg); }.brand-baseline { font-size: .55rem; }.brand-baseline span:last-child { display: none; }.flow-rail { grid-template-columns: repeat(3, 1fr); gap: 14px; }.flow-step { min-height: 175px; }.flow-step strong { font-size: .76rem; }.flow-step svg { width: 42px; height: 42px; }.flow-rail::before { display: none; }.capability-chapter { grid-template-columns: 1fr; gap: 30px; padding: 50px 0; }.capability-chapter:nth-child(even) .capability-visual { order: 0; }.capability-visual { min-height: 260px; padding: 25px; }.privacy-pipeline { grid-template-columns: repeat(2, 1fr); gap: 14px; }.privacy-stage:last-child { grid-column: 1 / -1; }.privacy-stage code { font-size: .68rem; }.impact-layout { grid-template-columns: 1fr; }.impact-dashboard { padding: 20px; }.impact-stats { gap: 10px; }.preview-content { grid-template-columns: 1fr; padding: 25px 0; gap: 20px; }.preview-content h3 { font-size: 2rem; }.preview-selector button { font-size: .7rem; padding: 9px; }.journey { grid-template-columns: 1fr; gap: 20px; }.journey li { position: relative; padding: 20px 0 0 52px; }.journey li::before { position: absolute; left: 0; top: 23px; }.product-site .solution-module summary { flex-wrap: wrap; gap: 16px; }.product-site .solution-open { width: 100%; padding-left: 45px; }.product-site .solution-expanded { margin-left: 0; padding: 18px; }.product-site .tool-result { position: static; }.product-site .analyzer-fields { grid-template-columns: 1fr; }.product-site .analyzer-panel { padding: 18px; }.product-site .hero-system.depth-left .layer-stage, .product-site .hero-system.depth-right .layer-stage { transform: none; } }
@media (prefers-reduced-motion: reduce) { .product-site *, .product-site *::before, .product-site *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }