/* The existing portal is the visual evidence for the service. */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:36px;padding:0 5%}.hero-copy{padding:80px 0}.hero h1{font-size:clamp(42px,4.1vw,65px)}.hero-summary{max-width:530px}.hero-foot{padding-right:0}.product-hero{min-height:0;align-self:center;overflow:visible;border:1px solid #344153;border-radius:14px;background:#111923;box-shadow:0 28px 75px #0005;transform:translateY(4px)}.product-hero:after{display:none}.product-heading,.product-caption{display:flex;gap:10px;align-items:center;padding:16px 20px;font-size:12px;color:#d5dfeb}.product-heading{border-bottom:1px solid #2b3849}.product-dot{width:6px;height:6px;border-radius:50%;background:#cdb47c}.sample-label{margin-left:auto;color:#9fabbc;font-size:10px}.product-caption{justify-content:space-between;padding-bottom:7px}.product-caption a{color:#ddc690}.sample-note{font-size:10px;color:#9fabbc;padding:0 20px 14px;margin:0}.product-image{display:block;position:relative;overflow:hidden;border-radius:10px;border:1px solid #344153;background:#10151d}.product-hero .product-image{border-radius:0;border:0}.product-image img{display:block;width:100%;height:auto;transition:filter .2s}.image-zoom{position:absolute;bottom:14px;right:14px;padding:6px 11px;border:1px solid #536176;background:#101722eb;border-radius:6px;color:#e5edf8;font-size:11px;opacity:0;transition:opacity .2s}.product-image:hover .image-zoom,.product-image:focus-visible .image-zoom{opacity:1}.workspace-showcase{background:#0d1725;color:#edf1f7}.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:70px}.showcase-heading .section-label{color:#cfb77e;margin-bottom:18px}.showcase-heading h2{margin-bottom:0}.showcase-heading>p{max-width:340px;color:#aebdcd;font-size:15px;margin-bottom:6px}.showcase-feature{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr);align-items:center;gap:56px}.showcase-copy h3{font:36px/1.15 Georgia,serif;letter-spacing:-.7px;margin:20px 0}.showcase-copy p{color:#b4c0cf;font-size:15px;max-width:410px}.feature-number{font-size:10px;letter-spacing:1.6px;color:#d4bf91}.showcase-copy .feature-detail{font-size:13px;color:#8fa0b4;margin:24px 0}.showcase-copy .text-link{display:inline-block;color:#e0c996;font-size:13px}.showcase-feature figure{margin:0;min-width:0}.showcase-feature figcaption{font-size:10px;color:#94a4b8;margin-top:12px}.feedback-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid #ffffff1a;padding-top:68px;margin-top:68px;gap:80px}.feedback-feature figure{width:100%;max-width:360px;justify-self:center}.feedback-feature .product-image{max-height:450px;box-shadow:0 18px 60px #0004}.feedback-feature img{margin-top:0}.showcase-bottom{margin-top:70px;border-top:1px solid #ffffff20;padding-top:32px;display:flex;justify-content:space-between;gap:30px;align-items:center}.showcase-bottom h3{font-size:21px;margin-bottom:8px}.showcase-bottom p{font-size:13px;color:#aebdcd;max-width:550px;margin-bottom:0}.showcase-bottom .button{background:#d1b577;color:#0b1727;white-space:nowrap}.product-lightbox{width:min(1400px,95vw);max-height:95vh;padding:52px 16px 12px;background:#101720;color:#dbe3ed;border:1px solid #465468;border-radius:12px}.product-lightbox::backdrop{background:#030911df;backdrop-filter:blur(8px)}.product-lightbox img{display:block;max-width:100%;max-height:76vh;width:auto;height:auto;margin:auto;object-fit:contain}.product-lightbox p{text-align:center;font-size:12px;margin:12px 0 0}.lightbox-close{position:absolute;right:16px;top:10px;background:#253143;border:1px solid #465468;border-radius:5px;color:white;padding:5px 14px}.product-lightbox[open]{animation:show-product .15s ease-out}@keyframes show-product{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:1050px){.hero{grid-template-columns:1fr;padding:0 7%;gap:0}.hero-copy{padding:60px 0 40px}.hero h1{max-width:760px}.hero-summary{max-width:640px}.product-hero{max-width:850px;margin-bottom:40px;width:100%}.showcase-feature{grid-template-columns:1fr;gap:30px}.showcase-copy p{max-width:600px}.feedback-feature{grid-template-columns:1fr 1fr;gap:35px}.showcase-heading{gap:30px}.showcase-bottom{align-items:start;flex-direction:column}}@media(max-width:700px){.hero h1{font-size:43px}.product-heading,.product-caption{padding:12px;font-size:10px}.sample-label{font-size:9px}.sample-note{padding:0 12px 10px}.product-caption{gap:8px;flex-wrap:wrap}.hero-foot{padding-left:0}.showcase-heading{display:block;margin-bottom:40px}.showcase-heading>p{margin-top:24px}.showcase-copy h3{font-size:31px}.feedback-feature{grid-template-columns:1fr;margin-top:42px;padding-top:42px}.feedback-feature .showcase-copy{grid-row:1}.feedback-feature figure{max-width:320px}.showcase-bottom{margin-top:45px}.image-zoom{opacity:1;font-size:9px;bottom:8px;right:8px}.product-lightbox{padding:48px 8px 12px}.product-lightbox p{font-size:10px}}@media(prefers-reduced-motion:reduce){.product-image img,.image-zoom{transition:none}.product-lightbox[open]{animation:none}}

.feedback-feature .product-image{height:450px}.feedback-feature img{height:450px;width:auto;max-width:none;position:relative;left:100%;transform:translateX(-100%)}

.context-hero{align-self:stretch;min-height:540px;border:0;position:relative}.context-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.context-hero:after{background:linear-gradient(90deg,#0a1627 0%,transparent 16%,transparent 88%,#0a1627 100%);pointer-events:none}.context-caption{position:absolute;bottom:30px;left:30px;right:20px;color:#cdbb95;font-size:13px;z-index:2}.hero:has(.context-hero){gap:12px}.hero:has(.context-hero) h1 br{display:none}@media(max-width:1050px){.context-hero{min-height:430px;margin-bottom:30px}.context-hero>img{object-fit:contain}.context-caption{text-align:center;bottom:8px}}@media(max-width:700px){.context-hero{min-height:280px;margin-bottom:24px}.context-caption{font-size:11px;left:0;right:0;bottom:0}}

.feedback-feature .product-image{height:auto;max-height:none}.feedback-feature img{width:100%;height:auto;left:auto;transform:none;max-width:100%}

.context-hero>img{object-fit:contain}

.method-showcase .showcase-heading{margin-bottom:48px}.method-example+.method-example{margin-top:70px;padding-top:50px;border-top:1px solid #ffffff20}.method-example-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;margin-bottom:24px}.method-example-heading h3{font:30px/1.2 Georgia,serif;letter-spacing:-.5px;margin:0;max-width:390px}.method-example-heading p{font-size:15px;color:#b4c0cf;margin:0;max-width:500px}.method-example figure{margin:0}.method-example figcaption{font-size:11px;color:#94a4b8;margin-top:12px}.method-end{font-size:17px;line-height:1.65;color:#d3dfec;max-width:720px;margin:42px 0 0;border-left:2px solid #d1b577;padding-left:22px}.mobile-method{display:none}@media(max-width:700px){.method-showcase .showcase-heading h2{font-size:33px}.method-example-heading{display:block}.method-example-heading h3{font-size:27px;margin-bottom:16px}.method-example-heading p{font-size:15px}.method-example figure{display:none}.mobile-method{display:block;border:1px solid #394556;background:#172230;border-radius:10px;padding:20px}.mobile-example-label{font-size:13px;color:#d6c08f;padding-bottom:16px;border-bottom:1px solid #ffffff20}.mobile-method>div{margin:20px 0}.mobile-method span{display:block;font-size:12px;color:#dac592;margin-bottom:6px}.mobile-method div p{font-size:16px;line-height:1.5;margin:0;color:#e0e6ee}.mobile-method .mobile-question{border-top:1px solid #ffffff20;padding-top:18px}.mobile-method>a{font-size:13px;color:#dbc58f;border-bottom:1px solid #786a50;padding-bottom:3px}.mobile-method small{display:block;font-size:11px;color:#9aa9bc;margin-top:16px;line-height:1.5}.method-example+.method-example{margin-top:36px;padding-top:36px}.method-end{font-size:16px;margin-top:30px}}

/* Annotations sit above real dashboard captures; the captured UI is unchanged. */
.dashboard-frame-label{display:flex;justify-content:space-between;gap:16px;padding:16px 20px;background:#192536;border:1px solid #3c495c;border-bottom:0;border-radius:12px 12px 0 0;font-size:13px}.dashboard-frame-label strong{font-weight:500}.dashboard-frame-label span{color:#dcc48e;font-size:11px}.annotated-screen{border-radius:0 0 10px 10px}.dashboard-annotations{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 2px 3px #0008)}.dashboard-annotations rect,.dashboard-annotations path{fill:none;stroke:#f4ce7e;stroke-width:2}.dashboard-annotations circle{fill:#f4ce7e;stroke:#172230;stroke-width:2}.dashboard-annotations text{fill:#111b29;font:600 17px Arial;text-anchor:middle}.method-example .annotation-key{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:22px 0 0;color:#b4c0cf;font-size:15px}.annotation-key>div{display:flex;gap:12px;align-items:start}.annotation-key b{display:grid;place-items:center;flex:0 0 28px;height:28px;background:#d9bf86;color:#111b29;border-radius:50%;font-size:13px}.annotation-key p{margin:0;line-height:1.6}.annotation-key strong{color:#f1f4f8;display:block;font-weight:500}.dashboard-example-note{font-size:11px;color:#95a5b9;margin:18px 0 0}.dashboard-mobile-detail{display:none}@media(max-width:700px){.method-example figure{display:block}.dashboard-frame-label{padding:12px;font-size:11px;gap:8px}.dashboard-frame-label span{font-size:9px;white-space:nowrap}.annotated-screen .image-zoom{display:none}.method-example .annotation-key{grid-template-columns:1fr;gap:16px;font-size:15px;margin-top:20px}.dashboard-mobile-detail{display:block;position:relative;margin-top:14px;border:1px solid #687187;border-radius:8px;overflow:hidden;background:#161e2b}.dashboard-mobile-detail img{display:block;width:100%;height:auto}.mobile-highlight{position:absolute;inset:8px;border:1.5px solid #f4ce7e;border-radius:5px;pointer-events:none}.dashboard-example-note{font-size:11px}.method-example-heading{margin-bottom:20px}}