/* The detailed journey starts at #s1. Artwork is live CSS geometry. */
.stages,.ops,.promise,.cta,body>footer {
  --space:#070510;
  --ink:#f1edf9;
  --muted:#a49caf;
  --soft:#776d88;
  --edge:rgba(185,158,226,.16);
  --accent:#b992ff;
  color:var(--muted);
  background:var(--space);
}
.stages {
  position:relative;
  max-width:none;
  padding:0;
  isolation:isolate;
  overflow:clip;
  background:var(--space);
}
.stage {position:relative;padding:92px 0 112px;border:0;scroll-margin-top:66px;}
.stage::before {content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 46% 54% at 8% 32%,#6333ad17,transparent 75%),linear-gradient(105deg,#0b0715 0%,#070510 46%,#090612 100%);pointer-events:none;}
.stage+.stage::after {content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#b497e031,transparent);}
.stage-layout {width:calc(100% - 96px);max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(560px,1.28fr);gap:clamp(58px,6.5vw,110px);align-items:start;}
.stage-head {position:sticky;top:98px;display:flex;flex-direction:column;min-height:min(650px,calc(100vh - 160px));margin:0;min-width:0;padding:12px 0 8px;}
.stage-index {display:flex;align-items:center;gap:13px;width:126px;font-family:var(--mono);font-size:10px;color:#81768e;letter-spacing:.1em;margin:0;}
.stage-head .bignum {font-size:13px;line-height:1;color:#d7b9ff;-webkit-text-stroke:0;font-weight:400;letter-spacing:.04em;}
.stage-index-line {height:1px;flex:1;background:#34223f;position:relative;overflow:hidden;}
.stage-index-line::after {content:"";position:absolute;inset:0;background:#c39dff;transform:scaleX(var(--stage-progress,0));transform-origin:left;}
.stage-head .meta {display:flex;flex:1;flex-direction:column;padding:45px 0 14px;}
.stage-head .meta h3 {width:fit-content;max-width:390px;font-size:clamp(25px,3.32vw,64px);color:#fff;letter-spacing:.025em;line-height:1.32;font-weight:500;}
.stage-title-copy .reveal-char {display:inline-block;opacity:0;transform:translateY(.42em);filter:blur(5px);color:var(--char-color,#fff);transition:opacity .48s ease var(--char-delay),transform .58s cubic-bezier(.22,1,.36,1) var(--char-delay),filter .48s ease var(--char-delay);}
.stage-title-copy.is-copy-visible .reveal-char {opacity:1;transform:translateY(0);filter:blur(0);}
.stage-head .meta p {position:relative;max-width:315px;padding-top:0;font-size:13px;font-weight:300;line-height:1.8;margin-top:auto;color:#aaa0b3;letter-spacing:.01em;}
.node-shortcuts {display:flex;gap:13px;align-items:center;justify-content:center;max-width:320px;position:relative;z-index:2;}
.node-shortcuts::before {content:"";height:1px;position:absolute;left:20px;right:20px;top:50%;background:#4f355941;z-index:-1;}
.node-shortcuts button {display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #47345c;border-radius:50%;background:#0c0815;color:#8a7c9b;font:10px var(--mono);cursor:pointer;transition:color .25s,box-shadow .25s,border-color .25s,background .25s;}
.node-shortcuts button:hover,.node-shortcuts button.is-current {color:#fff;background:#382050;border-color:#ba8fff;box-shadow:0 0 22px #9a52e833;}

/* A glass core, three eccentric rings, and a thin horizon give depth without images. */
.stage-art {position:relative;width:100%;max-width:340px;height:300px;margin:28px 0 5px;perspective:800px;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0);transition:transform .8s cubic-bezier(.2,.8,.2,1);pointer-events:none;}
.stage-art::before {content:"";position:absolute;inset:7% 0 8%;border-radius:50%;background:radial-gradient(ellipse,#8e42f42e,transparent 65%);filter:blur(18px);}
.art-orbit {position:absolute;left:50%;top:46%;width:240px;height:240px;border:1px solid #c89af977;border-radius:50%;box-shadow:inset 1px 0 6px #d8b4ff44,0 0 9px #9c51ef25;transform:translate(-50%,-50%) rotateX(62deg) rotateZ(-25deg);}
.orbit-b {width:260px;height:260px;transform:translate(-50%,-50%) rotateY(63deg) rotateZ(28deg);border-color:#b682ff70;}
.orbit-c {width:220px;height:220px;transform:translate(-50%,-50%) rotateY(-58deg) rotateZ(36deg);border-color:#9d6bd050;}
.art-core {position:absolute;top:46%;left:50%;width:130px;height:130px;display:grid;place-items:center;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 28% 20%,#dcafff33,transparent 44%),radial-gradient(circle at 72% 85%,#8835d780,transparent 53%),linear-gradient(130deg,#1d0f30,#080510 60%);border:1px solid #cfacfa70;box-shadow:inset 1px 2px 9px #f5deff40,inset -8px -8px 18px #7e32cb20,0 0 36px #9b43e82e;animation:core-float 6s ease-in-out infinite;animation-play-state:var(--journey-play,paused);}
.art-core::before,.art-core::after {content:"";position:absolute;inset:9px;border:1px solid #e4cfff10;border-radius:inherit;}
.art-core::after {inset:-7px;border-color:#c897ff0e;}
.art-core span {font:300 48px var(--sans);letter-spacing:-.07em;color:#e7d4ff;opacity:.9;text-shadow:0 0 28px #ba70ff;}
.art-floor {position:absolute;left:-6%;right:-6%;bottom:4%;height:65px;border-radius:50%;border-top:1px solid #d4b3ff75;background:radial-gradient(ellipse at 50% 0,#a558eb19,transparent 64%);box-shadow:0 -15px 28px -22px #d7adff;transform:rotate(-7deg);}
.art-star {position:absolute;width:5px;height:5px;border-radius:50%;background:#efdbff;box-shadow:0 0 8px #fff,0 0 20px #b261ff;}
.star-a {top:23%;left:23%;animation:star-breathe 4s ease-in-out infinite;animation-play-state:var(--journey-play,paused);}
.star-b {right:12%;bottom:35%;width:3px;height:3px;}
#s2 .art-orbit {transform:translate(-50%,-50%) rotateX(30deg) rotateY(40deg);}
#s2 .orbit-b {width:205px;height:205px;transform:translate(-50%,-50%) rotateX(-30deg) rotateY(-40deg);}
#s2 .orbit-c {width:295px;height:295px;opacity:.4;transform:translate(-50%,-50%) rotateX(65deg);}
#s2 .art-core {border-radius:34px;transform:translate(-50%,-50%) rotate(-8deg);animation-name:core-float-square;}
#s3 .art-orbit {border-radius:35px;transform:translate(-50%,-50%) rotateX(52deg) rotateZ(-35deg);}
#s3 .orbit-b {width:205px;height:205px;top:53%;}
#s3 .orbit-c {width:175px;height:175px;top:60%;}
#s3 .art-core {border-radius:26px;}
#s4 .orbit-a {transform:translate(-50%,-50%) rotateY(64deg) rotateZ(-35deg);}
#s4 .orbit-b {transform:translate(-50%,-50%) rotateY(-64deg) rotateZ(35deg);}
#s4 .orbit-c {transform:translate(-50%,-50%) rotateX(70deg);width:280px;height:280px;}
#s5 .art-orbit {transform:translate(-50%,-50%);border-color:#b97ff633;box-shadow:inset 0 0 20px #ac5cec17,0 0 20px #b267eb13;}
#s5 .orbit-a {width:190px;height:190px;}
#s5 .orbit-b {width:245px;height:245px;}
#s5 .orbit-c {width:295px;height:295px;}
@keyframes core-float {0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 8px))}}
@keyframes core-float-square {0%,100%{transform:translate(-50%,-50%) rotate(-8deg)}50%{transform:translate(-50%,calc(-50% - 8px)) rotate(-3deg)}}
@keyframes star-breathe {50%{opacity:.3;box-shadow:0 0 3px #fff,0 0 8px #b261ff;}}

/* Compact node summaries open into editorial, unequal information columns. */
.stages .nodes {padding:0;min-width:0;}
.stages .nodes::before,.stages .nodes .track {display:none;}
.stages .node {position:relative;margin-bottom:12px;scroll-margin-top:100px;opacity:0;transform:translateY(18px);transition:opacity .58s ease,transform .7s cubic-bezier(.22,1,.36,1);}
.stages .node.seen {opacity:1;transform:none;}
.stages .node:nth-child(2) {transition-delay:.06s;}
.stages .node:nth-child(3) {transition-delay:.12s;}
.stages .node:nth-child(4) {transition-delay:.18s;}
.stages .node:nth-child(5) {transition-delay:.24s;}
.stages .node:nth-child(6) {transition-delay:.3s;}
.stages .node .bullet {left:25px;top:17px;width:auto;height:auto;border:0;border-radius:0;background:none;color:#9b8da9;font-size:9px;font-weight:500;letter-spacing:.08em;box-shadow:none;animation:none;}
.stages .node .bullet::after {content:"  /  STEP";font-size:8px;color:#665e70;}
.stages .node.open .bullet {color:#d5b3f5;background:none;border:0;box-shadow:none;}
.stages .node-card {position:relative;border:1px solid #a47bc424;border-radius:7px;background:linear-gradient(105deg,rgba(28,19,38,.88),rgba(19,14,27,.7));overflow:hidden;box-shadow:inset 0 1px 0 #fff5ff06;transition:transform .35s,border-color .35s,background .35s,box-shadow .35s;}
.stages .node.open .node-card {border-color:#b78dd152;background:radial-gradient(ellipse at 0 0,#814cad20,transparent 58%),linear-gradient(120deg,#1b1225f5,#0f0b16f2);box-shadow:inset 0 1px 0 #fff5ff0b,0 18px 55px -35px #000;}
.stages .node.open .node-card::after {content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#d4afff,#8f4fd0);box-shadow:0 0 16px #b36cef88;}
.stages .node-card::before {content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(340px circle at var(--pointer-x,50%) var(--pointer-y,0%),#ad70f510,transparent 75%);opacity:0;transition:opacity .4s;}
.stages .node-card:hover::before {opacity:1;}
.stages .node:not(.open) .node-card:hover {transform:translateX(-5px);background:linear-gradient(105deg,rgba(41,26,54,.9),rgba(20,14,29,.78));border-color:#c49ce44d;}
.stages .node-head {min-height:112px;padding:42px 62px 20px 25px;display:block;position:relative;}
.stages .node-head .tt {font-weight:400;}
.node-toggle {display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;cursor:pointer;color:var(--ink);background:none;border:0;text-align:left;font:inherit;font-size:19px;font-weight:450;letter-spacing:0;padding:0 0 5px;}
.node-toggle::after {content:"";position:absolute;inset:0;}
.stages .node-head .desc {color:#93899d;font-size:12px;line-height:1.65;font-weight:300;padding:0;margin-top:5px;}
.stages .node.open .node-head .desc {color:#bfb2ce;}
.stages .node-head .caret {position:absolute;display:block;right:18px;top:18px;flex:none;width:30px;height:30px;border:1px solid #b58ed052;border-radius:5px;background:#ffffff08;color:#cdb7dc;transform:none;transition:background .3s,border-color .3s;}
.caret::before,.caret::after {content:"";position:absolute;width:8px;height:1px;background:currentColor;left:10px;top:14px;transition:transform .3s;}
.caret::after {transform:rotate(90deg);}
.stages .node.open .caret {border-color:#ae82d778;background:#9d5dda1a;color:#dfc6f6;}
.stages .node.open .caret::after {transform:rotate(0);}
.stages .node-body {display:grid;grid-template-rows:0fr;max-height:none;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1),opacity .3s;opacity:0;}
.stages .node.open .node-body {grid-template-rows:1fr;opacity:1;}
.stages .node-body-inner {min-height:0;margin:0;overflow:hidden;padding:0;border-radius:0;background:transparent;display:grid;grid-template-columns:1fr 1.1fr;gap:0;}
.stages .tile {padding:4px 26px 26px;background:none;position:relative;}
.stages .tile.b {border-left:1px solid #b28acc1a;}
.stages .tile.c {grid-column:1/-1;border-top:1px solid #b28acc1a;background:linear-gradient(100deg,#a062d312,transparent);padding:20px 26px 24px;display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:start;}
.stages .tile .lbl {font-size:12px;font-weight:400;color:#b899d2;letter-spacing:.04em;margin-bottom:12px;gap:8px;}
.stages .tile .lbl svg {width:14px;height:14px;opacity:.8;}
.stages .tile.b .lbl {color:#c0a7d3;}
.stages .tile.c .lbl {color:#bc9cdb;margin:1px 0 0;}
.stages .tile .val {font-size:14px;line-height:1.85;color:#c1b5cc;font-weight:400;}
.stages .kw,.promise .kw {padding:0;background:none;border-radius:0;color:#d6baf4;font-weight:400;white-space:normal;animation:none!important;}
@media(min-width:801px) {
  .stage:not(.cooperation-stage) {min-height:calc(100vh + var(--stage-scroll));padding:0;}
  .stage:not(.cooperation-stage) .stage-layout {position:sticky;top:56px;height:calc(100vh - 56px);padding:54px 0 26px;align-items:stretch;}
  .stage:not(.cooperation-stage) .stage-head {position:relative;top:auto;height:100%;min-height:0;padding:0;}
  .stage:not(.cooperation-stage) .stage-head .meta p {margin-top:26px;}
  .stages .nodes {align-self:center;}
  .stages .node {height:clamp(58px,8.3vh,78px);margin-bottom:clamp(6px,.85vh,8px);opacity:1;transform:none;transition:height .45s cubic-bezier(.2,.7,.2,1);transition-delay:0s;}
  .stages .node.open {height:clamp(220px,28vh,256px);}
  .stages .node-card {height:100%;}
  .stages .node-head {height:clamp(58px,8.3vh,78px);min-height:clamp(58px,8.3vh,78px);padding:clamp(22px,3vh,27px) 58px 7px 22px;transition:height .45s cubic-bezier(.2,.7,.2,1),min-height .45s cubic-bezier(.2,.7,.2,1);}
  .stages .node.open .node-head {height:clamp(84px,10.2vh,94px);min-height:clamp(84px,10.2vh,94px);}
  .stages .node .bullet {left:22px;top:9px;}
  .stages .node-head .caret {right:15px;top:12px;width:28px;height:28px;}
  .stages .node-head .caret::before,.stages .node-head .caret::after {left:9px;top:13px;}
  .stages .node-toggle {font-size:17px;}
  .stages .node-head .desc {font-size:11px;line-height:1.45;margin-top:2px;}
  .stages .node-head .desc {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .stages .node-body {height:calc(100% - clamp(84px,10.2vh,94px));overflow:hidden;}
  .stages .node-body-inner {height:100%;}
  .stages .tile {padding:5px 15px 11px;}
  .stages .tile.c {padding:11px 15px 12px;grid-template-columns:92px 1fr;gap:10px;}
  .stages .tile .lbl {margin-bottom:5px;font-size:9px;}
  .stages .tile .val {font-size:11px;line-height:1.52;}
}
.node-toggle:focus-visible,.node-shortcuts button:focus-visible,.snav-item:focus-visible,.pipe-step:focus-visible {outline:2px solid #d4b4ff;outline-offset:5px;border-radius:8px;}
.stagenav {background:#09060ff0;border-color:#b88cdb20;backdrop-filter:blur(22px);}
.stagenav-inner {max-width:1320px;}
.snav-item {padding:8px 14px;position:relative;border-radius:0;}
.snav-item.active {color:#ddc8f5;background:none;border-color:transparent;}
.snav-item::after {content:"";position:absolute;bottom:-8px;height:1px;left:12px;right:12px;background:#d1a9f3;opacity:0;box-shadow:0 0 10px #c994ff66;transition:opacity .3s;}
.snav-item.active::after {opacity:1;}
.totop {width:42px;height:42px;border:1px solid #b08bc45e;background:#21152c;box-shadow:0 4px 22px #0005;}
.totop:hover {background:#4c2a68;transform:translateY(-3px);}

/* Support: a suspended console over a luminous horizon. */
.ops {padding:120px 0 110px;border:0;isolation:isolate;}
.ops>.wrap,.promise>.wrap,.cta>.wrap,body>footer>.wrap {max-width:1260px;width:calc(100% - 144px);padding:0;}
.ops::before {inset:250px 0 0;background-image:linear-gradient(#9265b30b 1px,transparent 1px),linear-gradient(90deg,#9265b30b 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse,#000,transparent 70%);}
.ops::after {display:none;}
.ops-head {max-width:710px;text-align:center;margin:0 auto 70px;}
.ops-head .k,.promise .ov-title .k {display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.15em;color:#b6a0cf;font-weight:400;text-transform:uppercase;}
.ops-head .k::before,.promise .ov-title .k::before {content:"";width:4px;height:4px;border-radius:50%;background:#bd88f6;box-shadow:0 0 12px #a467ec;}
.ops-head h2 {font-size:clamp(28px,3.2vw,44px);font-weight:400;letter-spacing:-.04em;line-height:1.45;color:var(--ink);margin-top:22px;}
.ops-head p {font-size:14px;color:var(--muted);font-weight:300;line-height:2;max-width:630px;margin:22px auto 0;}
.ops-console {position:relative;border-radius:22px;border-color:#b38bce38;background:linear-gradient(140deg,#1e1229ed,#0c0912fa 50%);box-shadow:inset 0 1px 0 #edd6ff1a,0 35px 80px #0005,0 -22px 65px -40px #c271fa80;overflow:visible;}
.ops-console::before {content:"";position:absolute;top:-1px;left:15%;width:70%;height:1px;background:linear-gradient(90deg,transparent,#d9b1ff,transparent);}
.ops-toolbar {border-radius:22px 22px 0 0;padding:0 30px;min-height:72px;background:none;border-color:var(--edge);}
.ops-toolbar strong {font-size:15px;font-weight:400;letter-spacing:.02em;}
.ops-toolbar .live {width:6px;height:6px;background:#cba2ff;box-shadow:0 0 0 5px #c697ff0a,0 0 13px #c28dfb66;}
.ops-toolbar .support {color:#bfa8d7;border:0;background:none;font-size:10px;letter-spacing:.1em;}
.ops-panel {padding:32px;}
.ops-panel+.ops-panel {border-color:var(--edge);}
.ops-label {font-size:9px;color:#7c708b;margin-bottom:21px;}
.signal {grid-template-columns:28px 78px 1fr auto;gap:13px;padding:10px 0 14px;border-color:#b28acc17;transition:opacity .3s,transform .3s;}
.signal .sn {font-size:12px;font-weight:400;color:#d6cadf;}
.signal .sic {border:1px solid #bfa0df26;background:#b082e20c;color:#bea0d8;border-radius:8px;}
.signal .bar {height:16px;background:repeating-linear-gradient(90deg,#c294ff0b 0px,#c294ff0b 3px,transparent 3px,transparent 6px);border-radius:0;}
.signal .bar i {background:repeating-linear-gradient(90deg,#b888ec88 0px,#b888ec88 3px,transparent 3px,transparent 6px);border-radius:0;animation-duration:5s;animation-play-state:var(--journey-play,paused);}
.signal .state {font-size:9px;color:#ad93c1;}
.wecom {border:0;border-top:1px solid #b28acc1a;border-radius:0;background:none;padding:24px 0 0;margin-top:20px;}
.wecom .wic {background:linear-gradient(140deg,#583075,#241332);color:#cfb5e3;border:1px solid #b791d143;border-radius:10px;}
.wecom b {font-weight:400;color:#d6c6e4;font-size:12px;}
.wecom p {color:#8e809d;font-size:11px;}
.level {padding:16px 0;grid-template-columns:44px 1fr auto;gap:12px;border-color:#b28acc17;transition:background .25s;}
.level .tag {font-size:11px;font-weight:400;background:transparent!important;border:1px solid currentColor;border-radius:5px;padding:3px 5px;}
.level .ld {font-size:11px;color:#a699b3;}
.level .time {font-size:11px;color:#dbcee8;}
.level.urgent .tag {color:#c48dba;}.level.major .tag {color:#b99acf;}.level.normal .tag {color:#9a8caf;}.level.minor .tag {color:#878398;}
.response-note {color:#7e708d;font-size:10px;}
.delivery {padding:32px;border-color:var(--edge);background:#b080d203;}
.delivery-head {margin-bottom:38px;}
.delivery-head h3 {font-size:18px;font-weight:400;color:#e5d9f0;}
.delivery-head p {font-size:12px;color:#94879f;margin-top:8px;}
.delivery-head .rollback {font-size:9px;letter-spacing:.08em;color:#8d789f;}
.pipeline {grid-template-columns:repeat(6,1fr);gap:12px;padding:0;}
.pipeline::before {top:25px;background:#ad83d52b;height:1px;}
.pipeline::after {display:none;}
.pipe-step {border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0 0 8px;border-radius:10px;}
.pipe-step .pic {width:50px;height:50px;margin-bottom:16px;border-color:#a37cc63b;background:linear-gradient(150deg,#281933,#100b17);color:#9a7cb3;transition:color .3s,border-color .3s,box-shadow .3s,transform .3s;}
.pipe-step b {font-size:12px;color:#afa0bd;font-weight:400;}
.pipe-step>span:last-child {color:#81708f;font-size:10px;transition:color .3s;}
.pipe-step.is-active .pic,.pipe-step:hover .pic {color:#f2deff;border-color:#cea5f4;background:linear-gradient(145deg,#8f52c5,#432460);box-shadow:inset 0 1px 5px #edc6ff88,0 0 0 5px #b983f40c,0 0 30px #b367eb28;transform:translateY(-4px);}
.pipe-step.is-active b {color:#efe0fc;}
.pipe-step.is-active>span:last-child {color:#c39bdc;}
.ops-outcome {border-color:var(--edge);border-radius:0 0 22px 22px;}
.outcome {font-size:11px;color:#ab9ab8;padding:22px 26px;}
.outcome+.outcome {border-color:var(--edge);}
.outcome i {width:4px;height:4px;background:#c39ce5;box-shadow:0 0 9px #ac69df44;}

/* Commitment selector over the local particle field. */
.promise {position:relative;z-index:1;margin-top:0;padding:70px 0 112px;border:0;overflow:hidden;isolation:isolate;background:transparent;}
@media(min-width:601px) {
  .promise {margin-top:-132px;}
}
.promise-particle-stage {position:absolute;z-index:0;inset:0;pointer-events:none;}
.promise-particle-stage canvas {display:block;width:100%;height:100%;}
.promise .promise-inner {position:relative;z-index:1;}
.promise .ov-title {position:relative;z-index:2;max-width:900px;margin:0 auto 46px;}
.promise .ov-title .k {font-size:10px;color:#a997bd;}
.promise .ov-title h2 {max-width:820px;margin:20px auto 0;font-size:clamp(30px,2.7vw,43px);font-weight:300;line-height:1.38;letter-spacing:0;color:#e8e0f2;}
.commitment-art {display:none;}
.promise .pg {position:relative;z-index:2;display:flex;flex-direction:column;width:100%;margin:0;border-top:1px solid rgba(209,185,235,.2);border-bottom:1px solid rgba(209,185,235,.16);background:rgba(5,3,8,.34);box-shadow:none;isolation:isolate;}
.promise .pcard {--promise-delay:0s;position:relative;z-index:1;display:grid;grid-template-columns:clamp(128px,13vw,184px) 54px minmax(370px,1fr) 42px;align-items:center;width:100%;min-height:92px;margin:0;padding:0 clamp(20px,2.2vw,34px);border:0;border-bottom:1px solid rgba(209,185,235,.17);border-radius:0;background:rgba(5,3,8,.34);color:#f3edf8;text-align:left;outline:none;overflow:hidden;cursor:pointer;transform-origin:center bottom;transition:min-height .82s cubic-bezier(.16,1,.3,1),background .55s ease,border-color .45s ease;}
.promise .pcard:last-child {border-bottom:0;}
.promise .pcard.is-selected {min-height:150px;border-color:rgba(177,158,238,.38);background:rgba(5,3,8,.34);}
.promise .promise-code {position:relative;z-index:2;display:flex;align-items:baseline;gap:12px;color:#eee8f3;font-size:clamp(34px,3.5vw,52px);font-weight:620;line-height:1;letter-spacing:0;white-space:nowrap;transition:transform .72s cubic-bezier(.16,1,.3,1),color .4s,text-shadow .45s;}
.promise .promise-code::after {content:"";position:absolute;left:0;bottom:-13px;width:32px;height:1px;background:rgba(178,143,214,.46);transform-origin:left;transition:width .6s cubic-bezier(.16,1,.3,1),background .4s;}
.promise .pcard.is-selected .promise-code {color:#fff;transform:translateX(7px);text-shadow:0 0 32px rgba(232,193,255,.24);}
.promise .pcard.is-selected .promise-code::after {width:68px;background:#d8b4fe;}
.promise .pcard .ic {position:relative;z-index:2;display:grid;place-items:center;width:33px;height:33px;margin:0;border-radius:50%;background:rgba(13,8,19,.72);border:1px solid rgba(183,143,225,.38);color:#b890da;box-shadow:inset 0 0 0 4px rgba(166,106,215,.025);opacity:0;visibility:hidden;transform:scale(.78);transition:transform .62s cubic-bezier(.16,1,.3,1),opacity .38s,color .4s,box-shadow .5s,background .4s,border-color .4s,visibility 0s linear .38s;}
.promise .pcard .ic svg {width:14px;height:14px;}
.promise .pcard.is-selected .ic {color:#fff;border-color:rgba(226,196,255,.78);background:rgba(105,35,151,.42);box-shadow:inset 0 0 0 4px rgba(231,202,255,.06),0 0 0 7px rgba(184,100,237,.06),0 0 28px rgba(188,105,240,.34);opacity:1;visibility:visible;transform:scale(1.06);transition-delay:.08s;}
.promise .pcard>div:not(.ic) {position:relative;z-index:2;display:grid;grid-template-columns:minmax(168px,.54fr) minmax(290px,1fr);align-items:center;gap:clamp(30px,5vw,76px);min-width:0;padding:0 clamp(24px,4vw,62px);transition:transform .7s cubic-bezier(.16,1,.3,1);}
.promise .pcard.is-selected>div:not(.ic) {transform:translateX(3px);transition-delay:.1s;}
.promise .pcard h4 {margin:0;font-size:clamp(17px,1.45vw,22px);line-height:1.25;color:#ebe3f2;font-weight:520;letter-spacing:0;transition:transform .62s cubic-bezier(.16,1,.3,1),color .4s;}
.promise .pcard h4::before {content:attr(data-label);display:block;margin-bottom:8px;font-family:var(--mono);font-size:8px;font-weight:400;line-height:1;color:#806e8d;text-transform:uppercase;letter-spacing:0;transition:color .4s,transform .6s cubic-bezier(.16,1,.3,1);}
.promise .pcard p {max-width:520px;margin:0;font-size:clamp(11px,.88vw,13px);font-weight:300;color:#a296aa;line-height:1.8;transition:opacity .48s ease,transform .62s cubic-bezier(.16,1,.3,1),color .4s,filter .45s ease;}
.promise .pcard.is-selected h4 {color:#fff;text-shadow:0 1px 16px rgba(18,3,24,.72);transform:translateX(5px);}
.promise .pcard.is-selected h4::before {color:#d8b4fe;transform:translateY(-2px);}
.promise .pcard.is-selected p {color:#f0e7f3;transform:translateX(4px);text-shadow:0 1px 12px rgba(14,3,22,.58);transition-delay:.14s;}
.promise .promise-toggle {position:relative;z-index:2;display:block;width:32px;height:32px;border:1px solid rgba(179,148,211,.42);border-radius:50%;background:rgba(9,5,14,.62);box-shadow:inset 0 0 0 4px rgba(255,255,255,.015);transition:transform .55s cubic-bezier(.16,1,.3,1),border-color .35s,background .35s,box-shadow .4s;}
.promise .promise-toggle::before,.promise .promise-toggle::after {content:"";position:absolute;left:50%;top:50%;width:8px;height:1px;background:#cdbbd9;transform:translate(-50%,-50%);transition:transform .38s ease,background .3s;}
.promise .promise-toggle::after {transform:translate(-50%,-50%) rotate(90deg);}
.promise .pcard.is-selected .promise-toggle {transform:rotate(180deg);border-color:#e4c8ff;background:rgba(136,55,190,.38);box-shadow:0 0 24px rgba(184,100,237,.25);}
.promise .pcard.is-selected .promise-toggle::before,.promise .pcard.is-selected .promise-toggle::after {background:#fff;}
.promise .pcard.is-selected .promise-toggle::after {transform:translate(-50%,-50%) rotate(0);}
.promise .pcard:hover:not(.is-selected),.promise .pcard:focus-visible:not(.is-selected) {background:rgba(13,7,18,.48);border-color:rgba(203,165,245,.32);}
.promise .pcard:hover:not(.is-selected) .promise-code {color:#fff;transform:translateX(3px);}
.promise .pcard:hover:not(.is-selected) .ic,.promise .pcard:focus-visible .ic {color:#fff;border-color:#c89bed;box-shadow:0 0 22px rgba(179,103,235,.22);}
.promise .pcard:focus-visible {outline:1px solid #d4b2f5;outline-offset:-2px;}
.promise .pcard:nth-child(2) {--promise-delay:.1s;}
.promise .pcard:nth-child(3) {--promise-delay:.2s;}
.promise .pcard:nth-child(4) {--promise-delay:.3s;}
.promise .pcard.reveal {opacity:0;clip-path:inset(100% 0 0 0);transform:translateY(24px);transition:opacity .52s ease var(--promise-delay),clip-path 1.08s cubic-bezier(.16,1,.3,1) var(--promise-delay),transform 1.08s cubic-bezier(.16,1,.3,1) var(--promise-delay),min-height .82s cubic-bezier(.16,1,.3,1),background .55s ease,border-color .45s ease;}
.promise .pcard.reveal.in {opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0);}

/* Reference finale: the original 48-frame fist-bump and full-height brand footer. */
.cta.about-finale,.site-finale-footer {
  --finale-surface:
    radial-gradient(ellipse 54% 120% at -4% 54%,rgba(103,91,214,.82) 0%,rgba(73,65,153,.56) 38%,transparent 73%),
    radial-gradient(ellipse 43% 105% at 104% 48%,rgba(94,83,181,.64) 0%,rgba(43,38,87,.34) 48%,transparent 77%),
    linear-gradient(101deg,#433d82 0%,#28254e 25%,#111020 51%,#18162d 72%,#4a4384 100%);
}
.cta.about-finale {position:relative;height:50vw;min-height:620px;max-height:960px;padding:0;overflow:hidden;border:0;border-bottom:1px solid rgba(255,255,255,.05);background:var(--finale-surface);isolation:isolate;}
.cta.about-finale::before {content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(6,5,18,.2) 0%,transparent 24%,transparent 75%,rgba(13,11,31,.18) 100%);pointer-events:none;}
.cta.about-finale::after,.site-finale-footer::before {content:"";position:absolute;z-index:2;inset:0;background:url('/cooperation/grain.svg') center/340px repeat;mix-blend-mode:soft-light;opacity:.16;pointer-events:none;}
.finale-canvas {position:absolute;z-index:1;top:0;left:0;width:100%;height:56.25vw;pointer-events:none;transform:translateZ(0);}
.finale-top,.finale-bottom {position:absolute;z-index:4;left:5%;right:5%;text-align:center;pointer-events:none;}
.finale-top {top:clamp(62px,6vw,116px);}
.finale-top h2 {margin:0;font-size:clamp(29px,2.5vw,48px);line-height:1.2;color:#fff;font-weight:650;letter-spacing:0;}
.finale-bottom {bottom:clamp(52px,5vw,96px);color:#fff;}
.finale-bottom h3 {margin:0;font-size:clamp(19px,1.25vw,24px);font-weight:400;line-height:1.2;color:#fff;letter-spacing:0;}
.finale-bottom p {margin-top:10px;font-family:HalvarBreit-Rg,var(--sans);font-size:clamp(25px,2.08vw,40px);font-weight:400;line-height:1.15;color:#fff;letter-spacing:0;}
.finale-copy [data-finale-char] {display:inline-block;opacity:0;filter:blur(25px);transform:translateY(10px);transition:opacity 2s var(--ease),transform 2s var(--ease),filter 2s var(--ease);}
.finale-copy [data-finale-char]:nth-of-type(4n+1) {transition-delay:.1s;}
.finale-copy [data-finale-char]:nth-of-type(4n+2) {transition-delay:.4s;}
.finale-copy [data-finale-char]:nth-of-type(4n+3) {transition-delay:.2s;}
.finale-copy [data-finale-char]:nth-of-type(4n+4) {transition-delay:.3s;}
.finale-copy.is-visible [data-finale-char] {opacity:1;filter:blur(0);transform:translateY(0);}
.finale-hit {position:absolute;z-index:3;left:10%;top:19%;width:80%;height:64%;display:grid;place-items:center;pointer-events:auto;}
.finale-wordmark {position:absolute;z-index:1;left:50%;top:49%;width:75%;max-width:1151px;height:auto;transform:translate(-50%,-50%);opacity:.16;pointer-events:none;transition:opacity .65s ease,filter .65s ease;}
.finale-contact {position:relative;z-index:3;display:grid;width:clamp(96px,10.4vw,180px);aspect-ratio:1;place-items:center;border-radius:50%;background:#e10606;color:#fff;box-shadow:0 20px 55px rgba(225,6,6,.26);opacity:0;transform:scale(.72);transition:opacity .45s ease,transform .75s cubic-bezier(.16,1,.3,1),box-shadow .45s ease;}
.finale-contact::before {content:"";position:absolute;inset:9%;border:1px solid rgba(255,255,255,.12);border-radius:inherit;}
.finale-contact svg {width:31%;height:31%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .55s cubic-bezier(.16,1,.3,1);}
.finale-hit:is(:hover,:focus-within) .finale-contact {opacity:1;transform:scale(1);box-shadow:0 25px 75px rgba(225,6,6,.4);}
.finale-hit:is(:hover,:focus-within) .finale-contact:hover svg {transform:translate(5px,-5px);}
.finale-hit:is(:hover,:focus-within) .finale-wordmark {opacity:.22;filter:brightness(1.08);}
.finale-contact:focus-visible {outline:2px solid #fff;outline-offset:5px;}

body>.site-finale-footer {position:relative;z-index:1;width:100%;height:100svh;min-height:680px;display:grid;grid-template:1fr 126px/100%;padding:0;text-align:left;border:0;overflow:hidden;color:#fff;background:var(--finale-surface);isolation:isolate;}
body>.site-finale-footer::after {content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(15,13,34,.08),rgba(9,8,20,.2)),radial-gradient(ellipse 28% 70% at 48% 48%,rgba(121,106,229,.17),transparent 75%);pointer-events:none;}
.site-finale-footer>* {position:relative;z-index:3;}
.finale-footer-main {display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:center;padding:4vh 24px 0;}
.finale-footer-logo {display:block;width:auto;height:clamp(58px,4.7vw,90px);}
.finale-footer-tagline {display:flex;align-items:center;justify-content:center;margin:25px 0 50px;color:rgba(255,255,255,.69);font-size:clamp(13px,.94vw,18px);line-height:1;white-space:nowrap;}
.finale-footer-tagline span {display:flex;gap:clamp(7px,.52vw,10px);letter-spacing:0;}
.finale-footer-tagline i {width:1px;height:20px;margin:0 clamp(26px,2.1vw,40px);background:rgba(255,255,255,.22);}
.finale-search {position:relative;width:clamp(320px,20.2vw,388px);height:62px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:rgba(8,7,24,.76);box-shadow:0 18px 50px rgba(5,3,17,.16);transition:border-color .35s ease,box-shadow .35s ease,background .35s ease;}
.finale-search:focus-within {border-color:rgba(255,255,255,.2);background:rgba(7,6,20,.9);box-shadow:0 20px 55px rgba(5,3,17,.25),0 0 0 3px rgba(101,81,246,.12);}
.finale-search input {width:100%;height:100%;padding:0 70px 0 27px;border:0;outline:0;background:transparent;color:#fff;font:500 14px/1 HalvarBreit-Rg,var(--sans);letter-spacing:0;}
.finale-search input::placeholder {color:rgba(255,255,255,.48);opacity:1;}
.finale-search button {position:absolute;right:14px;top:50%;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:#e10606;transform:translateY(-50%);transition:background .3s ease,transform .3s ease;}
.finale-search button:hover {background:rgba(225,6,6,.1);transform:translateY(-50%) scale(1.06);}
.finale-search button svg {width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;}
.sr-only {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.finale-footer-bottom {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:28px;padding:25px 42px 22px;border-top:1px solid rgba(255,255,255,.055);}
.finale-footer-contact {display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:flex-end;font-style:normal;}
.finale-footer-contact a {display:flex;max-width:100%;align-items:center;gap:9px;padding:3px 0;color:#fff;font-size:12px;font-weight:550;line-height:1.35;transition:color .3s ease;}
.finale-footer-contact a:hover,.finale-footer-legal a:hover {color:#ff2c2c;}
.finale-footer-contact svg {width:15px;height:15px;flex:0 0 auto;fill:none;stroke:#e10606;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.finale-social {display:flex;align-items:center;justify-content:center;gap:18px;padding-bottom:1px;}
.finale-social a {display:grid;width:24px;height:24px;place-items:center;color:#fff;transition:color .3s ease,transform .35s cubic-bezier(.16,1,.3,1);}
.finale-social a:hover {color:#ff2929;transform:translateY(-3px);}
.finale-social svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.finale-social .xhs {width:auto;min-width:42px;height:19px;padding:0 7px;border-radius:999px;background:#fff;color:#4b4376;font-size:8px;font-weight:700;line-height:19px;}
.finale-social .xhs:hover {color:#e10606;}
.finale-footer-legal {display:flex;min-width:0;flex-direction:column;align-items:flex-end;justify-content:flex-end;color:#fff;font-size:10px;line-height:1.4;}
.finale-footer-legal>div {display:flex;align-items:center;margin-bottom:8px;}
.finale-footer-legal i {width:1px;height:12px;margin:0 18px;background:rgba(255,255,255,.45);}
.finale-footer-legal a {color:inherit;transition:color .3s ease;}
.finale-footer-legal p {display:flex;align-items:center;gap:14px;margin:0;color:#fff;font-size:10px;white-space:nowrap;}

@media(min-width:1600px) { .stage-layout{gap:150px;} }
@media(max-width:1100px) {
  .stage-layout {width:calc(100% - 80px);grid-template-columns:260px minmax(0,1fr);gap:40px;}
  .stage-art {height:270px;transform:scale(.85);transform-origin:left center;width:300px;margin-left:-15px;}
  .node-toggle {font-size:20px;}
  .stages .node-head {padding:20px 22px;}
  .stages .tile {padding:4px 22px 22px;}
  .stages .tile.c {display:block;padding:19px 22px 22px;}
  .stages .tile.c .lbl {margin-bottom:8px;}
  .ops>.wrap,.promise>.wrap,.cta>.wrap,body>footer>.wrap {width:calc(100% - 80px);}
  .ops-panel {padding:26px;}
  .signal {grid-template-columns:25px 70px 1fr auto;gap:8px;}
  .level {grid-template-columns:40px 1fr;gap:8px;}
  .level .time {grid-column:2;}
  .promise .pcard {grid-template-columns:126px 42px minmax(0,1fr) 38px;padding:0 18px;}
  .promise .pcard>div:not(.ic) {grid-template-columns:minmax(140px,.48fr) minmax(220px,1fr);gap:24px;padding:0 28px;}
}
@media(max-width:800px) {
  .stages {padding-top:35px;}
  .stage {padding:65px 0 75px;}
  .stage-layout {width:calc(100% - 48px);grid-template-columns:1fr;gap:38px;}
  .stage-head {position:relative;top:auto;min-height:0;padding-top:15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
  .stage-index {margin-bottom:20px;width:110px;}
  .stage-head .meta {position:relative;z-index:1;}
  .stage-head .meta h3 {font-size:clamp(25px,7.7vw,42px);letter-spacing:.015em;}
  .stage-head .meta p {font-size:13px;margin-top:10px;}
  .stage-art {position:absolute;right:-40px;top:-45px;width:300px;height:280px;margin:0;transform:scale(.7);transform-origin:right center;opacity:.85;}
  .node-shortcuts {justify-content:flex-start;margin-top:25px;gap:10px;}
  .node-shortcuts button {width:30px;height:30px;}
  .stages .nodes {padding-left:26px;}
  .stages .node .bullet {left:-38px;width:25px;height:25px;}
  .stages .tile.c {display:grid;grid-template-columns:112px 1fr;}
  .ops {padding:75px 0 70px;}
  .ops>.wrap,.promise>.wrap,.cta>.wrap,body>footer>.wrap {width:calc(100% - 48px);}
  .ops-head {margin-bottom:45px;}
  .ops-grid {grid-template-columns:1fr;}
  .ops-panel+.ops-panel {border-left:0;border-top:1px solid var(--edge);}
  .signal {grid-template-columns:28px 90px 1fr auto;gap:16px;}
  .level {grid-template-columns:44px 1fr auto;gap:16px;}
  .level .time {grid-column:auto;}
  .pipeline {display:grid;grid-template-columns:repeat(3,1fr);gap:28px 10px;padding:0;}
  .pipeline::before {display:none;}
  .pipe-step {display:block;text-align:center;}
  .pipe-step .pic {margin:0 auto 15px;}
  .pipe-step>span:last-child {margin-top:4px;}
  .ops-outcome {grid-template-columns:1fr;}
  .outcome+.outcome {border-left:0;border-top:1px solid var(--edge);}
  .outcome {padding:17px 26px;}
  .promise {padding:76px 0 90px;}
  .promise .ov-title {margin-bottom:50px;}
  .promise .pg {width:100%;margin:0;}
  .promise .pcard:nth-of-type(n) {grid-template-columns:94px 36px minmax(0,1fr) 34px;width:100%;min-height:94px;margin:0;padding:0 14px;}
  .promise .pcard.is-selected {min-height:166px;}
  .promise .promise-code {font-size:34px;}
  .promise .promise-code::before {display:none;}
  .promise .promise-code::after {left:0;}
  .promise .pcard .ic {width:29px;height:29px;}
  .promise .pcard>div:not(.ic) {grid-template-columns:minmax(128px,.55fr) minmax(190px,1fr);gap:20px;padding:0 18px;}
  .promise .promise-toggle {width:29px;height:29px;}
  .cta {min-height:660px;padding-top:80px;padding-bottom:350px;}
  .cta.about-finale {height:64vw;min-height:620px;}
  body>footer>.wrap {display:block;}
  body>footer .fmeta {text-align:left;margin-top:16px;}
}
@media(max-width:480px) {
  .stage-layout {width:calc(100% - 40px);gap:30px;}
  .stage-head {min-height:0;}
  .stage-head .meta p {max-width:190px;font-size:12px;}
  .stage-art {right:-25px;top:-30px;transform:scale(.52);opacity:.72;}
  .stage-index {font-size:10px;width:100px;}
  .node-shortcuts {gap:8px;}
  .node-shortcuts button {width:27px;height:27px;font-size:9px;}
  .stages .node-head {padding:20px 18px;}
  .stages .node-head .desc {padding-right:0;font-size:13px;}
  .node-toggle {font-size:19px;gap:12px;}
  .stages .node-body-inner {grid-template-columns:1fr;}
  .stages .tile {padding:3px 18px 20px;}
  .stages .tile.b {border-left:0;}
  .stages .tile.c {display:block;padding:18px;}
  .stages .tile .lbl {margin-bottom:8px;font-size:11px;}
  .stages .tile .val {font-size:13px;}
  .stages .node.open .node-card {border-radius:14px;}
  .stagenav .brand {display:none;}
  .stagenav-inner {padding:0 10px;justify-content:space-between;gap:0;}
  .snav-item {padding:8px 6px;font-size:11px;}
  .snav-item::after {left:6px;right:6px;}
  .ops>.wrap,.promise>.wrap,.cta>.wrap,body>footer>.wrap {width:calc(100% - 40px);}
  .ops-head .k {font-size:8px;letter-spacing:.1em;}
  .ops-head h2 {font-size:28px;max-width:300px;margin:18px auto 0;}
  .ops-head p {font-size:12px;line-height:1.95;margin-top:18px;}
  .ops-console {border-radius:16px;}
  .ops-toolbar {padding:20px;gap:10px;min-height:70px;flex-wrap:wrap;border-radius:16px 16px 0 0;}
  .ops-toolbar strong {font-size:13px;}
  .ops-toolbar .support {font-size:8px;margin-left:16px;width:100%;padding:0;}
  .ops-panel,.delivery {padding:23px 20px;}
  .ops-label {font-size:8px;letter-spacing:.05em;}
  .signal {grid-template-columns:26px 65px 1fr auto;gap:8px;}
  .signal .bar {display:block;height:13px;}
  .signal .state {font-size:8px;}
  .level {grid-template-columns:38px 1fr;gap:8px 12px;}
  .level .time {grid-column:2;}
  .delivery-head {gap:12px;margin-bottom:28px;}
  .delivery-head h3 {font-size:16px;}
  .delivery-head p {font-size:11px;}
  .delivery-head .rollback {font-size:8px;}
  .pipe-step b {font-size:11px;}
  .pipe-step>span:last-child {font-size:9px;}
  .outcome {font-size:10px;padding:16px 20px;}
  .promise .ov-title h2 {font-size:27px;}
  .promise .pg {padding-top:0;}
  .promise .pcard:nth-of-type(n) {grid-template-columns:68px 31px minmax(0,1fr) 29px;width:100%;min-height:88px;margin:0;padding:0 9px;}
  .promise .pcard.is-selected {min-height:232px;}
  .promise .promise-code {font-size:27px;}
  .promise .pcard .ic {width:26px;height:26px;}
  .promise .pcard .ic svg {width:12px;height:12px;}
  .promise .pcard>div:not(.ic) {display:block;padding:0 10px;}
  .promise .pcard h4 {font-size:16px;margin:0;}
  .promise .pcard h4::before {margin-bottom:5px;font-size:7px;}
  .promise .pcard p {max-height:0;margin:0;font-size:11px;line-height:1.65;opacity:0;overflow:hidden;transform:translateY(9px);}
  .promise .pcard.is-selected p {max-height:100px;margin-top:15px;opacity:1;transform:translateY(0);transition-delay:.2s;}
  .promise .promise-toggle {width:25px;height:25px;}
  .cta {min-height:550px;padding:70px 0 270px;}
  .cta h2 {font-size:28px;line-height:1.55;}
  .cta p {max-width:290px;margin:22px auto 0;font-size:12px;line-height:1.9;}
  .cta.about-finale {height:120vw;min-height:620px;max-height:none;}
  .finale-top {top:10%;}
  .finale-bottom {bottom:9%;}
  .finale-bottom p {max-width:88%;margin:10px auto 0;font-size:clamp(18px,5vw,30px);}
  .finale-hit {left:5%;top:20%;width:90%;height:62%;}
  .finale-wordmark {width:92%;}
  .totop {right:16px;bottom:18px;width:36px;height:36px;}
  .totop svg {width:17px;}
}
/* Operations overview: three-part service model. */
.ops {
  height:300svh;
  min-height:0;
  padding:0;
  border:0;
  background:linear-gradient(180deg,#070510 0,#0d0b18 110px,#0d0b18 calc(100% - 110px),#06040b 100%);
  overflow:clip;
}
.ops::before,.ops::after {content:none;display:none;}
.ops>.wrap {
  position:sticky;
  top:56px;
  display:flex;
  height:calc(100svh - 56px);
  width:100%;
  max-width:1300px;
  margin:0 auto;
  padding:22px 40px 18px;
  flex-direction:column;
}
.ops-head {
  max-width:790px;
  margin:0 auto;
  text-align:center;
}
.ops-head h2 {
  margin:0;
  color:#f7f6fa;
  font-size:clamp(32px,3vw,40px);
  font-weight:650;
  line-height:1.32;
  letter-spacing:0;
}
.ops-head p {
  max-width:780px;
  margin:20px auto 0;
  color:#777284;
  font-size:12px;
  font-weight:400;
  line-height:2;
}
.ops-pillars {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:min(1080px,calc(100vw - 128px));
  margin:38px auto 0;
}
.ops-pillar {
  appearance:none;
  position:relative;
  isolation:isolate;
  display:flex;
  flex:0 0 clamp(180px,14.6vw,204px);
  width:clamp(180px,14.6vw,204px);
  min-width:0;
  aspect-ratio:1;
  padding:0;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  border:1px solid rgba(126,76,195,.62);
  border-radius:50%;
  background:rgba(24,17,41,.14);
  color:inherit;
  font:inherit;
  text-align:center;
  cursor:pointer;
  outline:none;
  opacity:.5;
  filter:saturate(.78);
  transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .35s ease,filter .35s ease,border-color .4s ease,background .4s ease,box-shadow .4s ease;
}
.ops-pillar::before {
  content:'';
  position:absolute;
  z-index:0;
  inset:-4px;
  border-radius:inherit;
  border:1px solid rgba(218,198,255,.72);
  background:transparent;
  box-shadow:0 0 0 4px rgba(148,103,232,.05),0 0 26px rgba(135,87,226,.13);
  opacity:0;
  transform:scale(.96);
  transition:opacity .35s ease,transform .55s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}
.ops-pillar::after {
  content:'';
  position:absolute;
  z-index:2;
  top:-6px;
  left:50%;
  width:8px;
  height:8px;
  border:2px solid rgba(24,15,43,.62);
  border-radius:50%;
  background:#f0e8ff;
  box-shadow:0 0 0 3px rgba(171,128,249,.16),0 0 14px rgba(221,200,255,.72);
  opacity:0;
  transform:translate(-50%,5px) scale(.45);
  transition:opacity .38s ease,transform .55s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}
.ops-pillar > * {
  position:relative;
  z-index:1;
  transition:color .32s ease,text-shadow .32s ease,transform .5s cubic-bezier(.16,1,.3,1);
}
.ops-pillar:hover,.ops-pillar:focus-visible {
  opacity:.86;
  filter:saturate(1);
  border-color:rgba(151,94,236,.86);
  background:rgba(54,32,84,.2);
}
.ops-pillar:focus-visible {box-shadow:0 0 0 4px rgba(134,79,232,.16);}
.ops-pillar.is-active {
  opacity:1;
  filter:saturate(1.02);
  transform:translateY(-7px) scale(1.04);
  border-color:rgba(210,189,249,.68);
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(139,98,213,.07) 52%,rgba(52,31,93,.1));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(133,88,210,.13),0 13px 34px rgba(40,18,81,.13),0 0 24px rgba(153,110,232,.11);
  -webkit-backdrop-filter:blur(9px) saturate(1.06);
  backdrop-filter:blur(9px) saturate(1.06);
}
.ops-pillar.is-active::before {
  opacity:.82;
  transform:scale(1);
  animation:ops-pillar-halo 3.2s ease-in-out infinite;
}
.ops-pillar.is-active::after {
  opacity:1;
  transform:translate(-50%,0) scale(1);
}
.ops-pillar.is-active .ops-pillar-number {
  color:#d7c3ff;
  text-shadow:0 0 13px rgba(174,136,244,.48);
  transform:translateY(-1px);
}
.ops-pillar.is-active h3 {
  color:#fff;
  text-shadow:0 0 16px rgba(222,207,255,.2);
}
.ops-pillar h3::after {
  content:'';
  position:absolute;
  left:50%;
  bottom:-8px;
  width:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#d8c1ff,transparent);
  box-shadow:0 0 8px rgba(185,145,255,.42);
  opacity:0;
  transform:translateX(-50%);
  transition:width .5s cubic-bezier(.16,1,.3,1),opacity .3s ease;
}
.ops-pillar.is-active h3::after {width:32px;opacity:.9;}
.ops-pillar.is-active p {color:#b1a5c1;}
@keyframes ops-pillar-halo {
  0%,100% {opacity:.62;box-shadow:0 0 0 4px rgba(148,103,232,.04),0 0 20px rgba(135,87,226,.1);}
  50% {opacity:.92;box-shadow:0 0 0 5px rgba(148,103,232,.075),0 0 30px rgba(150,104,236,.17);}
}
.ops-pillar-number {
  color:#8955f5;
  font-size:18px;
  font-weight:750;
  line-height:1;
}
.ops-pillar h3 {
  margin:14px 0 0;
  color:#f5f3f8;
  font-size:18px;
  font-weight:650;
  line-height:1.25;
  letter-spacing:0;
  white-space:nowrap;
}
.ops-pillar p {
  width:200%;
  margin:9px -50% 0;
  color:#686178;
  font-family:var(--sans);
  font-size:14px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:0;
  white-space:nowrap;
  transform:scale(.5);
}
.ops-plus {
  color:#8e55fa;
  font-size:20px;
  font-weight:700;
  line-height:1;
}
.ops-details {
  display:grid;
  grid-template-rows:0fr;
  width:min(1080px,calc(100vw - 128px));
  margin:0 auto;
  opacity:0;
  transition:grid-template-rows .58s cubic-bezier(.16,1,.3,1),margin-top .58s cubic-bezier(.16,1,.3,1),opacity .3s ease;
}
.ops-details.is-open {
  grid-template-rows:1fr;
  margin-top:38px;
  opacity:1;
}
.ops-details-clip {min-height:0;overflow:hidden;}
.ops-detail {padding:3px 0 8px;color:#aca5b7;}
.ops-detail[hidden] {display:none!important;}
.ops-detail.is-active {animation:ops-detail-in .5s cubic-bezier(.16,1,.3,1) both;}
@keyframes ops-detail-in {
  from {opacity:0;transform:translateY(18px);filter:blur(5px);}
  to {opacity:1;transform:none;filter:none;}
}
.ops-monitor-list {display:grid;gap:8px;}
.ops-monitor-row {
  display:grid;
  grid-template-columns:110px minmax(180px,1fr) 88px;
  align-items:center;
  gap:20px;
  min-height:42px;
}
.ops-monitor-row strong {color:#e4dfe9;font-size:14px;font-weight:600;}
.ops-monitor-row>span:last-child {color:#9279b7;font-size:12px;text-align:right;}
.ops-meter {height:3px;background:#252033;overflow:hidden;}
.ops-meter i {display:block;width:var(--meter);height:100%;background:#8f59f8;transform-origin:left;animation:ops-meter-in .75s .1s cubic-bezier(.16,1,.3,1) both;}
@keyframes ops-meter-in {from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ops-monitor-note {margin-top:22px;padding-left:15px;border-left:2px solid #8850ee;}
.ops-monitor-note strong {display:block;color:#e8e2ee;font-size:14px;font-weight:600;}
.ops-monitor-note p {margin:3px 0 0;color:#777081;font-size:12px;line-height:1.75;}
.ops-detail-response {display:grid;gap:0;}
.ops-response-row {
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  min-height:58px;
  padding:8px 0;
  border-bottom:1px solid rgba(137,106,175,.14);
}
.ops-response-row>span {padding:3px 7px;border-radius:3px;font-size:11px;text-align:center;}
.ops-response-row p {margin:0;color:#aaa2b2;font-size:12px;}
.ops-response-row strong {color:#e2dce8;font-size:12px;font-weight:600;white-space:nowrap;}
.ops-response-urgent>span {color:#d97786;background:rgba(147,48,63,.28);}
.ops-response-major>span {color:#d69c42;background:rgba(139,84,14,.3);}
.ops-response-normal>span {color:#c5a63d;background:rgba(130,105,22,.3);}
.ops-response-minor>span {color:#a893d1;background:rgba(89,66,134,.35);}
.ops-response-note {margin:15px 0 0;color:#676170;font-size:11px;line-height:1.7;}
.ops-detail-release {padding-top:0;}
.ops-release-intro {
  margin:0 0 20px;
  color:#8b8395;
  font-size:12px;
  line-height:1.6;
  text-align:center;
}
.ops-release-track {position:relative;}
.ops-release-rail {
  position:absolute;
  z-index:0;
  top:18px;
  right:8.333%;
  left:8.333%;
  height:1px;
  background:rgba(118,79,167,.25);
  box-shadow:0 0 12px rgba(134,72,226,.08);
}
.ops-release-rail::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#7740d0,#aa72ff 58%,#c7a1ff);
  box-shadow:0 0 10px rgba(153,91,247,.42);
  transform:scaleX(0);
  transform-origin:left;
}
.ops-release-rail::after {
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#f4eaff;
  box-shadow:0 0 5px #fff,0 0 14px #a45fff,0 0 28px rgba(143,74,247,.8);
  opacity:0;
  transform:translate(-50%,-50%);
}
.ops-detail-release.is-active .ops-release-rail::before {
  animation:ops-release-line-in 3.9s cubic-bezier(.32,.02,.22,1) forwards;
}
.ops-detail-release.is-active .ops-release-rail::after {
  animation:ops-release-runner 5s linear infinite;
}
@keyframes ops-release-line-in {
  from {transform:scaleX(0);}
  to {transform:scaleX(1);}
}
@keyframes ops-release-runner {
  0% {left:0;opacity:0;}
  3% {opacity:1;}
  80% {left:100%;opacity:1;}
  87% {left:100%;opacity:0;}
  100% {left:0;opacity:0;}
}
.ops-release-steps {
  position:relative;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}
.ops-release-steps li {
  --release-step:0;
  position:relative;
  z-index:1;
  display:grid;
  grid-template-rows:36px auto auto;
  min-width:0;
  padding:0 8px;
  justify-items:center;
  text-align:center;
  opacity:0;
}
.ops-release-steps li:nth-child(2) {--release-step:1;}
.ops-release-steps li:nth-child(3) {--release-step:2;}
.ops-release-steps li:nth-child(4) {--release-step:3;}
.ops-release-steps li:nth-child(5) {--release-step:4;}
.ops-release-steps li:nth-child(6) {--release-step:5;}
.ops-detail-release.is-active .ops-release-steps li {
  animation:ops-release-step-in .62s cubic-bezier(.16,1,.3,1) calc(var(--release-step) * .14s) forwards;
}
@keyframes ops-release-step-in {
  from {opacity:0;transform:translateY(12px);filter:blur(3px);}
  to {opacity:1;transform:none;filter:none;}
}
.ops-release-marker {
  position:relative;
  z-index:1;
  display:grid;
  width:36px;
  height:36px;
  place-items:center;
  border:1px solid rgba(154,95,247,.76);
  border-radius:50%;
  background:#0d0b18;
  color:#ad7aff;
  font-family:var(--mono);
  font-size:9px;
  font-weight:700;
  line-height:1;
  box-shadow:inset 0 0 14px rgba(134,72,226,.13),0 0 0 5px rgba(13,11,24,.82);
}
.ops-detail-release.is-active .ops-release-marker {
  animation:ops-release-marker-pulse 5s ease-in-out calc(var(--release-step) * .8s) infinite;
}
@keyframes ops-release-marker-pulse {
  0%,13%,100% {
    border-color:rgba(154,95,247,.76);
    background:#0d0b18;
    color:#ad7aff;
    box-shadow:inset 0 0 14px rgba(134,72,226,.13),0 0 0 5px rgba(13,11,24,.82);
    transform:scale(1);
  }
  5% {
    border-color:#d6b8ff;
    background:#6f39c8;
    color:#fff;
    box-shadow:inset 0 0 14px rgba(255,255,255,.2),0 0 0 5px rgba(105,54,172,.18),0 0 26px rgba(157,88,255,.72);
    transform:scale(1.16);
  }
}
.ops-release-steps strong {
  margin-top:13px;
  color:#e6e0eb;
  font-size:13px;
  font-weight:600;
  line-height:1.35;
  white-space:nowrap;
}
.ops-release-copy {
  margin-top:6px;
  color:#786f83;
  font-size:11px;
  line-height:1.45;
  white-space:nowrap;
}
.ops-detail-release.is-active .ops-release-steps strong {
  animation:ops-release-label-pulse 5s ease-in-out calc(var(--release-step) * .8s) infinite;
}
@keyframes ops-release-label-pulse {
  0%,13%,100% {color:#e6e0eb;text-shadow:none;}
  5% {color:#fff;text-shadow:0 0 15px rgba(191,146,255,.58);}
}
@media(max-width:800px) {
  .ops {min-height:0;padding:0;}
  .ops>.wrap {padding:20px 24px 16px;}
  .ops-head p {max-width:620px;}
  .ops-pillars {width:100%;margin-top:34px;}
  .ops-pillar {width:clamp(142px,22vw,176px);flex-basis:clamp(142px,22vw,176px);}
  .ops-pillar h3 {font-size:15px;}
  .ops-details {width:calc(100vw - 48px);}
}
@media(max-height:720px) and (min-width:601px) {
  .ops>.wrap {padding-top:8px;padding-bottom:8px;}
  .ops-head h2 {font-size:36px;line-height:1.25;}
  .ops-head p {margin-top:12px;line-height:1.7;}
  .ops-pillars {margin-top:24px;}
  .ops-pillar {width:170px;flex-basis:170px;}
  .ops-pillar h3 {margin-top:11px;font-size:17px;}
  .ops-pillar p {margin-top:6px;}
  .ops-details.is-open {margin-top:12px;}
  .ops-monitor-row {min-height:30px;}
  .ops-monitor-note {margin-top:8px;}
  .ops-monitor-note p {line-height:1.45;}
  .ops-response-row {min-height:54px;padding:8px 0;}
  .ops-response-note {margin-top:18px;line-height:1.6;}
  .ops-release-intro {margin-bottom:12px;}
  .ops-release-steps strong {margin-top:9px;}
  .ops-release-copy {margin-top:4px;}
}
@media(max-width:600px) {
  .ops {height:auto;min-height:0;padding:66px 0 76px;}
  .ops>.wrap {position:relative;top:auto;height:auto;padding:0 24px;}
  .ops-head h2 {font-size:28px;}
  .ops-head p {font-size:11px;line-height:1.9;}
  .ops-pillars {flex-direction:column;gap:22px;margin-top:54px;}
  .ops-pillar {width:178px;flex-basis:auto;}
  .ops-plus {font-size:18px;}
  .ops-details.is-open {margin-top:48px;}
  .ops-monitor-row {grid-template-columns:84px minmax(80px,1fr) 68px;gap:10px;}
  .ops-monitor-row strong {font-size:12px;}
  .ops-monitor-row>span:last-child {font-size:10px;}
  .ops-response-row {grid-template-columns:45px minmax(0,1fr);gap:10px;padding:8px 0;}
  .ops-response-row strong {grid-column:2;}
  .ops-release-intro {margin-bottom:24px;text-align:left;}
  .ops-release-steps {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;}
  .ops-release-rail {display:none;}
  .ops-release-steps li {
    grid-template-columns:36px minmax(0,1fr);
    grid-template-rows:auto auto;
    gap:3px 12px;
    padding:0;
    justify-items:start;
    text-align:left;
  }
  .ops-release-marker {grid-row:1 / 3;}
  .ops-release-steps strong {margin:1px 0 0;white-space:normal;}
  .ops-release-copy {margin:0;white-space:normal;}
}

@media(max-width:800px) {
  .cta.about-finale {height:120vw;min-height:520px;max-height:none;}
  .finale-canvas {top:14%;left:50%;width:150%;height:auto;transform:translateX(-50%);}
  .finale-top {top:13.5%;}
  .finale-top h2 {font-size:clamp(27px,7vw,38px);}
  .finale-hit {left:0;top:19%;width:100%;height:64%;}
  .finale-wordmark {top:49%;width:148%;max-width:none;opacity:.1;}
  .finale-bottom {bottom:8%;}
  .finale-bottom h3 {font-size:clamp(17px,4.6vw,23px);}
  .finale-bottom p {max-width:none;margin-top:9px;font-size:clamp(22px,6.1vw,32px);white-space:nowrap;}
  body>.site-finale-footer {height:auto;min-height:860px;grid-template-rows:minmax(470px,58svh) auto;}
  .finale-footer-main {padding:35px 24px 8px;}
  .finale-footer-logo {height:clamp(52px,15vw,70px);max-width:78vw;}
  .finale-footer-tagline {margin:23px 0 43px;font-size:13px;}
  .finale-footer-tagline i {height:18px;margin:0 23px;}
  .finale-search {width:min(100%,360px);height:58px;}
  .finale-footer-bottom {grid-template-columns:1fr;justify-items:center;gap:25px;padding:33px 24px 35px;}
  .finale-footer-contact {align-items:center;text-align:center;}
  .finale-footer-contact a {justify-content:center;font-size:clamp(9px,2.65vw,11px);}
  .finale-footer-contact a:first-child span {white-space:nowrap;}
  .finale-social {grid-row:2;}
  .finale-footer-legal {align-items:center;text-align:center;font-size:10px;}
  .finale-footer-legal p {flex-direction:column;gap:5px;white-space:normal;}
}

@media(hover:none) {
  .finale-contact {width:clamp(66px,18vw,88px);opacity:1;transform:scale(1);box-shadow:0 15px 45px rgba(225,6,6,.28);}
}

@media(max-width:420px) {
  .cta.about-finale {min-height:500px;}
  .finale-top {top:13.5%;}
  .finale-bottom {bottom:7%;}
  .finale-bottom p {font-size:clamp(20px,6vw,26px);}
  .finale-footer-tagline span {gap:7px;}
  .finale-footer-tagline i {margin:0 18px;}
  .finale-search {height:56px;}
  .finale-footer-contact a:first-child span {max-width:none;}
}

/* Exact GeekOnUp about-page finale. Values below mirror the source site's vw/rem system. */
@font-face {font-family:FinaleIcon;src:url('/templates/font/iconfont.woff2') format('woff2');font-display:block;}
@font-face {font-family:HalvarBreit-Rg;src:url('/templates/font/HalvarBreit-Rg.woff2') format('woff2'),url('/templates/font/HalvarBreit-Rg.woff') format('woff');font-display:swap;}
@font-face {font-family:HalvarBreit-Md;src:url('/templates/font/HalvarBreit-Md.woff2') format('woff2'),url('/templates/font/HalvarBreit-Md.woff') format('woff');font-display:swap;}
.finale-icon {font-family:FinaleIcon!important;font-style:normal;font-weight:400;line-height:1;}
.finale-reference {position:relative;z-index:1;isolation:isolate;overflow:clip;background:#000;color:#fff;}
.finale-reference a {color:inherit;text-decoration:none;}
.finale-reference>.finale-shader {position:fixed;z-index:0;inset:0;width:100vw;height:100vh;display:block;background:#000 url('/finale/bg.png.webp') center bottom/cover no-repeat;pointer-events:none;}
.finale-reference>.about-finale,.finale-reference>.site-finale-footer {position:relative;z-index:1;background:transparent;}

.finale-reference>.cta.about-finale {width:100%;height:50vw;min-height:0;max-height:none;padding:6% 0 5%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;border:0;border-bottom:1px solid rgba(255,255,255,.05);isolation:auto;}
.finale-reference>.cta.about-finale::before,.finale-reference>.cta.about-finale::after,.finale-reference>.site-finale-footer::before,.finale-reference>.site-finale-footer::after {content:none;display:none;}
.finale-reference .finale-canvas {position:absolute;z-index:1;top:0;left:0;width:100%;height:56.25vw;display:block;pointer-events:none;transform:translateZ(0);}
.finale-reference .finale-top,.finale-reference .finale-bottom {position:relative;z-index:5;top:auto;right:auto;bottom:auto;left:auto;width:100%;color:#fff;text-align:center;pointer-events:none;}
.finale-reference .finale-top h2 {margin:0;padding:0 20px;color:#fff;font-size:clamp(26px,2.7vw,44px);font-weight:300;line-height:1.35;letter-spacing:0;}
.finale-reference .finale-top h2>[data-finale-line] {display:block;}
.finale-reference .finale-top h2>strong {margin-top:4px;color:#bba2ff;font-weight:600;}
.finale-reference .finale-bottom h3 {margin:0 0 .520833vw;color:#fff;font-size:1.25vw;font-weight:400;line-height:1.2;letter-spacing:0;}
.finale-reference .finale-bottom p {width:min(90%,840px);margin:0 auto;color:#d9d3e8;font-family:var(--sans);font-size:clamp(16px,1.3vw,18px);font-weight:400;line-height:1.75;letter-spacing:0;white-space:normal;}
.finale-reference .finale-copy [data-finale-char] {display:inline-block;opacity:0;filter:blur(1.302083vw);transform:translate3d(0,.520833vw,0);transition:opacity 2s var(--ease),transform 2s var(--ease),filter 2s var(--ease);}
.finale-reference .finale-copy [data-finale-char]:nth-of-type(4n+1) {transition-delay:.1s;}
.finale-reference .finale-copy [data-finale-char]:nth-of-type(4n+2) {transition-delay:.4s;}
.finale-reference .finale-copy [data-finale-char]:nth-of-type(4n+3) {transition-delay:.2s;}
.finale-reference .finale-copy [data-finale-char]:nth-of-type(4n+4) {transition-delay:.3s;}
.finale-reference .finale-copy.is-visible [data-finale-char] {opacity:1;filter:blur(0);transform:translateZ(0);}
.finale-reference .finale-hit {position:relative;z-index:3;top:auto;left:auto;width:80%;height:30.208333vw;margin:0 auto;display:flex;align-items:center;justify-content:center;outline:0;clear:both;pointer-events:auto;}
.finale-reference .finale-wordmark {position:static;z-index:auto;top:auto;left:auto;width:auto;max-width:none;height:23.958333vw;margin:0 auto;display:block;opacity:1;filter:none;transform:none;transition:none;pointer-events:none;}
.finale-reference .finale-contact {position:absolute;z-index:3;inset:0;display:none;width:10.416667vw;height:10.416667vw;margin:auto;place-items:center;border-radius:50%;background:#e10606;color:#fff;box-shadow:none;opacity:1;transform:translateZ(0);transition:none;}
.finale-reference .finale-contact::before {content:"";position:absolute;inset:0;border:0;border-radius:inherit;background:#e10606;transition:transform .7s var(--ease);}
.finale-reference .finale-contact i {position:relative;z-index:1;font-size:5vw;transition:transform .8s var(--ease);}
.finale-reference .finale-hit:focus-visible {outline:1px solid rgba(255,255,255,.65);outline-offset:-1px;}

.finale-cursor {position:fixed;z-index:250;left:0;top:0;width:0;height:0;opacity:0;pointer-events:none;transition:opacity .18s ease;}
.finale-cursor.is-active {opacity:1;}
.finale-cursor-inner,.finale-cursor-outer {position:absolute;left:0;top:0;width:.78125vw;height:.78125vw;margin:calc(-.390625vw);display:grid;place-items:center;border-radius:50%;background:#e10606;color:#fff;will-change:transform;}
.finale-cursor-inner {z-index:2;font-size:1.25vw;transform:translate3d(var(--finale-cursor-x,-100px),var(--finale-cursor-y,-100px),0);}
.finale-cursor-outer {z-index:1;box-shadow:0 0 2.604167vw -3px #e10606,0 0 .520833vw -2px #e10606,0 0 .78125vw -1px #e10606;transform:translate3d(var(--finale-cursor-outer-x,-100px),var(--finale-cursor-outer-y,-100px),0) scale(10);transition:transform .2s cubic-bezier(.25,.74,.22,.99);}

.finale-reference>.site-finale-footer {width:100%;height:100vh;min-height:0;padding:0;display:grid;grid-template-columns:100%;grid-template-rows:calc(100% - 6.510417vw) 6.510417vw;overflow:visible;border:0;text-align:left;color:#fff;isolation:auto;}
.finale-footer-main {position:relative;z-index:10;min-height:0;padding:5.208333vw 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.finale-footer-logo {display:block;width:auto;height:4.6875vw;max-width:none;}
.finale-footer-tagline {display:flex;align-items:center;justify-content:center;margin:1.5625vw 0 3.125vw;color:#fff;font-size:1.041667vw;font-weight:100;line-height:1;white-space:nowrap;}
.finale-footer-tagline p {margin:0;color:#fff;font-size:inherit;font-weight:100;line-height:1;letter-spacing:.5em;text-indent:.5em;}
.finale-footer-tagline>i {width:1px;height:1.041667vw;margin:0 2.083333vw;background:rgba(255,255,255,.2);}
.finale-search {position:relative;width:19.791667vw;height:3.645833vw;margin:0;padding:0;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(85,81,247,.2);border-radius:2rem;background:#101026;box-shadow:none;transition:none;}
.finale-search:focus-within {border-color:rgba(85,81,247,.55);background:#101026;box-shadow:none;}
.finale-search input {width:calc(100% - 4.166667vw);height:100%;margin:0;padding:0 1.5625vw;border:0;outline:0;background:transparent;color:#fff;font:500 .833333vw/1 Poppins,var(--sans);text-indent:0;letter-spacing:0;}
.finale-search input::placeholder {color:#999;opacity:1;}
.finale-search button {position:static;width:4.166667vw;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:#e10606;font-size:1.145833vw;line-height:1;transform:none;transition:color .3s ease;}
.finale-search button:hover {background:transparent;color:#fff;transform:none;}
.finale-search button svg {display:none;}
.sr-only {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.finale-footer-bottom {position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:0;padding:0 3.125vw 1.5625vw;border:0;}
.finale-footer-bottom::after {content:"";position:absolute;left:0;bottom:6.510417vw;width:100%;height:1px;background:rgba(255,255,255,.05);}
.finale-footer-contact {display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:flex-end;font-style:normal;}
.finale-footer-contact a {display:flex;max-width:100%;align-items:center;gap:.078125vw;padding:0;color:#fff;font-size:.729167vw;font-weight:400;line-height:normal;transition:color .3s ease;}
.finale-footer-contact a+a {margin-top:.052083vw;}
.finale-footer-contact a span {font-size:.833333vw;font-weight:600;}
.finale-footer-contact a:last-child span {font-family:Poppins,var(--sans);font-weight:500;letter-spacing:0;}
.finale-footer-contact .finale-icon {width:.208333vw;margin-right:.104167vw;color:#e10606;font-size:.833333vw;text-align:center;}
.finale-footer-contact a:hover,.finale-footer-legal a:hover {color:#e10606;}
.finale-social {display:grid;grid-auto-flow:column;grid-auto-columns:2.083333vw;gap:0 .78125vw;align-items:end;justify-content:center;padding:0;}
.finale-social>a,.finale-share>button {display:flex;width:2.083333vw;height:2.083333vw;padding:0;align-items:center;justify-content:center;border:0;border-radius:5px;background:transparent;color:#fff;font-size:1.041667vw;transition:color .5s var(--ease),background-color .5s var(--ease);}
.finale-social>a:hover,.finale-share>button:hover {color:#e10606;transform:none;}
.finale-share {position:relative;display:block;}
.finale-qr {position:absolute;left:-3.125vw;bottom:100%;width:8.333333vw;display:block;opacity:0;pointer-events:none;transform:translate3d(0,1.041667vw,0);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.finale-qr img {display:block;width:100%;height:auto;border:3px solid #fff;border-radius:.260417vw;background:#fff;box-shadow:0 -2px 8px -1px rgba(0,0,0,.12);}
.finale-qr>i {position:relative;width:100%;height:.78125vw;display:block;}
.finale-qr>i::after {content:"";position:absolute;right:0;bottom:2px;left:0;width:0;height:0;margin:auto;border-color:#fff transparent transparent;border-style:solid;border-width:7px;}
.finale-share:is(:hover,:focus-within) .finale-qr,.finale-share.is-open .finale-qr {opacity:1;pointer-events:auto;transform:translateZ(0);}
.finale-footer-legal {display:flex;min-width:0;flex-direction:column;align-items:flex-end;justify-content:flex-end;color:#fff;font-size:.729167vw;line-height:normal;}
.finale-footer-legal>div {display:flex;align-items:center;margin:0 0 .520833vw;}
.finale-footer-legal>div>i {width:1px;height:.625vw;margin:0 1.041667vw;background:rgba(255,255,255,.5);}
.finale-footer-legal p {display:block;margin:0;color:#fff;font:500 .729167vw/normal Poppins,var(--sans);letter-spacing:0;white-space:nowrap;}

@media screen and (orientation:landscape) and (min-width:901px) {
  .finale-footer-bottom {
    align-items:center;
    padding:0 clamp(30px,2.2vw,42px);
  }
  .finale-footer-bottom::after {top:0;bottom:auto;}
  .finale-footer-contact {
    flex-direction:column;
    flex-wrap:nowrap;
    align-items:flex-start;
    justify-content:center;
    gap:8px;
  }
  .finale-footer-contact a {
    flex:none;
    gap:6px;
    line-height:1.4;
  }
  .finale-footer-contact a+a {margin-top:0;}
  .finale-footer-contact a span {
    font-size:clamp(11px,.78vw,14px);
    font-weight:500;
  }
  .finale-footer-contact .finale-icon {
    width:14px;
    margin-right:0;
    flex:0 0 14px;
    font-size:13px;
  }
}

.finale-reveal-group .finale-reveal-item {opacity:0;filter:blur(1.302083vw);transform-origin:0 50%;transform:rotate(2deg) translate3d(0,.78125vw,0);transition:opacity 1.8s var(--ease),transform 1.8s var(--ease),filter 1.8s var(--ease),color .3s var(--ease);}
.finale-reveal-group .finale-reveal-item:nth-child(2) {transform:rotate(3deg) translate3d(0,1.041667vw,0);transition-delay:.06s;}
.finale-reveal-group .finale-reveal-item:nth-child(3) {transform:rotate(4deg) translate3d(0,1.302083vw,0);transition-delay:.09s;}
.finale-reveal-group.is-visible .finale-reveal-item {opacity:1;filter:blur(0);transform:translateZ(0);}

.finale-dialog[hidden] {display:none;}
.finale-dialog {position:fixed;z-index:300;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .5s ease;}
.finale-dialog.is-open {opacity:1;pointer-events:auto;}
.finale-dialog-mask {position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.6);}
.finale-dialog-panel {position:relative;z-index:1;width:46.875vw;transform:translateY(3vw);transition:transform 1s var(--ease);}
.finale-dialog.is-open .finale-dialog-panel {transform:translateY(0);}
.finale-dialog-content {padding:4.166667vw 4.6875vw 3.645833vw;background:#19182c url('/finale/mask.png.webp') top/100% 100% no-repeat;}
.finale-dialog-content h2 {margin:0 0 2.083333vw;color:#fff;font-size:2.5vw;font-weight:400;line-height:1.2;letter-spacing:0;}
.finale-dialog-close {position:absolute;z-index:2;top:0;right:0;width:4.166667vw;height:4.166667vw;padding:0;border:0;border-radius:50%;background:#e10606;color:#fff;font-size:1.041667vw;transition:transform .5s var(--ease);}
.finale-dialog-close:hover {transform:rotate(90deg);}
.finale-dialog-form {display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;}
.finale-dialog-form label {width:calc(50% - 6px);margin-bottom:.78125vw;}
.finale-dialog-form select,.finale-dialog-form input,.finale-dialog-form textarea {display:block;width:100%;border:1px solid #101026;border-radius:.520833vw;background:#101026;color:#fff;font-family:var(--sans);font-size:.9375vw;font-weight:600;outline:0;transition:border-color .5s var(--ease);}
.finale-dialog-form select,.finale-dialog-form input {height:3.645833vw;padding:0 1.041667vw;text-indent:0;}
.finale-dialog-form select {appearance:none;background-image:linear-gradient(45deg,transparent 50%,#5551f7 50%),linear-gradient(135deg,#5551f7 50%,transparent 50%);background-position:calc(100% - 1.2vw) 50%,calc(100% - .9vw) 50%;background-size:.3vw .3vw,.3vw .3vw;background-repeat:no-repeat;}
.finale-dialog-form textarea {height:9.375vw;padding:1.041667vw;resize:none;text-indent:0;}
.finale-dialog-form select:hover,.finale-dialog-form input:hover,.finale-dialog-form textarea:hover,.finale-dialog-form :focus {border-color:rgba(85,81,247,.5);}
.finale-dialog-form ::placeholder {color:rgba(255,255,255,.3);}
.finale-dialog-message {width:100%!important;}
.finale-dialog-submit {width:15.625vw;height:3.125vw;margin:1.822917vw auto 0;padding:0;border:0;border-radius:2rem;background:#5140f7;color:#fff;font-size:1.041667vw;font-weight:600;transition:background-color .4s ease,transform .4s var(--ease);}
.finale-dialog-submit:hover {background:#e10606;transform:scale(1.02);}
body.finale-dialog-open {overflow:hidden;}

@media screen and (orientation:portrait) {
  .finale-reference>.cta.about-finale {height:120vw;min-height:0;max-height:none;padding:16vw 0 12vw;}
  .finale-reference .finale-canvas {display:none;top:26vw;}
  .finale-reference .finale-top h2 {font-size:clamp(22px,6vw,32px);}
  .finale-reference .finale-hit {width:100%;height:62vw;background:url('/templates/image/home/headFrame/00012.webp') center/100% auto no-repeat;}
  .finale-reference .finale-wordmark {width:auto;height:54vw;max-width:none;opacity:1;}
  .finale-reference .finale-contact {display:grid;width:110px;height:110px;}
  .finale-reference .finale-contact i {font-size:5vw;}
  .finale-reference .finale-bottom h3 {margin-bottom:5.5px;font-size:16px;}
  .finale-reference .finale-bottom p {font-size:16px;}
  .finale-cursor {display:none;}

  .finale-reference>.site-finale-footer {height:100vh;min-height:0;grid-template-rows:calc(100% - 275px) 275px;}
  .finale-footer-main {padding-top:55px;}
  .finale-footer-logo {height:49.5px;max-width:none;}
  .finale-footer-tagline {margin:16.5px 0 33px;font-size:16px;}
  .finale-footer-tagline>i {height:11px;margin:0 22px;}
  .finale-search {width:264px;height:55px;}
  .finale-search input {width:220px;padding:0 16.5px;font-size:14px;}
  .finale-search button {width:44px;font-size:18px;}
  .finale-footer-bottom {grid-template-columns:100%;grid-template-rows:auto auto auto;justify-items:center;align-content:space-between;padding:0 5vw 44px;}
  .finale-footer-bottom::after {bottom:115.5px;}
  .finale-footer-contact {grid-row:1;width:100%;align-items:center;flex-direction:column-reverse;justify-content:center;}
  .finale-footer-contact a {justify-content:center;gap:4px;font-size:13px;}
  .finale-footer-contact a+a {margin-top:0;margin-bottom:3px;}
  .finale-footer-contact a span {font-size:14px;white-space:normal;text-align:center;}
  .finale-footer-contact .finale-icon {width:auto;margin-right:2px;font-size:14px;}
  .finale-social {grid-row:2;grid-auto-columns:44px;gap:0 8.25px;}
  .finale-social>a,.finale-share>button {width:44px;height:44px;font-size:20px;}
  .finale-qr {left:-66px;width:176px;transform:translate3d(0,11px,0);}
  .finale-footer-legal {grid-row:3;align-items:center;font-size:13px;text-align:center;}
  .finale-footer-legal>div {margin-bottom:5.5px;}
  .finale-footer-legal>div>i {height:6.6px;margin:0 11px;}
  .finale-footer-legal p {font-size:12px;white-space:normal;}
  .finale-reveal-group .finale-reveal-item {filter:blur(13.75px);transform:rotate(2deg) translate3d(0,8.25px,0);}

  .finale-dialog-panel {width:90vw;}
  .finale-dialog-content {position:relative;padding:27.5px;background-size:120%;background-position:top right;}
  .finale-dialog-content::after {content:"";position:absolute;z-index:0;right:0;bottom:0;left:0;height:50%;border-radius:5px;background:#19182c;}
  .finale-dialog-content>* {position:relative;z-index:1;}
  .finale-dialog-content h2 {margin-bottom:22px;font-size:6vw;}
  .finale-dialog-close {width:49.5px;height:49.5px;font-size:16px;}
  .finale-dialog-form label {width:100%;margin-bottom:8px;}
  .finale-dialog-form select,.finale-dialog-form input {height:49.5px;padding:0 14px;font-size:14px;border-radius:5px;}
  .finale-dialog-form select {background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;}
  .finale-dialog-form textarea {height:99px;padding:14px;font-size:14px;border-radius:5px;}
  .finale-dialog-submit {width:78%;height:49.5px;margin:27.5px auto 0;font-size:16px;}
}

@media(prefers-reduced-motion:reduce) {
  .stage-art {transition:none!important;}
  .art-core,.art-star,.signal .bar i,.ops-toolbar .live {animation:none!important;}
  .promise .pcard,.promise .pcard * {transition:none!important;}
  .stages .node-body {transition:none;}
  html {scroll-behavior:auto;}
  .finale-contact,.finale-wordmark {transition:none!important;}
  .finale-copy [data-finale-char] {opacity:1;filter:none;transform:none;transition:none;}
  .stage-title-copy .reveal-char {opacity:1;filter:none;transform:none;transition:none;}
  .ops-release-steps li {opacity:1;filter:none;transform:none;animation:none!important;}
  .ops-release-rail::before {transform:scaleX(1);animation:none!important;}
  .ops-release-rail::after {display:none;}
  .ops-release-marker,.ops-release-steps strong {animation:none!important;}
  .ops-pillar.is-active::before {animation:none!important;}
}
@media print {
  .stage-head {position:static;}
  .stages .node-body {grid-template-rows:1fr;opacity:1;}
  .stage-art,.node-shortcuts,.commitment-art,.stagenav,.totop {display:none;}
  .stage-layout {display:block;}
}