/* OC GoTo Release A visual experience correction. Staging only. */

:root {
  --ocv-night: #02040a;
  --ocv-ink: #050812;
  --ocv-navy: #0b132b;
  --ocv-lift: #1c2541;
  --ocv-cyan: #00b4d8;
  --ocv-blue: #00aeef;
  --ocv-aqua: #90e0ef;
  --ocv-mint: #4fd4c4;
  --ocv-orange: #ff6b35;
  --ocv-orange-2: #ffa62b;
  --ocv-white: #f5fbfc;
  --ocv-soft: #d8e9eb;
  --ocv-line: rgba(144, 224, 239, .2);
  --ocv-glass: rgba(11, 19, 43, .72);
  --ocv-shadow: 0 30px 70px rgba(0, 0, 0, .42);
}

body.oc-r1-body { background: var(--ocv-night); color: var(--ocv-white); font-family: Inter, "Segoe UI", Arial, sans-serif; }
.oc-platform-home { background: var(--ocv-night); color: var(--ocv-white); overflow: clip; }
.oc-platform-home h1,
.oc-platform-home h2,
.oc-platform-home h3 { font-family: Inter, "Segoe UI", Arial, sans-serif; font-weight: 800; letter-spacing: 0; }
.oc-platform-home h1 { font-size: 4.65rem; line-height: 1.02; }
.oc-platform-home h2 { font-size: 2.75rem; line-height: 1.08; }
.oc-platform-home h3 { font-size: 1.15rem; }
.oc-platform-home p { line-height: 1.7; }
.oc-platform-home .oc-eyebrow { color: var(--ocv-cyan); }
.oc-platform-home .oc-eyebrow::before { background: linear-gradient(135deg, var(--ocv-orange), var(--ocv-orange-2)); }
.oc-platform-home .oc-section-index { color: rgba(216, 233, 235, .52); }

