/* Relay and the client dashboard only. */
.harmony-home #relay.relay-visual{padding:64px 0 36px}
.relay-visual-heading{display:grid;grid-template-columns:1fr 1.1fr;gap:96px;align-items:center;margin-bottom:32px}
.harmony-home #relay.relay-visual #relay-h{font:500 64px/1 var(--tl-font-display);letter-spacing:-.04em;margin:0;max-width:none}
.relay-visual-heading p{font:400 18px/1.6 var(--tl-font-body);color:var(--h-muted);max-width:46ch;margin:0}
.relay-visual-heading .tlink{color:var(--h-cobalt);font-size:15px;min-height:44px;margin-top:10px}

.relay-access{border-bottom:1px solid var(--h-line);margin:12px 0 0}.relay-access summary{display:flex;align-items:center;gap:16px;min-height:48px;list-style:none;cursor:pointer;font-size:14px;color:var(--h-muted)}.relay-access summary::-webkit-details-marker{display:none}.relay-access summary>span:last-child{font-size:20px;color:var(--h-cobalt)}.relay-access[open] summary>span:last-child{transform:rotate(45deg)}.relay-access p{font-size:15px;line-height:1.6;color:var(--h-muted);max-width:76ch;padding:0 0 20px;margin:0}
.client-chart-source{display:block!important}.client-chart-source iframe{display:block;width:100%;height:410px;border:0;background:#fff}
.dashboard-open{display:inline-flex;align-items:center;gap:12px;min-height:52px;background:transparent;border:0;padding:10px 0;font:500 14px/1.4 var(--tl-font-body);color:var(--h-cobalt);cursor:pointer}.dashboard-open svg{width:17px;height:17px}
.client-modal{position:fixed;padding:0;border:1px solid #cbd9ec;border-radius:12px;width:min(1360px,calc(100vw - 48px));height:calc(100dvh - 64px);max-height:none;max-width:none;margin:auto;overflow:hidden;background:#f1f4f8;box-shadow:0 24px 80px #0a254033}
.client-modal:not([open]){display:none}.client-modal::backdrop{background:#0a254099}.client-modal iframe{display:block;width:100%;height:100%;border:0}.dashboard-close{position:absolute;top:18px;right:18px;z-index:2;width:40px;height:40px;display:grid;place-items:center;border:1px solid #ced7e5;border-radius:50%;background:#fff;color:#0a2540;cursor:pointer}.dashboard-close svg{width:18px;height:18px}.dashboard-close:focus-visible{outline:2px solid #1f4fd6;outline-offset:3px}html.dashboard-visible{overflow:hidden}
@media(prefers-reduced-motion:no-preference){.client-modal[open]{animation:client-arrive .24s cubic-bezier(.16,1,.3,1)}@keyframes client-arrive{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}}

.relay-product-scene{margin:0;overflow:hidden;background:#e7eef7;border:1px solid #c4d1e2;border-radius:12px;isolation:isolate;--relay-p:1;--approval:1}
.studio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 24px;background:#0a2540;color:#fff}
.studio-title{display:flex;align-items:center;gap:12px}.studio-title>svg{width:20px;height:24px;fill:none;stroke:#8bd4ff;stroke-width:1.7;stroke-linecap:round}
.relay-product-scene h3{margin:0;font:500 17px/1.25 var(--tl-font-display);letter-spacing:-.015em;color:#fff}
.studio-steps{display:flex;align-items:center;gap:22px;list-style:none;padding:0;margin:0;font-size:12px;color:#adc4de}
.studio-steps li{position:relative;white-space:nowrap}.studio-steps li+li::before{content:"/";position:absolute;left:-13px;color:#547598}
.studio-steps [aria-current=step]{color:#fff}.studio-steps [aria-current=step]::after{content:"";position:absolute;left:0;right:0;bottom:-19px;height:2px;background:#8bd4ff}
.studio-stage{height:352px;position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:60px;align-items:center;padding:26px clamp(32px,5vw,72px);perspective:1200px;overflow:hidden;background:linear-gradient(110deg,#dbe5f2,#eff4fa 70%)}
.studio-paper{width:100%;max-width:360px;height:292px;padding:20px 24px;justify-self:center;background:#fff;border-radius:3px;box-shadow:0 8px 20px #173f6822;position:relative;overflow:hidden;transform:translate3d(calc(var(--relay-p)*-12px),calc(var(--relay-p)*-5px),0) rotate(calc(-5deg + var(--relay-p)*3deg)) scale(calc(1 - var(--relay-p)*.03));transform-origin:center}
.paper-heading{display:flex;align-items:center;justify-content:space-between;color:#6b819d}.paper-heading svg{width:21px;height:26px;fill:none;stroke:#315faa;stroke-width:1.3}.paper-heading span{font:500 9px var(--tl-font-body);letter-spacing:.05em}
.studio-paper h4{font:500 18px/1.2 var(--tl-font-display);color:#17314f;letter-spacing:-.02em;margin:12px 0}
.paper-rule{height:1px;background:#d9e1ed;margin-bottom:10px}.paper-field{position:relative;padding:7px 0 6px;border-radius:3px;isolation:isolate}.paper-field::before{content:"";position:absolute;inset:0 -8px;background:#e7efff;border:1px solid #9bb7ed;border-radius:3px;opacity:var(--scan-hit,0);z-index:-1}.paper-field>span{display:block;font-size:10px;color:#657a94;margin-bottom:7px}
.redacted{display:block;height:5px;background:#bbc9da;border-radius:2px}.redacted.wide{width:74%}.redacted.short{width:45%}.redacted.medium{width:62%}
.paper-signature{margin-top:10px;display:flex;align-items:end;justify-content:space-between}.paper-signature svg{width:78px;height:20px;fill:none;stroke:#8094ae;stroke-width:1.2}.paper-signature>span{height:1px;width:48px;background:#d2dce8}
.paper-scan{position:absolute;left:0;right:0;top:80px;height:1px;background:#1f4fd6;box-shadow:0 -8px 14px #1f4fd633;transform:translateY(calc(var(--scan,1)*160px));opacity:var(--scan-on,0);pointer-events:none}
.studio-transfer{position:absolute;left:43%;top:48%;width:28px;height:28px;color:#547fc1;opacity:calc(.35 + var(--relay-p)*.65)}.studio-transfer svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.studio-record{position:relative;min-width:0;max-width:640px;width:100%;justify-self:center;background:#fff;border-radius:10px;box-shadow:0 12px 26px #1432511e;transform:translate3d(calc((1 - var(--relay-p))*24px),calc((1 - var(--relay-p))*9px),0)}
.record-top{display:flex;gap:12px;align-items:center;padding:18px 22px;border-bottom:1px solid #dbe3ee}.record-avatar{display:grid;place-items:center;width:38px;height:38px;background:#eaf0fc;border-radius:9px;flex:none}.record-avatar svg{width:24px;height:24px;fill:none;stroke:#345bad;stroke-width:1.4;stroke-linecap:round}
.record-top h4{font:500 20px/1.2 var(--tl-font-display);color:#102b49;letter-spacing:-.02em;margin:0 0 4px}.record-status{font-size:11px;color:#607591}.record-status [hidden]{display:none}.record-options{margin-left:auto;width:22px;height:22px;fill:#8a9db5}
.record-fields{padding:8px 22px 14px}.record-field{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:18px;padding:11px 0;border-bottom:1px solid #e5eaf2;font-size:12px;color:#56708c}.record-field>div{min-height:22px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px 0 10px;border-radius:3px;background:rgba(224,235,254,calc(var(--field,1)*.65))}.record-field .redacted{transform:scaleX(var(--field,1));transform-origin:left;background:#708aac;opacity:calc(.35 + var(--field,1)*.65);height:5px}.record-field svg{width:16px;height:16px;fill:none;stroke:#1f4fd6;stroke-width:1.6;stroke-dasharray:20;stroke-dashoffset:calc(20 - var(--field,1)*20);flex:none}
.record-approval{display:flex;align-items:center;gap:10px;padding:13px 22px;background:#1f4fd6;color:#fff;border-radius:0 0 10px 10px;opacity:var(--approval,1);transform:translateY(calc((1 - var(--approval,1))*14px));clip-path:inset(0 0 calc((1 - var(--approval,1))*100%) 0)}
.approval-person{display:grid;place-items:center;width:30px;height:30px;border:1px solid #95b6ff;border-radius:50%;flex:none}.approval-person svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.3}.record-approval strong{display:block;font-size:12px;font-weight:500}.record-approval span{display:block;font-size:10px;color:#dbe7ff;margin-top:3px}.approval-chevron{width:18px;height:18px;fill:none;stroke:#dce7ff;stroke-width:1.3;margin-left:auto}
.studio-movement{position:absolute;inset:0;pointer-events:none}.studio-movement>span{position:absolute;left:0;top:0;padding:9px 13px;border-radius:5px;background:#1f4fd6;color:#fff;box-shadow:0 4px 12px #0a25402e;font:500 11px/1 var(--tl-font-body);white-space:nowrap;opacity:0}
.studio-footer{display:flex;align-items:center;justify-content:center;gap:16px;padding:13px 24px;background:#fff;border-top:1px solid #d4dfed}
.studio-service{display:flex;align-items:center;gap:7px;color:#536e90;font-size:11px;white-space:nowrap}.studio-service svg{width:15px;height:15px;fill:none;stroke:#5579ae;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.studio-service-line{height:1px;width:32px;background:#c6d6e9}
@media(max-width:1100px){.relay-visual-heading{gap:40px}.studio-stage{gap:32px;padding-inline:28px}.studio-paper{padding:20px}.studio-transfer{left:41%;width:23px}.record-top{padding:16px}.record-fields{padding-inline:16px}.record-approval{padding-inline:16px}.record-top h4{font-size:18px}.record-field{font-size:11px;gap:10px}}
@media(max-width:760px){
 .harmony-home #relay.relay-visual{padding:40px 0 24px}.relay-visual-heading{display:block;margin-bottom:20px}.harmony-home #relay.relay-visual #relay-h{font-size:46px;margin-bottom:16px}.relay-visual-heading p{font-size:16px;line-height:1.5}.relay-visual-heading .tlink{font-size:14px}
 .relay-product-scene{border-radius:8px}.studio-toolbar{display:block;padding:16px 18px 14px}.studio-title{gap:9px}.studio-title>svg{width:16px;height:20px}.relay-product-scene h3{font-size:15px}.studio-steps{font-size:11px;margin-top:16px;gap:24px}.studio-steps [aria-current=step]::after{bottom:-14px}.studio-stage{display:block;padding:0;height:330px;perspective:none}
 .studio-paper{position:absolute;left:15px;top:20px;width:66%;height:251px;padding:16px;transform:translate3d(calc(var(--relay-p)*-10px),calc(var(--relay-p)*-4px),0) rotate(calc(-6deg + var(--relay-p)*3deg)) scale(calc(1 - var(--relay-p)*.06))}.studio-paper h4{font-size:14px;margin:10px 0}.paper-heading svg{width:17px;height:22px}.paper-field>span{font-size:9px}.paper-field{padding-block:6px}.paper-signature{margin-top:6px}.paper-scan{top:68px}.studio-transfer{display:none}
 .studio-record{position:absolute;right:13px;top:40px;width:77%;transform:translate3d(calc((1 - var(--relay-p))*16px),calc((1 - var(--relay-p))*14px),0);border-radius:8px}.record-top{padding:14px 12px;gap:8px}.record-avatar{width:29px;height:29px;border-radius:6px}.record-avatar svg{width:21px;height:21px}.record-top h4{font-size:16px;line-height:1.2;margin-bottom:4px}.record-status{font-size:10px}.record-options{display:none}.record-fields{padding:5px 12px 10px}.record-field{font-size:10px;gap:8px;grid-template-columns:1.1fr 1fr;padding:11px 0;line-height:1.3}.record-field>div{padding-left:5px;min-height:20px}.record-field svg{width:12px;height:12px}.record-field .redacted{height:4px}.record-approval{padding:11px 12px;gap:8px;border-radius:0 0 8px 8px}.approval-person{width:26px;height:26px}.record-approval strong{font-size:11px}.record-approval span{font-size:9px}.approval-chevron{width:14px}.studio-movement>span{font-size:9px;padding:7px 9px}
 .studio-footer{gap:9px;padding:13px 12px}.studio-service{font-size:9px;gap:5px}.studio-service svg{width:13px;height:13px}.studio-service-line{width:12px;flex-shrink:0}
 .relay-access summary{font-size:13px;min-height:44px}.relay-access p{font-size:14px}.client-chart-source iframe{height:620px}.client-modal{width:100vw;height:100dvh;border:0;border-radius:0}.dashboard-close{top:12px;right:12px;width:36px;height:36px}
}
@media(max-width:360px){.studio-record{width:79%;right:10px}.record-top{padding:12px 10px}.record-top h4{font-size:14px}.record-field{font-size:9px}.record-fields{padding-inline:10px}.studio-footer{gap:6px;padding-inline:8px}.studio-service{font-size:8px}.studio-service-line{width:7px}.studio-title{gap:7px}.relay-product-scene h3{font-size:14px}.studio-steps{font-size:10px}}
@media(prefers-reduced-motion:reduce){.studio-paper,.studio-record,.record-approval{transform:none!important}.paper-scan,.studio-movement{display:none}.record-approval{opacity:1;clip-path:none}.record-field .redacted{transform:none;opacity:1}.record-field svg{stroke-dashoffset:0}.client-modal[open]{animation:none}}