/* ComputexITy blueprint hero. Scoped to this component; no framework required. */
.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:36px}
.hero-photo.blueprint{height:auto;min-width:0;width:100%;margin:0;overflow:hidden;isolation:isolate;border:1px solid #315c77;border-radius:4px;background:#062841;box-shadow:0 22px 65px #00152744;color:#e8f6ff}
.blueprint .bp-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #294d66;font:600 10px/1.5 'Inter',Arial,sans-serif;letter-spacing:.12em;color:#b6d4e6}
.bp-topline>span:first-child{display:flex;align-items:center;gap:9px}.bp-topline i{display:block;width:6px;height:6px;background:#54e1dd;border-radius:50%}
.blueprint .bp-drawing{display:block;width:100%;height:auto;overflow:visible;stroke:#88b9d2;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;fill:none}
.bp-drawing text{stroke:none;fill:#b3d1e3;font-family:'Inter',Arial,sans-serif;letter-spacing:1px}
.bp-drawing .bp-label{font-size:12px;font-weight:600}.bp-drawing .bp-small{font-size:11px}.bp-drawing .bp-micro{font-size:9px;letter-spacing:1.5px}.bp-drawing .bp-legend{font-size:10px;stroke:#93c6dc}.bp-drawing .bp-face{fill:url(#bp-face)}.bp-drawing .bp-side{fill:#082c47}.bp-drawing .bp-fine{stroke:#608faa;stroke-width:.85}.bp-drawing .bp-registration{stroke:#476d87;stroke-width:1}.bp-drawing .bp-dimension{stroke:#527993;stroke-width:.7}.bp-drawing .bp-switch{fill:#0d4c60;stroke:#71e5df}
.bp-drawing .bp-object{transition:opacity .8s ease,filter .8s ease}.bp-drawing .bp-led{stroke:#65f0d9;fill:#65f0d9}.bp-drawing .bp-patch{stroke:#42b8c8;stroke-width:1}.bp-drawing .bp-cables{stroke:#4d829d;stroke-width:1.2}.bp-drawing .bp-link-active{stroke:#59e4dc;stroke-width:2}.bp-drawing .bp-route{stroke-dasharray:650;stroke-dashoffset:0;transition:stroke-dashoffset 1.8s ease,opacity .7s ease}.bp-drawing .bp-wireless{stroke:#56dcd7;transition:opacity .8s ease}.bp-drawing .bp-waves{stroke:#55e1dc;stroke-width:1.6}.blueprint[data-initialized="true"] .bp-waves path{animation:bp-wave 3s ease-in-out infinite}.bp-drawing .bp-waves path:nth-child(2){animation-delay:.35s}.bp-drawing .bp-waves path:nth-child(3){animation-delay:.7s}.bp-drawing .bp-screen-ui,.bp-drawing .bp-client-ui{stroke:#a3d5e7;transition:opacity .8s ease}.bp-drawing .bp-check{stroke:#60e1d5;stroke-width:2}
.blueprint[data-phase="0"] .bp-ap,.blueprint[data-phase="0"] .bp-pos,.blueprint[data-phase="0"] .bp-laptop{opacity:.28}
.blueprint[data-phase="0"] .bp-route{stroke-dashoffset:650;opacity:0}
.blueprint[data-phase="0"] .bp-wireless,.blueprint[data-phase="1"] .bp-wireless,.blueprint[data-phase="0"] .bp-waves,.blueprint[data-phase="1"] .bp-waves{opacity:0}
.blueprint[data-phase="0"] .bp-screen-ui,.blueprint[data-phase="1"] .bp-screen-ui,.blueprint[data-phase="2"] .bp-screen-ui,.blueprint[data-phase="0"] .bp-client-ui,.blueprint[data-phase="1"] .bp-client-ui{opacity:0}
.blueprint[data-phase="1"] .bp-laptop{opacity:.28}
.blueprint[data-phase="2"] .bp-pos{opacity:.45}
.blueprint .bp-caption{border-top:1px solid #294d66;padding:19px 22px 21px;min-height:146px;background:#092d47}
.bp-caption-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}.blueprint .bp-step{font:600 10px/1.4 'Inter',Arial,sans-serif;letter-spacing:.13em;color:#69e0db}.blueprint .bp-heading{display:block;font-size:clamp(19px,1.8vw,25px);line-height:1.25;letter-spacing:-.025em;color:#f1faff;font-weight:600}.blueprint .bp-copy{font-size:13px;line-height:1.6;color:#b6cede;max-width:48ch;margin:8px 0 0}
.blueprint .bp-toggle{display:flex;gap:12px;align-items:center;justify-content:center;min-height:44px;min-width:70px;border:0;background:transparent;color:#d1e6f3;padding:0 5px;font:600 12px/1.4 'Inter',Arial,sans-serif}.blueprint [hidden]{display:none!important}.blueprint button:focus-visible{outline:2px solid #80f3e9;outline-offset:-4px}.blueprint button:hover{background:#123f59;color:white}
.bp-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #294d66}.blueprint .bp-chapters button{position:relative;display:flex;gap:7px;align-items:center;justify-content:center;min-height:48px;border:0;border-right:1px solid #294d66;background:transparent;color:#9ebfd3;font:500 11px/1.5 'Inter',Arial,sans-serif;padding:9px 3px}.bp-chapters button:last-child{border-right:0}.blueprint .bp-chapters button[aria-pressed="true"]{color:#e9ffff;background:#104356}.bp-chapters button[aria-pressed="true"]::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:#55e5dc}
.blueprint[data-paused="true"] *{animation-play-state:paused!important}
@keyframes bp-wave{0%,100%{opacity:.25}45%,60%{opacity:1}}
@media(min-width:901px) and (max-width:1100px){.hero-inner{gap:24px}.hero h1{font-size:clamp(46px,5.5vw,60px)}.blueprint .bp-edition{display:none}.blueprint .bp-caption{padding:14px 18px 18px;min-height:154px}}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.hero-photo.blueprint{max-width:650px;justify-self:center}.blueprint .bp-heading{font-size:25px}}
@media(max-width:480px){.blueprint .bp-topline{padding:13px 14px;font-size:9px}.blueprint .bp-edition{display:none}.blueprint .bp-caption{padding:10px 16px 18px;min-height:158px}.blueprint .bp-heading{font-size:22px}.blueprint .bp-copy{font-size:13px}.blueprint .bp-chapters button{font-size:11px;gap:4px;min-height:48px}.bp-drawing .bp-micro,.bp-drawing .bp-small,.bp-drawing .bp-dimension{display:none}.bp-drawing .bp-label{font-size:26px;letter-spacing:0}.bp-drawing .bp-legend{display:none}.hero h1{font-size:clamp(40px,11.5vw,51px)}}
@media(prefers-reduced-motion:reduce){.blueprint *{animation:none!important;transition:none!important}}
@media(min-width:1101px){.hero h1{font-size:clamp(54px,4.6vw,66px)}}

/* Short signal traces follow the real Ethernet routes; no decorative cross-links. */
.bp-drawing .bp-traffic{opacity:0;stroke:#e0fffb;stroke-width:3;stroke-linecap:round;pointer-events:none}
.blueprint[data-initialized="true"]:not([data-phase="0"]) .bp-traffic{opacity:.8}
.blueprint[data-initialized="true"] .bp-traffic path{stroke-dasharray:2 98;animation:bp-signal 4s linear infinite}
.blueprint .bp-traffic path:nth-child(2){animation-delay:-1.6s}
@keyframes bp-signal{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.blueprint .bp-traffic{display:none}}

/* Balanced device sizes; camera shares the wired infrastructure, never the Wi-Fi link. */
.bp-drawing .bp-camera-view{fill:#36b9c80a;stroke:#477f96;stroke-width:.8;stroke-dasharray:4 5}
.bp-drawing .bp-camera-lens{stroke:#69ece1;fill:#123c53}
.blueprint[data-phase="0"] .bp-camera{opacity:.28}
.blueprint[data-phase="1"] .bp-camera-view,.blueprint[data-phase="0"] .bp-camera-view{opacity:0}
.blueprint .bp-traffic path:nth-child(3){animation-delay:-2.7s}