:root{--cd-ink:#202024;--cd-lilac:#d6c4fa;--cd-purple:#7652ad;--cd-mist:#f6f3fb}
.connection-hero{position:relative;isolation:isolate;overflow:clip;margin:0 24px;border-radius:0 0 36px 36px;background:#f4f0fa;min-height:810px;padding:64px 24px 22px;color:var(--cd-ink)}
.hero-halo{position:absolute;inset:12% -15% -55%;z-index:-1;background:radial-gradient(ellipse at 50% 60%,#baa0e8 0,#e1d4f6 42%,#f7f5fb 72%);filter:blur(16px)}
.connection-copy{text-align:center;position:relative;z-index:2}.beta-label{display:flex;justify-content:center;align-items:center;gap:9px;font-size:13px!important;letter-spacing:.04em;margin:0 0 22px!important;color:#635377}.beta-label span{width:7px;height:7px;background:#8864ba;border-radius:50%}
.connection-copy h1{font-size:clamp(42px,5.2vw,76px);font-weight:500;letter-spacing:-.055em;line-height:1.04;margin:0 auto 22px;max-width:1000px}.connection-copy>p:not(.beta-label){font-size:20px;line-height:1.5;color:#625a6b;margin:0 0 25px}.connection-copy .actions{justify-content:center;gap:28px}.hero-secondary{font-size:15px;color:#37313f;text-decoration:none}
.connection-scene{position:relative;width:min(960px,100%);height:340px;margin:22px auto 0}.motion-card{position:absolute;width:305px;padding:22px;background:linear-gradient(150deg,#fff,#fbf9ff);border:1px solid #dcd1ed;border-radius:20px;box-shadow:0 25px 65px #67478d25,0 2px 0 #fff inset;z-index:2}.clinic-card{left:2%;top:10px;transform:rotate(-5deg);animation:clinic-float 7s ease-in-out infinite}.lab-card{right:2%;top:35px;transform:rotate(5deg);animation:lab-float 7s ease-in-out infinite}.motion-top{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:.09em;color:#705b8a}.motion-icon{display:grid;place-items:center;background:#ede4fa;border-radius:10px;font-size:21px;width:34px;height:34px;color:#6c469b}.tiny-dot{margin-left:auto;width:6px;height:6px;background:#a484cb;border-radius:50%}.motion-card h2{font-size:21px!important;letter-spacing:-.03em!important;line-height:1.2;margin:18px 0!important}.instruction-line,.accepted-line{display:flex;align-items:center;justify-content:space-between;font-size:14px;border-top:1px solid #eee7f5;padding-top:13px}.instruction-line b{border:1px solid #d9cbe9;border-radius:8px;padding:6px 10px;background:#f2ecfa}.file-token{display:flex;gap:10px;align-items:center;background:#f2eef7;border-radius:9px;padding:10px;margin-top:12px;font-size:12px}.file-token span:last-child{margin-left:auto;color:#785a9c}.motion-card>p{font-size:11px;margin:12px 0 0;color:#766884}.accepted-line b{font-size:11px;background:#ece3f7;border-radius:20px;padding:7px;color:#64448c}.mini-timeline{display:flex;align-items:center;gap:4px;font-size:10px;margin-top:22px}.mini-timeline i{height:2px;background:#ccb4e9;flex:1}.connection-hub{position:absolute;left:50%;top:90px;transform:translateX(-50%) rotate(-9deg);width:100px;height:100px;background:linear-gradient(140deg,#af93cf,#6b498f);border-radius:29px;box-shadow:0 18px 40px #69508044,inset 0 2px 2px #e5d1ff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:54px;letter-spacing:-10px;padding-right:10px;font-weight:500;z-index:2}.connection-track{position:absolute;left:20%;right:20%;top:140px;border-top:2px dashed #b69dce}.connection-track i{position:absolute;top:-6px;width:10px;height:10px;background:#8d68bb;border:2px solid #e7daf7;border-radius:50%;animation:handoff-travel 6s linear infinite}.connection-track i:nth-child(2){animation-delay:-2s}.connection-track i:nth-child(3){animation-delay:-4s}.handoff-ticket{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;padding:17px 23px;background:#ffffffdc;border:1px solid #fff;border-radius:15px;box-shadow:0 12px 30px #6f528023;z-index:3;white-space:nowrap}.ticket-check{display:grid;place-items:center;background:#e6d8f7;color:#6e449a;border-radius:50%;width:32px;height:32px}.handoff-ticket b{font-size:14px}.handoff-ticket div>span{display:block;font-size:11px;color:#766486;margin-top:5px}.motion-footer{display:flex;justify-content:space-between;max-width:1100px;margin:18px auto 0;font-size:11px;color:#6c5c80}.motion-footer button{font:inherit;border:0;background:transparent;color:inherit;padding:4px;cursor:pointer}.motion-footer button:focus-visible{outline:2px solid #6e449a;outline-offset:4px}
@keyframes clinic-float{50%{transform:translateY(-10px) rotate(-3deg)}}@keyframes lab-float{50%{transform:translateY(8px) rotate(3deg)}}@keyframes handoff-travel{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:100%;opacity:0}}
.motion-paused .connection-scene *{animation-play-state:paused!important}
#workflow{padding-top:100px}.tools-section{background:#f6f3fb;border-radius:36px;margin:24px}.tools-grid>a{background:#fff;border-color:#e7ddf1;transition:transform .2s,box-shadow .2s}.tools-grid>a:hover{transform:translateY(-4px);box-shadow:0 18px 40px #78608815}.tool-symbol{background:#eee5fa;color:#77529d}.section-heading h2,#journal h2{letter-spacing:-.045em}.product-overview-page .overview-hero{background:radial-gradient(ellipse at 80% 80%,#e4d6f8,transparent 65%),#faf8fd}.closing-cta{background:radial-gradient(ellipse at 35% 100%,#d9c3f4,#f7f4fc 75%)}
@media(prefers-reduced-motion:reduce){.connection-scene *{animation:none!important}.tools-grid>a{transition:none}}
@media(max-width:760px){.connection-hero{margin:0 10px;padding:44px 18px 18px;border-radius:0 0 24px 24px;min-height:0}.connection-copy h1{font-size:43px}.connection-copy>p:not(.beta-label){font-size:17px}.connection-copy .actions{gap:18px;flex-wrap:wrap}.connection-scene{height:510px;max-width:430px;margin-top:32px}.motion-card{width:250px;padding:18px}.clinic-card{left:0;top:0;transform:rotate(-3deg)}.lab-card{right:0;top:230px;transform:rotate(3deg)}.connection-hub{width:62px;height:62px;font-size:35px;letter-spacing:-6px;border-radius:18px;left:82%;top:162px}.connection-track{left:52%;right:auto;top:170px;height:140px;width:1px;border-top:0;border-left:2px dashed #b69dce}.connection-track i{display:none}.handoff-ticket{bottom:-12px;padding:12px 14px}.handoff-ticket b{font-size:12px}.motion-footer{margin-top:30px;font-size:10px}.tools-section{margin:10px;border-radius:24px}#workflow{padding-top:65px}}
.connection-copy>p{margin-left:auto!important;margin-right:auto!important}.connection-copy .beta-label{width:100%;max-width:none}

/* Shared product presentation */
.product-hero-designed{background:radial-gradient(ellipse at 50% 65%,#d9c4ef 0,#f1eafa 48%,#faf8fe 85%);padding:76px 24px 56px;overflow:clip;color:#252229;text-align:center}
.product-hero-inner{max-width:1120px;margin:auto}.product-hero-designed h1{font-family:Arial,sans-serif;font-size:clamp(48px,6.3vw,80px);line-height:1.04;letter-spacing:-.055em;margin:26px auto 22px;font-weight:700}.product-hero-designed p{font-size:21px;line-height:1.5;max-width:620px;margin:0 auto 28px;color:#60566b}.product-hero-designed .hero-actions{display:flex;justify-content:center;align-items:center;gap:26px;margin-bottom:48px}.product-hero-designed .button{background:#252229;color:white;border-radius:10px;padding:18px 26px;text-decoration:none}.product-window{background:white;border:1px solid #d6c9e3;border-radius:18px;overflow:hidden;box-shadow:0 28px 60px #38234f20;text-align:left}.product-window-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;background:#252229;color:white;font-size:16px}.product-window-bar span{color:#decaef;font-size:13px}.product-window img{display:block;width:100%;height:auto}.product-benefit-strip{display:flex;justify-content:space-between;gap:20px;margin-top:28px;color:#5f4778;font-size:15px}header{position:relative;z-index:100}header details[open]{z-index:102}header details a{position:relative;z-index:103;pointer-events:auto;cursor:pointer}header details>div{z-index:102;pointer-events:auto}.connection-hero{overflow:clip}
@media(max-width:650px){.product-hero-designed{padding-top:44px}.product-hero-designed .hero-actions{flex-direction:column;gap:18px}.product-benefit-strip{flex-direction:column;gap:10px}.product-window-bar{padding:14px}.product-window-bar span{font-size:10px}}