#technology-focus.technology-focus {background:radial-gradient(ellipse at 50% 42%,#23352c66,transparent 62%),#101b2b;border-block:1px solid #304052;padding:72px 24px 56px;scroll-margin-top:100px}
.technology-inner {max-width:960px;margin:auto}
.technology-header {text-align:center;margin-bottom:36px}
#technology-heading {font:700 clamp(29px,3vw,40px)/1.2 Inter,sans-serif;letter-spacing:-.035em;color:#f1f5f9;margin:0 0 14px;text-transform:none}
.technology-header>p {font-size:17px;line-height:1.6;font-weight:400;color:#b7c5d5}

.technology-map {max-width:900px;margin:auto}
.technology-platform {width:246px;margin:auto;text-align:center;border:1px solid #789751;border-radius:10px;padding:17px 20px;background:#192a29;box-shadow:0 0 30px #98c1540a}
.technology-name {font-size:29px;line-height:1.2;font-weight:650;letter-spacing:-.035em;color:#f4f7fa}
.technology-name strong {font-weight:650;color:#b8d981}
.technology-models {font-size:12px;color:#b9c9d3;margin-top:7px}
.technology-links {display:block;width:100%;height:48px;overflow:visible}
.technology-links path {fill:none;stroke:#3c5146;stroke-width:1.25;vector-effect:non-scaling-stroke;transition:stroke .4s ease}
.technology-map[data-active="storefront"] [data-path="storefront"],.technology-map[data-active="systems"] [data-path="systems"],.technology-map[data-active="growth"] [data-path="growth"] {stroke:#b0d478;stroke-width:2}
.technology-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.technology-options button {display:flex;align-items:center;flex-direction:column;min-width:0;padding:18px 12px;border:1px solid #3b4b5f;border-radius:9px;background:#162337;color:#f0f5fa;text-align:center;cursor:pointer;transition:border-color .4s ease,background .4s ease}
.technology-options button svg {width:22px;height:22px;color:#a7bbce;margin-bottom:10px;transition:color .4s ease}
.technology-options button strong {font-size:16px;font-weight:650;margin-bottom:7px;line-height:1.3}
.technology-options button span {font-size:13px;line-height:1.7;color:#b7c6d7}
.technology-options button[aria-pressed="true"] {border-color:#a4c976;background:#22352e}
.technology-options button[aria-pressed="true"] svg {color:#c5e59b}
.technology-options button:focus-visible {outline:2px solid #c5e59b;outline-offset:4px}
.technology-detail {text-align:center;max-width:670px;margin:24px auto 0;min-height:90px}
.technology-detail-title {font-size:16px;font-weight:600;color:#d2e8b5;line-height:1.5;margin-bottom:7px}
.technology-detail-copy {font-size:14px;line-height:1.65;color:#bfccda}
@media(max-width:767px){
 #technology-focus.technology-focus {padding:48px 20px 36px}
 .technology-header>p {font-size:15px}
 .technology-header {margin-bottom:28px}
 .technology-platform {width:218px;padding:15px}
 .technology-name {font-size:27px}
 .technology-links {height:36px}
 .technology-options {gap:8px}
 .technology-options button {padding:15px 5px}
 .technology-options button strong {font-size:13px}
 .technology-options button span {font-size:12px;line-height:1.6}
 .technology-options button svg {width:20px;height:20px}
 .technology-detail {margin-top:21px;min-height:139px}
 .technology-detail-title {font-size:15px}
 .technology-detail-copy {font-size:14px}
}
@media(prefers-reduced-motion:reduce){.technology-map * {transition:none!important}}

.technology-map[data-active=""] .technology-detail {visibility:hidden}