@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--black:#000;--panel:#101010;--white:#fff;--silver:#d4d4d4;--smoke:#9d9d9d;--muted:#6b6b6b;--line:rgba(255,255,255,.14);--soft:rgba(255,255,255,.075);--display:"Space Grotesk",sans-serif;--mono:"IBM Plex Mono",monospace;--shell:min(1440px,calc(100vw - 64px));--ease:cubic-bezier(.16,1,.3,1)}
*,*::before,*::after{box-sizing:border-box}html{background:#000;scroll-behavior:smooth}body{margin:0;background:#000;color:#fff;font-family:var(--display);font-weight:500;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}body::before{content:"";position:fixed;inset:-30%;z-index:200;pointer-events:none;opacity:.082;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.82'/%3E%3C/svg%3E");background-size:220px 220px;animation:grain-shift .28s steps(2) infinite;mix-blend-mode:screen}body::after{content:"";position:fixed;inset:0;z-index:199;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,transparent 34%,rgba(0,0,0,.16) 68%,rgba(0,0,0,.58) 100%)}@keyframes grain-shift{0%{transform:translate3d(-2%,1%,0)}25%{transform:translate3d(2%,-2%,0)}50%{transform:translate3d(1%,2%,0)}75%{transform:translate3d(-1%,-1%,0)}100%{transform:translate3d(2%,1%,0)}}a{color:inherit;text-decoration:none}img,svg,canvas{display:block;max-width:100%}button,input,textarea,select{font:inherit}.shell{width:var(--shell);margin-inline:auto}::selection{background:#fff;color:#000}.skip{position:fixed;top:8px;left:8px;z-index:9999;padding:10px;background:#fff;color:#000;transform:translateY(-160%)}.skip:focus{transform:none}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:var(--smoke);font:500 11px var(--mono);letter-spacing:.18em;text-transform:uppercase}.eyebrow::before{content:"";width:30px;height:1px;background:var(--silver)}.display{margin:0;font-size:clamp(48px,7.2vw,126px);font-weight:600;letter-spacing:-.075em;line-height:.82;text-transform:uppercase}.display .quiet{color:#777}.lede{max-width:660px;margin:28px 0 0;color:var(--smoke);font:400 clamp(15px,1.3vw,19px)/1.7 var(--mono)}.section{position:relative;padding:clamp(90px,10vw,160px) 0;border-top:1px solid var(--soft)}.section-head{display:grid;grid-template-columns:1.5fr .65fr;gap:8vw;align-items:end;margin-bottom:70px}.section-title{max-width:850px;margin:0;font-size:clamp(42px,5.3vw,88px);font-weight:600;letter-spacing:-.065em;line-height:.92;text-transform:uppercase}.section-copy{margin:0;color:var(--smoke);font:400 14px/1.8 var(--mono)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border:1px solid var(--line);font:600 11px var(--mono);letter-spacing:.11em;text-transform:uppercase;transition:.25s}.btn:hover{transform:translateY(-2px);border-color:#fff}.btn--solid{background:linear-gradient(112deg,#777,#f3f3f3 42%,#999 72%,#ddd);color:#000;border:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.text-link{display:inline-flex;gap:10px;border-bottom:1px solid #666;padding-bottom:5px;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.nav{position:fixed;inset:0 0 auto;z-index:1000;height:78px;background:rgba(0,0,0,.76);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:.25s}.nav.is-scrolled{height:66px;border-color:var(--soft)}.nav__in{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.nav__brand img{height:44px;width:auto}.nav__links{display:flex}.nav__links a,.nav__login{padding:10px 12px;color:#aaa;font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.nav__links a:hover,.nav__links a[aria-current=page]{color:#fff}.nav__actions{justify-self:end;display:flex;align-items:center;gap:10px}.nav__cta{padding:11px 15px;background:#eee;color:#000;font:600 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.nav__toggle{display:none;justify-self:end;width:42px;height:42px;padding:10px;border:0;background:none}.nav__toggle i{display:block;width:22px;height:1px;margin:6px 0;background:#fff}.drawer{position:fixed;inset:0;z-index:900;visibility:hidden;opacity:0;display:flex;flex-direction:column;justify-content:center;padding:90px 32px;background:#000;transition:.25s}.drawer.is-open{visibility:visible;opacity:1}.drawer a{padding:10px 0;border-bottom:1px solid var(--soft);font-size:clamp(32px,9vw,60px);font-weight:600;letter-spacing:-.05em;text-transform:uppercase}
.home-hero{min-height:100svh;padding:132px 0 34px;display:flex;align-items:center;border-bottom:1px solid var(--soft)}.home-hero__layout{display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center}.home-hero__title{margin:0;font-size:clamp(58px,7.6vw,136px);font-weight:600;letter-spacing:-.085em;line-height:.78;text-transform:uppercase}.home-hero__title span{display:block;color:#777}.hero-meta{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-block:1px solid var(--soft)}.hero-meta div{padding:15px 10px 15px 0;border-right:1px solid var(--soft)}.hero-meta div:last-child{border:0}.hero-meta dt{color:#666;font:500 9px var(--mono);letter-spacing:.13em;text-transform:uppercase}.hero-meta dd{margin:5px 0 0;font:500 17px var(--mono)}
.splice-stage{position:relative;aspect-ratio:1/1.08;perspective:900px}.splice-stage canvas{position:absolute;inset:0;width:100%;height:100%}.splice-mark{position:absolute;inset:23%;transform:rotateY(-13deg) rotateX(6deg) translateZ(60px)}.scan-form{position:absolute;inset:10% 0;background:repeating-linear-gradient(to bottom,transparent 0 8px,rgba(255,255,255,.5) 9px,transparent 10px);clip-path:polygon(4% 45%,25% 18%,55% 8%,92% 30%,76% 46%,95% 67%,58% 93%,24% 78%);opacity:.35;transform:rotateY(-15deg)}.splice-caption{position:absolute;right:0;bottom:2%;padding:11px 14px;border:1px solid var(--line);background:#000;color:#777;font:500 9px var(--mono);letter-spacing:.13em;text-transform:uppercase}.protocol-rail{overflow:hidden;height:54px;border-bottom:1px solid var(--soft)}.protocol-rail__track{display:flex;width:max-content;animation:rail 32s linear infinite}.protocol-rail span{display:flex;align-items:center;height:54px;padding:0 30px;border-right:1px solid var(--soft);color:#888;font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase}@keyframes rail{to{transform:translateX(-50%)}}
.splice-definition{display:grid;grid-template-columns:.7fr 1.3fr;border:1px solid var(--line)}.splice-definition__index{padding:30px;border-right:1px solid var(--line);color:#777;font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase}.splice-definition__main{padding:clamp(40px,6vw,92px)}.splice-definition h2{max-width:870px;margin:0;font-size:clamp(45px,6vw,100px);font-weight:600;line-height:.9;letter-spacing:-.07em;text-transform:uppercase}.splice-definition h2 em{color:#777;font-style:normal}.splice-definition__main>p{max-width:700px;color:var(--smoke);font:400 15px/1.75 var(--mono)}.sequence{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-top:1px solid var(--line)}.sequence article{min-height:240px;padding:30px;border-right:1px solid var(--line)}.sequence article:last-child{border:0}.sequence small{color:#666;font:500 10px var(--mono)}.sequence h3{margin:52px 0 10px;font-size:30px;text-transform:uppercase}.sequence p{color:#888;font:400 12px/1.7 var(--mono)}
.pillars,.outcomes{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.pillar,.outcome{min-height:330px;padding:34px;border-right:1px solid var(--line);display:flex;flex-direction:column}.pillar:last-child,.outcome:last-child{border:0}.pillar small,.outcome small{color:#666;font:500 9px var(--mono)}.pillar svg{width:76px;margin:42px 0;stroke:#ccc;fill:none}.pillar h3{margin:auto 0 10px;font-size:28px;text-transform:uppercase}.pillar p,.outcome p{margin:0;color:#888;font:400 12px/1.7 var(--mono)}
.bento{display:grid;grid-template-columns:repeat(12,1fr);border:1px solid var(--line)}.module{min-height:340px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.module--sync{grid-column:span 7}.module--axis{grid-column:span 5;border-right:0}.module--speed{grid-column:span 3;border-bottom:0}.module--profit{grid-column:span 4;border-bottom:0}.module--orders{grid-column:span 5;border:0}.module__top{display:flex;justify-content:space-between;color:#777;font:500 9px var(--mono);letter-spacing:.13em;text-transform:uppercase}.module h3{margin:34px 0 10px;font-size:clamp(24px,2.4vw,40px);line-height:1;text-transform:uppercase}.module>p{color:#838383;font:400 12px/1.7 var(--mono)}.sandbox{display:inline-block;margin-top:20px;padding:5px;border:1px solid #333;color:#666;font:500 8px var(--mono);letter-spacing:.1em;text-transform:uppercase}.sync-table{margin-top:18px;border-top:1px solid #333}.sync-row{display:grid;grid-template-columns:1fr auto;gap:20px;padding:9px 0;border-bottom:1px solid #222;font:500 10px var(--mono)}.sync-row span{color:#777}.terminal{margin-top:20px;border:1px solid #333;background:#050505}.terminal pre{min-height:130px;margin:0;padding:14px;color:#aaa;font:400 10px/1.8 var(--mono);white-space:pre-wrap}.speed-figure{display:grid;place-items:center;width:145px;aspect-ratio:1;margin:32px auto;border:18px double #3d3d3d;border-radius:50%}.speed-figure strong{font:500 50px var(--mono)}.formula,.route{display:flex;align-items:center;gap:6px;margin-top:45px;font:500 9px var(--mono)}.formula span,.formula strong,.route span{padding:10px;border:1px solid #333}.formula strong{background:#ddd;color:#000}.route i{flex:1;height:1px;background:#555}
.ops-stage{display:grid;grid-template-columns:.65fr 1.35fr;border:1px solid var(--line);min-height:590px}.rack-field{position:relative;overflow:hidden;border-right:1px solid var(--line);perspective:800px;background:radial-gradient(circle,#1a1a1a,#000 68%)}.desk{padding:28px;background:#050505}.desk__bar{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #333;color:#888;font:500 9px var(--mono)}.desk__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:12px;margin-top:18px}.panel{border:1px solid #313131}.panel-label{padding:9px;border-bottom:1px solid #2b2b2b;color:#777;font:500 8px var(--mono)}.panel pre{margin:0;padding:14px;color:#aaa;font:400 10px/1.85 var(--mono)}.data-table{width:100%;border-collapse:collapse;font:400 9px var(--mono)}.data-table th,.data-table td{padding:11px 8px;border-bottom:1px solid #222;text-align:left}.data-table th{color:#666}.data-table td{color:#aaa}.desk__note{color:#666;font:400 9px var(--mono)}
.outcomes{grid-template-columns:repeat(4,1fr)}.outcome strong{margin:35px 0;font-size:clamp(48px,5vw,82px);font-weight:500;letter-spacing:-.07em}.outcome h3{margin:0 0 10px;font-size:14px;text-transform:uppercase}.story{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.story>div{padding:clamp(38px,6vw,90px)}.story__headline{border-right:1px solid var(--line)}.story h2{margin:0;font-size:clamp(48px,6vw,102px);line-height:.84;letter-spacing:-.08em;text-transform:uppercase}.story h2 span{color:#777}.story__body{display:flex;flex-direction:column;justify-content:flex-end}.story__body p{color:#999;font:400 14px/1.8 var(--mono)}.story__metric{display:flex;justify-content:space-between;align-items:end;margin-top:60px;border-top:1px solid #444}.story__metric strong{font-size:clamp(54px,6vw,96px);font-weight:500}.story__metric span{color:#777;font:500 10px var(--mono)}.final{padding:clamp(100px,13vw,190px) 0;text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#1c1c1c,#000 62%)}.final h2{max-width:1080px;margin:auto;font-size:clamp(54px,8vw,135px);line-height:.82;letter-spacing:-.08em;text-transform:uppercase}.final p{color:#888;font:400 13px var(--mono)}.final .actions{justify-content:center}
.page-hero{min-height:78svh;padding:165px 0 100px;display:flex;align-items:end;border-bottom:1px solid var(--soft)}.page-hero__grid{display:grid;grid-template-columns:1.35fr .65fr;gap:6vw;align-items:end}.page-hero__aside{padding-top:24px;border-top:1px solid var(--line);color:#949494;font:400 14px/1.8 var(--mono)}.serial{display:block;margin-top:35px;color:#555;font:500 9px var(--mono);letter-spacing:.15em;text-transform:uppercase}
.feature-rows{border:1px solid var(--line)}.feature-row{display:grid;grid-template-columns:80px .9fr 1.1fr;min-height:310px;border-bottom:1px solid var(--line)}.feature-row:last-child{border:0}.feature-row>*{padding:35px;border-right:1px solid var(--line)}.feature-row>:last-child{border:0}.feature-row small{color:#666;font:500 10px var(--mono)}.feature-row h2{margin:0;font-size:clamp(32px,4vw,60px);line-height:.95;text-transform:uppercase}.feature-row__body{display:grid;grid-template-columns:1fr 1fr;gap:30px}.feature-row p{margin:0;color:#939393;font:400 12px/1.8 var(--mono)}.spec-list{list-style:none;padding:0;margin:0}.spec-list li{padding:9px 0;border-bottom:1px solid #292929;font:500 9px var(--mono);text-transform:uppercase}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.plan{min-height:610px;padding:clamp(34px,4vw,65px);display:flex;flex-direction:column}.plan:first-child{border-right:1px solid var(--line)}.plan__tag{color:#777;font:500 10px var(--mono)}.plan h2{margin:32px 0 0;font-size:clamp(52px,7vw,105px);line-height:.9;text-transform:uppercase}.plan__price{margin:25px 0 40px;font-size:clamp(48px,5vw,78px);letter-spacing:-.07em}.plan__price span{font:400 11px var(--mono);color:#888}.plan ul{list-style:none;padding:0;margin:0 0 35px;border-top:1px solid #333}.plan li{padding:12px 0;border-bottom:1px solid #272727;color:#aaa;font:400 11px var(--mono)}.plan .btn{margin-top:auto}.trial-note{padding:24px;border:1px solid var(--line);border-top:0;display:flex;justify-content:space-between;color:#888;font:500 10px var(--mono)}.faq{max-width:960px;margin:auto}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:18px}.faq p{color:#888;font:400 13px/1.7 var(--mono)}
.principles,.contact-grid,.policy-index{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line)}.principle,.contact-card,.policy-link{min-height:270px;padding:38px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.principle:nth-child(2n),.contact-card:nth-child(2n),.policy-link:nth-child(2n){border-right:0}.principle:nth-last-child(-n+2),.contact-card:nth-last-child(-n+2),.policy-link:nth-last-child(-n+2){border-bottom:0}.principle small,.contact-card small{color:#666;font:500 9px var(--mono)}.principle h2,.policy-link h2{margin:55px 0 10px;font-size:28px;text-transform:uppercase}.principle p,.policy-link p,.contact-card p{color:#888;font:400 12px/1.7 var(--mono)}.contact-card a{display:block;margin:65px 0 10px;font-size:clamp(23px,3vw,40px);overflow-wrap:anywhere}.policy-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:80px}.policy-nav{position:sticky;top:95px;display:grid;border-top:1px solid var(--line)}.policy-nav a{padding:11px 0;border-bottom:1px solid var(--soft);color:#777;font:500 9px var(--mono);text-transform:uppercase}.policy-nav a[aria-current=page]{color:#fff}.prose h2{margin:55px 0 15px;font-size:28px;text-transform:uppercase}.prose h2:first-child{margin-top:0}.prose h3{margin-top:34px;text-transform:uppercase}.prose p,.prose li{color:#aaa;font:400 13px/1.8 var(--mono)}.prose a{text-decoration:underline}
.footer{border-top:1px solid var(--line);padding:70px 0 24px}.footer__grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:55px}.footer__brand img{width:190px;height:auto}.footer p,.footer__links a{color:#777;font:400 11px/1.7 var(--mono)}.footer h2{margin:0 0 18px;color:#666;font:500 9px var(--mono);text-transform:uppercase}.footer__links{display:grid;gap:8px}.footer__base{display:flex;justify-content:space-between;margin-top:65px;padding-top:18px;border-top:1px solid var(--soft);color:#555;font:500 9px var(--mono)}
[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .75s var(--ease),transform .75s var(--ease)}[data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:1000px){:root{--shell:min(100% - 40px,1440px)}.nav__in{grid-template-columns:1fr auto}.nav__links,.nav__actions{display:none}.nav__toggle{display:block}.home-hero__layout,.page-hero__grid,.section-head{grid-template-columns:1fr}.splice-stage{max-width:680px;margin:auto}.module--sync,.module--axis{grid-column:span 12;border-right:0}.module--speed,.module--profit,.module--orders{grid-column:span 4}.ops-stage{grid-template-columns:1fr}.rack-field{min-height:430px;border:0;border-bottom:1px solid var(--line)}.footer__grid{grid-template-columns:repeat(2,1fr)}.footer__brand{grid-column:1/-1}}
@media(max-width:720px){:root{--shell:calc(100% - 28px)}.home-hero__title{font-size:clamp(54px,16vw,90px)}.hero-meta{grid-template-columns:1fr 1fr}.section{padding:80px 0}.splice-definition{grid-template-columns:1fr}.splice-definition__index{border:0;border-bottom:1px solid var(--line)}.sequence,.pillars,.outcomes,.story,.pricing-grid,.principles,.contact-grid,.policy-index{grid-template-columns:1fr}.sequence article,.pillar,.outcome,.story__headline,.plan:first-child,.principle,.contact-card,.policy-link{border-right:0;border-bottom:1px solid var(--line)}.module{grid-column:span 12!important;border-right:0!important;border-bottom:1px solid var(--line)!important}.desk__grid{grid-template-columns:1fr}.feature-row{grid-template-columns:52px 1fr}.feature-row>*{padding:24px}.feature-row__body{grid-column:1/-1;border-top:1px solid var(--line)}.trial-note{display:grid;gap:8px}.policy-layout{grid-template-columns:1fr;gap:45px}.policy-nav{position:static}.footer__base{display:grid;gap:8px}.protocol-rail__track{animation:none}}
.pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:26px;align-items:stretch}.pnode{display:flex;flex-direction:column;min-height:360px;padding:34px;border:1px solid var(--line)}.pnode header{display:flex;justify-content:space-between;align-items:baseline}.pnode header small{color:#666;font:500 9px var(--mono)}.pnode h3{margin:0;font-size:30px;text-transform:uppercase}.pnode__chips{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0 20px}.pnode__chips span{padding:7px 11px;border:1px solid #333;color:#999;font:500 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.pnode__rule,.pnode__state{display:flex;align-items:center;justify-content:space-between;margin:34px 0 20px;padding:16px;border:1px solid #333;background:#050505}.pnode__rule code{color:#aaa;font:400 11px var(--mono)}.pnode__rule i{color:#fff;font-style:normal;font:600 10px var(--mono);letter-spacing:.1em}.pnode__state b{font:500 30px var(--mono)}.pnode__state span{color:#888;font:600 9px var(--mono);letter-spacing:.14em}.pnode p{margin:auto 0 0;color:#838383;font:400 12px/1.7 var(--mono)}.pflow{align-self:center;color:#555;font:500 24px var(--mono)}.ops-feed{margin-top:28px;border:1px solid #333;background:#050505;overflow:hidden}.ops-feed__bar{display:flex;justify-content:space-between;padding:11px 14px;border-bottom:1px solid #222;color:#666;font:500 9px var(--mono);letter-spacing:.13em;text-transform:uppercase}.ops-feed__body{min-height:196px;padding:10px 14px;font:400 10px/1.9 var(--mono)}.feed-row{color:#999}.feed-row .t{color:#555;margin-right:12px}
@media(max-width:900px){.pipeline{grid-template-columns:1fr}.pflow{transform:rotate(90deg);justify-self:center}}

/* Dimensional marketing objects */
.splice-stage{--tilt-x:0deg;--tilt-y:0deg;--shift-x:0px;--shift-y:0px;isolation:isolate;perspective:1100px;transform-style:preserve-3d}
.splice-stage::before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1),rgba(255,255,255,.025) 28%,transparent 67%);filter:blur(22px);transform:translate3d(var(--shift-x),var(--shift-y),-90px)}
.splice-stage canvas{opacity:.56;filter:contrast(1.15)}
.splice-mark{position:absolute;inset:11%;background:none;filter:none;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translate3d(var(--shift-x),var(--shift-y),60px);transform-style:preserve-3d;transition:transform .55s var(--ease);will-change:transform}
.node-volume{position:absolute;inset:9%;transform-style:preserve-3d;animation:node-breathe 12s ease-in-out infinite}
.node-shell{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d}
.node-shell svg{width:100%;height:100%;overflow:visible;fill:rgba(255,255,255,.018);stroke:rgba(235,235,235,.46);stroke-width:1;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 9px rgba(255,255,255,.12))}
.node-shell--rear{opacity:.3;transform:translateZ(-82px) scale(.94) rotate(6deg)}
.node-shell--rear svg{stroke-dasharray:2 5}
.node-shell--inner{opacity:.58;transform:translateZ(-16px) scale(.7) rotate(-9deg)}
.node-shell--inner svg{stroke:rgba(255,255,255,.62)}
.node-shell--front{transform:translateZ(58px);opacity:.82}
.node-shell--front svg{fill:rgba(255,255,255,.025);stroke:rgba(245,245,245,.58)}
.node-core{position:absolute;inset:32%;border-radius:50%;transform:translateZ(8px);background:radial-gradient(circle at 39% 35%,#fff 0 4%,#d8d8d8 7%,rgba(190,190,190,.36) 22%,rgba(105,105,105,.12) 48%,transparent 70%);box-shadow:0 0 35px rgba(255,255,255,.26),0 0 100px rgba(255,255,255,.13);animation:core-pulse 6s ease-in-out infinite}
.node-core::before,.node-core::after{content:"";position:absolute;inset:-18%;border:1px solid rgba(255,255,255,.27);border-radius:50%;transform:rotateX(67deg)}
.node-core::after{transform:rotateY(67deg)}
.node-core i{position:absolute;inset:33%;border-radius:50%;background:#eee;box-shadow:0 0 15px #fff,0 0 42px rgba(255,255,255,.8)}
.node-core span{position:absolute;inset:13%;border:1px solid rgba(255,255,255,.45);border-radius:50%;filter:blur(.3px)}
.node-specular{position:absolute;inset:16% 22% 56% 28%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.18),transparent 68%);filter:blur(9px);transform:translateZ(72px) rotate(-24deg)}
.scan-form{inset:6%;opacity:.14;background:repeating-linear-gradient(to bottom,transparent 0 11px,rgba(255,255,255,.6) 12px,transparent 13px);clip-path:ellipse(39% 44% at 50% 50%);transform:translate3d(var(--shift-x),var(--shift-y),-40px) rotateY(-8deg)}
@keyframes node-breathe{0%,100%{transform:rotateY(-7deg) rotateX(2deg)}50%{transform:rotateY(7deg) rotateX(-3deg)}}
@keyframes core-pulse{0%,100%{opacity:.78;filter:brightness(.85)}50%{opacity:1;filter:brightness(1.25)}}

.iso-icon{--icon-x:0deg;--icon-y:0deg;transform:perspective(520px) rotateX(var(--icon-x)) rotateY(var(--icon-y));transform-style:preserve-3d;transition:transform .5s var(--ease);will-change:transform}
.iso-icon svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 12px 13px rgba(0,0,0,.75)) drop-shadow(0 0 8px rgba(255,255,255,.08))}
.icon-top{fill:#c9c9c9;stroke:#f2f2f2;stroke-width:1}
.icon-side{fill:#292929;stroke:#777;stroke-width:1}
.icon-face{fill:#555;stroke:#aaa;stroke-width:1}
.icon-line{fill:none;stroke:#686868;stroke-width:1.15;vector-effect:non-scaling-stroke}
.icon-line--bright{stroke:#e5e5e5}
.icon-lens{fill:rgba(255,255,255,.18);stroke:#eee;stroke-width:1}
.iso-icon--pipeline{width:108px;height:86px;margin:26px auto 2px}
.pnode:nth-of-type(1) .icon-top{fill:url(#connectTop)}
.pnode:nth-of-type(2) .icon-top{fill:url(#orchTop)}
.pnode:nth-of-type(3) .icon-top{fill:url(#observeTop)}
.pnode{min-height:430px;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 42%)}
.pnode__chips,.pnode__rule,.pnode__state{margin-top:22px}
.module{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.018),transparent 40%)}
.module h3{max-width:calc(100% - 74px)}
.module-icon{position:absolute;z-index:1;top:62px;right:24px;width:64px;height:58px;opacity:.78}
.module--speed .module-icon{width:48px;height:44px;top:50px;right:16px;opacity:.55}
.speed-figure{position:relative;display:block;width:176px;aspect-ratio:1;margin:55px auto 22px;border:0;border-radius:50%}
.speed-figure svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
.speed-figure circle{fill:none;vector-effect:non-scaling-stroke}
.speed-track{stroke:#303030;stroke-width:1.5}
.speed-progress{stroke:#eee;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;animation:cycle-fill 42s linear infinite}
.speed-orbit{stroke:#555;stroke-width:1;stroke-linecap:round}
.speed-orbit--outer{stroke-dasharray:2 8;animation:orbit-clock 26s linear infinite}
.speed-orbit--inner{stroke:#888;stroke-dasharray:18 82;animation:orbit-clock 18s linear infinite reverse}
.speed-figure>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.speed-figure strong{font:500 54px/.8 var(--mono);letter-spacing:-.1em}
.speed-figure span{margin-top:11px;color:#777;font:500 8px var(--mono);letter-spacing:.24em}
@keyframes cycle-fill{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes orbit-clock{to{transform:rotate(360deg);transform-origin:center}}

.rack-field{--cluster-x:0deg;--cluster-y:0deg;--cluster-shift-x:0px;--cluster-shift-y:0px;--cluster-far-x:0px;--cluster-far-y:0px;--cluster-mid-x:0px;--cluster-mid-y:0px;--cluster-near-x:0px;--cluster-near-y:0px;background:radial-gradient(ellipse at 48% 46%,#171717 0,#070707 36%,#000 72%);perspective:900px;isolation:isolate}
.rack-field::before{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.055);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.cluster-meta{position:absolute;z-index:3;inset:22px 22px auto;display:flex;justify-content:space-between;color:#686868;font:500 8px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.node-cluster{position:absolute;inset:4% 3% 2%;transform:rotateX(var(--cluster-x)) rotateY(var(--cluster-y)) translate3d(var(--cluster-shift-x),var(--cluster-shift-y),30px);transform-style:preserve-3d;transition:transform .6s var(--ease);will-change:transform}
.node-cluster svg{width:100%;height:100%;overflow:visible}
.cluster-depth{fill:rgba(255,255,255,.025);stroke:#777;stroke-width:1;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;transition:transform .6s var(--ease)}
.cluster-depth--far{opacity:.32;transform:translate(var(--cluster-far-x),var(--cluster-far-y)) scale(.94)}
.cluster-depth--mid{opacity:.7;transform:translate(var(--cluster-mid-x),var(--cluster-mid-y))}
.cluster-depth--near{fill:rgba(255,255,255,.02);stroke:#c7c7c7;transform:translate(var(--cluster-near-x),var(--cluster-near-y))}
.cluster-depth circle:not(.cluster-core):not(.cluster-point){fill:#0b0b0b;stroke:#aaa}
.cluster-core{stroke:none}.cluster-point{fill:#fff;stroke:#fff}.cluster-flares{opacity:.42;pointer-events:none}
.cluster-axis{position:absolute;inset:auto 24px 24px;display:flex;align-items:center;gap:12px;color:#5f5f5f;font:500 8px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.cluster-axis i{width:42px;height:1px;background:#747474}

@media(max-width:1000px){.node-cluster{inset:3% 11%}.rack-field{min-height:500px}.module h3{max-width:calc(100% - 82px)}}
@media(max-width:720px){.splice-stage{min-height:430px}.splice-mark{inset:6%}.node-shell svg{stroke-width:1.4}.node-cluster{inset:7% 2%}.rack-field{min-height:430px}.module h3{max-width:calc(100% - 68px)}.module-icon{width:54px;height:50px}.speed-figure{width:164px}.pnode{min-height:390px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}.splice-stage canvas{display:none}.splice-mark,.node-cluster,.iso-icon{will-change:auto}}
