/* SparkTales — shared styles and page styles. */
/* Bootstrap 5 and Bootstrap Icons must load before this stylesheet. */

@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Michroma&display=swap");
:root {--bg: #080d17; --panel: #101827; --ink: #f3f5f8; --muted: #a5b0c0; --line: #253246; --teal: #6ce6dc; --green: #8ef0c2; --red: #ff7d83; --blue: #76b9ff; --purple: #b8a1ff;}
* {box-sizing: border-box;}
html {scroll-behavior: smooth; scroll-padding-top: 110px;}
body {background: var(--bg); color: var(--ink); font-family: "IBM Plex Sans", sans-serif; margin: 0; overflow-x: clip;}
a {color: inherit; text-decoration: none;}
a:hover {color: var(--teal);}
img {max-width: 100%;}
/* Shared typography: edit these two classes to update all headings and paragraphs. */
.st-heading {font-family: "Michroma", sans-serif; font-weight: 700; line-height: 1.16; letter-spacing: -0.045em; margin: 0 0 24px; color: var(--ink);}
.st-text {font-size: 16px; line-height: 1.85; color: var(--muted); margin: 0 0 22px;}
h1.st-heading {font-size: clamp(38px, 4.7vw, 70px);}
h2.st-heading {font-size: clamp(30px, 3.3vw, 49px);}
h3.st-heading {font-size: 25px;}
h4.st-heading {font-size: 27px;}
em {font-style: normal; color: var(--teal);}
.wrap {width: min(1280px, calc(100% - 64px)); margin-inline: auto;}
.section {padding-block: 112px;}
.eyebrow {color: var(--teal); font-size: 10px; font-weight: 700; letter-spacing: 2.5px; line-height: 1.7; margin-bottom: 23px;}
.site-header {width:100%; margin: auto; display: flex; align-items: center; justify-content: space-between; height: 100px; padding:5px 20px; position: sticky; top: 0;
 background: #080d17ed; backdrop-filter: blur(20px); z-index: 100; border-bottom: 1px solid #ffffff12; transition: height 0.3s;}
.site-header.scrolled {height: auto;}
.brand-logo {max-width: 180px;width:100%; height: auto; object-fit: contain; background: #fff; border-radius: 3px; padding: 4px;}
nav {display: flex; align-items: center; gap: 40px; font-size: 13px;}
nav .active {color: var(--teal);}
nav .nav-cta {border: 1px solid var(--line); padding: 14px 23px; border-radius: 40px;}
nav .nav-cta span {margin-left: 20px; color: var(--teal);}
.menu-toggle {display: none;}
.hero {position: relative; min-height: 790px; padding-block: 80px 90px; align-items: center; isolation: isolate;}
.hero-copy {padding-right: 42px; z-index: 2;}
.coE-kicker {font-size: 13px; color: #bdcbd1; margin-bottom: 25px;}
.hero-main-heading span {display: block;}
.headline-first {font-size: 0.65em; margin-bottom: 10px; font-weight: 500; color: #c9d1db;}
.headline-highlight {color: var(--teal);}
.headline-white {font-size: 0.83em; margin-top: 6px;}
.hero-subheading.st-heading {font-size: 22px; letter-spacing: -0.025em; margin-top: 25px;}
.hero-lead {max-width: 540px;}
.hero-actions {display: flex; gap: 12px; flex-wrap: wrap; margin-top: 30px;}
.button {padding: 15px 22px; display: inline-flex; gap: 22px; align-items: center; font-size: 12px; font-weight: 700; border: 1px solid var(--line); border-radius: 40px; transition: background 0.2s, transform 0.2s;}
.button:hover {transform: translateY(-3px); background: #182b35; color: var(--ink);}
.button.primary {background: var(--teal); color: #08171e; border-color: var(--teal);}
.button.primary:hover {background: var(--green);}
.hero-actions .button:last-child {border: 0; padding-left: 0; flex-basis: 100%; width: fit-content; justify-content: flex-start; color: var(--teal);}
.hero-proof {display: flex; gap: 28px; border-top: 1px solid var(--line); padding-top: 25px; margin-top: 30px;}
.hero-proof div {display: flex; flex-direction: column; gap: 7px;}
.hero-proof strong {font-size: 10px; letter-spacing: 1.8px;}
.hero-proof span {font-size: 11px; color: var(--muted);}
.hero-visual {height: 610px; position: relative; padding-left: 20px;}
.real-mdc-photo {width: 100%; height: 100%; object-fit: cover; border-radius: 180px 180px 10px 10px; filter: saturate(0.7); border: 1px solid #47636b; mask-image: linear-gradient(#000 85%, transparent);}
.hero-orbit {position: absolute; right: -4%; top: 11%; width: 600px; height: 600px; border: 1px solid #6ce6dc18; border-radius: 50%; z-index: -1; box-shadow: 0 0 120px #6ce6dc09;}
.visual-label {position: absolute; z-index: 2; font-size: 9px; letter-spacing: 1.5px; background: #0c1821e8; border: 1px solid var(--line); padding: 12px 16px;}
.label-top {top: 28px; left: 0;}
.label-bottom {bottom: 25px; right: 0; color: var(--teal);}
.pulse, .status-dot {display: inline-block; width: 6px; height: 6px; background: var(--green); border-radius: 50%; margin-right: 7px; box-shadow: 0 0 12px var(--green);}
.trust-strip {border-block: 1px solid var(--line); background: #0c1420;}
.trust-inner {display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 30px;}
.trust-inner > span {font-size: 9px; letter-spacing: 1.6px; color: var(--muted); max-width: 160px;}
.trust-inner div {font-size: 14px;}
.trust-inner i {color: var(--teal); font-style: normal;}
.section-heading {display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 90px; align-items: end; margin-bottom: 50px;}
.section-heading .st-text {margin-bottom: 24px;}
.architecture-card {background: linear-gradient(130deg, #12212b, #0b131e 65%); border: 1px solid var(--line); padding: 38px;}
.arch-top {display: flex; justify-content: space-between; gap: 30px; margin-bottom: 35px;}
.live-pill {display: block; color: var(--teal); font-size: 9px; letter-spacing: 2px; margin-bottom: 15px;}
.arch-top .st-heading {font-size: 24px; margin-bottom: 12px;}
.arch-top .st-text {font-size: 12px; margin: 0;}
.arch-legend {display: flex; gap: 18px; align-items: center; font-size: 10px;}
.arch-legend i {display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 6px;}
.red {background: var(--red);}
.blue {background: var(--blue);}
.violet {background: var(--purple);}
.network-core {display: flex; align-items: center; gap: 20px; padding: 24px; border: 1px solid #6ce6dc55; background: #6ce6dc08;}
.core-icon {font-size: 38px; color: var(--teal);}
.network-core b {font-size: 13px; letter-spacing: 1px;}
.network-core span {display: block; font-size: 11px; color: var(--muted); margin-top: 6px;}
.core-pill {margin-left: auto; font-size: 9px; letter-spacing: 1px; color: var(--teal);}
.trunk {height: 44px; display: flex; justify-content: space-around;}
.trunk span {width: 1px; background: linear-gradient(var(--teal), #6ce6dc22);}
.team-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
.team-card {--team: var(--red); background: #0b121e; padding: 26px; border-top: 2px solid var(--team); outline-offset: 5px; transition: transform 0.25s, background 0.25s;}
.blue-team {--team: var(--blue);}
.soc-team {--team: var(--purple);}
.team-card:hover, .team-card:focus {transform: translateY(-6px); background: #152333;}
.team-head {display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;}
.team-symbol {font-size: 27px; color: var(--team);}
.vlan-tag {font-size: 9px; letter-spacing: 1.4px; color: var(--muted);}
.team-card .st-heading {color: var(--team);}
.team-card .st-text {font-size: 13px;}
.team-footer {font-size: 10px; border-top: 1px solid var(--line); padding-top: 20px; color: var(--team);}
.traffic-line {display: flex; align-items: center; gap: 20px; margin: 30px 0; font-size: 9px; letter-spacing: 1px; color: var(--muted);}
.traffic-dash {flex: 1; border-top: 1px dashed #6ce6dc66;}
.target-row {display: flex; align-items: center; gap: 20px; background: #182432; padding: 23px;}
.target-icon {font-size: 30px; color: var(--teal);}
.target-row b {font-size: 13px;}
.target-row span {display: block; font-size: 11px; color: var(--muted); margin-top: 6px;}
.target-row .target-lock {font-size: 8px; margin-left: auto; color: var(--teal);}
.feedback-row {display: flex; justify-content: center; gap: 20px; font-size: 10px; margin: 26px 0 0; color: var(--muted);}
.feedback-row i {color: var(--teal);}
.arch-note {display: flex; gap: 15px; margin-top: 30px; padding-top: 25px; border-top: 1px solid var(--line);}
.arch-note > span {color: var(--teal);}
.arch-note .st-text {font-size: 11px; margin: 0;}
.dark-section {background: #101a26;}
.capability-grid {display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #34424f;}
.capability-grid article {position: relative; padding: 34px 25px; border-right: 1px solid #34424f; transition: background 0.25s;}
.capability-grid article:first-child {padding-left: 0;}
.capability-grid article:last-child {border-right: 0;}
.capability-grid article:hover {background: #6ce6dc06;}
.cap-number {font-size: 10px; color: var(--muted); position: absolute; right: 24px; top: 35px;}
.cap-icon {font-size: 35px; color: var(--teal); margin-bottom: 45px;}
.capability-grid .st-heading {font-size: 21px; letter-spacing: -0.03em; min-height: 50px;}
.capability-grid .st-text {font-size: 13px; margin: 0;}
.product-video-section {padding-block: 100px; border-bottom: 1px solid var(--line);}
.product-video-inner {display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 80px; align-items: center;}
.video-frame {position: relative; aspect-ratio: 16/10; overflow: hidden;}
.video-frame img {height: 100%; width: 100%; object-fit: cover; opacity: 0.45;}
.video-placeholder {position: absolute; inset: 0; display: grid; place-items: center; font-size: 15px; color: white; background: linear-gradient(transparent, #080d1755);}
.coe-section {display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 100px; align-items: center;}
.check-list {list-style: none; padding: 0; margin: 30px 0;}
.check-list li {padding: 13px 0; border-bottom: 1px solid var(--line); font-size: 13px;}
.check-list li:before {content: "✓"; color: var(--teal); margin-right: 14px;}
.coe-panel {border-left: 1px solid #6ce6dc55; padding-left: 40px;}
.coe-panel-top {display: flex; justify-content: space-between; font-size: 10px; letter-spacing: 1.5px; color: var(--teal); padding-bottom: 25px;}
.coe-step {display: flex; gap: 26px; padding: 25px 0; border-top: 1px solid var(--line);}
.coe-step b {font-size: 13px; color: var(--teal);}
.coe-step strong {font-size: 23px; font-family: "Michroma", sans-serif; display: block; margin-bottom: 8px;}
.coe-step span {font-size: 12px; color: var(--muted);}
.coe-panel-bottom {font-size: 9px; letter-spacing: 1px; padding-top: 24px; color: var(--teal);}
.closing-cta {padding: 75px 0; background: var(--teal); color: #081721;}
.closing-inner {display: flex; align-items: center; justify-content: space-between; gap: 30px;}
.closing-cta .eyebrow {color: #285453;}
.closing-cta .st-heading, .closing-cta em {color: #081721;}
.closing-cta .st-heading {font-size: clamp(36px, 4.5vw, 65px); margin: 0;}
.light-button {background: #081721; color: white; border: 0;}
.site-footer {padding: 60px 0 20px;}
.footer-main {display: flex; align-items: center; justify-content: space-between; gap: 40px;}
.footer-main .st-text {max-width: 280px; font-size: 13px; margin: 0;}
.footer-links {display: flex; gap: 25px; font-size: 12px;}
.footer-bottom {display: flex; justify-content: space-between; border-top: 1px solid var(--line); padding-top: 24px; margin-top: 40px; font-size: 10px; color: var(--muted);}
a:focus-visible, button:focus-visible {outline: 2px solid var(--teal); outline-offset: 5px;}
.back-top {position: fixed; bottom: 22px; right: 22px; border: 1px solid var(--line); background: #142732; color: var(--teal); width: 44px; height: 44px; border-radius: 50%; z-index: 80; opacity: 0; pointer-events: none; transition: opacity 0.2s;}
.back-top.show {opacity: 1; pointer-events: auto;}
/* DESIGN 02: centered editorial hero, panoramic visual, hub-and-spoke architecture, alternating capability chapters and a horizontal deployment timeline. */
.site-header {height: 92px; border-bottom: 0; background: #080d17f2;  }
.site-header nav .nav-cta {background: var(--teal); color: #081721; border: 0; border-radius: 3px;}
.site-header nav .nav-cta span {color: #081721;}
.hero {display: flex; flex-direction: column; padding-top: 76px; padding-bottom: 0; min-height: 0; position: relative; width: 100%; max-width: none; overflow: hidden; background: radial-gradient(ellipse at 50% 55%, #163e3d55, transparent 65%);}
.hero:before {content: ""; position: absolute; inset: 0; background-image: linear-gradient(#ffffff04 1px, transparent 1px), linear-gradient(90deg, #ffffff04 1px, transparent 1px); background-size: 70px 70px; pointer-events: none; mask-image: linear-gradient(#000, transparent);}
.hero-copy {width: min(1040px, calc(100% - 48px)); padding: 0; text-align: center; position: relative;}
.hero .eyebrow {display: inline-flex; align-items: center; border: 1px solid #6ce6dc33; padding: 8px 16px; border-radius: 30px; margin-bottom: 20px; letter-spacing: 2px;}
.coE-kicker {margin-bottom: 26px; font-size: 13px;}
h1.hero-main-heading {font-size: clamp(42px, 5.8vw, 84px); line-height: 1.08; letter-spacing: -0.055em; margin-inline: auto; max-width: 1100px;}
.headline-first {font-size: 0.48em; font-weight: 500; margin-bottom: 13px;}
.headline-highlight {display: block;}
.headline-white {font-size: 0.82em; margin-top: 4px;}
.hero-subheading.st-heading {font-size: 21px; margin: 25px 0 12px;}
.hero-lead {max-width: 650px; margin-inline: auto;}
.hero-actions {justify-content: center; margin: 25px 0 45px;}
.hero-actions .button:last-child {flex-basis: auto; width: auto; padding: 15px 22px; border: 1px solid var(--line); color: var(--ink);}
.button {border-radius: 3px;}
.hero-visual {width: min(1340px, calc(100% - 64px)); max-width: none; height: 510px; padding: 0; margin: 0 auto; position: relative;}
.real-mdc-photo {border-radius: 5px 5px 0 0; mask-image: none; object-position: center 55%; filter: saturate(0.6); border: 1px solid #6ce6dc44;}
.hero-visual:after {content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #080d1730, transparent, #080d1730); pointer-events: none;}
.visual-label {z-index: 3; background: #080d17e6; backdrop-filter: blur(15px);}
.label-top {top: 24px; left: 24px;}
.label-bottom {bottom: 24px; right: 24px;}
.hero-proof {width: min(1340px, calc(100% - 64px)); margin: 0 auto; padding: 28px 45px; background: #13232c; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 0; gap: 20px;}
.hero-proof div {padding-left: 26px; border-left: 2px solid var(--teal); gap: 9px;}
.hero-proof strong {font-size: 12px; letter-spacing: 2px;}
.hero-proof span {font-size: 13px;}
.trust-strip {background: transparent; border-top: 0;}
.trust-inner {padding-block: 35px;}
.trust-inner > span {font-size: 9px;}
.trust-inner i {font-size: 16px;}
.product-video-section {padding: 85px 0 100px; background: #0e1722;}
.product-video-inner {grid-template-columns: 1fr 1fr; gap: 80px;}
.product-video-inner > div:first-child {order: 2;}
.video-frame {order: 1; aspect-ratio: 1.3; transform: rotate(-2deg); border: 1px solid #6ce6dc33; box-shadow: 18px 18px 0 #6ce6dc0b;}
.video-placeholder {font-size: 13px; letter-spacing: 2px; text-transform: uppercase;}
.video-placeholder:before {content: "▷"; position: absolute; top: calc(50% - 80px); border: 1px solid #6ce6dc66; background: #0a1c23bb; width: 70px; height: 70px; display: grid; place-items: center; border-radius: 50%; font-size: 30px; color: var(--teal);}
#architecture {padding-block: 110px;}
.section-heading {grid-template-columns: 1fr 0.75fr; gap: 100px;}
.architecture-card {padding: 0; background: none; border: 0;}
.arch-top {padding: 20px 0; border-bottom: 1px solid var(--line); margin-bottom: 30px;}
.arch-top .st-heading {font-size: 20px;}
.network-map {display: grid; grid-template-columns: 1fr 1.4fr; column-gap: 80px; align-items: center; position: relative;}
.network-core {grid-column: 1; grid-row: 1; flex-direction: column; justify-content: center; text-align: center; aspect-ratio: 1; background: radial-gradient(circle, #16483f77, #0d1822 65%); border-radius: 50%; border: 1px solid #6ce6dc66; padding: 35px; position: relative; box-shadow: 0 0 0 20px #6ce6dc06, 0 0 0 40px #6ce6dc04;}
.network-core:after {content: ""; position: absolute; width: 80px; height: 1px; background: var(--teal); left: 100%; top: 50%;}
.core-icon {font-size: 72px; line-height: 1;}
.network-core b {font-size: 17px; line-height: 1.7;}
.network-core span {font-size: 12px; line-height: 1.8;}
.core-pill {display: block; margin: 10px 0 0; font-size: 9px;}
.trunk {display: none;}
.team-grid {grid-column: 2; grid-row: 1; display: flex; flex-direction: column; gap: 14px;}
.team-card {position: relative; padding: 22px 25px 18px 88px; border: 1px solid var(--line); border-left: 3px solid var(--team); background: #101b28;}
.team-head {position: absolute; left: 25px; top: 25px; margin: 0;}
.team-symbol {font-size: 30px;}
.vlan-tag {display: none;}
.team-card h4.st-heading {font-size: 23px; margin-bottom: 10px;}
.team-card .st-text {font-size: 12px; margin-bottom: 12px;}
.team-footer {font-size: 9px; padding-top: 10px;}
.traffic-line {grid-column: 1/-1; margin-top: 45px;}
.target-row {grid-column: 1/-1;}
.feedback-row {grid-column: 1/-1;}
.arch-note {margin-top: 25px;}
.dark-section {background: #0d1621; padding-bottom: 50px;}
.dark-section .section-heading {margin-bottom: 60px;}
.capability-grid {display: block; border: 0;}
.capability-grid article {display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; padding: 50px 0 !important; border: 0; border-top: 1px solid var(--line); background: transparent;}
.capability-grid article:hover {background: none;}
.cap-photo {height: 330px; overflow: hidden; position: relative;}
.cap-photo:after {content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, #6ce6dc11, transparent);}
.cap-photo img {width: 100%; height: 100%; object-fit: cover; filter: saturate(0.5); transition: transform 0.7s;}
.capability-grid article:hover img {transform: scale(1.04);}
.capability-grid article:nth-child(even) .cap-photo {order: 2;}
.cap-content {position: relative; padding: 20px 0;}
.cap-icon {font-size: 32px; margin-bottom: 20px;}
.cap-number {font-size: 90px; line-height: 1; font-weight: 700; color: #6ce6dc12; top: 5px; right: 10px; letter-spacing: -7px;}
.capability-grid .st-heading {font-size: clamp(27px, 3vw, 42px); min-height: 0; margin-bottom: 20px; max-width: 420px;}
.capability-grid .st-text {font-size: 16px; max-width: 420px;}
.coe-section {grid-template-columns: 1fr; gap: 55px; padding-block: 110px;}
.coe-copy {display: grid; grid-template-columns: 1fr 1fr; column-gap: 90px; align-items: start;}
.coe-copy .eyebrow {grid-column: 1/-1;}
.coe-copy h2 {grid-row: 2/5;}
.coe-copy .st-text {grid-column: 2;}
.check-list {grid-column: 2; margin: 0 0 25px;}
.coe-copy .button {grid-column: 2; justify-self: start;}
.coe-panel {border: 1px solid var(--line); padding: 30px; background: #101b28; display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px;}
.coe-panel-top {grid-column: 1/-1; padding: 0 0 10px;}
.coe-step {display: block; position: relative; border-top: 1px solid #6ce6dc55; padding-top: 25px;}
.coe-step b {display: inline-grid; place-items: center; background: var(--teal); color: #081721; width: 33px; height: 33px; border-radius: 50%; margin-bottom: 22px;}
.coe-step strong {font-size: 22px;}
.coe-step span {line-height: 1.8; display: block; max-width: 220px;}
.coe-panel-bottom {grid-column: 1/-1; border-top: 1px solid var(--line);}
.closing-cta {background: radial-gradient(ellipse at 50% 100%, #1a5047, #101d28 65%); border-block: 1px solid #6ce6dc33; padding: 85px 0;}
.closing-inner {display: flex; flex-direction: column; text-align: center; align-items: center; gap: 35px;}
.closing-cta .eyebrow {color: var(--teal);}
.closing-cta .st-heading {color: var(--ink); font-size: clamp(40px, 5.8vw, 78px);}
.closing-cta em {color: var(--teal);}
.light-button {background: var(--teal); color: #081721;}
.site-footer {padding-top: 50px;}
body {background: #060b13;}
.site-header {background: #060b13e8; border-bottom: 1px solid #ffffff09;  }
.hero {display: grid; grid-template-columns: 1.02fr 0.98fr; align-items: center; width: min(1360px, calc(100% - 80px)); padding: 70px 0 75px; min-height: 760px; overflow: visible; background: none; isolation: isolate;}
.hero:before {inset: -50px -30px; background-size: 90px 90px; opacity: 0.5;}
.hero-copy {width: 100%; text-align: left; z-index: 3; padding-right: 20px;}
.hero .eyebrow {padding: 0; border: 0; border-radius: 0; font-size: 10px; letter-spacing: 2px;}
.coE-kicker {font-size: 12px; color: #8a9cae; margin-bottom: 30px;}
.hero h1.st-heading {font-weight: 500; font-size: clamp(43px, 4.75vw, 70px); line-height: 1.12; letter-spacing: -0.055em; max-width: 760px;}
.headline-first {font-size: 0.6em; color: #c1cbd3; letter-spacing: -0.025em;}
.headline-highlight {font-weight: 600; background: linear-gradient(90deg, #e6fffc, #6ce6dc 70%); background-clip: text; -webkit-background-clip: text; color: transparent;}
.headline-white {font-size: 0.84em; color: #e6edf3;}
.hero-subheading.st-heading {font-weight: 500; font-size: 20px; margin-top: 26px;}
.hero-lead {max-width: 490px; margin: 0; font-size: 14px;}
.hero-actions {justify-content: flex-start; margin: 30px 0 0; gap: 12px;}
.hero-actions .button {}
.hero-actions .button:last-child {flex-basis: 100%; border: 0; justify-content: flex-start; padding-left: 0; color: var(--teal); font-size: 11px;}
.hero-actions .primary {box-shadow: 0 0 30px #6ce6dc12;}
.hero-visual {height: 640px; width: 100%; margin: 0; padding: 0; max-width: none; position: relative; display: block; isolation: isolate;}
.hero-visual:before {content: ""; position: absolute; inset: 13% -8% 8%; border-radius: 50%; background: radial-gradient(circle, #6ce6dc12, transparent 68%); filter: blur(25px); z-index: -1;}
.hero-visual:after {display: none;}
#st-globe {width: 100%; height: 100%; display: block; position: absolute; inset: 0; touch-action: pan-y; cursor: grab;}
#st-globe:active {cursor: grabbing;}
.globe-orbit {position: absolute; left: -8%; top: 39%; width: 116%; height: 21%; border: 1px solid #6ce6dc30; border-radius: 50%; transform: rotate(-26deg); pointer-events: none; box-shadow: 0 -1px 9px #6ce6dc12;}
.orbit-1 {transform: rotate(-41deg); top: 37%; height: 27%; border-color: #8ef0c21c;}
.orbit-2 {transform: rotate(24deg); height: 36%; top: 32%; border-color: #6ce6dc14;}
.globe-caption {position: absolute; top: 7%; right: 3%; font-size: 8px; letter-spacing: 2px; color: #87a6ad;}
.globe-pause {position: absolute; right: 10px; bottom: 20px; background: #101c2abb; border: 1px solid #6ce6dc40; color: var(--teal); height: 36px; width: 36px; border-radius: 50%; font-size: 12px; z-index: 5;}
.product-peek {position: absolute; bottom: 15px; left: 5%; width: 175px; padding: 7px; background: #0e1a24dd; border: 1px solid #6ce6dc30; border-radius: 7px; box-shadow: 0 20px 60px #0008; backdrop-filter: blur(15px); z-index: 4;}
.product-peek img {display: block; width: 100%; height: 125px; object-fit: cover; object-position: center 45%; border-radius: 3px;}
.product-peek span {display: block; font-size: 9px; line-height: 1.6; padding: 9px 4px 4px; color: #b8c9d2;}
.hero-proof {width: min(1360px, calc(100% - 80px)); background: linear-gradient(90deg, #101c28aa, #0a121caa); border: 1px solid #ffffff0d; border-radius: 12px; margin: 0 auto; padding: 30px 45px;}
.hero-proof div {border-left: 1px solid #6ce6dc44;}
.hero-proof strong {font-size: 10px; letter-spacing: 2px;}
.hero-proof span {font-size: 12px;}
.trust-inner {padding-block: 30px;}
.trust-strip {border-bottom: 1px solid #ffffff0b;}
#architecture {width: min(1360px, calc(100% - 64px)); padding: 90px 0 80px; position: relative;}
#architecture .section-heading {display: block; text-align: center; max-width: 820px; margin: 0 auto 35px;}
#architecture .section-heading .st-text {font-size: 14px; max-width: 700px; margin: 0 auto;}
#architecture h2.st-heading {font-size: clamp(34px, 4.2vw, 58px); font-weight: 500;}
#architecture .eyebrow {font-size: 9px;}
#architecture .architecture-card {border: 1px solid #ffffff0b; border-radius: 20px; background: radial-gradient(ellipse at center, #0b303340, transparent 65%), #09121d77; overflow: hidden; padding: 28px 30px;}
.arch-top {border: 0; margin: 0; padding: 0 0 10px; align-items: flex-start;}
.arch-top .st-heading {font-size: 17px; margin-bottom: 6px;}
.arch-top .st-text {font-size: 10px;}
.live-pill {font-size: 8px; margin-bottom: 10px;}
.arch-legend {font-size: 9px;}
.network-map {display: block; height: 600px; position: relative; margin: 0 -5px; padding: 0;}
.architecture-links {position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none;}
.architecture-links path {fill: none; stroke: url(#flow); stroke-width: 1.7; stroke-dasharray: 7 6; animation: flowing 12s linear infinite;}
.network-core {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 245px; height: 245px; aspect-ratio: auto; margin: 0; padding: 35px 23px; gap: 12px; background: radial-gradient(circle, #143f42, #081520 70%); border: 1px solid #6ce6dc55; box-shadow: 0 0 50px #6ce6dc10; border-radius: 50%; z-index: 2;}
.network-core:after {display: none;}
.core-icon {font-size: 34px;}
.network-core b {font-size: 11px; letter-spacing: 1.3px;}
.network-core span:not(.core-ring) {font-size: 9px; margin: 0;}
.core-pill {font-size: 7px !important; letter-spacing: 1px; color: var(--teal);}
.network-core .core-ring {position: absolute; inset: -15px; border: 1px solid #6ce6dc33; border-radius: 50%; margin: 0; pointer-events: none;}
.network-core .ring-1 {inset: -27px; transform: rotate(-35deg) scaleY(0.75); border-top: 2px solid var(--teal); box-shadow: 0 -4px 18px #6ce6dc22; animation: ring-turn 20s linear infinite;}
.network-core .ring-2 {inset: -38px; transform: rotate(45deg) scaleY(0.8); border-bottom: 2px solid #8ef0c299; animation: ring-turn 28s linear infinite reverse;}
.team-grid {position: static; display: block;}
.team-card, .target-row {position: absolute; width: 27%; min-height: 178px; border: 1px solid #6ce6dc25; background: linear-gradient(140deg, #172533e6, #0a1421f2); backdrop-filter: blur(10px); border-radius: 13px; padding: 22px; box-shadow: 0 15px 45px #0003; transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; z-index: 3;}
.red-team {left: 1%; top: 30px; border-top: 2px solid var(--red);}
.blue-team {right: 1%; top: 30px; border-top: 2px solid var(--blue);}
.soc-team {left: 1%; bottom: 30px; border-top: 2px solid var(--purple);}
.target-row {right: 1%; bottom: 30px; display: block; border-top: 2px solid var(--teal);}
.team-head {position: static; display: flex; margin-bottom: 15px;}
.team-symbol {font-size: 23px; line-height: 1;}
.vlan-tag {display: block; font-size: 7px;}
.team-card h4.st-heading {font-size: 20px; margin-bottom: 10px;}
.team-card .st-text {font-size: 11px; line-height: 1.7; margin-bottom: 12px;}
.team-footer {padding-top: 10px; font-size: 8px;}
.target-icon {font-size: 27px; margin-bottom: 10px;}
.target-row b {font-size: 14px; line-height: 1.6; display: block;}
.target-row span {font-size: 10px; line-height: 1.7;}
.target-row .target-lock {display: block !important; font-size: 7px; margin-top: 14px;}
.team-card:hover, .team-card:focus {transform: translateY(-4px); border-color: var(--team); box-shadow: 0 0 35px #6ce6dc0c;}
.traffic-line {position: absolute; top: calc(50% + 163px); left: 32%; right: 32%; display: flex; flex-direction: column; gap: 6px; margin: 0; text-align: center; font-size: 7px; letter-spacing: 1px;}
.traffic-dash {height: 12px; flex: none; width: 1px; border: 0; background: #6ce6dc66;}
.feedback-row {position: absolute; bottom: -6px; left: 0; right: 0; margin: 0; font-size: 9px; gap: 15px;}
.arch-note {margin-top: 25px; padding-top: 20px;}
.arch-note .st-text {font-size: 10px;}
.network-map.team-active .network-core {box-shadow: 0 0 70px #6ce6dc25;}
.architecture-links path {transition: stroke-width 0.3s;}
.network-map.team-active .architecture-links path {stroke-width: 2.8;}
@keyframes flowing {
    to {stroke-dashoffset: -156;}
}
@keyframes ring-turn {
    to {rotate: 360deg;}
}
.hero-visual {height: 650px; overflow: visible;}
.hero-visual:before {background: radial-gradient(ellipse, #6ce6dc0b, transparent 70%);}
.product-peek {bottom: 0; left: 6%; width: 140px; opacity: 0.9;}
.product-peek img {height: 90px;}
.product-peek span {font-size: 8px;}
.globe-pause {bottom: 2px; right: 10px;}
#st-globe {touch-action: pan-y;}
.brain-controls {position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); display: flex; gap: 12px; align-items: center; font-size: 9px; color: #a5b0c0; white-space: nowrap;}
.brain-controls button {border: 1px solid #6ce6dc30; border-radius: 50%; width: 29px; height: 29px; background: #0d1a25; color: var(--teal);}
.product-video-section {background: #080e18; padding: 90px 0; border-block: 1px solid #ffffff09; overflow: hidden;}
.product-video-inner {display: grid; grid-template-columns: 1fr; gap: 34px;}
.product-video-inner > div:first-child {order: 0; display: grid; grid-template-columns: 1.2fr 0.8fr; column-gap: 100px; align-items: end;}
.product-video-inner .eyebrow {grid-column: 1/-1;}
.product-video-inner h2.st-heading {font-size: clamp(36px, 4.4vw, 63px); font-weight: 500; max-width: 650px; margin: 0;}
.product-video-inner .st-text {font-size: 14px; max-width: 440px; margin: 0;}
.video-frame {order: 1; transform: none; box-shadow: none; aspect-ratio: 2.3; border: 1px solid #6ce6dc30; border-radius: 18px; position: relative; background: #060b13;}
.video-frame img {opacity: 0.48; filter: saturate(0.5); transition: transform 1s;}
.video-frame:hover img {transform: scale(1.035);}
.video-frame:after {content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, #06111bdd, transparent 80%); pointer-events: none;}
.video-placeholder {z-index: 2; text-transform: none; letter-spacing: 1px; align-content: center; gap: 20px; background: none; font-size: 12px;}
.video-placeholder:before {content: "▷"; position: static; margin: 0 auto 12px; display: grid; place-items: center; width: 86px; height: 86px; background: #6ce6dc12; border: 1px solid #6ce6dc88; backdrop-filter: blur(10px); color: var(--teal); font-size: 36px; box-shadow: 0 0 0 14px #6ce6dc06;}
.dark-section {padding: 100px 0; background: radial-gradient(ellipse at 90% 30%, #12303855, transparent 45%), #080f19;}
.dark-section .section-heading {display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 100px; align-items: end; margin-bottom: 45px;}
.dark-section .section-heading .st-heading {font-weight: 500; font-size: clamp(34px, 4vw, 56px);}
.dark-section .section-heading .st-text {font-size: 14px; margin-bottom: 24px;}
.capability-grid {display: grid; grid-template-columns: repeat(12, 1fr); gap: 20px; border: 0;}
.capability-grid article.cap-bento {grid-column: span 7; display: block; position: relative; min-height: 400px; padding: 35px !important; overflow: hidden; border: 1px solid #6ce6dc20; border-radius: 18px; background: #111f2b;}
.capability-grid article.cap-bento:nth-child(2), .capability-grid article.cap-bento:nth-child(3) {grid-column: span 5;}
.capability-grid article .cap-photo {position: absolute; inset: 0; height: 100%; width: 100%; order: 0;}
.cap-photo img {opacity: 0.28; filter: saturate(0.4); width: 100%; height: 100%; object-fit: cover; transform: none;}
.cap-photo:after {background: linear-gradient(0deg, #08131af5, #08131a33 100%);}
.cap-content {position: relative; z-index: 2; padding: 0; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; min-height: 330px;}
.cap-icon {margin: 0 auto auto 0; display: grid; place-items: center; width: 55px; height: 55px; background: #6ce6dc0d; border: 1px solid #6ce6dc40; border-radius: 12px; font-size: 26px;}
.cap-number {position: absolute; top: 0; right: 0; font-size: 56px; letter-spacing: -3px; color: #b4f7e72e;}
.capability-grid .st-heading {font-size: clamp(25px, 2.8vw, 38px); max-width: 450px; margin: 45px 0 17px;}
.capability-grid .st-text {max-width: 420px; font-size: 14px; margin: 0;}
.capability-grid article:hover {border-color: #6ce6dc66; background: #111f2b;}
.capability-grid article:hover img {transform: scale(1.06);}
.hero {padding-top: 45px; padding-bottom: 40px; min-height: 690px;}
.hero-visual {height: 590px;}
.hero h1.st-heading {font-size: clamp(40px, 4.2vw, 64px);}
.hero-copy {padding-right: 25px;}
.product-peek {display: none;}
.brain-controls {bottom: 24px; left: 50%;}
.globe-pause {bottom: 20px;}
.hero-visual:before {background: none;}
.product-video-section {padding: 62px 0; background: #0b131f;}
.product-video-inner {grid-template-columns: 0.82fr 1.18fr; gap: 65px; align-items: center;}
.product-video-inner > div:first-child {display: block; order: 0;}
.product-video-inner .eyebrow {font-size: 9px; margin-bottom: 20px;}
.product-video-inner h2.st-heading {font-size: clamp(30px, 3.4vw, 46px); line-height: 1.18; margin-bottom: 22px;}
.product-video-inner .st-text {font-size: 14px; max-width: 440px;}
.video-frame {aspect-ratio: 1.65; order: 1; border-radius: 8px; background: #050a10; display: grid; place-items: center; overflow: hidden;}
.video-frame img {width: 100%; height: 100%; object-fit: contain; filter: none; opacity: 1; position: absolute; inset: 0;}
.video-frame:hover img {transform: none;}
.video-frame:after {background: linear-gradient(transparent 65%, #03090be6);}
.video-placeholder {inset: auto 0 0; display: block; text-align: center; background: #050c13d9; letter-spacing: 0; padding: 12px; font-size: 11px;}
.video-placeholder:before {display: none;}
.dark-section {padding: 65px 0; background: #080f18;}
.dark-section .section-heading {grid-template-columns: 1.15fr 0.85fr; gap: 70px; margin-bottom: 30px;}
.dark-section .section-heading .st-heading {font-size: clamp(30px, 3.1vw, 43px); margin-bottom: 12px;}
.dark-section .section-heading .st-text {font-size: 13px; margin-bottom: 12px;}
.dark-section .eyebrow {margin-bottom: 15px; font-size: 9px;}
.capability-grid {grid-template-columns: repeat(4, 1fr); gap: 14px;}
.capability-grid article.cap-bento, .capability-grid article.cap-bento:nth-child(2), .capability-grid article.cap-bento:nth-child(3) {grid-column: auto; min-height: 0; padding: 22px !important; border-radius: 10px; background: linear-gradient(145deg, #142432, #0b1520); border: 1px solid #6ce6dc22; overflow: hidden;}
.capability-grid article .cap-photo {inset: auto -20px -25px auto; width: 120px; height: 120px; opacity: 0.12; border-radius: 50%; transform: rotate(-15deg); pointer-events: none;}
.cap-photo:after {background: linear-gradient(90deg, #0c1723, transparent);}
.cap-content {min-height: 0; display: block; padding: 0;}
.cap-icon {display: inline-grid; width: 42px; height: 42px; border-radius: 8px; font-size: 21px; margin: 0 0 22px;}
.cap-number {font-size: 32px; letter-spacing: -1px; top: 3px; right: 0; color: #6ce6dc33;}
.capability-grid .st-heading {font-size: 20px; line-height: 1.3; margin: 0 0 14px; max-width: 230px; min-height: 52px;}
.capability-grid .st-text {font-size: 12px; line-height: 1.8; margin: 0;}
.capability-grid article:hover {transform: translateY(-5px); background: #142432; border-color: #6ce6dc77;}
.capability-grid article.cap-bento {transition: transform 0.3s, border-color 0.3s;}
.coe-section {padding: 65px 0; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 65px; align-items: center;}
.coe-copy {display: block;}
.coe-copy .eyebrow {font-size: 9px; margin-bottom: 15px;}
.coe-copy .st-heading {font-size: clamp(30px, 3vw, 42px); font-weight: 500; margin-bottom: 18px;}
.coe-copy .st-text {font-size: 13px; margin-bottom: 20px;}
.check-list {display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; margin: 0 0 22px;}
.check-list li {font-size: 11px; padding: 10px 0; line-height: 1.8;}
.check-list li:before {margin-right: 7px;}
.coe-copy .button {font-size: 11px; padding: 13px 20px;}
.coe-panel {display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; padding: 23px; border-radius: 14px; background: linear-gradient(135deg, #152f34, #0b1622); border: 1px solid #6ce6dc30;}
.coe-panel-top {padding-bottom: 20px; grid-column: 1/-1; font-size: 9px;}
.coe-step {padding: 20px 0 15px; border-top: 1px solid #6ce6dc22; display: block;}
.coe-step b {width: 25px; height: 25px; font-size: 9px; margin-bottom: 12px; background: #6ce6dc13; border: 1px solid #6ce6dc55; color: var(--teal);}
.coe-step strong {font-size: 18px; margin-bottom: 7px;}
.coe-step span {font-size: 11px; line-height: 1.7;}
.coe-panel-bottom {font-size: 7px; letter-spacing: 1px; margin-top: 10px; padding-top: 18px;}
.closing-cta {padding: 38px 0; background: linear-gradient(100deg, #12383a, #101b28); border-block: 1px solid #6ce6dc33;}
.closing-inner {display: flex; flex-direction: row; justify-content: space-between; align-items: center; text-align: left; gap: 30px;}
.closing-cta .eyebrow {font-size: 8px; margin-bottom: 12px;}
.closing-cta .st-heading {font-size: clamp(29px, 3.2vw, 44px); font-weight: 500; line-height: 1.16;}
.closing-cta .st-heading br {display: none;}
.closing-cta .button {border-radius: 30px; white-space: nowrap; padding: 15px 23px; font-size: 11px;}
.site-footer {padding: 32px 0 18px; background: #060b12;}
.footer-main {display: grid; grid-template-columns: auto 1fr auto; gap: 35px; align-items: center;}
.footer-brand .brand-logo {width: 86px; height: 52px;}
.footer-main .st-text {font-size: 11px; max-width: 240px;}
.footer-links {font-size: 11px; gap: 24px; width: auto;}
.footer-bottom {font-size: 9px; padding-top: 18px; margin-top: 25px;}
#st-infrastructure {width: 100%; height: 100%; display: block; position: absolute; inset: 0; touch-action: pan-y; cursor: grab;}
#st-infrastructure:active {cursor: grabbing;}
.hero-visual {height: 620px;}
.hero-visual .brain-controls {bottom: 5px;}
.hero-visual .globe-pause {bottom: 0;}
.coe-section {grid-template-columns: 1fr 1.1fr; gap: 65px; padding-block: 65px; position: relative;}
.coe-copy .st-heading {font-size: clamp(30px, 3.2vw, 46px);}
.coe-petal-panel {display: block; padding: 0; background: none; border: 0; border-radius: 0; position: relative; isolation: isolate;}
.coe-petal-panel:before {content: ""; position: absolute; inset: 10%; background: radial-gradient(ellipse, #6ce6dc0d, transparent 70%); z-index: -1;}
.coe-petal-panel .coe-panel-top {display: flex; padding: 0 0 5px; margin-inline: 25px; color: #8fa9b3; font-size: 8px; letter-spacing: 2px;}
.coe-flower {position: relative; width: 100%; aspect-ratio: 1; max-width: 600px; margin: auto;}
.coe-petals {display: block; position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible;}
.coe-petals g path {fill: url(#petal-fill); stroke: #6ce6dc33; stroke-width: 0.7; transition: filter 0.3s, stroke 0.3s;}
.coe-flower .coe-petal {position: absolute; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; width: 36%; height: 34%; padding: 0 14px; border: 0; background: none; gap: 7px; outline: none; z-index: 2; border-radius: 50%; transition: filter 0.25s;}
.coe-flower .petal-0 {left: 32%; top: 6%;}
.coe-flower .petal-1 {right: 2%; top: 33%;}
.coe-flower .petal-2 {left: 32%; bottom: 6%;}
.coe-flower .petal-3 {left: 2%; top: 33%;}
.coe-flower .coe-petal b {display: block; width: auto; height: auto; border: 0; border-radius: 0; background: none; color: #8ef0c2; font-size: 9px; letter-spacing: 2px; margin: 0 0 4px; line-height: 1;}
.coe-flower .coe-petal strong {font-family: "Michroma", sans-serif; font-size: 21px; font-weight: 500; letter-spacing: -0.5px; margin: 0 0 8px; color: #effffa;}
.coe-flower .coe-petal span {font-size: 10px; line-height: 1.65; max-width: 155px; color: #b8d6d6;}
.coe-flower .coe-petal:hover, .coe-flower .coe-petal:focus-visible {filter: brightness(1.35);}
.coe-flower .coe-petal:focus-visible {outline: 1px dashed #8ef0c2; outline-offset: -5px;}
.coe-flower:has(.petal-0:hover) .coe-petals path:nth-child(1), .coe-flower:has(.petal-1:hover) .coe-petals path:nth-child(2), .coe-flower:has(.petal-2:hover) .coe-petals path:nth-child(3), .coe-flower:has(.petal-3:hover) .coe-petals path:nth-child(4) {filter: brightness(1.45); stroke: #8ef0c2aa;}
.coe-corner {position: absolute; display: grid; place-items: center; width: 49px; height: 49px; border: 1px solid #6ce6dc20; border-radius: 50%; font-size: 9px; color: #769b9f; letter-spacing: 1px; background: #0c1620;}
.corner-0 {left: 5%; top: 5%;}
.corner-1 {right: 5%; top: 5%;}
.corner-2 {right: 5%; bottom: 5%;}
.corner-3 {left: 5%; bottom: 5%;}
.coe-petal-panel .coe-panel-bottom {font-size: 7px; border: 0; text-align: center; padding: 8px 0 0; margin: 0; color: #6ce6dc99; letter-spacing: 1.5px;}
.coe-outer-orbit {transform-origin: 300px 300px; animation: coe-orbit 45s linear infinite;}
@keyframes coe-orbit {
    to {transform: rotate(360deg);}
}
.st-text-link {display: inline-flex; align-items: center; gap: 35px; color: var(--teal); font-size: 12px; border-bottom: 1px solid #6ce6dc55; padding-bottom: 9px;}
.st-text-link span {font-size: 18px;}
.st-about {display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 100px; align-items: center; padding-block: 65px;}
.st-about-copy .st-heading {font-size: clamp(30px, 3.1vw, 44px); font-weight: 500;}
.st-about-copy .st-text {font-size: 13px;}
.st-about-mark {height: 310px; display: grid; place-items: center; position: relative; isolation: isolate;}
.st-about-mark span {position: absolute; width: 210px; height: 210px; border: 1px solid #6ce6dc66; border-radius: 36px; transform: rotate(45deg); background: linear-gradient(135deg, #6ce6dc0b, transparent);}
.st-about-mark span:nth-child(2) {transform: translate(-45px, 25px) rotate(45deg); border-color: #6ce6dc33;}
.st-about-mark span:nth-child(3) {transform: translate(45px, -25px) rotate(45deg); border-color: #6ce6dc33;}
.st-about-mark i {font-size: 77px; color: var(--teal); filter: drop-shadow(0 0 25px #6ce6dc44);}
.st-vision {border-left: 2px solid var(--teal); padding: 0 0 0 20px; margin: 22px 0;}
.st-vision > span {font-size: 10px; color: var(--teal); letter-spacing: 1px;}
.st-vision .st-text {font-size: 12px; margin: 7px 0 0;}
.st-programs {padding-block: 60px; background: #0c1621; border-block: 1px solid #ffffff0a;}
.st-section-top {display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: end; margin-bottom: 30px;}
.st-section-top .st-heading {font-size: clamp(30px, 3vw, 43px); font-weight: 500; margin: 0;}
.st-section-top .st-text {font-size: 13px; max-width: 450px;}
.st-program-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0;}
.st-program {padding: 25px; position: relative; border-top: 1px solid var(--line); border-right: 1px solid var(--line); display: block; transition: background 0.25s;}
.st-program:nth-child(3n) {border-right: 0;}
.st-program:hover {background: #6ce6dc08;}
.st-program-index {display: block; font-size: 8px; color: var(--teal); letter-spacing: 1.5px; margin-bottom: 22px;}
.st-program > i {position: absolute; right: 25px; top: 5px; font-size: 42px; color: #6ce6dc99;}
.st-program .st-heading {font-size: 20px; letter-spacing: -0.03em; max-width: 260px; margin-bottom: 12px;}
.st-program .st-text {font-size: 12px; line-height: 1.8; margin: 0; max-width: 310px;}
.st-program-arrow {display: block; text-align: right; color: var(--teal); margin-top: 12px; font-size: 18px;}
.st-audiences {display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 80px; padding-block: 60px; border-bottom: 1px solid var(--line);}
.st-audience-title .st-heading {font-size: clamp(30px, 3vw, 42px); font-weight: 500;}
.st-audience-list article {display: flex; gap: 22px; padding: 23px 0; border-top: 1px solid var(--line); align-items: center;}
.st-audience-list article > span {font-size: 9px; color: var(--teal);}
.st-audience-list article > i {font-size: 25px; color: var(--teal); margin-left: auto;}
.st-audience-list .st-heading {font-size: 19px; margin: 0 0 7px;}
.st-audience-list .st-text {font-size: 12px; margin: 0; line-height: 1.7;}
.closing-cta {background: #07111b; border: 0; padding: 70px 0 45px; position: relative; overflow: hidden;}
.closing-cta:before {content: ""; position: absolute; width: 700px; height: 700px; right: -300px; top: -320px; border: 1px solid #6ce6dc22; border-radius: 50%; box-shadow: 0 0 0 50px #6ce6dc04, 0 0 0 110px #6ce6dc03; pointer-events: none;}
.closing-inner.st-contact-finale {display: grid; grid-template-columns: 1fr 190px; column-gap: 80px; row-gap: 35px; align-items: center; text-align: left; border-top: 1px solid #6ce6dc33; padding-top: 40px;}
.closing-cta .eyebrow {font-size: 9px; letter-spacing: 2.5px; margin-bottom: 25px;}
.closing-cta .st-heading {font-size: clamp(39px, 5.7vw, 80px); font-weight: 500; line-height: 1.08; letter-spacing: -0.055em; max-width: 900px;}
.closing-cta .st-heading br {display: block;}
.closing-cta .st-heading em {background: linear-gradient(90deg, #d9fff0, #6ce6dc); background-clip: text; color: transparent;}
.st-contact-orb {display: flex; width: 170px; height: 170px; border: 1px solid var(--teal); border-radius: 50%; align-items: center; justify-content: center; flex-direction: column; gap: 15px; font-size: 12px; background: #6ce6dc0b; color: #d9fff5; position: relative; transition: background 0.3s, transform 0.3s;}
.st-contact-orb span {font-size: 38px; line-height: 1;}
.st-contact-orb:hover {background: var(--teal); color: #081721; transform: rotate(-7deg);}
.st-finale-contacts {grid-column: 1/-1; display: flex; gap: 45px; font-size: 12px; color: #aac2cd; border-bottom: 1px solid #6ce6dc22; padding-bottom: 25px;}
.st-finale-contacts a {display: flex; gap: 35px; align-items: center;}
.st-finale-contacts span {color: var(--teal);}
.site-footer {padding: 35px 0 20px; background: #07111b;}
.st-footer-grid {display: grid; grid-template-columns: 1.25fr 0.7fr 1.1fr 1fr; gap: 40px; align-items: start;}
.st-footer-brand .brand-logo {width: 100px; height: 60px;}
.st-footer-brand .st-text {font-size: 11px; max-width: 230px; line-height: 1.8; margin: 16px 0 0;}
.st-footer-label {display: block; font-size: 8px; letter-spacing: 1.4px; color: var(--teal); margin-bottom: 18px; line-height: 1.8;}
.st-footer-col a {display: block; font-size: 11px; color: #bbcbd2; margin-bottom: 12px;}
.st-footer-col a:hover {color: var(--teal);}
.st-footer-location .st-text {font-size: 11px; line-height: 1.9; margin: 0;}
.st-footer-bottom {display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line); padding-top: 22px; margin-top: 32px; font-size: 9px; color: var(--muted);}
.st-footer-top {font-size: 10px; color: var(--teal);}
.network-map {display: grid; grid-template-columns: 0.9fr 1.1fr; column-gap: 100px; row-gap: 0; height: auto; padding: 15px 0 0; margin: 0; align-items: center;}
.architecture-links {top: 15px; left: 0; width: 100%; height: 570px; bottom: auto;}
.network-core {position: relative; left: auto; top: auto; transform: none; grid-column: 1; grid-row: 1; width: 255px; height: 255px; margin: 0 auto; padding: 28px; gap: 13px; z-index: 2;}
.network-core b {font-size: 12px; line-height: 1.6;}
.network-core span:not(.core-ring) {font-size: 10px; line-height: 1.7;}
.core-icon {font-size: 36px;}
.network-core .core-ring {margin: 0;}
.network-core:after {display: none;}
.team-grid {grid-column: 2; grid-row: 1; display: grid; grid-template-columns: 1fr; gap: 16px; position: relative; min-height: 570px; align-content: center;}
.team-card {position: relative; inset: auto; width: 100%; min-height: 0; padding: 22px 25px 18px 75px; z-index: 3;}
.team-card .team-head {position: absolute; top: 25px; left: 24px; display: block; margin: 0;}
.team-card .team-symbol {font-size: 24px;}
.team-card .vlan-tag {display: none;}
.team-card h4.st-heading {font-size: 21px; margin: 0 0 9px;}
.team-card .st-text {font-size: 12px; line-height: 1.7; margin-bottom: 13px;}
.team-footer {font-size: 9px; padding-top: 11px;}
.traffic-line {position: static; grid-column: 1/-1; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; margin: 27px 0 18px; font-size: 8px; letter-spacing: 1.5px;}
.traffic-dash {flex: 1; width: auto; height: 0; background: none; border-top: 1px dashed #6ce6dc55;}
.target-row {position: relative; inset: auto; grid-column: 1/-1; display: flex; align-items: center; width: 100%; min-height: 0; padding: 22px 25px; gap: 20px; background: #132532; border: 1px dashed #47717d; border-radius: 7px; z-index: 2;}
.target-icon {font-size: 30px; margin: 0; flex-shrink: 0;}
.target-row b {display: block; font-size: 14px; line-height: 1.6;}
.target-row span {display: block; font-size: 11px; margin-top: 5px; line-height: 1.7;}
.target-row .target-lock {display: block !important; margin: 0 0 0 auto; font-size: 8px; white-space: nowrap; color: var(--teal); border: 1px solid #6ce6dc33; padding: 8px 12px;}
.feedback-row {position: static; grid-column: 1/-1; margin: 24px 0 3px; justify-content: center; gap: 20px; font-size: 10px;}
.arch-note {margin-top: 25px;}
:root {--title-font: "Michroma", sans-serif; --body-font: "IBM Plex Sans", sans-serif; --title-gradient: linear-gradient(110deg, #d4fff0 0%, #20d9a0 48%, #0aab86 100%); --teal: #20d9a0; --green: #68edbd;}
body, button, input, select, textarea, .st-text {font-family: var(--body-font);}
.st-heading {font-family: var(--title-font) !important; font-weight: 400 !important; letter-spacing: -0.035em; line-height: 1.45; color: #20d9a0 !important; background: var(--title-gradient) !important; background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent;}
.st-heading em, .st-heading > span {color: #20d9a0 !important; background: var(--title-gradient) !important; background-clip: text !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; font-style: normal;}
/* Related title labels use the same title face; body descriptions retain IBM Plex Sans. */
.coe-petal strong, .coe-step strong, .network-core b, .target-row b {font-family: var(--title-font) !important; font-weight: 400; background: var(--title-gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.st-text {font-weight: 400; letter-spacing: 0.05px;}
h2.st-heading {font-size: clamp(26px, 2.7vw, 38px) !important; line-height: 1.5 !important;}
h3.st-heading {font-size: 18px !important; line-height: 1.5 !important;}
h4.st-heading {font-size: 18px !important; line-height: 1.5 !important;}
.hero {grid-template-columns: 1.06fr 0.94fr; gap: 20px; padding-top: 0px; padding-bottom: 0px; min-height: auto;}
.hero-copy {padding: 0 28px 0 0; position: relative;}
.hero-copy:before {content: ""; position: absolute; width: 350px; height: 350px; left: -180px; top: 30px; border-radius: 50%; background: radial-gradient(circle, #20d9a00b, transparent 70%); pointer-events: none; z-index: -1;}
.hero .eyebrow {display: inline-flex; align-items: center; padding: 8px 12px; border: 1px solid #20d9a033; border-radius: 4px; background: #20d9a008; font-family: var(--body-font); font-size: 9px; letter-spacing: 1.8px; margin-bottom: 19px; color: #64e8bc;}
.coE-kicker {font-family: var(--body-font); font-size: 12px; line-height: 1.8; letter-spacing: 0.3px; margin-bottom: 28px; padding-left: 14px; border-left: 2px solid #20d9a077; color: #a3bcc5;}
.hero h1.st-heading {font-size: clamp(30px, 3.05vw, 45px) !important; line-height: 1.45 !important; letter-spacing: -0.045em; margin: 0 0 25px; max-width: 750px;}
.hero-main-heading .headline-first {font-size: 0.49em !important; line-height: 1.7; letter-spacing: 0.01em; margin-bottom: 13px;}
.hero-main-heading .headline-highlight {font-size: 1em; line-height: 1.35; margin-bottom: 10px;}
.hero-main-heading .headline-white {font-size: 0.72em; line-height: 1.55; margin-top: 0;}
.hero h2.hero-subheading.st-heading {font-size: 15px !important; line-height: 1.8 !important; letter-spacing: -0.03em; margin: 0 0 14px;}
.hero-lead.st-text {max-width: 500px; font-size: 15px; line-height: 1.85; color: #aebfc9;}
.hero-actions {gap: 12px; margin-top: 27px;}
.hero-actions .button {font-family: var(--body-font); font-size: 12px; padding: 15px 22px; letter-spacing: 0.2px;}
.hero-actions .primary {background: linear-gradient(110deg, #20d9a0, #52e8ba); border: 0; color: #04251e; box-shadow: 0 9px 30px #20d9a01a;}
.hero-actions .secondary {border-color: #20d9a033; background: #0c1821;}
.hero-actions .button:last-child {background: none; border: 0; font-size: 12px; padding-top: 9px; color: #37dfad;}
.hero-actions .button:hover {box-shadow: 0 0 25px #20d9a022;}
.hero-proof strong {color: #b4f9dd; font-family: var(--body-font); font-weight: 600;}
.hero-visual {height: 620px;}
#architecture h2.st-heading {font-size: clamp(27px, 3vw, 42px) !important;}
.arch-top h3.st-heading {font-size: 17px !important;}
.team-card h4.st-heading {font-size: 17px !important;}
.network-core b {font-size: 9px; line-height: 1.8; letter-spacing: 0;}
.target-row b {font-size: 11px; line-height: 1.8;}
.coe-flower .coe-petal strong {font-size: 16px !important; line-height: 1.5;}
.coe-copy h2.st-heading, .st-about-copy h2.st-heading, .st-audience-title h2.st-heading {font-size: clamp(26px, 2.6vw, 36px) !important;}
.st-program h3.st-heading, .st-audience-list h3.st-heading {font-size: 15px !important; letter-spacing: -0.035em;}
.capability-grid h3.st-heading {font-size: 16px !important; min-height: 54px;}
.product-video-inner h2.st-heading {font-size: clamp(26px, 2.6vw, 37px) !important;}
.closing-cta h2.st-heading {font-size: clamp(31px, 4.1vw, 58px) !important; line-height: 1.5 !important;}
.st-section-top h2.st-heading {font-size: clamp(26px, 2.6vw, 36px) !important;}
:root {--teal: #00c6a0; --green: #00c6a0; --title-gradient: linear-gradient(105deg, #00d3ad 0%, #00a6ae 42%, #1674cf 100%); --brand-gradient: linear-gradient(110deg, #00b994, #0475a7, #034b9b);}
body {font-size: 15px; line-height: 1.8;}
p, .st-text, .hero-lead.st-text, .hero-proof span, .check-list li, .st-finale-contacts, .st-finale-contacts a, .st-footer-col a, .st-footer-location .st-text, .st-footer-brand .st-text, .footer-links a, .st-text-link, .st-vision .st-text, .st-section-top .st-text, .st-about-copy .st-text, .st-program .st-text, .st-audience-list .st-text, .product-video-inner .st-text, .dark-section .section-heading .st-text, .coe-copy .st-text, .capability-grid .st-text {font-size: 15px !important; line-height: 1.85;}
nav, .button, .st-contact-orb {font-size: 15px;}
.hero-actions .button, .hero-actions .button:last-child, .closing-cta .button, .coe-copy .button {font-size: 15px; padding: 14px 20px;}
.hero-actions .button:last-child {padding-left: 0;}
.brand-logo {width: 100% !important; height: auto !important;max-width:200px; object-fit: contain; background: #fff; padding: 7px 9px; border-radius: 4px;}
.site-header {height: auto;}
.site-header.scrolled {height: auto;}
.st-footer-brand .brand-logo {width: 235px !important; height: 70px !important;}
.st-footer-grid {grid-template-columns: 1.3fr 0.7fr 1.15fr 1fr; gap: 30px;}
.st-footer-brand .st-text {max-width: 270px;}
.st-footer-label {font-size: 10px;}
.st-footer-bottom {font-size: 12px;}
.st-footer-top {font-size: 13px;}
.st-finale-contacts {gap: 40px;}
.hero-actions .primary, .site-header nav .nav-cta {background: var(--brand-gradient); color: #fff; border: 1px solid #00c6a033;}
.site-header nav .nav-cta span {color: #baffee;}
.hero-actions .primary span {color: #fff;}
.hero .eyebrow {color: #35d9bd;}
.hero-proof strong {color: #74dec9;}
.st-contact-orb {border-color: #00baa8; background: linear-gradient(135deg, #00b99422, #034b9b33);}
.st-contact-orb:hover {background: var(--brand-gradient); color: #fff;}
.coe-petals g path {fill: url(#petal-fill);}
/* Keep diagram labels compact; paragraphs remain readable at the 15px default. */
.team-card .st-text {font-size: 15px !important;}
.team-card {padding-top: 23px; padding-bottom: 20px;}
.team-grid {min-height: 660px;}
.architecture-links {height: 660px;}
.arch-note .st-text {font-size: 13px !important;}
.arch-top .st-text {font-size: 13px !important;}
.coe-flower .coe-petal span {font-size: 14px; line-height: 1.6; max-width: 140px;}
.coe-flower .coe-petal strong {margin-bottom: 7px;}
.capability-grid .st-heading {min-height: 65px;}
.st-audience-list article {gap: 18px;}
.st-audience-list article > i {flex-shrink: 0;}
.st-program {padding-bottom: 28px;}
.st-program .st-text {max-width: 95%;}
.coe-copy .check-list {grid-template-columns: 1fr;}
.target-row span {font-size: 13px;}
.network-core span:not(.core-ring) {font-size: 11px;}
.hero-proof {gap: 25px;}
.st-contact-finale .st-contact-orb {font-size: 14px;}
.st-footer-brand img, .site-header img {width: 100%; height: auto; max-width: 280px;}
.video-frame img, .st-about img {width: 100%; height: auto;}
.st-training {--st-bg: #060d14; --st-panel: #0b1620; --st-line: #20323e; --st-text: #b2c3ce; --st-green: #20d9a0; --st-blue: #0879c5; --st-gradient: linear-gradient(110deg, #20d9a0 0%, #00b9b4 46%, #0879c5 100%); background: var(--st-bg); color: var(--st-text); font-family: "IBM Plex Sans", sans-serif; font-size: 15px; line-height: 1.8; overflow: hidden; isolation: isolate;}
.st-training * {box-sizing: border-box;}
.st-training .container {max-width: 1320px;}
.st-training .st-title {font-family: "Michroma", sans-serif; font-weight: 400; line-height: 1.5; letter-spacing: -1.3px; background: var(--st-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; margin: 0 0 20px;}
.st-training h1.st-title {font-size: clamp(30px, 3.7vw, 52px); line-height: 1.48;}
.st-training h2.st-title {font-size: clamp(25px, 2.45vw, 35px);}
.st-training h3.st-title {font-size: 20px; letter-spacing: -0.6px; line-height: 1.6; margin-bottom: 12px;}
.st-training .st-copy {font-size: 15px; line-height: 1.9; margin: 0 0 22px; color: var(--st-text);}
.st-training .st-eyebrow {display: flex; align-items: center; gap: 12px; color: var(--st-green); font-size: 11px; font-weight: 600; letter-spacing: 2.8px; line-height: 1.6; margin-bottom: 24px;}
.st-training .st-eyebrow:before {content: ""; width: 7px; height: 7px; background: var(--st-green); border-radius: 50%; box-shadow: 0 0 16px #20d9a077;}
.st-training a {color: inherit; text-decoration: none;}
.st-training a:focus-visible {outline: 2px solid var(--st-green); outline-offset: 7px;}
.st-training .st-button {display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 52px; padding: 12px 23px; border: 1px solid transparent; background: var(--st-gradient); color: #fff; font-weight: 600; font-size: 15px; transition: transform 0.25s, box-shadow 0.25s; border-radius: 4px;}
.st-training .st-button:hover {transform: translateY(-3px); box-shadow: 0 12px 32px #00b9b422;}
.st-training .st-button-outline {background: transparent; border-color: #344b58; color: #d8e7ed;}
.st-training .st-section {padding: 85px 0;}
.st-training .st-hero {position: relative; padding: 85px 0 65px; border-bottom: 1px solid var(--st-line); background: radial-gradient(ellipse at 90% 20%, #07523d24, transparent 55%);}
.st-training .st-hero:before {content: ""; position: absolute; inset: 0; z-index: -1; opacity: 0.22; background-image: linear-gradient(#36505d28 1px, transparent 1px), linear-gradient(90deg, #36505d28 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to right, transparent, #000);}
.st-training .st-hero .st-copy {max-width: 540px;}
.st-training .st-hero-actions {display: flex; gap: 14px; flex-wrap: wrap; margin-top: 30px;}
.st-training .st-visual {position: relative; min-height: 450px; display: flex; align-items: center; justify-content: center; perspective: 900px;}
.st-training .st-orbit {position: absolute; width: 350px; height: 350px; border: 1px solid #20d9a029; border-radius: 50%; transform: rotateX(55deg) rotateZ(-25deg);}
.st-training .st-orbit:before, .st-training .st-orbit:after {content: ""; position: absolute; inset: 35px; border: 1px dashed #20d9a037; border-radius: 50%;}
.st-training .st-orbit:after {inset: -42px; border-style: solid; border-color: #0879c529;}
.st-training .st-orbit-dot {position: absolute; inset: 0; animation: st-spin 18s linear infinite;}
.st-training .st-orbit-dot:before {content: ""; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: #20d9a0; left: 50%; top: -4px; box-shadow: 0 0 20px #20d9a0;}
.st-training .st-stack {position: relative; width: 240px; transform: rotateY(-18deg) rotateX(10deg); animation: st-float 7s ease-in-out infinite;}
.st-training .st-stack-layer {position: relative; border: 1px solid #218c8877; border-radius: 8px; padding: 18px 20px; margin-top: -1px; background: linear-gradient(120deg, #102d36ee, #0c1824f5); box-shadow: 15px 15px 40px #0005; display: flex; align-items: center; gap: 17px;}
.st-training .st-stack-layer:first-child {border-top: 2px solid var(--st-green);}
.st-training .st-stack-layer i {font-size: 25px; color: var(--st-green);}
.st-training .st-stack-layer span {font-size: 11px; letter-spacing: 2px; color: #dbeff0;}
.st-training .st-stack-layer small {display: block; color: #7c9aa8; font-size: 10px; letter-spacing: 1px; margin-top: 3px;}
.st-training .st-visual-label {position: absolute; bottom: 8px; font-size: 10px; letter-spacing: 2px; color: #6a8795;}
.st-training .st-node {position: absolute; display: flex; align-items: center; gap: 10px; font-size: 10px; letter-spacing: 1.2px; color: #b3cdd4; padding: 9px 13px; border: 1px solid #26444e; background: #091720e8; border-radius: 4px;}
.st-training .st-node i {color: var(--st-green); font-size: 17px;}
.st-training .st-node-one {top: 35px; left: 8%;}
.st-training .st-node-two {right: 0; top: 52%;}
.st-training .st-node-three {bottom: 32px; left: 4%;}
.st-training .st-catalogue-head {display: flex; justify-content: space-between; gap: 40px; align-items: end; margin-bottom: 38px;}
.st-training .st-catalogue-head .st-copy {max-width: 435px; margin-bottom: 5px;}
.st-training .st-catalogue-head .st-title {max-width: 650px; margin-bottom: 0;}
.st-training .st-program {position: relative; height: 100%; padding: 28px 30px 25px; background: linear-gradient(140deg, #0f202caa, #09131c); border: 1px solid var(--st-line); border-radius: 8px; transition: border-color 0.3s, transform 0.3s;}
.st-training .st-program:hover {border-color: #20d9a077; transform: translateY(-4px);}
.st-training .st-program-top {display: flex; align-items: center; justify-content: space-between; margin-bottom: 23px;}
.st-training .st-code {color: #7d9baa; letter-spacing: 2px; font-size: 10px;}
.st-training .st-code b {font-size: 15px; font-weight: 400; margin-right: 12px; color: var(--st-green);}
.st-training .st-program-icon {font-size: 25px; color: #20d9a0;}
.st-training .st-program .st-copy {min-height: 56px; margin-bottom: 20px;}
.st-training .st-topic-list {list-style: none; padding: 0; margin: 0 0 25px; display: grid; gap: 9px;}
.st-training .st-topic-list li {position: relative; padding-left: 19px; font-size: 15px; line-height: 1.65;}
.st-training .st-topic-list li:before {content: ""; position: absolute; width: 5px; height: 5px; top: 10px; left: 0; border: 1px solid #20d9a0;}
.st-training .st-tags {display: flex; gap: 8px; flex-wrap: wrap; padding-top: 18px; border-top: 1px solid var(--st-line);}
.st-training .st-tags span {padding: 4px 11px; font-size: 11px; color: #8fb6c0; border: 1px solid #263d49; border-radius: 3px; letter-spacing: 0.3px;}
.st-training .st-delivery {border-top: 1px solid var(--st-line); border-bottom: 1px solid var(--st-line); background: linear-gradient(110deg, #0b1d25, #080f18);}
.st-training .st-delivery-intro {position: sticky; top: 45px;}
.st-training .st-delivery-list {padding-left: 25px;}
.st-training .st-delivery-item {display: grid; grid-template-columns: 42px 1fr 32px; gap: 20px; position: relative; border-bottom: 1px solid #253943; padding: 25px 0;}
.st-training .st-delivery-item:first-child {padding-top: 0;}
.st-training .st-delivery-item:last-child {border-bottom: 0; padding-bottom: 0;}
.st-training .st-delivery-no {font-size: 12px; color: var(--st-green); padding-top: 7px;}
.st-training .st-delivery-item .st-title {font-size: 17px; letter-spacing: -0.5px; margin-bottom: 9px;}
.st-training .st-delivery-item .st-copy {margin: 0;}
.st-training .st-delivery-item > i {font-size: 24px; color: #20d9a0; padding-top: 5px;}
.st-training .st-closing {padding: 75px 0;}
.st-training .st-closing-panel {position: relative; padding: 45px 48px; overflow: hidden; border: 1px solid #23524f; border-radius: 8px; background: radial-gradient(ellipse at 0% 100%, #0b6b4a35, transparent 65%);}
.st-training .st-closing-panel:after {content: ""; position: absolute; pointer-events: none; width: 330px; height: 330px; right: -170px; top: -180px; border: 1px solid #20d9a033; border-radius: 50%; box-shadow: 0 0 0 35px #20d9a008, 0 0 0 70px #20d9a005;}
.st-training .st-closing .st-title {margin: 0; max-width: 800px; font-size: clamp(24px, 2.5vw, 34px);}
.st-training .st-closing .st-eyebrow {margin-bottom: 17px;}
@keyframes st-spin {
    to {transform: rotate(360deg);}
}
@keyframes st-float {
    0%, 100% {transform: rotateY(-18deg) rotateX(10deg) translateY(0);}
    50% {transform: rotateY(-10deg) rotateX(10deg) translateY(-12px);}
}
/* ABOUT PAGE BASE */
.st-about-page {--stap-green:#20d9a0; --stap-blue:#0879c5; --stap-line:#223540; --stap-content:#b3c5d0; --stap-gradient:linear-gradient(110deg,#20d9a0 0%,#00b9b4 48%,#0879c5 100%); background:#060d14; color:var(--stap-content); font-family:"IBM Plex Sans",sans-serif; font-size:15px; line-height:1.9; overflow:hidden;}
.st-about-page * {box-sizing:border-box;}
.st-about-page .container {max-width:1320px;}
.st-about-page a {text-decoration:none; color:inherit;}
.st-about-page a:focus-visible {outline:2px solid var(--stap-green); outline-offset:6px;}
/* COMMON TYPOGRAPHY */
.st-about-page .stap-title {font-family:"Michroma",sans-serif; font-weight:400; line-height:1.55; letter-spacing:-1px; background:var(--stap-gradient); -webkit-background-clip:text; background-clip:text; color:transparent; margin:0 0 23px;}
.st-about-page h1.stap-title {font-size:clamp(29px,3.5vw,48px); line-height:1.55;}
.st-about-page h2.stap-title {font-size:clamp(24px,2.3vw,33px);}
.st-about-page h3.stap-title {font-size:18px; letter-spacing:-.4px;}
.st-about-page .stap-content {font-family:"IBM Plex Sans",sans-serif; font-size:15px; line-height:1.9; color:var(--stap-content); margin:0 0 22px;}
.st-about-page .stap-label {display:flex; align-items:center; gap:12px; margin-bottom:23px; font-size:10px; font-weight:600; letter-spacing:2.5px; color:var(--stap-green);}
.st-about-page .stap-label::before {content:""; width:6px; height:6px; flex-shrink:0; border-radius:50%; background:var(--stap-green); box-shadow:0 0 14px #20d9a077;}
.st-about-page .stap-section {padding:80px 0;}
.st-about-page .stap-section-intro {max-width:780px; margin-bottom:35px;}
/* BUTTONS */
.st-about-page .stap-button {display:inline-flex; align-items:center; justify-content:center; gap:27px; min-height:52px; padding:13px 23px; border-radius:4px; background:var(--stap-gradient); color:#fff; font-size:15px; font-weight:600; transition:transform .25s,box-shadow .25s;}
.st-about-page .stap-button:hover {transform:translateY(-3px); box-shadow:0 12px 32px #00b9b422;}
.st-about-page .stap-text-link {display:inline-flex; align-items:center; gap:28px; padding-bottom:10px; border-bottom:1px solid #28544f; font-size:15px; font-weight:500; color:var(--stap-green);}
/* HERO */
.st-about-page .stap-hero {position:relative; padding:90px 0 65px; border-bottom:1px solid var(--stap-line); background:radial-gradient(ellipse at 80% 20%,#074d452f,transparent 60%);}
.st-about-page .stap-hero .stap-content {max-width:590px;}
.st-about-page .stap-hero .stap-button {margin-top:6px;}
.st-about-page .stap-hero-visual {position:relative; min-height:430px; display:grid; place-items:center; background-image:radial-gradient(#225351 1px,transparent 1px); background-size:23px 23px; border-radius:50%;}
.st-about-page .stap-orbit {position:absolute; width:310px; height:310px; border-radius:50%; border:1px solid #20d9a02b;}
.st-about-page .stap-orbit::before, .st-about-page .stap-orbit::after {content:""; position:absolute; inset:27px; border-radius:50%; border:1px dashed #20d9a035;}
.st-about-page .stap-orbit::after {inset:-22px; border:1px solid #0879c524;}
.st-about-page .stap-orbit>span {position:absolute; inset:0; animation:stap-orbit-spin 24s linear infinite;}
.st-about-page .stap-orbit>span::before {content:""; position:absolute; width:8px; height:8px; left:50%; top:-4px; border-radius:50%; background:var(--stap-green); box-shadow:0 0 20px var(--stap-green);}
.st-about-page .stap-core {position:relative; width:156px; height:156px; border-radius:24px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; border:1px solid #20d9a077; background:linear-gradient(135deg,#12363c,#091322); box-shadow:0 0 65px #20d9a018; transform:rotate(-8deg); animation:stap-core-float 7s ease-in-out infinite;}
.st-about-page .stap-core>i {font-size:49px; color:var(--stap-green);}
.st-about-page .stap-core>span {font-size:9px; letter-spacing:1.5px; color:#d0eee7;}
.st-about-page .stap-chip {position:absolute; display:flex; align-items:center; gap:10px; padding:11px 15px; border:1px solid #29424d; border-radius:4px; background:#0b1a24; font-size:10px; letter-spacing:1.3px;}
.st-about-page .stap-chip>i {font-size:21px; color:var(--stap-green);}
.st-about-page .stap-chip-network {top:45px; left:10px;}
.st-about-page .stap-chip-cloud {right:0; top:170px;}
.st-about-page .stap-chip-security {bottom:40px; left:35px;}
/* OPTIONAL HERO VIDEO */
.st-about-page .stap-hero-video {position:relative; aspect-ratio:4/4.3; overflow:hidden; border-radius:12px; border:1px solid var(--stap-line); background:#0b1822;}
.st-about-page .stap-hero-video video {width:100%; height:100%; display:block; object-fit:cover;}
/* VISION / APPROACH / COMMITMENT */
.st-about-page .stap-principles {border-top:1px solid var(--stap-line); border-bottom:1px solid var(--stap-line);}
.st-about-page .stap-principle {height:100%; padding:30px;}
.st-about-page .stap-principles>div:first-child .stap-principle {padding-left:0;}
.st-about-page .stap-principles>div+div .stap-principle {border-left:1px solid var(--stap-line);}
.st-about-page .stap-number {display:block; margin-bottom:25px; font-size:11px; letter-spacing:1px; color:#74929e;}
.st-about-page .stap-principle .stap-title {margin-bottom:13px;}
.st-about-page .stap-principle .stap-content {margin:0;}
/* FOUNDER */
.st-about-page .stap-founder-section {padding:0 0 80px;}
.st-about-page .stap-founder-panel {position:relative; padding:45px; overflow:hidden; border:1px solid var(--stap-line); border-radius:8px; background:linear-gradient(120deg,#10283388,#09121c);}
.st-about-page .stap-founder-visual {position:relative; height:260px; display:flex; align-items:center; justify-content:center; border-right:1px solid var(--stap-line);}
.st-about-page .stap-founder-visual::before {content:""; position:absolute; width:185px; height:185px; border:1px solid #20d9a02d; border-radius:50%; box-shadow:0 0 0 20px #20d9a005,0 0 0 40px #20d9a003;}
.st-about-page .stap-founder-visual>span {position:relative; z-index:1; font-family:"Michroma",sans-serif; font-size:50px; letter-spacing:-6px; background:var(--stap-gradient); -webkit-background-clip:text; background-clip:text; color:transparent;}
.st-about-page .stap-founder-content {padding-left:25px;}
.st-about-page .stap-founder-role {font-size:15px; color:#edf4f5; margin:-8px 0 20px;}
.st-about-page .stap-focus {display:flex; flex-wrap:wrap; gap:8px; margin-top:25px;}
.st-about-page .stap-focus>span {padding:5px 10px; border:1px solid #29414a; border-radius:3px; font-size:9px; letter-spacing:1.2px; color:#7db8b8;}
.st-about-page .stap-founder-photo {aspect-ratio:4/5; overflow:hidden; border-radius:6px; background:#10212b;}
.st-about-page .stap-founder-photo img {width:100%; height:100%; display:block; object-fit:cover;}
/* PRODUCT STACK */
.st-about-page .stap-product-section {border-top:1px solid var(--stap-line); border-bottom:1px solid var(--stap-line); background:linear-gradient(110deg,#091b22,#080f18);}
.st-about-page .stap-product-stack {position:relative; padding-left:20px;}
.st-about-page .stap-stack-item {position:relative; display:grid; grid-template-columns:35px minmax(0,1fr) 25px; align-items:center; gap:15px; margin-bottom:14px; padding:23px 20px; border:1px solid #28434b; border-radius:5px; background:linear-gradient(110deg,#102a32,#0a1621); transition:transform .3s,border-color .3s;}
.st-about-page .stap-stack-item:last-child {margin-bottom:0;}
.st-about-page .stap-stack-item:hover {transform:translateX(-7px); border-color:var(--stap-green);}
.st-about-page .stap-stack-number {font-family:"Michroma",sans-serif; font-size:12px; color:var(--stap-green);}
.st-about-page .stap-stack-item h3.stap-title {font-size:12px; line-height:1.8; letter-spacing:.5px; margin:0 0 7px;}
.st-about-page .stap-stack-item .stap-content {font-size:15px; margin:0; color:#91aeba;}
.st-about-page .stap-stack-item>i {font-size:23px; color:var(--stap-green);}
/* AUDIENCE */
.st-about-page .stap-audience-card {height:100%; padding:30px; border:1px solid var(--stap-line); border-radius:5px; background:#0a151f; transition:border-color .3s,transform .3s;}
.st-about-page .stap-audience-card:hover {border-color:#20d9a066; transform:translateY(-4px);}
.st-about-page .stap-audience-card>i {display:block; font-size:29px; margin-bottom:24px; color:var(--stap-green);}
.st-about-page .stap-audience-card h3.stap-title {font-size:17px; margin-bottom:14px;}
.st-about-page .stap-audience-card .stap-content {margin:0;}
/* CLOSING CTA */
.st-about-page .stap-cta-section {padding:0 0 75px;}
.st-about-page .stap-cta-panel {padding:40px 45px; border:1px solid #28544f; border-radius:7px; background:radial-gradient(ellipse at 0 100%,#096e4933,transparent 75%);}
.st-about-page .stap-cta-panel h2.stap-title {font-size:clamp(24px,2.5vw,34px); margin:0;}
.st-about-page .stap-cta-panel .stap-label {margin-bottom:15px;}
/* ANIMATION */
@keyframes stap-orbit-spin {
    to {transform:rotate(360deg);}
}
@keyframes stap-core-float {
    0%,100% {transform:rotate(-8deg) translateY(0);}
    50% {transform:rotate(-3deg) translateY(-10px);}
}
/* LARGE SCREENS */
/* LAPTOP */
/* TABLET */
/* MOBILE */
/* REDUCED MOTION */
/* BOOK A DEMO — PAGE BASE */
.st-demo-page {--stdm-green:#20d9a0; --stdm-blue:#0879c5; --stdm-line:#223540; --stdm-text:#b3c5d0; --stdm-gradient:linear-gradient(110deg,#20d9a0 0%,#00b9b4 48%,#0879c5 100%); background:#060d14; color:var(--stdm-text); font-family:"IBM Plex Sans",sans-serif; font-size:15px; line-height:1.9;}
.st-demo-page * {box-sizing:border-box;}
.st-demo-page .container {max-width:1320px;}
.st-demo-page a {text-decoration:none;}
.st-demo-page a:focus-visible, .st-demo-page button:focus-visible {outline:2px solid var(--stdm-green); outline-offset:5px;}
/* COMMON TYPOGRAPHY */
.st-demo-page .stdm-title {font-family:"Michroma",sans-serif; font-weight:400; line-height:1.55; letter-spacing:-1px; background:var(--stdm-gradient); -webkit-background-clip:text; background-clip:text; color:transparent; margin:0 0 22px;}
.st-demo-page h1.stdm-title {font-size:clamp(29px,3.5vw,48px); max-width:850px;}
.st-demo-page .stdm-content {font-family:"IBM Plex Sans",sans-serif; font-size:15px; line-height:1.9; color:var(--stdm-text); margin:0;}
.st-demo-page .stdm-label {display:inline-flex; align-items:center; gap:11px; font-size:10px; font-weight:600; letter-spacing:2.5px; color:var(--stdm-green); line-height:1.7;}
.st-demo-page .stdm-label::before {content:""; width:6px; height:6px; flex-shrink:0; border-radius:50%; background:var(--stdm-green); box-shadow:0 0 15px #20d9a066;}
/* HERO */
.st-demo-page .stdm-hero {position:relative; padding:80px 0 50px; border-bottom:1px solid var(--stdm-line); background:radial-gradient(ellipse at 15% 0%,#075b4033,transparent 65%);}
.st-demo-page .stdm-hero>.container {position:relative; z-index:1;}
.st-demo-page .stdm-hero .stdm-label {margin-bottom:24px;}
.st-demo-page .stdm-hero h1 {margin-bottom:0;}
.st-demo-page .stdm-hero .stdm-content {max-width:390px; padding-bottom:8px;}
/* MAIN LAYOUT */
.st-demo-page .stdm-enquiry-section {padding:65px 0 80px;}
.st-demo-page .stdm-contact-column {position:sticky; top:30px;}
/* CONTACT CARDS */
.st-demo-page .stdm-contact-card {position:relative; padding:28px; margin-bottom:18px; border:1px solid var(--stdm-line); border-radius:7px; background:linear-gradient(125deg,#10283388,#09131d); transition:border-color .3s,transform .3s;}
.st-demo-page .stdm-contact-card:hover {border-color:#20d9a066; transform:translateY(-3px);}
.st-demo-page .stdm-contact-top {display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:20px;}
.st-demo-page .stdm-contact-top>i {color:var(--stdm-green); font-size:18px;}
.st-demo-page .stdm-contact-card h2.stdm-title {font-size:19px; letter-spacing:-.5px; margin-bottom:20px; overflow-wrap:anywhere;}
.st-demo-page .stdm-contact-link {display:flex; align-items:center; gap:13px; width:fit-content; max-width:100%; padding:5px 0; font-size:15px; color:var(--stdm-text); transition:color .25s;}
.st-demo-page .stdm-contact-link:hover {color:var(--stdm-green);}
.st-demo-page .stdm-contact-link>i {color:var(--stdm-green); flex-shrink:0;}
.st-demo-page .stdm-contact-link>span {overflow-wrap:anywhere;}
/* OFFICE */
.st-demo-page .stdm-office {display:flex; align-items:flex-start; gap:18px; padding:26px 4px 0;}
.st-demo-page .stdm-office-icon {width:44px; height:44px; display:grid; place-items:center; flex-shrink:0; border:1px solid #28504b; border-radius:6px; background:#0c211f; color:var(--stdm-green); font-size:20px;}
.st-demo-page .stdm-office h2.stdm-title {font-size:16px; letter-spacing:0; margin-bottom:9px;}
.st-demo-page .stdm-office address {font-style:normal; max-width:350px;}
/* FORM PANEL */
.st-demo-page .stdm-form-panel {position:relative; padding:35px; border:1px solid var(--stdm-line); border-top:2px solid var(--stdm-green); border-radius:7px; background:#0b1620;}
.st-demo-page .stdm-form-note {display:flex; align-items:flex-start; gap:16px; padding-bottom:25px; margin-bottom:28px; border-bottom:1px solid var(--stdm-line);}
.st-demo-page .stdm-form-note>i {font-size:25px; color:var(--stdm-green); flex-shrink:0; line-height:1.5;}
.st-demo-page .stdm-form-note strong {font-weight:600; color:#e0efee;}
.st-demo-page .stdm-field-label {display:block; margin-bottom:10px; font-size:15px; font-weight:500; color:#d4e3e8;}
.st-demo-page .stdm-field-label>span {color:var(--stdm-green);}
.st-demo-page .stdm-input {display:block; width:100%; min-height:52px; padding:12px 15px; background:#07111a; border:1px solid #2b414e; border-radius:4px; color:#e1edf0; font-family:"IBM Plex Sans",sans-serif; font-size:15px; line-height:1.6; transition:border-color .25s,box-shadow .25s;}
.st-demo-page .stdm-input::placeholder {color:#8197a4; opacity:1;}
.st-demo-page .stdm-input:focus {outline:none; border-color:var(--stdm-green); box-shadow:0 0 0 3px #20d9a012;}
.st-demo-page .stdm-input:disabled {opacity:.6;}
.st-demo-page .stdm-select {appearance:none; padding-right:43px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2320d9a0' stroke-width='1.7'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-position:right 15px center; background-repeat:no-repeat; cursor:pointer;}
.st-demo-page .stdm-select option {color:#e1edf0; background:#0b1620;}
.st-demo-page .stdm-textarea {min-height:145px; resize:vertical;}
.st-demo-page .stdm-submit-row {display:flex; align-items:center; margin-top:4px;}
.st-demo-page .stdm-button {display:inline-flex; align-items:center; justify-content:center; gap:25px; min-height:54px; padding:13px 23px; border:0; border-radius:4px; background:var(--stdm-gradient); color:#fff; font-family:"IBM Plex Sans",sans-serif; font-size:15px; font-weight:600; cursor:pointer; transition:transform .25s,box-shadow .25s;}
.st-demo-page .stdm-button:hover {transform:translateY(-3px); box-shadow:0 12px 30px #00b9b422;}
.st-demo-page .stdm-form-help {font-size:15px; line-height:1.7; color:#91a8b5; margin:17px 0 0;}
.st-demo-page .stdm-form-status {padding:12px 15px; margin:17px 0 0; font-size:15px; line-height:1.7; border:1px solid #28604f; border-radius:4px; background:#102820; color:#bcead9;}
.st-demo-page .stdm-form-status[data-state="error"] {border-color:#80464e; background:#28171c; color:#f5c3cb;}
/* LARGE SCREEN */
/* LAPTOP */
/* TABLET */
/* MOBILE */
/* REDUCED MOTION */

/* RESPONSIVE STYLES — ALL PAGES */

@media (min-width:1600px) {
    .hero {min-height: 850px;}
    .st-training .container {max-width: 1440px;}
    .st-about-page .container {max-width:1440px;}
    .st-demo-page .container {max-width:1440px;}
}

@media (max-width:1199px) {
    .wrap {width: calc(100% - 48px);}
    .hero {min-height: 720px;}
    .hero-visual {height: 550px;}
    .hero-copy {padding-right: 25px;}
    .section-heading, .coe-section {gap: 45px;}
    .trust-inner {gap: 15px;}
    .trust-inner div {font-size: 12px;}
    .product-video-inner {gap: 45px;}
    .core-pill {display: none;}
    .capability-grid article {padding-inline: 18px;}
    .hero-visual {height: 430px;}
    .network-map {gap: 45px;}
    .network-core:after {width: 45px;}
    .capability-grid article {gap: 45px;}
    .coe-copy {column-gap: 45px;}
    .section-heading {gap: 45px;}
    .hero-visual {margin-top: 0;}
    .hero {width: calc(100% - 60px); min-height: 680px; grid-template-columns: 1.05fr 0.95fr; padding-top: 45px;}
    .hero-visual {height: 540px;}
    .hero h1.st-heading {font-size: 52px;}
    .hero-proof {width: calc(100% - 60px);}
    .team-card, .target-row {width: 27%; padding: 18px;}
    .network-core {width: 210px; height: 210px; padding: 25px 20px;}
    .network-core b {font-size: 10px;}
    .network-map {height: 620px;}
    .traffic-line {left: 33%; right: 33%;}
    .arch-legend {gap: 12px;}
    .capability-grid {grid-template-columns: 1fr 1fr;}
    .capability-grid .st-heading {min-height: 0; max-width: none;}
    .coe-section {gap: 35px;}
    .hero-visual {height: 530px;}
    .hero h1.st-heading {font-size: 49px;}
    .coe-section {gap: 35px;}
    .coe-flower .coe-petal strong {font-size: 18px;}
    .coe-flower .coe-petal span {font-size: 9px;}
    .coe-flower .coe-petal {padding: 0 8px;}
    .coe-corner {width: 40px; height: 40px;}
    .network-map {column-gap: 65px;}
    .network-core {width: 225px; height: 225px; padding: 25px; gap: 11px;}
    .network-core b {font-size: 11px;}
    .network-core span:not(.core-ring) {font-size: 9px;}
    .team-card {padding: 21px 22px 18px 62px;}
    .team-card .team-head {left: 20px;}
    .target-row .target-lock {font-size: 7px; padding: 7px 9px;}
    .target-row b {font-size: 13px;}
    .hero h1.st-heading {font-size: 35px !important;}
    .hero {min-height: 700px; gap: 10px;}
    .hero-copy {padding-right: 10px;}
    .hero-visual {height: 570px;}
    .hero-lead.st-text {font-size: 14px;}
    .coe-flower .coe-petal strong {font-size: 13px !important;}
    .st-training h1.st-title {font-size: 38px;}
    .st-training .st-node-two {right: -8px;}
    .st-training .st-program {padding: 25px;}
    .st-training .st-catalogue-head {align-items: start;}
    .st-training .st-catalogue-head .st-copy {max-width: 360px;}
    .st-about-page h1.stap-title {font-size:38px;}
    .st-about-page .stap-orbit {width:270px; height:270px;}
    .st-about-page .stap-chip-network {left:0;}
    .st-about-page .stap-chip-security {left:10px;}
    .st-about-page .stap-founder-panel {padding:32px;}
    .st-about-page .stap-founder-visual::before {width:150px; height:150px;}
    .st-about-page .stap-founder-content {padding-left:15px;}
    .st-demo-page h1.stdm-title {font-size:39px;}
    .st-demo-page .stdm-contact-card {padding:24px;}
    .st-demo-page .stdm-contact-card h2.stdm-title {font-size:17px;}
    .st-demo-page .stdm-form-panel {padding:28px;}
}

@media (max-width:991px) {
    .hero {padding-top: 55px;}
    .hero-copy {padding-right: 0;}
    .hero-visual {height: 600px; width: 100%; max-width: 560px; margin: 45px auto 0; padding: 0;}
    .hero-orbit {display: none;}
    .hero h1 {max-width: 700px;}
    .hero-proof {max-width: 560px;}
    .section {padding-block: 75px;}
    .section-heading {grid-template-columns: 1fr; gap: 0;}
    .section-heading .st-text {max-width: 650px;}
    .capability-grid {grid-template-columns: 1fr 1fr;}
    .capability-grid article {padding: 30px !important; border-bottom: 1px solid var(--line);}
    .coe-section {grid-template-columns: 1fr; gap: 50px;}
    .product-video-inner {grid-template-columns: 1fr; gap: 25px;}
    .trust-inner {flex-wrap: wrap; justify-content: center;}
    .trust-inner > span {max-width: none; flex-basis: 100%; text-align: center;}
    .arch-top {flex-direction: column;}
    .footer-main {flex-wrap: wrap;}
    .footer-links {width: 100%;}
    .hero {padding-top: 55px;}
    .hero-copy {width: calc(100% - 48px);}
    .hero h1 {max-width: none;}
    .hero-visual {height: 420px; width: calc(100% - 48px); max-width: none;}
    .hero-proof {width: calc(100% - 48px); padding: 25px; max-width: none;}
    .product-video-inner {gap: 40px;}
    .network-map {column-gap: 40px; grid-template-columns: 0.9fr 1.2fr;}
    .network-core {padding: 20px;}
    .network-core b {font-size: 13px;}
    .network-core:after {width: 40px;}
    .team-card {padding: 20px;}
    .team-head {position: static; margin-bottom: 12px;}
    .team-symbol {font-size: 22px;}
    .capability-grid article {padding: 35px 0 !important;}
    .cap-photo {height: 280px;}
    .coe-copy {display: block;}
    .coe-copy h2 {max-width: 650px;}
    .coe-panel {gap: 20px;}
    .coe-step strong {font-size: 19px;}
    .coe-panel-top {padding-bottom: 0;}
    .hero {grid-template-columns: 1fr; min-height: 0; padding-top: 50px; padding-bottom: 35px;}
    .hero-copy {padding: 0; max-width: 700px;}
    .hero h1.st-heading {font-size: 58px;}
    .hero-visual {height: 550px; width: min(650px, 100%); margin: -10px auto 0;}
    .hero-proof {padding: 25px; grid-template-columns: repeat(3, 1fr);}
    .hero-proof span {font-size: 11px;}
    .network-map {height: 660px;}
    .network-core {width: 185px; height: 185px; padding: 18px 14px; gap: 8px;}
    .core-icon {font-size: 24px;}
    .network-core b {font-size: 9px;}
    .network-core span:not(.core-ring) {font-size: 8px;}
    .network-core .ring-2 {inset: -25px;}
    .team-card, .target-row {width: 29%; padding: 16px; min-height: 190px;}
    .red-team, .soc-team {left: 0;}
    .blue-team, .target-row {right: 0;}
    .team-card h4.st-heading {font-size: 18px;}
    .team-card .st-text {font-size: 10px;}
    .team-footer {font-size: 7px;}
    .target-row b {font-size: 12px;}
    .target-row span {font-size: 9px;}
    .vlan-tag {font-size: 6px;}
    .traffic-line {left: 34%; right: 34%; font-size: 6px;}
    .arch-top {gap: 15px;}
    .arch-legend {align-self: flex-start;}
    .hero-visual {height: 540px;}
    .product-video-inner > div:first-child, .dark-section .section-heading {column-gap: 40px;}
    .capability-grid article.cap-bento {padding: 28px !important; min-height: 380px;}
    .cap-content {min-height: 320px;}
    .video-frame {aspect-ratio: 1.9;}
    .hero {padding-top: 40px; min-height: 0;}
    .hero-copy {padding-right: 0;}
    .hero-visual {height: 490px;}
    .product-video-inner {gap: 35px; grid-template-columns: 0.9fr 1.1fr;}
    .product-video-inner h2.st-heading {font-size: 33px;}
    .product-video-inner .st-text {font-size: 12px;}
    .video-frame {aspect-ratio: 1.2;}
    .coe-section {grid-template-columns: 1fr; gap: 30px;}
    .coe-panel {grid-template-columns: repeat(4, 1fr); gap: 15px;}
    .coe-step strong {font-size: 17px;}
    .coe-panel-top {padding-bottom: 0;}
    .footer-main {gap: 22px; grid-template-columns: auto 1fr;}
    .footer-links {grid-column: 1/-1;}
    .closing-cta .st-heading {font-size: 33px;}
    .hero-visual {height: 540px;}
    .coe-section {grid-template-columns: 1fr; gap: 35px;}
    .coe-petal-panel {width: min(580px, 100%); margin: auto;}
    .coe-flower .coe-petal strong {font-size: 22px;}
    .coe-flower .coe-petal span {font-size: 11px;}
    .coe-flower .coe-petal {padding: 0 15px;}
    .coe-copy {max-width: 730px;}
    .coe-copy .check-list {grid-template-columns: 1fr 1fr;}
    .coe-flower {max-width: none;}
    .st-about, .st-audiences {gap: 40px;}
    .st-about-mark {height: 260px;}
    .st-about-mark span {width: 165px; height: 165px;}
    .st-program-list {grid-template-columns: 1fr 1fr;}
    .st-program:nth-child(3n) {border-right: 1px solid var(--line);}
    .st-program:nth-child(2n) {border-right: 0;}
    .st-section-top {gap: 40px;}
    .st-footer-grid {grid-template-columns: 1fr 1fr; gap: 30px;}
    .closing-inner.st-contact-finale {column-gap: 35px; grid-template-columns: 1fr 150px;}
    .st-contact-orb {width: 140px; height: 140px;}
    .network-map {column-gap: 40px; grid-template-columns: 0.8fr 1.2fr;}
    .network-core {width: 185px; height: 185px; padding: 18px; gap: 8px;}
    .network-core b {font-size: 9px;}
    .network-core span:not(.core-ring) {font-size: 8px;}
    .core-icon {font-size: 27px;}
    .team-grid {min-height: 570px; gap: 14px;}
    .team-card h4.st-heading {font-size: 19px;}
    .team-card .st-text {font-size: 11px;}
    .target-row {padding: 20px; flex-wrap: wrap; gap: 15px;}
    .target-row .target-lock {margin-left: 45px;}
    .feedback-row {font-size: 9px; gap: 12px;}
    .hero {grid-template-columns: 1fr; gap: 0; min-height: 0;}
    .hero-copy {padding: 0; max-width: 720px;}
    .hero h1.st-heading {font-size: clamp(34px, 5vw, 46px) !important; max-width: 720px;}
    .hero-main-heading .headline-white {font-size: 0.75em;}
    .hero-visual {height: 520px;}
    .hero-lead.st-text {max-width: 600px;}
    .coe-flower .coe-petal strong {font-size: 17px !important;}
    .st-footer-grid {grid-template-columns: 1fr 1fr; gap: 30px;}
    .brand-logo {width: 205px !important; height: 62px !important;}
    .coe-flower .coe-petal span {font-size: 13px;}
    .hero-proof span {font-size: 14px !important;}
    .team-grid {min-height: 710px;}
    .architecture-links {height: 710px;}
    .st-training .st-hero {padding: 60px 0 45px;}
    .st-training .st-visual {min-height: 410px; max-width: 550px; margin: auto;}
    .st-training .st-hero .st-copy {max-width: 650px;}
    .st-training .st-section {padding: 60px 0;}
    .st-training .st-catalogue-head {display: block;}
    .st-training .st-catalogue-head .st-copy {max-width: 700px; margin-top: 20px;}
    .st-training .st-program .st-copy {min-height: 85px;}
    .st-training .st-delivery-list {padding-left: 0;}
    .st-training .st-delivery-intro {position: static; margin-bottom: 25px;}
    .st-training .st-closing-panel {padding: 32px;}
    .st-training .st-closing .st-button {margin-top: 25px;}
    .st-about-page .stap-hero {padding:60px 0 45px;}
    .st-about-page .stap-section {padding:60px 0;}
    .st-about-page .stap-hero-visual {max-width:500px; min-height:390px; margin:auto;}
    .st-about-page .stap-principle {padding:25px 0; border-left:0!important;}
    .st-about-page .stap-principles>div+div .stap-principle {border-top:1px solid var(--stap-line);}
    .st-about-page .stap-number {margin-bottom:15px;}
    .st-about-page .stap-founder-section {padding-bottom:60px;}
    .st-about-page .stap-founder-visual {height:180px; margin-bottom:15px; border-right:0; border-bottom:1px solid var(--stap-line);}
    .st-about-page .stap-founder-visual::before {width:125px; height:125px;}
    .st-about-page .stap-founder-visual>span {font-size:42px;}
    .st-about-page .stap-founder-content {padding-left:0;}
    .st-about-page .stap-founder-photo {max-width:300px; margin:auto;}
    .st-about-page .stap-product-stack {padding-left:0;}
    .st-about-page .stap-hero-video {max-width:600px; margin:auto; aspect-ratio:16/10;}
    .st-demo-page .stdm-hero {padding:60px 0 40px;}
    .st-demo-page .stdm-hero .stdm-content {max-width:700px; padding-bottom:0;}
    .st-demo-page .stdm-enquiry-section {padding:45px 0 60px;}
    .st-demo-page .stdm-contact-column {position:static;}
    .st-demo-page .stdm-office {padding-top:15px;}
}

@media (max-width:767px) {
    .wrap {width: calc(100% - 36px);}
    .site-header {height: 82px; padding-inline: 18px;}
    .brand-logo {width: 90px; height: 52px;}
    .menu-toggle {display: block; background: transparent; border: 1px solid var(--line); color: white; width: 44px; height: 44px; border-radius: 50%; font-size: 20px;}
    nav {display: none; position: absolute; top: 100%; left: 0; right: 0; background: #0d1824; padding: 25px; flex-direction: column; align-items: stretch; gap: 25px; border-bottom: 1px solid var(--line);}
    .nav-open nav {display: flex;}
    .hero {padding-block: 42px 50px;}
    .hero .eyebrow {font-size: 9px; letter-spacing: 1.8px;}
    .coE-kicker {font-size: 11px;}
    .hero-subheading.st-heading {font-size: 20px;}
    .hero-visual {height: 480px;}
    .hero-proof {gap: 15px; justify-content: space-between;}
    .hero-proof span {font-size: 9px;}
    .hero-proof strong {font-size: 9px; letter-spacing: 1px;}
    .hero-actions {gap: 10px;}
    .button {padding: 14px 17px; font-size: 11px; gap: 12px;}
    .hero-actions .button:last-child {font-size: 11px;}
    .st-text {font-size: 14px;}
    .section {padding-block: 60px;}
    .section-heading {margin-bottom: 25px;}
    .architecture-card {padding: 22px 15px;}
    .network-core {padding: 16px; gap: 12px;}
    .network-core b {font-size: 10px;}
    .network-core span {font-size: 9px;}
    .core-icon {font-size: 27px;}
    .team-grid {grid-template-columns: 1fr;}
    .trunk {height: 25px;}
    .trunk span:not(:nth-child(2)) {display: none;}
    .team-card {padding: 22px;}
    .team-head {margin-bottom: 16px;}
    .target-row {padding: 16px; align-items: flex-start;}
    .target-lock {display: none !important;}
    .feedback-row {flex-wrap: wrap; gap: 10px;}
    .traffic-line {font-size: 7px; gap: 10px;}
    .capability-grid article {padding: 25px 15px !important;}
    .capability-grid .st-heading {font-size: 18px; min-height: 44px;}
    .capability-grid .st-text {font-size: 12px;}
    .cap-icon {margin-bottom: 30px; font-size: 30px;}
    .cap-number {right: 15px; top: 25px;}
    .product-video-section {padding-block: 60px;}
    .coe-panel {padding-left: 22px;}
    .closing-inner {align-items: flex-start; flex-direction: column;}
    .closing-cta {padding-block: 55px;}
    .footer-main {gap: 25px;}
    .footer-links {gap: 20px; flex-wrap: wrap;}
    .footer-bottom {gap: 18px; flex-direction: column;}
    .arch-legend {gap: 14px;}
    .trust-inner i {display: none;}
    .trust-inner div {font-size: 11px;}
    .back-top {bottom: 15px; right: 15px;}
    .hero {padding-top: 40px;}
    .hero-copy {width: calc(100% - 36px);}
    .hero h1.st-heading {font-size: clamp(35px, 8.8vw, 56px);}
    .headline-first {font-size: 0.58em;}
    .hero .eyebrow {font-size: 8px; letter-spacing: 1px; padding: 7px 12px;}
    .coE-kicker {font-size: 11px;}
    .hero-subheading.st-heading {font-size: 18px;}
    .hero-actions {margin-bottom: 30px;}
    .hero-actions .button:last-child {flex-basis: 100%; justify-content: center; border: 0; padding-top: 5px;}
    .hero-visual {width: calc(100% - 36px); height: 300px; margin-top: 0;}
    .label-top {left: 12px; top: 12px; font-size: 7px; padding: 8px;}
    .label-bottom {bottom: 12px; right: 12px; font-size: 7px; padding: 8px;}
    .hero-proof {width: calc(100% - 36px); grid-template-columns: 1fr; padding: 20px; gap: 20px;}
    .hero-proof div {padding-left: 15px; gap: 5px;}
    .hero-proof strong {font-size: 10px;}
    .hero-proof span {font-size: 12px;}
    .trust-inner {padding-block: 25px;}
    .product-video-section {padding: 60px 0;}
    .product-video-inner {grid-template-columns: 1fr; gap: 30px;}
    .product-video-inner > div:first-child {order: 1;}
    .video-frame {order: 2; transform: none; aspect-ratio: 16/10; box-shadow: 8px 8px 0 #6ce6dc0b;}
    .section-heading {grid-template-columns: 1fr; gap: 0;}
    #architecture {padding-block: 60px;}
    .network-map {grid-template-columns: 1fr; gap: 0;}
    .network-core {width: 250px; max-width: 90%; margin: 25px auto 50px; grid-column: 1; grid-row: auto;}
    .network-core:after {height: 40px; width: 1px; top: 100%; left: 50%;}
    .team-grid {grid-column: 1; grid-row: auto;}
    .team-card {padding: 22px 22px 20px 70px;}
    .team-head {position: absolute; left: 24px; top: 22px;}
    .traffic-line {margin-top: 25px;}
    .arch-top {padding-top: 0;}
    .dark-section .section-heading {margin-bottom: 25px;}
    .capability-grid article {display: flex; flex-direction: column; align-items: stretch; gap: 20px; padding: 30px 0 !important;}
    .capability-grid article:nth-child(even) .cap-photo {order: 0;}
    .cap-photo {height: 240px;}
    .cap-content {padding: 0;}
    .capability-grid .st-heading {font-size: 29px;}
    .capability-grid .st-text {font-size: 14px;}
    .cap-icon {margin-bottom: 18px;}
    .cap-number {font-size: 75px; top: 0;}
    .coe-section {padding-block: 60px; gap: 35px;}
    .coe-panel {grid-template-columns: 1fr 1fr; padding: 22px; gap: 22px;}
    .coe-panel-top {font-size: 8px;}
    .coe-step {padding-top: 18px;}
    .coe-step span {font-size: 11px;}
    .coe-step b {margin-bottom: 15px;}
    .coe-step strong {font-size: 19px;}
    .coe-panel-bottom {font-size: 8px;}
    .closing-cta {padding-block: 65px;}
    .closing-inner {align-items: center;}
    .closing-cta .st-heading {font-size: 40px;}
    .hero {width: calc(100% - 36px); padding: 40px 0 25px; overflow: hidden;}
    .hero-copy {width: 100%; text-align: left;}
    .hero h1.st-heading {font-size: clamp(35px, 8.7vw, 55px);}
    .hero-subheading.st-heading {font-size: 18px;}
    .hero-lead {font-size: 13px;}
    .hero .eyebrow {font-size: 8px; letter-spacing: 1.5px;}
    .coE-kicker {font-size: 10px; margin-bottom: 25px;}
    .hero-actions .button:last-child {justify-content: flex-start; padding-top: 8px;}
    .hero-visual {height: 420px; width: 100%; margin: 0 auto;}
    .globe-caption {font-size: 6px; top: 5%; right: 5%; letter-spacing: 1px;}
    .product-peek {width: 130px; left: 2%; bottom: 5px;}
    .product-peek img {height: 85px;}
    .product-peek span {font-size: 7px;}
    .globe-orbit {left: 0; width: 100%;}
    .hero-proof {width: calc(100% - 36px); grid-template-columns: 1fr; padding: 22px; gap: 20px;}
    .hero-proof span {font-size: 11px;}
    .hero-proof div {gap: 5px;}
    #architecture {width: calc(100% - 28px); padding: 60px 0;}
    #architecture .section-heading {padding-inline: 8px;}
    #architecture h2.st-heading {font-size: 33px;}
    #architecture .section-heading .st-text {font-size: 12px;}
    #architecture .architecture-card {padding: 24px 15px; border-radius: 14px;}
    .arch-top {display: block;}
    .arch-legend {margin: 18px 0 15px;}
    .network-map {display: flex; flex-direction: column; height: auto; margin: 0;}
    .architecture-links {display: none;}
    .network-core {position: relative; inset: auto; transform: none; width: 210px; height: 210px; margin: 30px auto 50px; flex-shrink: 0; padding: 24px; gap: 10px;}
    .network-core b {font-size: 10px;}
    .network-core span:not(.core-ring) {font-size: 9px;}
    .core-icon {font-size: 32px;}
    .team-grid {display: grid; grid-template-columns: 1fr; gap: 15px; position: relative;}
    .team-grid:before {content: ""; position: absolute; top: -30px; bottom: 0; left: 50%; width: 1px; background: #6ce6dc66; z-index: 0;}
    .team-card, .target-row {position: relative; inset: auto; width: 100%; min-height: 0; padding: 22px; z-index: 1;}
    .team-card h4.st-heading {font-size: 22px;}
    .team-card .st-text {font-size: 12px;}
    .team-footer {font-size: 9px;}
    .vlan-tag {font-size: 8px;}
    .target-row b {font-size: 15px;}
    .target-row span {font-size: 11px;}
    .target-row .target-lock {font-size: 8px;}
    .traffic-line {position: static; font-size: 8px; flex-direction: row; justify-content: center; gap: 12px; margin: 25px 0;}
    .traffic-dash {width: 25px; height: 1px;}
    .feedback-row {position: static; font-size: 8px; gap: 8px; margin-top: 0;}
    .arch-note .st-text {font-size: 10px;}
    .hero-visual {height: 420px;}
    .product-peek {width: 105px; left: 1%;}
    .product-peek img {height: 65px;}
    .product-peek span {font-size: 6px;}
    .brain-controls {bottom: 5px; left: 58%; gap: 6px; font-size: 8px;}
    .brain-controls button {height: 25px; width: 25px;}
    .globe-pause {right: 0; bottom: 2px; width: 29px; height: 29px;}
    .product-video-section {padding: 60px 0;}
    .product-video-inner > div:first-child {display: block;}
    .product-video-inner h2.st-heading {font-size: 36px; margin-bottom: 22px;}
    .product-video-inner .st-text {font-size: 13px;}
    .video-frame {aspect-ratio: 1.4; border-radius: 12px;}
    .video-placeholder:before {width: 65px; height: 65px; font-size: 29px;}
    .video-placeholder {font-size: 10px;}
    .dark-section {padding: 60px 0;}
    .dark-section .section-heading {display: block; margin-bottom: 25px;}
    .dark-section .section-heading .st-heading {font-size: 35px;}
    .dark-section .section-heading .st-text {font-size: 13px;}
    .capability-grid {grid-template-columns: 1fr; gap: 16px;}
    .capability-grid article.cap-bento, .capability-grid article.cap-bento:nth-child(2), .capability-grid article.cap-bento:nth-child(3) {grid-column: 1; padding: 25px !important; min-height: 340px; display: block;}
    .cap-content {min-height: 285px;}
    .capability-grid .st-heading {font-size: 29px; margin-top: 35px;}
    .capability-grid .st-text {font-size: 13px;}
    .cap-icon {height: 45px; width: 45px; font-size: 23px;}
    .hero {padding-block: 30px 15px;}
    .hero h1.st-heading {font-size: clamp(35px, 8.6vw, 49px);}
    .hero-visual {height: 365px;}
    .brain-controls {bottom: 3px;}
    .globe-pause {bottom: 0;}
    .hero-copy .hero-subheading.st-heading {font-size: 18px;}
    .product-video-section {padding: 42px 0;}
    .product-video-inner {grid-template-columns: 1fr; gap: 24px;}
    .product-video-inner h2.st-heading {font-size: 32px;}
    .product-video-inner .st-text {font-size: 13px;}
    .video-frame {aspect-ratio: 1.4;}
    .dark-section {padding: 45px 0;}
    .dark-section .section-heading {display: block; margin-bottom: 23px;}
    .dark-section .section-heading .st-heading {font-size: 31px;}
    .dark-section .section-heading .st-text {font-size: 12px;}
    .capability-grid {grid-template-columns: 1fr; gap: 12px;}
    .capability-grid article.cap-bento, .capability-grid article.cap-bento:nth-child(2), .capability-grid article.cap-bento:nth-child(3) {padding: 20px !important; min-height: 0; grid-column: 1;}
    .cap-content {padding-left: 58px; position: relative;}
    .cap-icon {position: absolute; left: 0; top: 0; width: 38px; height: 38px; font-size: 19px; margin: 0;}
    .capability-grid .st-heading {font-size: 19px; min-height: 0; padding-right: 28px; margin-bottom: 10px;}
    .cap-number {font-size: 22px; right: 0; top: 0;}
    .capability-grid .st-text {font-size: 12px;}
    .coe-section {padding: 45px 0; gap: 28px;}
    .coe-copy .st-heading {font-size: 31px;}
    .check-list {grid-template-columns: 1fr;}
    .coe-panel {grid-template-columns: 1fr 1fr; gap: 0 20px;}
    .coe-panel-top {padding-bottom: 18px;}
    .coe-step span {font-size: 11px;}
    .closing-cta {padding: 32px 0;}
    .closing-inner {flex-direction: column; align-items: flex-start; gap: 22px;}
    .closing-cta .st-heading {font-size: 31px;}
    .site-footer {padding-top: 28px;}
    .footer-main {grid-template-columns: auto 1fr; gap: 20px;}
    .footer-main .st-text {font-size: 10px;}
    .footer-links {gap: 20px;}
    .footer-bottom {font-size: 8px; gap: 12px; margin-top: 20px;}
    .hero-visual {height: 420px;}
    .hero-visual .brain-controls {bottom: 2px;}
    .hero-visual .globe-pause {bottom: 0;}
    .coe-section {padding-block: 45px; gap: 30px;}
    .coe-copy .st-heading {font-size: 31px;}
    .coe-petal-panel .coe-panel-top {font-size: 7px; margin-inline: 8px; letter-spacing: 1.2px;}
    .coe-flower .coe-petal {padding: 0 5px; gap: 2px;}
    .coe-flower .coe-petal strong {font-size: clamp(13px, 4vw, 20px); margin-bottom: 5px; letter-spacing: -0.3px;}
    .coe-flower .coe-petal b {font-size: 7px; margin-bottom: 4px;}
    .coe-flower .coe-petal span {font-size: clamp(8px, 2.25vw, 10px); line-height: 1.5; max-width: 120px;}
    .coe-corner {width: 30px; height: 30px; font-size: 7px;}
    .coe-petal-panel .coe-panel-bottom {font-size: 6px; letter-spacing: 1px;}
    .coe-copy .check-list {grid-template-columns: 1fr;}
    .st-about {grid-template-columns: 1fr; gap: 20px; padding-block: 40px;}
    .st-about-mark {height: 200px; order: 2;}
    .st-about-mark span {width: 125px; height: 125px; border-radius: 22px;}
    .st-about-mark i {font-size: 48px;}
    .st-about-mark span:nth-child(2) {transform: translate(-25px, 15px) rotate(45deg);}
    .st-about-mark span:nth-child(3) {transform: translate(25px, -15px) rotate(45deg);}
    .st-about-copy .st-heading, .st-section-top .st-heading, .st-audience-title .st-heading {font-size: 31px;}
    .st-about-copy .st-text {font-size: 12px;}
    .st-programs {padding-block: 40px;}
    .st-section-top {grid-template-columns: 1fr; gap: 17px; margin-bottom: 22px;}
    .st-section-top .st-text {font-size: 12px;}
    .st-program-list {grid-template-columns: 1fr;}
    .st-program {padding: 21px 0; border-right: 0 !important;}
    .st-program > i {right: 5px;}
    .st-program-index {margin-bottom: 16px;}
    .st-program .st-heading {font-size: 20px;}
    .st-program .st-text {max-width: 90%;}
    .st-program-arrow {position: absolute; right: 5px; bottom: 20px;}
    .st-audiences {grid-template-columns: 1fr; gap: 5px; padding-block: 40px;}
    .st-audience-list article {padding: 20px 0; gap: 15px;}
    .st-audience-list .st-heading {font-size: 18px;}
    .st-audience-list .st-text {font-size: 11px;}
    .closing-cta {padding: 42px 0 15px;}
    .closing-inner.st-contact-finale {grid-template-columns: 1fr; gap: 26px; padding-top: 28px;}
    .closing-cta .st-heading {font-size: 41px;}
    .closing-cta .eyebrow {font-size: 8px; margin-bottom: 20px;}
    .st-contact-orb {width: 120px; height: 120px; font-size: 10px; gap: 10px; justify-self: end; margin-top: -5px;}
    .st-contact-orb span {font-size: 30px;}
    .st-finale-contacts {flex-direction: column; gap: 18px; font-size: 11px; padding-bottom: 25px;}
    .st-finale-contacts a {justify-content: space-between;}
    .st-footer-grid {gap: 28px 20px; grid-template-columns: 1fr 1fr;}
    .st-footer-brand {grid-column: 1/-1; display: flex; gap: 20px; align-items: center;}
    .st-footer-brand .st-text {margin: 0; max-width: 190px;}
    .st-footer-brand .brand-logo {width: 88px; height: 54px;}
    .st-footer-label {font-size: 7px; letter-spacing: 1px;}
    .st-footer-col a, .st-footer-location .st-text {font-size: 10px;}
    .st-footer-location {grid-column: 1/-1;}
    .st-footer-bottom {gap: 20px; font-size: 8px; line-height: 1.8; margin-top: 25px;}
    .st-footer-top {font-size: 9px; white-space: nowrap;}
    .network-map {display: flex; flex-direction: column; padding: 0; gap: 0;}
    .architecture-links {display: none;}
    .network-core {width: 210px; height: 210px; position: relative; inset: auto; transform: none; margin: 30px auto 45px; padding: 23px; gap: 10px;}
    .network-core b {font-size: 10px;}
    .network-core span:not(.core-ring) {font-size: 9px;}
    .team-grid {width: 100%; min-height: 0; gap: 15px; display: grid; grid-template-columns: 1fr;}
    .team-grid:before {content: ""; position: absolute; width: 1px; left: 50%; top: -35px; bottom: 0; background: #6ce6dc55;}
    .team-card {padding: 22px 20px 20px 62px; width: 100%; min-height: 0;}
    .team-card .team-head {top: 25px; left: 20px;}
    .team-card h4.st-heading {font-size: 21px;}
    .team-card .st-text {font-size: 12px;}
    .team-footer {font-size: 8px;}
    .traffic-line {font-size: 7px; letter-spacing: 0.5px; gap: 10px; margin: 23px 0 18px; width: 100%;}
    .traffic-dash {min-width: 10px;}
    .target-row {width: 100%; display: flex; align-items: flex-start; gap: 12px; flex-wrap: nowrap; padding: 20px 15px;}
    .target-icon {font-size: 24px;}
    .target-row b {font-size: 13px;}
    .target-row span {font-size: 10px;}
    .target-row .target-lock {display: none !important;}
    .feedback-row {font-size: 8px; gap: 8px; flex-wrap: wrap; margin-top: 22px;}
    .arch-note .st-text {font-size: 10px;}
    .hero {padding-top: 30px; padding-bottom: 20px;}
    .hero .eyebrow {font-size: 7px; letter-spacing: 1px; padding: 7px 9px;}
    .coE-kicker {font-size: 11px; margin-bottom: 24px;}
    .hero h1.st-heading {font-size: clamp(27px, 6.8vw, 40px) !important; line-height: 1.5 !important; letter-spacing: -0.04em;}
    .hero-main-heading .headline-first {font-size: 0.5em !important; margin-bottom: 12px;}
    .hero-main-heading .headline-highlight {line-height: 1.5;}
    .hero-main-heading .headline-white {font-size: 0.76em; line-height: 1.65;}
    .hero h2.hero-subheading.st-heading {font-size: 12px !important; line-height: 1.9 !important;}
    .hero-lead.st-text {font-size: 13px;}
    .hero-actions .button {font-size: 11px; padding: 13px 17px;}
    .hero-actions .button:last-child {font-size: 11px;}
    .hero-visual {height: 420px;}
    h2.st-heading, #architecture h2.st-heading, .coe-copy h2.st-heading, .st-about-copy h2.st-heading, .st-audience-title h2.st-heading, .st-section-top h2.st-heading, .product-video-inner h2.st-heading {font-size: 25px !important; line-height: 1.55 !important; letter-spacing: -0.04em;}
    .closing-cta h2.st-heading {font-size: 29px !important; line-height: 1.5 !important;}
    .capability-grid h3.st-heading {font-size: 15px !important; min-height: 0;}
    .st-program h3.st-heading, .st-audience-list h3.st-heading {font-size: 14px !important;}
    .team-card h4.st-heading {font-size: 16px !important;}
    .coe-flower .coe-petal strong {font-size: clamp(10px, 2.9vw, 15px) !important;}
    .network-core b {font-size: 8px;}
    .target-row b {font-size: 10px;}
    .st-audience-list article > i {font-size: 21px;}
    body {font-size: 15px;}
    .brand-logo {width: 190px !important; height: 58px !important;}
    .site-header, .site-header.scrolled {height: 82px;}
    .st-footer-brand {display: block;}
    .st-footer-brand .brand-logo {width: 225px !important; height: 67px !important;}
    .st-footer-brand .st-text {margin-top: 15px; max-width: 100%;}
    .st-footer-grid {grid-template-columns: 1fr; gap: 26px;}
    .st-footer-brand, .st-footer-location {grid-column: auto;}
    .st-footer-col a {margin-bottom: 12px;}
    .st-footer-label {font-size: 10px; margin-bottom: 12px;}
    .st-footer-bottom {font-size: 11px; align-items: flex-start;}
    .st-footer-top {font-size: 12px;}
    .hero-actions .button, .hero-actions .button:last-child {font-size: 14px; padding: 13px 17px;}
    .hero-actions .button:last-child {padding-left: 0;}
    .hero-proof span {font-size: 15px !important;}
    .team-grid {min-height: 0;}
    .team-card {padding-right: 18px;}
    .team-card .st-text {font-size: 15px !important;}
    .coe-flower .coe-petal span {font-size: 10px; line-height: 1.55; max-width: 125px;}
    .coe-flower .coe-petal strong {font-size: clamp(10px, 2.9vw, 15px) !important;}
    .arch-top .st-text, .arch-note .st-text {font-size: 13px !important;}
    .network-core span:not(.core-ring) {font-size: 10px;}
    .target-row span {font-size: 12px;}
    .capability-grid .st-heading {min-height: 0;}
    .st-program .st-text {max-width: 93%;}
    .st-audience-list article {gap: 12px;}
    .st-audience-list article > i {font-size: 21px;}
    .st-finale-contacts {gap: 15px;}
    .st-contact-finale .st-contact-orb {font-size: 13px;}
}

@media (max-width:575px) {
    .st-training .container {padding-left: 22px; padding-right: 22px;}
    .st-training h1.st-title {font-size: 30px; letter-spacing: -1px;}
    .st-training h2.st-title {font-size: 25px; letter-spacing: -0.8px;}
    .st-training h3.st-title {font-size: 18px;}
    .st-training .st-eyebrow {font-size: 10px; letter-spacing: 2px;}
    .st-training .st-hero-actions {gap: 12px;}
    .st-training .st-button {padding: 12px 17px; gap: 16px;}
    .st-training .st-visual {min-height: 370px; margin-top: 25px;}
    .st-training .st-stack {width: 205px;}
    .st-training .st-stack-layer {padding: 15px;}
    .st-training .st-orbit {width: 270px; height: 270px;}
    .st-training .st-node {font-size: 8px; padding: 7px 9px; gap: 7px;}
    .st-training .st-node-one {left: 0; top: 5px;}
    .st-training .st-node-two {right: -8px; top: 49%;}
    .st-training .st-node-three {left: 0; bottom: 12px;}
    .st-training .st-visual-label {bottom: -15px; font-size: 8px;}
    .st-training .st-program {padding: 23px 21px;}
    .st-training .st-program .st-copy {min-height: 0;}
    .st-training .st-delivery-item {grid-template-columns: 25px 1fr 24px; gap: 12px;}
    .st-training .st-delivery-item .st-title {font-size: 15px;}
    .st-training .st-closing {padding: 45px 0;}
    .st-training .st-closing-panel {padding: 28px 23px;}
    .st-about-page .container {padding-left:22px; padding-right:22px;}
    .st-about-page .stap-hero {padding:45px 0;}
    .st-about-page h1.stap-title {font-size:29px; letter-spacing:-.8px;}
    .st-about-page h2.stap-title {font-size:24px; letter-spacing:-.7px;}
    .st-about-page .stap-section {padding:48px 0;}
    .st-about-page .stap-hero-visual {min-height:350px; margin-top:10px;}
    .st-about-page .stap-core {width:130px; height:130px;}
    .st-about-page .stap-core>i {font-size:40px;}
    .st-about-page .stap-core>span {font-size:8px;}
    .st-about-page .stap-chip {padding:8px 10px; gap:7px; font-size:8px; letter-spacing:1px;}
    .st-about-page .stap-chip>i {font-size:17px;}
    .st-about-page .stap-chip-network {top:28px;}
    .st-about-page .stap-chip-cloud {top:150px; right:0;}
    .st-about-page .stap-chip-security {bottom:24px;}
    .st-about-page .stap-founder-panel {padding:25px 22px;}
    .st-about-page .stap-founder-section {padding-bottom:48px;}
    .st-about-page .stap-stack-item {grid-template-columns:27px minmax(0,1fr); padding:20px 15px; gap:12px;}
    .st-about-page .stap-stack-item>i {display:none;}
    .st-about-page .stap-stack-item h3.stap-title {font-size:11px;}
    .st-about-page .stap-audience-card {padding:26px;}
    .st-about-page .stap-cta-panel {padding:28px 23px;}
    .st-about-page .stap-cta-section {padding-bottom:48px;}
    .st-about-page .stap-label {font-size:9px; letter-spacing:2px;}
    .st-demo-page .container {padding-left:22px; padding-right:22px;}
    .st-demo-page .stdm-hero {padding:45px 0 35px;}
    .st-demo-page h1.stdm-title {font-size:29px; letter-spacing:-.8px;}
    .st-demo-page .stdm-label {font-size:9px; letter-spacing:1.8px;}
    .st-demo-page .stdm-contact-card {padding:23px 20px;}
    .st-demo-page .stdm-contact-card h2.stdm-title {font-size:17px;}
    .st-demo-page .stdm-form-panel {padding:25px 20px;}
    .st-demo-page .stdm-form-note {gap:12px;}
    .st-demo-page .stdm-form-note>i {font-size:21px;}
    .st-demo-page .stdm-office {gap:14px;}
    .st-demo-page .stdm-button {width:100%; padding:13px 15px; gap:18px;}
    .st-demo-page .stdm-enquiry-section {padding-bottom:45px;}
}

@media (prefers-reduced-motion:reduce) {
    html {scroll-behavior: auto;}
    *, *:before, *:after {transition: none !important; animation: none !important;}
    .architecture-links path, .core-ring {animation: none !important;}
    .coe-outer-orbit {animation: none;}
    .st-training *, .st-training *:before, .st-training *:after {animation: none !important; transition: none !important; scroll-behavior: auto !important;}
    .st-about-page *, .st-about-page *::before, .st-about-page *::after {animation:none!important; transition:none!important;}
    .st-demo-page * {transition:none!important;}
}


/* SHARED MOUSE INTERACTION — ALL PAGES */
.st-pointer-card{position:relative; isolation:isolate; transition:rotate .25s ease-out;}
.st-pointer-shine{position:absolute; inset:0; z-index:2; pointer-events:none; border-radius:inherit; opacity:0; background:radial-gradient(300px circle at var(--st-pointer-x,50%) var(--st-pointer-y,50%),rgba(32,217,160,.12),transparent 75%); transition:opacity .3s;}
.st-pointer-active>.st-pointer-shine{opacity:1;}
.hero-visual,.st-visual,.stap-hero-visual{transition:translate .35s ease-out;}
@media(prefers-reduced-motion:reduce){
    .st-pointer-card{rotate:none!important; transition:none!important;}
    .st-pointer-shine{display:none;}
    .hero-visual,.st-visual,.stap-hero-visual{translate:none!important; transition:none!important;}
}
 /* HEADER */
.site-header{position:sticky; top:0; z-index:100; width:100%; height:auto; margin:0; padding:0; background:rgba(6,13,20,.96); border-bottom:1px solid #20313b; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);}
.site-header.scrolled{height:auto;}
.site-header .st-header-inner{display:flex; align-items:center; justify-content:space-between; gap:30px; width:min(1280px,calc(100% - 64px)); min-height:140px; margin-inline:auto; padding-block:8px; position:relative;}

/* PROCESSOR LOGO */
.site-header .st-real-chip{position:relative; display:grid; place-items:center; width:230px; aspect-ratio:320 / 180; height:auto; flex-shrink:0; isolation:isolate; text-decoration:none;}
.site-header .st-real-chip::before{content:""; position:absolute; inset:15% 13%; z-index:-1; background:radial-gradient(ellipse,rgba(0,219,209,.12),rgba(0,121,197,.04) 45%,transparent 72%); pointer-events:none;}
.site-header .st-real-chip:focus-visible{outline:2px solid #20d9a0; outline-offset:4px; border-radius:5px;}

/* CIRCUITS */
.site-header .st-real-circuits{position:absolute; inset:0; display:block; width:100%; height:100%; overflow:visible; pointer-events:none;}
.site-header .st-circuit-track{stroke:#16878f; stroke-width:1; opacity:.5; stroke-linecap:round; stroke-linejoin:round;}
.site-header .st-circuit-pulse{stroke:#75fff0; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:7 100; filter:drop-shadow(0 0 2px #00e7ce); animation:st-header-data 4s linear infinite;}
.site-header .st-circuit-pulse-delayed{animation-delay:-2s; stroke:#46cfff;}
.site-header .st-circuit-nodes{fill:#73fff0; filter:drop-shadow(0 0 2px #00cdbb); animation:st-header-node-glow 3.5s ease-in-out infinite;}

/* RAISED CHIP PACKAGE */
/* Percentages keep the logo aligned with the SVG at every screen size. */
.site-header .st-real-chip-base{position:relative; z-index:1; display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:60%; height:60%; padding:6px; border:1px solid #426976; border-radius:4px; background:linear-gradient(135deg,#617d89 0%,#263f50 18%,#0b1e2c 48%,#294957 100%); box-shadow:inset 1px 1px 1px #c0edf044,inset -2px -2px 3px #0008,0 2px 0 #06131d,0 4px 0 #213d4b,0 7px 10px #0007; transition:box-shadow .3s;}

/* CONTACT DOTS */
.site-header .st-real-chip-base::before{content:""; position:absolute; inset:3px; border:1px solid #163442; border-radius:2px; background-image:radial-gradient(circle,#a8dcdf 1px,transparent 1.4px); background-size:5px 5px; opacity:.6; pointer-events:none;}

/* EDGE LIGHT */
.site-header .st-real-chip-base::after{content:""; position:absolute; inset:-2px; border:1px solid #20d9a0; border-radius:5px; box-shadow:0 0 4px #20d9a033; opacity:.5; pointer-events:none;}

/* LOGO SURFACE */
.site-header .st-real-chip-face{position:relative; z-index:1; display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:100%; height:100%; padding:3px 7px; overflow:hidden; border:1px solid #d6e7eb; border-radius:2px; background:linear-gradient(145deg,#fff 0%,#f2f7f8 48%,#dce8eb 100%); box-shadow:0 0 0 2px #092537,inset 1px 1px 2px #fff,inset -1px -2px 3px #59778122;}
.site-header .st-real-chip-face::after{content:""; position:absolute; inset:0; background:linear-gradient(125deg,rgba(255,255,255,.25),transparent 48%); pointer-events:none;}
.site-header .st-real-chip-face img{position:relative; z-index:1; display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; background:transparent; padding:0; border:0; border-radius:0;}
.site-header .st-real-chip:hover .st-real-chip-base{box-shadow:inset 1px 1px 1px #c0edf044,inset -2px -2px 3px #0008,0 2px 0 #06131d,0 4px 0 #213d4b,0 7px 10px #0007,0 0 14px #20d9a033;}

/* DESKTOP NAVIGATION */
.site-header #main-navigation{display:flex; align-items:center; gap:36px; font-family:"IBM Plex Sans",sans-serif; font-size:15px;}
.site-header #main-navigation>a{display:inline-flex; align-items:center; color:#e7edf1; text-decoration:none; transition:color .25s;}
.site-header #main-navigation>a:hover,.site-header #main-navigation>a.active{color:#20d9a0;}
.site-header #main-navigation .nav-cta{justify-content:center; gap:22px; min-height:50px; padding:12px 22px; border:1px solid #1396a0; border-radius:4px; background:linear-gradient(110deg,#00b99b,#0862ab); color:#fff; white-space:nowrap;}
.site-header #main-navigation .nav-cta:hover{color:#fff; filter:brightness(1.08);}
.site-header #main-navigation .nav-cta span{margin:0; color:inherit;}
.site-header #main-navigation>a:focus-visible{outline:2px solid #20d9a0; outline-offset:6px;}

/* MOBILE MENU BUTTON */
.site-header .menu-toggle{display:none; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border:1px solid #2b4552; border-radius:4px; background:#0d1c27; color:#20d9a0; font-size:24px; cursor:pointer;}
.site-header .menu-toggle:focus-visible{outline:2px solid #20d9a0; outline-offset:4px;}

/* ANIMATION */
@keyframes st-header-data{
    from{stroke-dashoffset:107;}
    to{stroke-dashoffset:0;}
}

@keyframes st-header-node-glow{
    0%,100%{opacity:.45;}
    50%{opacity:.9;}
}

/* RESPONSIVE */
@media(max-width:1199px){
    .site-header .st-header-inner{min-height:125px; gap:20px;}
    .site-header .st-real-chip{width:205px;}
    .site-header #main-navigation{gap:25px;}
}

@media(max-width:991px){
    .site-header .st-header-inner{width:calc(100% - 44px); min-height:112px;}
    .site-header .st-real-chip{width:185px;}
    .site-header .menu-toggle{display:inline-flex;}
    .site-header #main-navigation{position:absolute; top:100%; right:0; left:0; z-index:101; display:none; flex-direction:column; align-items:stretch; gap:0; padding:12px 20px 20px; border:1px solid #253c48; border-radius:0 0 6px 6px; background:#09131c; box-shadow:0 15px 25px #0005;}
    .site-header #main-navigation>a{padding:13px 0; border-bottom:1px solid #1c303b;}
    .site-header #main-navigation .nav-cta{margin-top:14px; padding:12px 18px; border:1px solid #1396a0;}
    body.menu-open .site-header #main-navigation{display:flex;}
    .site-header:has(.menu-toggle[aria-expanded="true"]) #main-navigation{display:flex;}
}

@media(max-width:575px){
    .site-header .st-header-inner{width:calc(100% - 36px); min-height:100px; padding-block:5px;}
    .site-header .st-real-chip{width:160px;}
    .site-header .st-real-chip-base{padding:5px;}
    .site-header .st-real-chip-face{padding:2px 5px;}
    .site-header .st-circuit-track{opacity:.4;}
}

@media(prefers-reduced-motion:reduce){
    .site-header .st-circuit-pulse{animation:none; display:none;}
    .site-header .st-circuit-nodes{animation:none; opacity:.75;}
    .site-header .st-real-chip-base,.site-header #main-navigation>a{transition:none;}
}

.st-footer-brand img{background:#fff;max-width:120px;padding:5px;}
.st-footer-bottom span a{     color: var(--muted);   font-size: 12px;}
.st-footer-bottom span img{width:25px;}

/* WORDPRESS HEADER MENU */
.site-header #main-navigation{display:block;}
.site-header .st-main-menu{display:flex; align-items:center; gap:36px; margin:0; padding:0; list-style:none;}
.site-header .st-main-menu li{position:relative; margin:0; padding:0; list-style:none;}
.site-header .st-main-menu>li>a{display:flex; align-items:center; gap:8px; padding:12px 0; color:#e7edf1; font-family:"IBM Plex Sans",sans-serif; font-size:15px; text-decoration:none; transition:color .25s;}
.site-header .st-main-menu>li>a:hover,.site-header .st-main-menu>.current-menu-item>a,.site-header .st-main-menu>.current-menu-ancestor>a,.site-header .st-main-menu>.current_page_item>a{color:#20d9a0;}

/* BOOK A DEMO — ADD st-menu-demo TO ITS MENU ITEM */
.site-header .st-main-menu>li.st-menu-demo>a{justify-content:center; gap:22px; min-height:50px; padding:12px 22px; border:1px solid #1396a0; border-radius:4px; background:linear-gradient(110deg,#00b99b,#0862ab); color:#fff; white-space:nowrap;}
.site-header .st-main-menu>li.st-menu-demo>a::after{content:"↗";}
.site-header .st-main-menu>li.st-menu-demo>a:hover{color:#fff; filter:brightness(1.08);}

/* SUBMENU */
.site-header .st-main-menu .sub-menu{position:absolute; top:100%; left:0; z-index:110; min-width:220px; margin:0; padding:8px; list-style:none; background:#0b1924; border:1px solid #263e4b; border-radius:5px; box-shadow:0 12px 25px #0005; visibility:hidden; opacity:0; transform:translateY(8px); transition:opacity .2s,transform .2s,visibility .2s;}
.site-header .st-main-menu li:hover>.sub-menu,.site-header .st-main-menu li:focus-within>.sub-menu{visibility:visible; opacity:1; transform:translateY(0);}
.site-header .st-main-menu .sub-menu a{display:block; padding:9px 12px; color:#d8e5ec; font-size:15px; text-decoration:none;}
.site-header .st-main-menu .sub-menu a:hover,.site-header .st-main-menu .sub-menu .current-menu-item>a{background:#122c35; color:#20d9a0;}
.site-header .st-main-menu>.menu-item-has-children>a::after{content:"⌄"; font-size:14px;}
.site-header .st-main-menu a:focus-visible{outline:2px solid #20d9a0; outline-offset:4px;}

/* RESPONSIVE */
@media(max-width:1199px){
    .site-header .st-main-menu{gap:25px;}
}

@media(max-width:991px){
    .site-header #main-navigation{display:none; position:absolute; top:100%; right:0; left:0; padding:12px 20px 20px; background:#09131c; border:1px solid #253c48; border-radius:0 0 6px 6px;}
    body.menu-open .site-header #main-navigation{display:block;}
    .site-header:has(.menu-toggle[aria-expanded="true"]) #main-navigation{display:block;}
    .site-header .st-main-menu{flex-direction:column; align-items:stretch; gap:0;}
    .site-header .st-main-menu>li>a{justify-content:space-between; padding:13px 0; border-bottom:1px solid #1c303b;}
    .site-header .st-main-menu>li.st-menu-demo>a{margin-top:14px; padding:12px 18px;}
    .site-header .st-main-menu .sub-menu{position:static; min-width:0; margin:0 0 8px; padding:4px 10px; visibility:visible; opacity:1; transform:none; box-shadow:none; border:0; border-left:1px solid #28504d; border-radius:0; background:transparent;}
}

.site-header .st-main-menu li:last-child a{
 justify-content: center;
    gap: 22px;
    min-height: 50px;
    padding: 12px 22px;
    border: 1px solid #1396a0;
    border-radius: 4px;
    background: linear-gradient(110deg, #00b99b, #0862ab);
    color: #fff;
    white-space: nowrap;
}
.site-header .st-main-menu li:last-child:hover{background: transparent;}
.site-header .st-main-menu li:last-child a{color:#fff;}
.site-header .st-main-menu li a:hover  {     color: #fff;
    filter: brightness(1.08);}