/* Pose-specific backgrounds. All four live below the image's z-index:2. */
.pose-optical,.pose-architecture,.pose-code,.pose-particles{display:none;position:absolute;pointer-events:none}
.hero-stage[data-hero-variant=ellipses] .pose-optical{display:block;inset:0}
.hero-stage[data-hero-variant=architecture] .pose-architecture{display:flex}
.hero-stage[data-hero-variant=glass] .pose-code{display:block;inset:0}
.hero-stage[data-hero-variant=particles] .pose-particles{display:block;width:100%;height:100%;inset:0;overflow:visible}
.hero-stage[data-pose=laptop]{height:570px}
.hero-stage[data-pose=laptop] #hero-portrait{width:150%;left:-25%;height:110%;bottom:0;mask-image:radial-gradient(ellipse 66% 76% at 52% 46%,#000 46%,#000 69%,transparent 94%);-webkit-mask-image:radial-gradient(ellipse 66% 76% at 52% 46%,#000 46%,#000 69%,transparent 94%)}
.optical-oval{position:absolute;width:97%;height:59%;left:1.5%;top:14%;border-radius:50%;border:1px solid #10b98180;transform:rotate(-27deg);box-shadow:0 0 14px #10b98120,inset 0 0 15px #10b98109;animation:optical-drift 12s ease-in-out infinite alternate}
.optical-oval:after{content:'';position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(transparent 0deg,transparent 240deg,#10b981 280deg,transparent 330deg);mask:radial-gradient(ellipse,transparent 67%,#000 69%,transparent 71%);filter:drop-shadow(0 0 5px #10b981);animation:orbit-spin 16s linear infinite}
.oval-b{width:91%;height:62%;left:4.5%;top:11%;transform:rotate(24deg);border-color:#6366f17a;box-shadow:0 0 14px #6366f127;animation-delay:-4s}.oval-b:after{background:conic-gradient(transparent 0deg,transparent 240deg,#6366f1 280deg,transparent 330deg);animation-direction:reverse}
.oval-c{width:79%;height:72%;left:10.5%;top:6%;transform:rotate(67deg);border-color:#38bdf85c;box-shadow:0 0 14px #38bdf81a;animation-delay:-8s}.oval-c:after{background:conic-gradient(transparent 0deg,transparent 240deg,#38bdf8 280deg,transparent 330deg);animation-duration:22s}
.hero-stage[data-pose=standing] #hero-portrait{width:84%;left:24%;height:102%;bottom:0}
.hero-stage[data-pose=standing] .hero-effects{mask-image:none}
.pose-architecture{flex-direction:column;align-items:center;left:2%;top:13%;width:36%;gap:0}
.architecture-node{width:100%;padding:12px 11px;border:1px solid #10b98145;border-radius:9px;background:linear-gradient(135deg,#10b9810b,#12121690);font:9px 'JetBrains Mono',monospace;color:#d8e3df;letter-spacing:.8px;box-shadow:0 0 14px #10b98108;animation:architecture-highlight 6s ease-in-out infinite}
.architecture-node span{font-size:8px;color:#10b981;margin-right:7px}.architecture-node b{display:block;font-size:8px;letter-spacing:0;font-weight:400;color:#8b9ba5;padding-top:5px;padding-left:20px}.architecture-node:nth-of-type(2){animation-delay:1.2s;border-color:#6366f14d}.architecture-node:nth-of-type(3){animation-delay:2.4s;border-color:#38bdf84d}.architecture-node:nth-of-type(4){animation-delay:3.6s}
.pose-architecture>i{height:27px;width:1px;background:#38bdf82b;position:relative;overflow:hidden}.pose-architecture>i:after{content:'';position:absolute;left:0;top:0;height:11px;width:1px;background:#38bdf8;box-shadow:0 0 7px #38bdf8;animation:architecture-travel 2s linear infinite}.pose-architecture>i:nth-of-type(2):after{animation-delay:.65s}.pose-architecture>i:nth-of-type(3):after{animation-delay:1.3s}
.code-pane{position:absolute;border:1px solid #38bdf840;border-radius:11px;background:linear-gradient(135deg,#263b4240,#17192175);backdrop-filter:blur(12px);box-shadow:0 8px 25px #00000019;color:#adbac9;overflow:hidden;animation:code-pane-float 10s ease-in-out infinite alternate}
.code-pane header{height:auto;min-height:0;max-width:none;margin:0;border:0;border-bottom:1px solid #ffffff0c;background:transparent;padding:9px 10px;display:flex;justify-content:flex-start;gap:4px}.code-pane header span{width:4px;height:4px;border-radius:50%;background:#10b981}.code-pane header span:nth-child(2){background:#6366f1}.code-pane header span:nth-child(3){background:#38bdf8}.code-pane small{font:8px 'JetBrains Mono',monospace;color:#84939e;margin-left:auto}.code-pane code{display:block;padding:12px 14px;font:10px/1.9 'JetBrains Mono',monospace}.code-pane code b{color:#38bdf8;font-weight:400}.code-pane code em{color:#6fd8b5;font-style:normal}
.pane-a{width:60%;left:-5%;top:8%;transform:rotate(-9deg)}.pane-b{width:48%;right:-3%;top:30%;transform:rotate(10deg);border-color:#6366f15c;animation-delay:-4s}.pane-c{width:48%;left:-8%;top:58%;transform:rotate(-5deg);border-color:#10b9814d;animation-delay:-7s}
.hero-stage[data-pose=close] .hero-effects{mask-image:radial-gradient(ellipse at 50% 48%,#000 55%,transparent 98%)}
.nested-object rect{fill:#121216a0;stroke:#10b98150;stroke-width:1}.nested-object rect:nth-child(3n){stroke:#6366f180}.particle-links path{fill:none;stroke:#38bdf82b;stroke-width:.85}.particle-links path:first-child{stroke:#10b98138}
.travel-particle{fill:#10b981;filter:drop-shadow(0 0 6px #10b981);offset-path:path('M76 106 L200 65 L300 82 L402 137 L444 250 L420 385 L285 450 L155 442 L52 359 L28 235 Z');animation:particle-route 17s linear infinite;offset-distance:0%}.particle-two{fill:#38bdf8;filter:drop-shadow(0 0 6px #38bdf8);animation-delay:-6s;animation-duration:21s}.particle-three{fill:#a5a7ff;filter:drop-shadow(0 0 6px #6366f1);offset-path:path('M76 106 L402 137 L420 385 L52 359 Z');animation-delay:-3s;animation-duration:13s}
@keyframes optical-drift{to{translate:0 -12px;scale:1.025}}@keyframes architecture-highlight{0%,65%,100%{box-shadow:0 0 10px #10b98105}20%{box-shadow:0 0 19px #10b98124;border-color:#10b98190}}@keyframes architecture-travel{from{transform:translateY(-12px)}to{transform:translateY(39px)}}@keyframes code-pane-float{to{translate:0 -12px}}@keyframes particle-route{to{offset-distance:100%}}
@media(max-width:1023px){.hero-stage[data-pose=laptop]{height:500px}.code-pane code{font-size:9px}.architecture-node{padding:10px 8px;font-size:8px}.pose-architecture{left:0;width:37%}.architecture-node b{font-size:7px;padding-left:0}}
@media(max-width:767px){.hero-stage[data-pose=laptop]{height:410px}.hero-stage[data-pose=laptop] #hero-portrait{width:148%;left:-24%;height:110%;bottom:0}.hero-stage[data-pose=standing] #hero-portrait{left:23%;width:85%;height:102%}.pose-architecture{top:13%;left:0;width:38%}.architecture-node{padding:9px;font-size:8px}.pose-architecture>i{height:21px}.code-pane code{font-size:8px;padding:10px}.code-pane small{font-size:7px}.pane-a{top:7%;width:65%;left:-4%}.pane-b{top:32%;right:-6%;width:50%}.pane-c{top:62%;left:-5%;width:51%}.hero-stage[data-pose=close] #hero-portrait{width:105%;left:0}.optical-oval{top:17%}.oval-b{top:13%}.oval-c{top:8%}}
@media(prefers-reduced-motion:reduce){.travel-particle{offset-distance:20%;animation:none}.pose-optical *,.pose-architecture *,.pose-code *{animation:none!important}}
.hero-stage #hero-portrait{max-width:none}.hero-stage[data-pose=laptop] #hero-portrait{width:142%;left:-21%}.hero-stage[data-hero-variant=ellipses] .pose-optical{inset:16% 0 -5%}@media(max-width:767px){.hero-stage[data-pose=laptop] #hero-portrait{width:142%;left:-21%}}