/* Dark titanium, an open ribbon and one continuous route into the operation. */
.ukiyo-homepage-root #main{position:relative}.ukiyo-homepage-root .ops-hero{padding-top:50px;overflow:visible}.ukiyo-homepage-root .ops-hero .hero-content{max-width:650px;z-index:3}.ukiyo-homepage-root .ops-hero h1{font-size:clamp(63px,6.15vw,88px);line-height:1.01;letter-spacing:-.065em;margin:24px 0 24px;max-width:650px;text-wrap:initial}.ukiyo-homepage-root .ops-hero .eyebrow{font-size:9px;letter-spacing:.065em;max-width:620px}.ukiyo-homepage-root .ops-hero-lead{font-size:21px;line-height:1.5;max-width:510px}.ukiyo-homepage-root .ops-hero-description{font-size:14px;line-height:1.8;max-width:510px;margin-top:17px}.ukiyo-homepage-root .ops-hero .actions{margin-top:24px;gap:25px}.ukiyo-homepage-root .ops11-hero-promise{font-size:11px;max-width:590px;position:relative;z-index:3;margin-top:25px}.ukiyo-homepage-root .ops11-hero-promise>span{font-size:8px}.ukiyo-homepage-root .hero-sculpture{position:absolute;top:30px;right:-4%;width:57%;height:650px;z-index:2;pointer-events:none;isolation:isolate}.ukiyo-homepage-root .sculpture-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;filter:drop-shadow(0 24px 32px #0007)}.ukiyo-homepage-root .sculpture-atmosphere{position:absolute;inset:9% 0 5%;background:radial-gradient(ellipse at 30% 58%,#2aa5c512,transparent 48%),radial-gradient(ellipse at 70% 35%,#7461bd15,transparent 54%);filter:blur(18px);opacity:.8}.ukiyo-homepage-root .hero-sculpture:after{content:'';position:absolute;left:19%;right:13%;bottom:6%;height:9%;border-radius:50%;background:#0006;filter:blur(25px);transform:rotate(-14deg);z-index:-1}.ukiyo-homepage-root .sculpture-fallback{position:absolute;inset:0;width:100%;height:100%;opacity:0}.ukiyo-homepage-root .hero-sculpture[data-ready=fallback] .sculpture-fallback{opacity:1}.ukiyo-homepage-root .hero-sculpture[data-ready=fallback] canvas{opacity:0}.ukiyo-homepage-root .sculpture-conduit{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:2;overflow:visible}.ukiyo-homepage-root .sculpture-conduit-base{fill:none;stroke:#6de1f023;stroke-width:1;vector-effect:non-scaling-stroke}.ukiyo-homepage-root .sculpture-conduit-energy{fill:none;stroke:#91e8fb;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:35 965;stroke-dashoffset:var(--conduit-offset,1000);filter:drop-shadow(0 0 5px #6de1f0);opacity:.65;vector-effect:non-scaling-stroke}.ukiyo-homepage-root .sculpture-conduit-terminal{fill:#8be5f7;opacity:.35;filter:drop-shadow(0 0 5px #6de1f0)}.ukiyo-homepage-root .sculpture-conduit.is-launching .sculpture-conduit-energy{animation:sculpture-launch 1.25s cubic-bezier(.2,.65,.25,1) both;stroke-width:2}.ukiyo-homepage-root .sculpture-conduit.is-launching .sculpture-conduit-terminal{animation:sculpture-arrive 1.4s both}.ukiyo-homepage-root .sculpture-charged [data-start-show]{border-color:#9defff;box-shadow:0 0 30px #6de1f028,inset 0 0 20px #6de1f00c}.ukiyo-homepage-root [data-start-show]{transition:box-shadow .5s,border-color .5s}.ukiyo-homepage-root .sculpture-arriving{animation:sculpture-player-arrive 1.4s both}.ukiyo-homepage-root .ops-lifecycle{margin-top:48px;z-index:3;position:relative}.ukiyo-homepage-root .ops11-stack-bridge,.ukiyo-homepage-root .ops-experience{position:relative}.ukiyo-homepage-root .ops-demo{position:relative}
@keyframes sculpture-launch{0%{stroke-dashoffset:1000;opacity:0}12%{opacity:1}90%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}@keyframes sculpture-arrive{0%,65%{opacity:.25;r:3}85%{opacity:1;r:5}100%{opacity:.4;r:3}}@keyframes sculpture-player-arrive{0%,50%{box-shadow:0 0 0 transparent}80%{box-shadow:0 0 50px #6de1f01a}100%{box-shadow:0 0 0 transparent}}
@media(min-width:1500px){.ukiyo-homepage-root .hero-sculpture{height:740px;top:6px}.ukiyo-homepage-root .ops-hero .hero-content{max-width:760px}.ukiyo-homepage-root .ops-hero h1{font-size:98px;max-width:760px}.ukiyo-homepage-root .ops-hero-lead{font-size:23px}.ukiyo-homepage-root .ops-hero-description{font-size:15px;max-width:570px}}
@media(max-width:1050px) and (min-width:651px){.ukiyo-homepage-root .hero-sculpture{width:58%;right:-7%;height:580px;top:55px}.ukiyo-homepage-root .ops-hero h1{font-size:clamp(57px,6.3vw,70px);max-width:560px}.ukiyo-homepage-root .ops-hero .hero-content{max-width:560px}.ukiyo-homepage-root .ops-hero-description{max-width:440px}.ukiyo-homepage-root .ops-hero-lead{font-size:19px}}
@media(max-width:650px){.ukiyo-homepage-root .ops-hero{padding-top:34px;overflow:hidden}.ukiyo-homepage-root .ops-hero .hero-content{max-width:none}.ukiyo-homepage-root .ops-hero h1{font-size:clamp(40px,11vw,59px);line-height:1.04;letter-spacing:-.06em;max-width:350px;margin:24px 0}.ukiyo-homepage-root .ops-hero .eyebrow{font-size:6.5px;letter-spacing:.025em;max-width:320px}.ukiyo-homepage-root .ops-hero-lead{font-size:17px;line-height:1.55;max-width:300px}.ukiyo-homepage-root .ops-hero-description{font-size:12px;line-height:1.8;max-width:320px;margin-top:16px}.ukiyo-homepage-root .hero-sculpture{width:340px;height:430px;right:-145px;top:55px;opacity:.76;mask-image:linear-gradient(90deg,transparent,#000 36%,#000 88%,transparent)}.ukiyo-homepage-root .sculpture-atmosphere{opacity:.7}.ukiyo-homepage-root .sculpture-canvas{filter:drop-shadow(0 18px 20px #0004)}.ukiyo-homepage-root .ops-hero .actions{margin-top:22px;gap:18px}.ukiyo-homepage-root .ops11-hero-promise{font-size:10px;max-width:300px;line-height:1.7;margin-top:23px}.ukiyo-homepage-root .ops11-hero-promise>span{font-size:7px}.ukiyo-homepage-root .sculpture-conduit-base{stroke-opacity:.55}.ukiyo-homepage-root .sculpture-conduit-energy{stroke-width:1.2}.ukiyo-homepage-root .ops-lifecycle{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.ukiyo-homepage-root .sculpture-conduit-energy{animation:none!important;opacity:.25;stroke-dasharray:none}.ukiyo-homepage-root .sculpture-conduit-terminal,.ukiyo-homepage-root .sculpture-arriving{animation:none!important}.ukiyo-homepage-root [data-start-show]{transition:none}}

.ukiyo-homepage-root .hero.ops-hero{padding-top:48px}@media(max-width:650px){.ukiyo-homepage-root .hero.ops-hero{padding-top:34px}}
/* Give the sculpture its own breathing room on a phone. */
@media(max-width:650px){.ukiyo-homepage-root .hero-sculpture{left:50%;right:auto;top:210px;width:330px;height:270px;transform:translateX(-50%);opacity:1;mask-image:none}.ukiyo-homepage-root .ops-hero h1{max-width:440px}.ukiyo-homepage-root .ops-hero-lead{margin-top:265px}.ukiyo-homepage-root .sculpture-atmosphere{opacity:.65}.ukiyo-homepage-root .hero-sculpture:after{bottom:0;height:5%}}
@media(min-width:500px) and (max-width:650px){.ukiyo-homepage-root .hero-sculpture{top:240px}}

/* A compact Nexus, carrying the original teaser's converging energy. */
.ukiyo-homepage-root .nexus-tributaries{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0}.nexus-paths path{fill:none;stroke:#7592d82c;stroke-width:1}.nexus-packets path{fill:none;stroke:#a7eaff;stroke-width:1.5;stroke-dasharray:6 94;stroke-dashoffset:106;filter:drop-shadow(0 0 5px #6de1f0);animation:nexus-converge 6s linear infinite}.nexus-packets path:nth-child(2){animation-delay:-2s;stroke:#a899fb}.nexus-packets path:nth-child(3){animation-delay:-4s}.nexus-endpoints{fill:#88c6e8;filter:drop-shadow(0 0 5px #94d4ff);opacity:.65}
@keyframes nexus-converge{0%{stroke-dashoffset:106;opacity:0}12%{opacity:.7}80%{opacity:.7}100%{stroke-dashoffset:0;opacity:0}}
/* Gradient text needs space for the p descender and the final s bearing. */
.ukiyo-homepage-root .tools-ops-word{line-height:1.2;padding:0 .12em .12em .025em;margin-left:-.025em;margin-bottom:-.12em;overflow:visible;max-width:none;flex-shrink:0}
@media(prefers-reduced-motion:reduce){.nexus-packets path{animation:none;stroke-dasharray:none;opacity:.25}}

/* Intake, charge and release share the renderer's single clock. */
.ukiyo-homepage-root .nexus-packets path{animation:none;stroke-dasharray:7 200;stroke-width:2.2;filter:drop-shadow(0 0 5px #8feaff) drop-shadow(0 0 10px #667dff)}
.ukiyo-homepage-root .nexus-paths path{stroke:#799eda42;stroke-width:1.1}
.ukiyo-homepage-root .nexus-tributaries{z-index:2}
.ukiyo-homepage-root .nexus-core-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;mix-blend-mode:screen;opacity:var(--core-charge,.2)}
.ukiyo-homepage-root .nexus-output-packet{fill:none;stroke:#b1f0ff;stroke-width:2;stroke-linecap:round;stroke-dasharray:55 2000;opacity:0;filter:drop-shadow(0 0 5px #6de1f0) drop-shadow(0 0 12px #7465f9);vector-effect:non-scaling-stroke}
.ukiyo-homepage-root .sculpture-conduit{z-index:3}
.ukiyo-homepage-root .sculpture-conduit-energy{opacity:0}
.ukiyo-homepage-root .sculpture-conduit.is-launching .sculpture-conduit-energy{opacity:1}
@media(prefers-reduced-motion:reduce){.ukiyo-homepage-root .nexus-packets path,.ukiyo-homepage-root .nexus-output-packet{stroke-dasharray:none!important;opacity:.25!important}.ukiyo-homepage-root .nexus-core-light{opacity:.2!important}}

.ukiyo-homepage-root .nexus-arrival{fill:#dcfaff;filter:drop-shadow(0 0 4px #76e8ff) drop-shadow(0 0 9px #8c8aff)}
.ukiyo-homepage-root .sculpture-atmosphere{background:radial-gradient(ellipse at 48% 49%,#236c9e20,transparent 48%),radial-gradient(ellipse at 65% 36%,#7461bd1d,transparent 57%)}

/* Ukiyo's current: cold cyan, periwinkle, violet and a trace of sakura. */
.ukiyo-homepage-root .nexus-packets path:nth-child(1){stroke:#8ceaff;filter:drop-shadow(0 0 4px #64dfff) drop-shadow(0 0 10px #698aff)}
.ukiyo-homepage-root .nexus-packets path:nth-child(2){stroke:#b5a0ff;filter:drop-shadow(0 0 4px #9f86ee) drop-shadow(0 0 10px #7568bd)}
.ukiyo-homepage-root .nexus-packets path:nth-child(3){stroke:#e4a4dc;filter:drop-shadow(0 0 4px #cc8ac4) drop-shadow(0 0 10px #8367ae)}
.ukiyo-homepage-root .nexus-output-packet,.ukiyo-homepage-root .sculpture-conduit-energy{stroke:url(#nexus-current-spectrum);filter:drop-shadow(0 0 4px #8ccbe9) drop-shadow(0 0 10px #9875ca)}

.ukiyo-homepage-root .nexus-core-sparks{fill:#c0f2ff;filter:drop-shadow(0 0 3px #79dbff) drop-shadow(0 0 7px #9b82e9)}
