.new-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--color-kumo-canvas);border-bottom:1px solid var(--color-kumo-hairline)}.hero-grid{position:absolute;inset:0;z-index:-2;background-image:radial-gradient(var(--color-kumo-line) .8px,transparent .8px);background-size:16px 16px;mask-image:linear-gradient(to right,transparent 20%,#000 80%);opacity:.65}.hero-glow{position:absolute;right:-5%;top:0;width:70%;height:100%;z-index:-1;background:radial-gradient(ellipse at 70% 48%,color-mix(in srgb,var(--text-color-kumo-brand) 12%,transparent),transparent 65%);mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}.hero-layout{max-width:1200px;margin:auto;padding:60px 32px 55px;display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center}.hero-copy{animation:hero-arrive .45s ease-out both}.hero-label{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--text-color-kumo-subtle);margin-bottom:24px}.hero-label>span{width:7px;height:7px;border-radius:50%;background:var(--text-color-kumo-brand)}.hero-copy h1{font-size:clamp(44px,4.8vw,66px);line-height:1.18;font-weight:600;color:var(--text-color-kumo-strong)}.hero-description{font-size:14px;line-height:2;color:var(--text-color-kumo-subtle);margin:25px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-footnote{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--text-color-kumo-subtle);margin-top:27px}.hero-footnote>span{opacity:.35}.infra-art{min-width:0;animation:hero-arrive .5s .12s ease-out both}.art-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;font-size:14px;color:var(--text-color-kumo-subtle);padding:10px 0;border-bottom:1px dashed var(--color-kumo-line)}.diagram{height:420px;position:relative}.diagram-lines{position:absolute;width:100%;height:100%;inset:0}.orbit{fill:none;stroke:var(--color-kumo-line);stroke-width:1;stroke-dasharray:3 7;opacity:.5}.connection{fill:none;stroke:var(--text-color-kumo-brand);stroke-width:1.5;opacity:.35}.connection.muted{stroke:var(--color-kumo-line);opacity:.8}.selected-connection{fill:none;stroke:var(--text-color-kumo-brand);stroke-width:2;opacity:.55}.transfer{stroke:var(--text-color-kumo-brand);stroke-width:5;stroke-linecap:round;fill:none;stroke-dasharray:.035 1;animation:cloud-transfer 3s linear 1 forwards}.core-ring{fill:color-mix(in srgb,var(--text-color-kumo-brand) 4%,transparent);stroke:var(--text-color-kumo-brand);stroke-width:1;stroke-opacity:.25}.core-ring.outer{fill:none;stroke-dasharray:3 7;stroke-opacity:.2}.infra-node{position:absolute;transform:translate(-50%,-50%);z-index:2;text-align:center}.node-0{left:21%;top:28%}.node-1{left:50%;top:51%}.node-2{left:77%;top:69%}.node-art-frame{padding:4px;border:1px solid transparent;background:var(--color-kumo-canvas)}.node-saved .node-art-frame{border-color:var(--text-color-kumo-brand)}.node-preview .node-art-frame{border-color:var(--text-color-kumo-brand);border-style:dashed}.node-caption{display:block;white-space:nowrap;font-size:12px;color:var(--text-color-kumo-subtle);margin-top:5px}.node-state{display:flex;align-items:center;justify-content:center;gap:3px;height:18px;font-size:12px;color:var(--text-color-kumo-subtle)}.coordinate{position:absolute;color:var(--text-color-kumo-subtle);font-size:12px}.top-coordinate{top:24px;left:20px}.satellite{position:absolute;display:flex;align-items:center;gap:7px;color:var(--text-color-kumo-subtle);font-size:12px;background:var(--color-kumo-canvas);padding:6px 10px;border:1px solid var(--color-kumo-hairline)}.satellite-one{right:6%;top:21%}.satellite-two{right:1%;bottom:7%}.satellite-three{left:7%;bottom:17%}.coord{position:absolute;bottom:5px;font-size:12px;color:var(--text-color-kumo-subtle)}.coord-left{left:0}.coord-right{right:0}.art-description{border-top:1px dashed var(--color-kumo-line);padding-top:20px;display:flex;gap:15px;height:112px}.art-number{font-size:28px;line-height:1.2;color:var(--text-color-kumo-subtle)}.art-description strong{font-weight:500;font-size:14px}.art-description p{color:var(--text-color-kumo-subtle);font-size:14px;line-height:1.8;margin-top:4px}.demo-status{height:38px;font-size:12px;color:var(--text-color-kumo-subtle);padding-top:5px}.hero-bottom{max-width:1136px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px dashed var(--color-kumo-line);padding:22px 0;color:var(--text-color-kumo-subtle);font-size:14px}.hero-bottom>span{border-left:1px solid var(--color-kumo-hairline);padding-left:20px}.hero-bottom>span:first-child{border-left:0;padding-left:0}section[id]{scroll-margin-top:100px}.reveal-section{opacity:0;transform:translateY(8px);transition:opacity .4s ease-out,transform .4s ease-out}.reveal-section.revealed{opacity:1;transform:none}.description-transition{animation:content-change .18s ease-out both}.management-panel{height:340px}nav a[aria-current=location]{color:var(--text-color-kumo-link);text-decoration:underline;text-underline-offset:8px}@keyframes cloud-transfer{0%{stroke-dashoffset:0;opacity:1}95%{opacity:1}to{stroke-dashoffset:-1.035;opacity:0}}@keyframes hero-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes content-change{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:767px){.hero-layout{padding:40px 20px 28px;grid-template-columns:1fr;gap:36px}.hero-copy h1{font-size:44px}.hero-description{margin:20px 0}.hero-label{margin-bottom:20px}.hero-footnote{gap:6px}.diagram{height:310px}.node-caption{display:none}.satellite{font-size:11px;padding:5px}.top-coordinate{left:0}.art-topline{font-size:12px}.hero-bottom{margin:0 20px;grid-template-columns:repeat(2,1fr);gap:18px;padding:20px 0}.hero-bottom>span:nth-child(3){border-left:0;padding-left:0}.art-description{height:128px}.management-panel{height:370px}}@media(max-width:359px){.node-0{left:22%}.node-2{left:74%}.satellite-one{right:0}.satellite-three{left:0}.hero-copy h1{font-size:40px}}@media(prefers-reduced-motion:reduce){.transfer{display:none}.hero-copy,.infra-art,.description-transition{animation:none}.reveal-section{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
