/* Clear hierarchy: one headline and a continuous visual transformation. */
.lab-heading{font:800 clamp(24px,2.7vw,42px)/1.03 Archivo,sans-serif;letter-spacing:-.045em;min-height:90px;max-width:590px;color:#f6f9ff;align-items:center;padding:8px 0 16px}
.lab-footer{justify-content:flex-end;margin-top:8px}.brand-example-note{font-size:10px;line-height:1.6;color:#9cafd1;margin-top:12px}
.lab-canvas{perspective:1000px;background:radial-gradient(ellipse at center,#173cb73d,transparent 65%)}
.lab-profile{transition:transform 1.4s cubic-bezier(.76,0,.24,1),opacity 1s,filter 1.2s;transform-style:preserve-3d}
.brand-lab[data-phase="1"] .lab-profile{transform:translateX(-50%) rotateY(-9deg) rotateX(5deg);box-shadow:0 0 45px #287cff44,0 35px 70px #0003}
.lab-profile-grid img{transition:transform 1.4s cubic-bezier(.16,1,.3,1),filter 1s;will-change:transform}
.brand-lab[data-phase="1"] .lab-profile-grid img:nth-child(odd){transform:translateY(-5px) rotate(-3deg);filter:saturate(.7) contrast(1.1)}
.brand-lab[data-phase="1"] .lab-profile-grid img:nth-child(even){transform:translateY(6px) rotate(3deg)}
.brand-lab[data-phase="2"] .lab-profile{opacity:0;filter:blur(8px);transform:translate(-50%,75px) rotateY(70deg) rotateZ(-18deg) scale(.08)}
.lab-scan-beam{border-bottom:3px solid #dcf5ff;background:linear-gradient(transparent,#107aff66);filter:drop-shadow(0 0 12px #50b8ff)}
.lab-energy{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .7s;z-index:1}
.brand-lab[data-phase="1"] .lab-energy,.brand-lab[data-phase="2"] .lab-energy,.brand-lab[data-phase="3"] .lab-energy{opacity:1}
.energy-vortex{position:absolute;left:50%;top:50%;width:370px;height:370px;margin:-185px;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0 32deg,#297dff38 34deg,#86d2ff99 36deg,transparent 39deg 60deg);mask-image:radial-gradient(transparent 27%,#000 30%,#000 32%,transparent 37%,#000 39%,transparent 42%,#000 45%,transparent 65%);animation:energy-turn 6s linear infinite;filter:drop-shadow(0 0 15px #479bff)}
.energy-arcs{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 7px #318bff);stroke-dasharray:70 410;animation:electric-stream 2.7s linear infinite;opacity:.7}
.energy-wave{position:absolute;left:50%;top:50%;width:175px;height:175px;margin:-87.5px;border:2px solid #75c1ff;border-radius:50%;box-shadow:0 0 25px #157dff80,inset 0 0 22px #157dff60;animation:energy-wave 3.2s ease-out infinite}.wave-two{animation-delay:1.6s}
.brand-lab[data-phase="1"] .energy-vortex{opacity:.35;scale:.8}
.brand-lab[data-phase="3"] .energy-vortex{scale:.25;transition:scale 1.5s cubic-bezier(.6,0,.3,1)}
.brand-lab[data-phase="3"] .energy-arcs{scale:.2;opacity:0;transition:scale 1.5s,opacity 1.5s}
.vk-agent>div{box-shadow:0 0 30px #206aff,0 0 90px #1967ff80,inset 0 0 35px #9dcfff66}
.brand-lab[data-phase="3"] .vk-agent{transform:translate(-50%,-50%) scale(.5) rotate(180deg);filter:brightness(1.7);transition:transform 1.7s cubic-bezier(.6,0,.3,1),filter 1.7s}
.brand-lab[data-phase="4"] .brand-book{animation:book-materialize 1.5s cubic-bezier(.16,1,.3,1) both}
.dna-particle{border:0;border-radius:0;padding:12px;background:transparent;backdrop-filter:none;text-shadow:0 0 20px #236fff80}
.dna-particle>span{font:700 12px/1.2 monospace;color:#92d8ff}.dna-particle b{font-size:17px;line-height:1.35;font-weight:600;max-width:160px;display:block}.particle-visual img{height:100px;width:125px;border:3px solid #cae6ff;box-shadow:0 0 24px #2b6bff66}
.creative-extracts{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .8s}.creative-extracts b{position:absolute;left:50%;top:calc(14% + var(--n)*20%);font:800 clamp(40px,5vw,74px)/1 Archivo,sans-serif;letter-spacing:-.06em;color:#709bff24;white-space:nowrap;transform:translateX(-50%);animation:extract-drift 4s ease-in-out infinite alternate;animation-delay:calc(var(--n)*-.8s)}
.brand-lab[data-phase="2"] .creative-extracts{opacity:1}.brand-lab[data-phase="3"] .creative-extracts{opacity:0;transform:scale(.1);transition:transform 1.6s cubic-bezier(.7,0,.3,1),opacity 1.4s}
@keyframes energy-turn{to{transform:rotate(360deg)}}@keyframes electric-stream{to{stroke-dashoffset:-480}}@keyframes energy-wave{0%{transform:scale(.55);opacity:0}25%{opacity:.7}100%{transform:scale(3);opacity:0}}
@keyframes extract-drift{from{translate:-40px 0}to{translate:40px -15px}}
@keyframes book-materialize{from{filter:blur(8px);box-shadow:0 0 90px #70baffaa}to{filter:blur(0);box-shadow:0 30px 60px #0005}}
/* Contrast-rich setup scenes on the golden section. */
.steps .connect-art{background-color:#102354;background-image:linear-gradient(#73aaff14 1px,transparent 1px),linear-gradient(90deg,#73aaff14 1px,transparent 1px);background-size:40px 40px}
.steps .connect-art img{filter:brightness(0) invert(1) drop-shadow(0 0 15px #448aff80)}
.steps .setup-link{background:#2c68ee;color:#fff!important;box-shadow:0 0 22px #398dff,0 0 60px #4389ff66;border:1px solid #9fcdff}
.steps .setup-connected{color:#b9e5ff;letter-spacing:.15em}.steps .keyword-art{background:#3d28a9;color:#fff;background-image:linear-gradient(#c5baff14 1px,transparent 1px),linear-gradient(90deg,#c5baff14 1px,transparent 1px)}
.steps .setup-keyword{color:#fff1b3;text-shadow:0 0 25px #b98aff88}.steps .keyword-art>span{color:#e4ddff}
.steps .live-art{background:#fff9e9;color:#14203a}.steps .setup-comment{background:#e5eaf6}.steps .setup-switch{box-shadow:0 5px 25px #14203a0d}
/* One About page. A truly seamless strip uses equal-width repeat groups. */
.company-type-window{grid-column:1/-1;overflow:hidden;min-width:0;border-top:1px solid #ffffff2b;width:100%}
.company-running-type{grid-column:auto;max-width:none;width:max-content;gap:0;border:0;animation:company-seamless 28s linear infinite;padding:28px 0}
.company-running-type span{flex-shrink:0;padding-right:70px}
@keyframes company-seamless{to{transform:translateX(-50%)}}
.company-thesis{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:7%;align-items:center}.company-thesis>div{min-width:0}
.company-build-visual{position:relative;background:#101e44;color:#fff;padding:30px 24px 32px;overflow:hidden}
.company-build-visual>.eyebrow{font:700 12px monospace;letter-spacing:.08em;color:#bacdec}.company-build-visual>strong{font:800 clamp(29px,3vw,45px)/1.02 Archivo,sans-serif;letter-spacing:-.045em;display:block;margin-top:10px}
.platform-map{position:relative;width:100%;aspect-ratio:1}.platform-map>svg{position:absolute;inset:0;width:100%;height:100%}.map-current{stroke-dasharray:18 160;animation:map-electric 3s linear infinite;filter:drop-shadow(0 0 4px #66bcff)}
.map-center{position:absolute;width:25%;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:#2352c8;display:grid;place-items:center;box-shadow:0 0 45px #386aff77,inset 0 0 20px #8cb7ff66;border:1px solid #749fff}.map-center img{width:78%}
.map-node{position:absolute;display:flex;align-items:center;flex-direction:column;gap:9px;transform:translate(-50%,-50%);animation:map-float 4s ease-in-out infinite}.map-node>img{width:34px;height:34px;object-fit:contain}.map-node>b{font:10px monospace;white-space:nowrap;color:#dbe7ff}.node-dm{left:17.5%;top:15.5%}.node-studio{left:82.5%;top:15.5%;animation-delay:-1s}.node-post{left:85%;top:68.75%;animation-delay:-2s}.node-calendar{left:50%;top:87.5%;animation-delay:-3s}.node-brand{left:15%;top:68.75%;animation-delay:-.5s}.node-studio img,.node-calendar img,.node-brand img{filter:brightness(0) invert(1)}.node-post img{background:#ed2638;border-radius:8px;padding:5px}
@keyframes map-electric{to{stroke-dashoffset:-178}}@keyframes map-float{50%{translate:0 -6px}}
@media(max-width:1100px){.dna-particle b{font-size:14px}.dna-particle>span{font-size:10px}.company-thesis{gap:5%}.map-node>b{font-size:8px}.map-node>img{width:29px;height:29px}}
@media(max-width:760px){.lab-heading{font-size:30px;min-height:100px;max-width:350px;padding-top:20px}.energy-vortex{width:320px;height:320px;margin:-160px}.energy-wave{width:140px;height:140px;margin:-70px}.dna-particle b{font-size:13px;max-width:125px}.dna-particle>span{font-size:9px}.particle-visual img{width:95px;height:85px}.brand-example-note{font-size:9px}.company-thesis{grid-template-columns:minmax(0,1fr);gap:38px}.company-build-visual{max-width:460px;width:100%;margin:auto}.company-build-visual>strong{font-size:35px}.map-node>b{font-size:9px}.company-running-type span{padding-right:40px}.company-type-window{margin-top:0}.company-running-type{padding:22px 0}}
@media(max-width:370px){.lab-heading{font-size:27px}.dna-particle b{font-size:11px;max-width:105px}.company-build-visual{padding:25px 17px}.map-node>b{font-size:8px}}
@media(prefers-reduced-motion:reduce){.lab-energy,.creative-extracts{display:none}.brand-lab *, .map-current,.map-node,.company-running-type{animation:none!important;transition:none!important}.company-running-type{transform:none}.company-running-type span:nth-child(2){display:none}}
.motion-paused .map-current,.motion-paused .map-node,.motion-paused .company-running-type{animation-play-state:paused!important}