/* Live-site DNA: dark glass navigation, real logo, cyan action energy. */
.oc-r1-header { background: rgba(5, 8, 18, .9); border-bottom: 1px solid rgba(255, 255, 255, .07); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); }
.oc-r1-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ocv-white); font-family: Inter, "Segoe UI", Arial, sans-serif; }
.oc-r1-brand img { width: 38px; height: 38px; object-fit: contain; }
.oc-r1-brand span { color: var(--ocv-white); font-size: 1.2rem; }
.oc-r1-nav > a,
.oc-r1-nav-group > a,
.oc-r1-nav-action { color: #d1dce0; }
.oc-r1-nav > a:hover,
.oc-r1-nav > a:focus-visible,
.oc-r1-nav-group > a:hover,
.oc-r1-nav-group > a:focus-visible,
.oc-r1-nav-action:hover,
.oc-r1-nav-action:focus-visible { color: var(--ocv-blue); }
.oc-r1-subnav { background: #0a111a; border-color: rgba(255, 255, 255, .08); box-shadow: 0 18px 45px rgba(0, 0, 0, .52); }
.oc-r1-subnav a { color: var(--ocv-white); }
.oc-r1-subnav a:hover,
.oc-r1-subnav a:focus-visible { background: rgba(0, 174, 239, .1); color: var(--ocv-blue); transform: translateX(3px); }
.oc-r1-subnav span { color: #91a5ad; }
.oc-r1-account { margin-left: 6px; border: 0; border-radius: 8px; background: linear-gradient(135deg, var(--ocv-blue), var(--ocv-mint)) !important; color: #001017 !important; font-weight: 900 !important; }
.oc-r1-account:hover,
.oc-r1-account:focus-visible { box-shadow: 0 10px 26px rgba(0, 174, 239, .28); transform: translateY(-2px); }
.oc-r1-menu { border-color: rgba(255, 255, 255, .18); background: transparent; color: var(--ocv-white); }
.oc-r1-mobile { background: #050812; border-color: rgba(255, 255, 255, .08); box-shadow: 0 22px 45px rgba(0, 0, 0, .5); }
.oc-r1-mobile a { color: var(--ocv-white); }
.oc-r1-mobile__label { border-color: rgba(255, 255, 255, .08); color: #84989f; }

/* Hero: cinematic OC imagery plus dimensional product surfaces. */
.oc-platform-hero { min-height: min(790px, calc(100svh - 36px)); padding-top: 66px; background-image: linear-gradient(90deg, rgba(2, 4, 10, .97) 0%, rgba(5, 8, 18, .82) 45%, rgba(5, 8, 18, .28) 100%), var(--oc-hero-image); background-position: center; isolation: isolate; }
.oc-platform-hero::before { content: ""; position: absolute; inset: auto 0 0; height: 45%; background: linear-gradient(180deg, transparent, rgba(2, 4, 10, .9)); pointer-events: none; }
.oc-platform-hero::after { background: linear-gradient(125deg, rgba(0, 180, 216, .08), transparent 42%, rgba(255, 107, 53, .08)); }
.oc-platform-hero__inner { grid-template-columns: minmax(0, .95fr) minmax(500px, 1.05fr); gap: 35px; padding-bottom: 38px; }
.oc-platform-hero__copy { position: relative; z-index: 8; }
.oc-platform-hero h1 { max-width: 720px; margin-top: 18px; color: var(--ocv-white); text-shadow: 0 8px 35px rgba(0, 0, 0, .48); }
.oc-platform-hero .oc-lead { max-width: 670px; color: #d8e9eb; }
.oc-platform-hero .oc-button { min-height: 50px; padding: 13px 21px; border-radius: 8px; }
.oc-platform-hero .oc-button--aqua { background: linear-gradient(135deg, var(--ocv-blue), var(--ocv-mint)); color: #001017; box-shadow: 0 12px 32px rgba(0, 174, 239, .28); }
.oc-platform-hero .oc-button--outline-light { background: rgba(255, 255, 255, .06); border-color: rgba(144, 224, 239, .4); backdrop-filter: blur(10px); }
.oc-platform-hero .oc-text-action { color: var(--ocv-aqua); }
.oc-hero-stage { position: relative; min-height: 510px; perspective: 1200px; transform-style: preserve-3d; --pointer-x: 0; --pointer-y: 0; }
.oc-hero-stage::before { content: ""; position: absolute; inset: 18% 5% 4% 15%; border: 1px solid rgba(0, 180, 216, .18); background: linear-gradient(145deg, rgba(11, 19, 43, .25), rgba(2, 4, 10, .04)); transform: skewY(-4deg); box-shadow: 0 45px 90px rgba(0, 0, 0, .32); }
.oc-hero-product,
.oc-hero-octo-glass,
.oc-hero-local-tile,
.oc-hero-place-tile { position: absolute; z-index: 2; border: 1px solid rgba(144, 224, 239, .25); border-radius: 16px; background: linear-gradient(145deg, rgba(28, 37, 65, .86), rgba(5, 8, 18, .76)); box-shadow: var(--ocv-shadow); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); }
.oc-hero-product { color: var(--ocv-white); text-decoration: none; }
.oc-hero-product--resident { top: 36px; left: 18px; width: min(440px, 77%); min-height: 290px; overflow: hidden; transform: translate3d(calc(var(--pointer-x) * 9px), calc(var(--pointer-y) * 7px + var(--scene-progress, 0) * -15px), 40px) rotateY(-5deg) rotateX(2deg); }
.oc-stage-chrome { display: flex; align-items: center; gap: 6px; padding: 11px 14px; border-bottom: 1px solid rgba(255, 255, 255, .08); background: rgba(2, 4, 10, .55); }
.oc-stage-chrome i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255, 255, 255, .25); }
.oc-stage-chrome i:first-child { background: var(--ocv-orange); }
.oc-stage-chrome span { margin-left: auto; color: #8fb1b8; font-size: .61rem; font-weight: 800; }
.oc-stage-content { padding: 28px; }
.oc-stage-content > span { color: var(--ocv-cyan); font-size: .66rem; font-weight: 900; }
.oc-stage-content > strong { display: block; margin-top: 7px; font-family: Inter, "Segoe UI", Arial, sans-serif; font-size: 1.65rem; }
.oc-stage-content > div { display: flex; gap: 8px; margin-top: 28px; }
.oc-stage-content b { padding: 7px 10px; border: 1px solid rgba(144, 224, 239, .18); border-radius: 7px; color: #c9dde0; font-size: .66rem; }
.oc-hero-product--resident > a { display: block; padding: 13px 28px; border-top: 1px solid rgba(255, 255, 255, .08); color: var(--ocv-aqua); font-size: .72rem; font-weight: 800; text-decoration: none; }
.oc-hero-octo-glass { top: 226px; right: 0; z-index: 5; width: 310px; padding: 18px 20px; border: 1px solid rgba(255, 255, 255, .35); background: linear-gradient(135deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .05)); color: var(--ocv-white); text-align: left; font: inherit; cursor: pointer; transform: translate3d(calc(var(--pointer-x) * -13px), calc(var(--pointer-y) * -9px + var(--scene-progress, 0) * -25px), 95px) rotateY(6deg); }
.oc-hero-octo-glass span,
.oc-hero-octo-glass strong,
.oc-hero-octo-glass small { display: block; }
.oc-hero-octo-glass span { color: var(--ocv-orange); font-size: .62rem; font-weight: 900; }
.oc-hero-octo-glass strong { margin: 4px 0; font-family: Inter, "Segoe UI", Arial, sans-serif; font-size: 1.1rem; }
.oc-hero-octo-glass small { color: #c0d7da; }
.oc-hero-octo-glass:hover,
.oc-hero-octo-glass:focus-visible { border-color: var(--ocv-cyan); box-shadow: 0 25px 55px rgba(0, 180, 216, .24); }
.oc-hero-product--business { right: 20px; bottom: 24px; width: 290px; padding: 22px; transform: translate3d(calc(var(--pointer-x) * -7px), calc(var(--pointer-y) * 11px + var(--scene-progress, 0) * -8px), 55px) rotate(2deg); }
.oc-hero-product--business span,
.oc-hero-product--business strong,
.oc-hero-product--business small { display: block; }
.oc-hero-product--business span { color: var(--ocv-cyan); font-size: .62rem; font-weight: 900; }
.oc-hero-product--business strong { margin: 5px 0; font-family: Inter, "Segoe UI", Arial, sans-serif; }
.oc-hero-product--business small { color: #a9c3c7; }
.oc-hero-local-tile { left: 0; bottom: 46px; width: 168px; padding: 17px; transform: translate3d(calc(var(--pointer-x) * 14px), calc(var(--pointer-y) * -7px), 80px) rotate(-4deg); }
.oc-hero-local-tile span,
.oc-hero-local-tile strong,
.oc-hero-local-tile small { display: block; }
.oc-hero-local-tile span { color: var(--ocv-orange); font-size: .55rem; font-weight: 900; }
.oc-hero-local-tile strong { margin: 3px 0; color: var(--ocv-white); font-size: 1.55rem; }
.oc-hero-local-tile small { color: #a6bec2; font-size: .64rem; }
.oc-hero-place-tile { top: 10px; right: 0; width: 190px; padding: 16px; transform: translate3d(calc(var(--pointer-x) * -10px), calc(var(--pointer-y) * 6px), 70px) rotate(4deg); }
.oc-hero-place-tile span,
.oc-hero-place-tile strong,
.oc-hero-place-tile small { display: block; }
.oc-hero-place-tile span { color: var(--ocv-aqua); font-size: .55rem; font-weight: 900; }
.oc-hero-place-tile strong { margin: 3px 0; }
.oc-hero-place-tile small { color: #a6bec2; font-size: .64rem; }
.oc-platform-proof { max-width: 1180px; background: rgba(5, 8, 18, .66); border: 1px solid rgba(255, 255, 255, .08); border-bottom: 0; backdrop-filter: blur(12px); }
.oc-platform-proof span { border-color: rgba(255, 255, 255, .08); color: #c9dcdf; }

/* Narrative bridge and dimensional product reveal. */
.oc-platform-intro { position: relative; background: linear-gradient(180deg, var(--ocv-night), #07111c); }
.oc-platform-intro::after { content: ""; position: absolute; right: 7%; bottom: -1px; width: 34%; height: 1px; background: linear-gradient(90deg, transparent, var(--ocv-cyan)); }
.oc-editorial-lead > p { color: #a9c1c5; }
.oc-product-band { position: relative; min-height: 850px; padding: 100px 0 130px; background: linear-gradient(145deg, #07111c 0%, #0b1830 52%, #05101a 100%); border-color: rgba(255, 255, 255, .06); }
.oc-product-band::before { content: ""; position: absolute; inset: 27% 0 auto; height: 48%; background: linear-gradient(90deg, transparent, rgba(0, 180, 216, .08), transparent); transform: skewY(-4deg); pointer-events: none; }
.oc-product-band .oc-section-head p { color: #abc2c6; }
.oc-product-previews { position: relative; display: block; min-height: 560px; margin-top: 40px; perspective: 1400px; transform-style: preserve-3d; }
.oc-product-console { position: absolute; width: min(720px, 72%); border-color: rgba(144, 224, 239, .22); border-radius: 18px; background: rgba(5, 8, 18, .93); box-shadow: 0 45px 90px rgba(0, 0, 0, .48); overflow: hidden; }
.oc-product-console > header { background: linear-gradient(135deg, #0b132b, #10243b); }
.oc-product-console--resident { left: 0; top: 5px; z-index: 2; transform: translate3d(0, calc((1 - var(--scene-progress, 0)) * 35px), 50px) rotateY(5deg) rotateX(1deg); }
.oc-product-console--business { right: 0; top: 180px; z-index: 3; transform: translate3d(0, calc((1 - var(--scene-progress, 0)) * 65px), 100px) rotateY(-5deg) rotateX(1deg); }
.oc-product-console > nav { background: #08111d; border-color: rgba(255, 255, 255, .08); }
.oc-product-console > nav span { color: #849da2; }
.oc-product-console > nav .is-active { color: var(--ocv-white); border-color: var(--ocv-cyan); }
.oc-console-body { background: linear-gradient(145deg, rgba(11, 19, 43, .96), rgba(5, 8, 18, .98)); }
.oc-console-query { background: rgba(0, 180, 216, .08); border-left-color: var(--ocv-cyan); }
.oc-console-query span,
.oc-console-row small,
.oc-business-status small,
.oc-business-modules small { color: #9eb8bd; }
.oc-console-query button,
.oc-console-row a { color: var(--ocv-aqua); }
.oc-console-row { border-color: rgba(255, 255, 255, .08); }
.oc-business-status { background: rgba(255, 107, 53, .08); border-color: var(--ocv-orange); }
.oc-business-status span { color: var(--ocv-orange-2); }
.oc-business-modules > div { border-color: rgba(255, 255, 255, .08); }

/* One evolving record: SEO to agent readiness. */
.oc-search-shift { position: relative; padding: 110px 0; background: #03060d; }
.oc-search-shift .oc-editorial-split { position: relative; z-index: 2; }
.oc-evolution-stage { position: relative; min-height: 520px; margin: 55px 0 30px; perspective: 1200px; }
.oc-evolution-stage::before { content: ""; position: absolute; left: 6%; right: 6%; top: 50%; height: 1px; background: linear-gradient(90deg, transparent, rgba(0, 180, 216, .38), rgba(144, 224, 239, .2), transparent); }
.oc-evolution-record { position: absolute; top: 80px; left: 50%; z-index: 5; width: min(440px, 54%); min-height: 340px; padding: 24px; border: 1px solid rgba(144, 224, 239, .3); border-radius: 18px; background: linear-gradient(145deg, rgba(28, 37, 65, .94), rgba(5, 8, 18, .95)); box-shadow: 0 45px 90px rgba(0, 0, 0, .5); transform: translateX(-50%) translateZ(70px) rotateX(calc((1 - var(--scene-progress, 0)) * 6deg)); }
.oc-record-head { padding-bottom: 17px; border-bottom: 1px solid rgba(255, 255, 255, .09); }
.oc-record-head span,
.oc-record-head b { display: block; }
.oc-record-head span { color: var(--ocv-cyan); font-size: .62rem; font-weight: 900; }
.oc-record-head b { margin-top: 5px; }
.oc-record-identity { display: flex; gap: 15px; align-items: center; padding: 25px 0; }
.oc-record-identity i { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 13px; background: linear-gradient(135deg, var(--ocv-orange), var(--ocv-orange-2)); color: #091019; font-style: normal; font-weight: 900; }
.oc-record-identity strong,
.oc-record-identity small { display: block; }
.oc-record-identity small { color: #9fb8bd; }
.oc-evolution-record dl { margin: 0; }
.oc-evolution-record dl > div { display: grid; grid-template-columns: 92px 1fr; padding: 10px 0; border-top: 1px solid rgba(255, 255, 255, .07); }
.oc-evolution-record dt { color: #829ca2; font-size: .7rem; font-weight: 800; }
.oc-evolution-record dd { margin: 0; font-size: .75rem; }
.oc-evolution-layer { position: absolute; z-index: 6; min-width: 175px; padding: 18px; border: 1px solid rgba(144, 224, 239, .24); border-radius: 13px; background: rgba(11, 19, 43, .88); box-shadow: 0 22px 48px rgba(0, 0, 0, .36); backdrop-filter: blur(12px); }
.oc-evolution-layer span,
.oc-evolution-layer strong,
.oc-evolution-layer small { display: block; }
.oc-evolution-layer span { color: var(--ocv-orange); font-size: .57rem; font-weight: 900; }
.oc-evolution-layer strong { margin: 4px 0; color: var(--ocv-aqua); }
.oc-evolution-layer small { color: #9db4b8; }
.oc-evolution-layer--seo { top: 30px; left: 3%; transform: translate3d(calc((1 - var(--scene-progress, 0)) * -55px), 0, 10px) rotate(-3deg); }
.oc-evolution-layer--aeo { top: 255px; left: 7%; transform: translate3d(calc((1 - var(--scene-progress, 0)) * -75px), 0, 30px) rotate(2deg); }
.oc-evolution-layer--geo { top: 55px; right: 4%; transform: translate3d(calc((1 - var(--scene-progress, 0)) * 55px), 0, 20px) rotate(3deg); }
.oc-evolution-layer--agent { top: 285px; right: 2%; transform: translate3d(calc((1 - var(--scene-progress, 0)) * 80px), 0, 40px) rotate(-2deg); }
.oc-shift-sequence { margin-top: 0; border-color: rgba(255, 255, 255, .13); }
.oc-shift-sequence > div { background: transparent; border-color: rgba(255, 255, 255, .12); }

/* One intentional connected-OC network moment. */
.oc-local-graph { background: linear-gradient(180deg, #edf7f7 0%, #f8fbfb 100%); color: #102734; }
.oc-local-graph .oc-section-index { color: #6e858c; }
.oc-local-graph .oc-eyebrow { color: #007f99; }
.oc-local-graph h2 { color: #071723; }
.oc-local-graph p { color: #587078; }
.oc-connected-scene { position: relative; min-height: 560px; perspective: 1200px; }
.oc-connected-scene::before { content: ""; position: absolute; inset: 12% 6%; background-image: linear-gradient(rgba(8, 112, 135, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(8, 112, 135, .06) 1px, transparent 1px); background-size: 36px 36px; transform: skewY(-4deg); }
.oc-connected-base { position: absolute; top: 155px; left: 15%; z-index: 4; width: 58%; min-height: 230px; padding: 34px; border: 1px solid rgba(0, 127, 153, .22); border-radius: 18px; background: linear-gradient(145deg, #0b132b, #071723); color: var(--ocv-white); box-shadow: 0 35px 70px rgba(7, 23, 35, .28); transform: translate3d(0, calc((1 - var(--scene-progress, 0)) * 35px), 50px) rotateY(5deg); }
.oc-connected-base span,
.oc-connected-base strong,
.oc-connected-base small { display: block; }
.oc-connected-base span { color: var(--ocv-cyan); font-size: .62rem; font-weight: 900; }
.oc-connected-base strong { margin-top: 14px; font-family: Inter, "Segoe UI", Arial, sans-serif; font-size: 1.55rem; }
.oc-connected-base small { max-width: 270px; margin-top: 10px; color: #b6ced1; }
.oc-connected-tile { position: absolute; z-index: 6; min-width: 150px; padding: 17px; border: 1px solid rgba(0, 127, 153, .2); border-radius: 13px; background: rgba(255, 255, 255, .95); box-shadow: 0 18px 40px rgba(7, 23, 35, .16); }
.oc-connected-tile span,
.oc-connected-tile strong { display: block; }
.oc-connected-tile span { color: #cb4f20; font-size: .57rem; font-weight: 900; }
.oc-connected-tile strong { margin-top: 4px; color: #102734; font-size: .8rem; }
.oc-connected-tile--city { top: 36px; left: 4%; transform: translateY(calc((1 - var(--scene-progress, 0)) * -28px)) rotate(-4deg); }
.oc-connected-tile--business { top: 40px; right: 8%; transform: translateY(calc((1 - var(--scene-progress, 0)) * -45px)) rotate(3deg); }
.oc-connected-tile--service { top: 235px; right: 0; transform: translateX(calc((1 - var(--scene-progress, 0)) * 35px)) rotate(2deg); }
.oc-connected-tile--event { bottom: 28px; left: 7%; transform: translateY(calc((1 - var(--scene-progress, 0)) * 40px)) rotate(3deg); }
.oc-connected-tile--source { bottom: 18px; right: 17%; transform: translateY(calc((1 - var(--scene-progress, 0)) * 55px)) rotate(-3deg); }
.oc-connection { position: absolute; z-index: 3; height: 1px; background: linear-gradient(90deg, transparent, rgba(0, 127, 153, .5), transparent); transform-origin: left center; }
.oc-connection--one { top: 185px; left: 18%; width: 65%; transform: rotate(-12deg); }
.oc-connection--two { top: 350px; left: 15%; width: 70%; transform: rotate(10deg); }
.oc-connection--three { top: 265px; left: 27%; width: 58%; transform: rotate(32deg); }

/* OCTO signature stage with tangible trust record. */
.oc-octo-feature { position: relative; padding: 110px 0; background: linear-gradient(135deg, #07111c, #0b132b 58%, #081b24); color: var(--ocv-white); }
.oc-octo-feature h2 { color: var(--ocv-white); }
.oc-octo-feature p { color: #b4cdd0; }
.oc-octo-feature__layout { grid-template-columns: 1.1fr .9fr; }
.oc-octo-stage { position: relative; min-height: 510px; perspective: 1200px; }
.oc-octo-stage::before { content: ""; position: absolute; inset: 14% 7% 10%; border: 1px solid rgba(144, 224, 239, .15); background: linear-gradient(145deg, rgba(255, 255, 255, .04), transparent); transform: skewY(4deg); }
.oc-octo-query { position: absolute; top: 78px; left: 2%; z-index: 5; width: 82%; padding: 27px 30px; border: 1px solid rgba(255, 255, 255, .34); border-radius: 18px; background: linear-gradient(135deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .05)); box-shadow: var(--ocv-shadow); color: var(--ocv-white); text-align: left; font: inherit; cursor: pointer; backdrop-filter: blur(15px); transform: translate3d(0, calc((1 - var(--scene-progress, 0)) * 35px), 75px) rotateY(5deg); }
.oc-octo-query span,
.oc-octo-query strong,
.oc-octo-query small { display: block; }
.oc-octo-query span { color: var(--ocv-orange-2); font-size: .62rem; font-weight: 900; }
.oc-octo-query strong { margin: 8px 0; font-family: Inter, "Segoe UI", Arial, sans-serif; font-size: 1.45rem; }
.oc-octo-query small { color: #c1d8db; }
.oc-octo-query b { color: var(--ocv-cyan); }
.oc-trust-record { position: absolute; right: 0; bottom: 50px; z-index: 7; width: 64%; padding: 22px; border: 1px solid rgba(0, 180, 216, .28); border-radius: 16px; background: rgba(5, 8, 18, .93); box-shadow: 0 35px 70px rgba(0, 0, 0, .5); transform: translate3d(0, calc((1 - var(--scene-progress, 0)) * 55px), 110px) rotateY(-5deg); }
.oc-trust-record header { padding-bottom: 13px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.oc-trust-record header span,
.oc-trust-record header strong { display: block; }
.oc-trust-record header span { color: var(--ocv-cyan); font-size: .56rem; font-weight: 900; }
.oc-trust-record header strong { margin-top: 4px; }
.oc-trust-record dl { margin: 12px 0 0; }
.oc-trust-record dl > div { display: grid; grid-template-columns: 82px 1fr; gap: 8px; padding: 7px 0; }
.oc-trust-record dt { color: #7f9ba0; font-size: .65rem; font-weight: 800; }
.oc-trust-record dd { margin: 0; color: #d9e9eb; font-size: .68rem; }
.oc-octo-route-tile { position: absolute; left: 0; bottom: 18px; z-index: 4; width: 180px; padding: 16px; border-left: 3px solid var(--ocv-orange); background: rgba(5, 8, 18, .85); box-shadow: 0 18px 38px rgba(0, 0, 0, .34); }
.oc-octo-route-tile span { display: block; margin-bottom: 7px; color: var(--ocv-orange-2); font-size: .54rem; font-weight: 900; }
.oc-octo-route-tile b { display: inline-block; margin: 2px 4px 2px 0; color: #bcd3d6; font-size: .62rem; }

/* Trust, agent tiles, and business media carry the same depth language. */
.oc-trust-band { background: #f6fbfb; color: #102734; }
.oc-trust-band h2 { color: #071723; }
.oc-trust-band .oc-editorial-split > p,
.oc-trust-rows p { color: #5d747b; }
.oc-trust-rows > div { transition: transform .3s ease, background-color .3s ease; }
.oc-trust-rows > div:hover { background: rgba(0, 180, 216, .04); transform: translateX(8px); }
.oc-agent-band { padding: 110px 0; background: #050812; }
.oc-agent-terminal { position: relative; min-height: 430px; border: 0; perspective: 1000px; }
.oc-agent-terminal > div { position: absolute; width: 82%; padding: 25px; border: 1px solid rgba(144, 224, 239, .2); border-radius: 15px; background: linear-gradient(145deg, rgba(28, 37, 65, .9), rgba(5, 8, 18, .92)); box-shadow: 0 30px 60px rgba(0, 0, 0, .42); }
.oc-agent-terminal > div:nth-child(1) { top: 0; left: 0; z-index: 3; transform: translate3d(0, calc((1 - var(--scene-progress, 0)) * 25px), 80px) rotateY(4deg); }
.oc-agent-terminal > div:nth-child(2) { top: 125px; right: 0; z-index: 4; transform: translate3d(0, calc((1 - var(--scene-progress, 0)) * 45px), 110px) rotateY(-4deg); }
.oc-agent-terminal > div:nth-child(3) { top: 260px; left: 8%; z-index: 5; transform: translate3d(0, calc((1 - var(--scene-progress, 0)) * 65px), 140px) rotateY(3deg); }
.oc-business-visibility { background: #eaf3f4; color: #102734; }
.oc-business-visibility h2 { color: #071723; }
.oc-business-visibility p { color: #5b737a; }
.oc-business-visibility__image { min-height: 560px; border-radius: 18px; box-shadow: 0 35px 70px rgba(7, 23, 35, .22); background-position: center calc(50% + var(--scene-progress, 0) * 10%); transform: rotate(-1.5deg) scale(.98); transition: transform .5s ease; }
.oc-business-visibility:hover .oc-business-visibility__image { transform: rotate(0) scale(1); }

/* Coverage map moment, then deliberately calm FAQ. */
.oc-coverage { padding: 110px 0; background: linear-gradient(145deg, #07111c, #0b132b); color: var(--ocv-white); }
.oc-coverage h2 { color: var(--ocv-white); }
.oc-coverage__layout { grid-template-columns: .82fr 1.18fr; align-items: center; }
.oc-coverage-copy p { color: #b5cbce; }
.oc-county-stage { position: relative; min-height: 560px; perspective: 1200px; }
.oc-county-shape { position: absolute; inset: 25px 12% 55px 15%; overflow: hidden; border: 1px solid rgba(144, 224, 239, .3); background: linear-gradient(160deg, rgba(28, 37, 65, .95), rgba(5, 8, 18, .96)); box-shadow: 0 40px 80px rgba(0, 0, 0, .48); clip-path: polygon(38% 0, 79% 9%, 100% 37%, 83% 63%, 72% 100%, 37% 88%, 14% 65%, 0 31%, 18% 9%); transform: translate3d(0, calc((1 - var(--scene-progress, 0)) * 28px), 70px) rotateY(-4deg); }
.oc-county-shape::after { content: ""; position: absolute; left: 19%; right: 7%; bottom: 5%; height: 35%; background: linear-gradient(135deg, rgba(0, 180, 216, .18), rgba(79, 212, 196, .28)); border-top: 1px solid rgba(144, 224, 239, .35); transform: skewY(-8deg); }
.oc-county-zone { position: absolute; z-index: 2; padding: 9px 11px; border-left: 2px solid var(--ocv-cyan); background: rgba(5, 8, 18, .72); font-size: .7rem; font-weight: 800; }
.oc-county-zone small { display: block; margin-top: 2px; color: #9db8bc; font-size: .58rem; font-weight: 600; }
.oc-county-zone--north { top: 16%; left: 38%; }
.oc-county-zone--central { top: 40%; left: 49%; }
.oc-county-zone--coastal { top: 54%; left: 15%; }
.oc-county-zone--south { right: 14%; bottom: 13%; border-color: var(--ocv-orange); background: rgba(0, 180, 216, .14); }
.oc-map-key { position: absolute; right: 2%; bottom: 0; display: grid; gap: 7px; color: #a8c1c5; font-size: .64rem; }
.oc-map-key span { display: flex; align-items: center; gap: 7px; }
.oc-map-key i { width: 14px; height: 6px; background: var(--ocv-cyan); }
.oc-map-key span:last-child i { background: rgba(144, 224, 239, .3); }
.oc-faq { padding: 105px 0; background: #f8fbfb; color: #102734; }
.oc-faq h2 { color: #071723; }
.oc-faq .oc-editorial-split > p,
.oc-faq-list p { color: #5c737a; }
.oc-faq-list { border-color: #cadbdd; }
.oc-faq-list details { border-color: #cadbdd; }
.oc-faq-list summary { color: #102734; }
.oc-platform-final { background: linear-gradient(145deg, #050812, #0b132b); }

/* Motion is progressive enhancement. Content is visible without JS. */
.oc-motion-ready [data-motion-scene] .oc-section-head,
.oc-motion-ready [data-motion-scene] .oc-editorial-split,
.oc-motion-ready [data-motion-scene] .oc-graph-layout > div:last-child,
.oc-motion-ready [data-motion-scene] .oc-octo-feature__layout > div:last-child,
.oc-motion-ready [data-motion-scene] .oc-coverage__layout > div:first-child { opacity: .25; transform: translateY(26px); transition: opacity .7s ease, transform .7s cubic-bezier(.2, .7, .2, 1); }
.oc-motion-ready [data-motion-scene].is-visible .oc-section-head,
.oc-motion-ready [data-motion-scene].is-visible .oc-editorial-split,
.oc-motion-ready [data-motion-scene].is-visible .oc-graph-layout > div:last-child,
.oc-motion-ready [data-motion-scene].is-visible .oc-octo-feature__layout > div:last-child,
.oc-motion-ready [data-motion-scene].is-visible .oc-coverage__layout > div:first-child { opacity: 1; transform: translateY(0); }

@media (max-width: 1050px) {
  .oc-platform-home h1 { font-size: 3.7rem; }
  .oc-platform-home h2 { font-size: 2.35rem; }
  .oc-platform-hero__inner { grid-template-columns: .9fr 1.1fr; }
  .oc-hero-stage { min-height: 470px; transform: scale(.92); transform-origin: center right; }
  .oc-product-console { width: 78%; }
  .oc-evolution-record { width: 58%; }
  .oc-evolution-layer { min-width: 150px; }
  .oc-octo-feature__layout { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
  .oc-platform-home h1 { font-size: 2.8rem; }
  .oc-platform-home h2 { font-size: 2rem; }
  .oc-r1-brand span { font-size: 1rem; }
  .oc-platform-hero { min-height: auto; padding: 56px 0 0; background-position: 58% center; }
  .oc-platform-hero__inner { display: block; }
  .oc-platform-hero__actions .oc-button { width: 100%; }
  .oc-platform-hero__actions .oc-text-action { width: 100%; text-align: left; padding-left: 0; }
  .oc-hero-stage { min-height: 455px; width: 100%; margin-top: 25px; transform: none; }
  .oc-hero-stage::before { inset: 16% 0 5% 5%; }
  .oc-hero-product--resident { top: 20px; left: 0; width: 86%; min-height: 245px; transform: translateY(calc(var(--scene-progress, 0) * -7px)) rotateY(-2deg); }
  .oc-stage-content { padding: 22px; }
  .oc-stage-content > strong { font-size: 1.3rem; }
  .oc-hero-octo-glass { top: 205px; right: 0; width: 77%; transform: translateY(calc(var(--scene-progress, 0) * -10px)) rotateY(2deg); }
  .oc-hero-product--business { right: 0; bottom: 12px; width: 73%; transform: rotate(1deg); }
  .oc-hero-local-tile { left: 0; bottom: 29px; width: 118px; padding: 12px; transform: rotate(-2deg); }
  .oc-hero-place-tile { display: none; }
  .oc-platform-proof { grid-template-columns: 1fr; padding: 0 14px; }
  .oc-platform-proof span { border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, .08); }
  .oc-product-band { min-height: auto; padding: 75px 0; }
  .oc-product-previews { min-height: 760px; }
  .oc-product-console { width: 94%; }
  .oc-product-console--resident { top: 0; transform: translateY(calc((1 - var(--scene-progress, 0)) * 14px)) rotateY(2deg); }
  .oc-product-console--business { top: 380px; transform: translateY(calc((1 - var(--scene-progress, 0)) * 22px)) rotateY(-2deg); }
  .oc-evolution-stage { min-height: 750px; }
  .oc-evolution-record { top: 150px; width: 88%; min-height: 315px; }
  .oc-evolution-layer { min-width: 135px; padding: 13px; }
  .oc-evolution-layer--seo { top: 15px; left: 0; }
  .oc-evolution-layer--aeo { top: 505px; left: 0; }
  .oc-evolution-layer--geo { top: 35px; right: 0; }
  .oc-evolution-layer--agent { top: 540px; right: 0; }
  .oc-shift-sequence { grid-template-columns: 1fr; }
  .oc-shift-sequence > div { border-right: 0; }
  .oc-connected-scene { min-height: 610px; }
  .oc-connected-base { top: 170px; left: 5%; width: 82%; }
  .oc-connected-tile { min-width: 125px; padding: 12px; }
  .oc-connected-tile--city { left: 0; }
  .oc-connected-tile--business { right: 0; }
  .oc-connected-tile--service { top: 395px; }
  .oc-connected-tile--event { bottom: 14px; left: 0; }
  .oc-connected-tile--source { bottom: 0; right: 0; }
  .oc-octo-feature { padding: 80px 0; }
  .oc-octo-feature__layout { grid-template-columns: 1fr; }
  .oc-octo-stage { min-height: 500px; }
  .oc-octo-query { width: 92%; padding: 21px; transform: translateY(calc((1 - var(--scene-progress, 0)) * 14px)) rotateY(2deg); }
  .oc-trust-record { width: 82%; transform: translateY(calc((1 - var(--scene-progress, 0)) * 18px)) rotateY(-2deg); }
  .oc-agent-terminal { min-height: 520px; }
  .oc-agent-terminal > div { width: 92%; }
  .oc-agent-terminal > div:nth-child(2) { top: 160px; }
  .oc-agent-terminal > div:nth-child(3) { top: 330px; }
  .oc-business-visibility__image { min-height: 360px; transform: rotate(-.5deg); }
  .oc-coverage { padding: 80px 0; }
  .oc-coverage__layout { grid-template-columns: 1fr; }
  .oc-county-stage { min-height: 500px; }
  .oc-county-shape { inset: 25px 4% 65px; transform: translateY(calc((1 - var(--scene-progress, 0)) * 14px)); }
  .oc-map-key { right: 4%; }
}

@media (prefers-reduced-motion: reduce) {
  .oc-platform-home *,
  .oc-platform-home *::before,
  .oc-platform-home *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: .01ms !important; }
  [data-motion-stage],
  .oc-hero-product,
  .oc-hero-octo-glass,
  .oc-hero-local-tile,
  .oc-hero-place-tile,
  .oc-product-console,
  .oc-evolution-record,
  .oc-evolution-layer,
  .oc-connected-base,
  .oc-connected-tile,
  .oc-octo-query,
  .oc-trust-record,
  .oc-agent-terminal > div,
  .oc-county-shape { transform: none !important; }
  .oc-motion-ready [data-motion-scene] * { opacity: 1 !important; }
}