.product-color-blue{--product-accent: #0065cc;--product-tint: #edf5ff}.product-color-green{--product-accent: #146d4b;--product-tint: #edf8f2}.product-color-purple{--product-accent: #6641ac;--product-tint: #f3effb}.product-color-orange{--product-accent: #a54a12;--product-tint: #fff3e9}.product-color-teal{--product-accent: #096a78;--product-tint: #eaf7f8}.product-kicker{margin:0 0 18px;color:var(--product-accent, #0065cc);font-size:12px;font-weight:650;letter-spacing:.09em;line-height:1.6}.product-links{background:#f5f5f7;padding:80px 24px;scroll-margin-top:90px}.product-links-inner{max-width:1160px;margin:auto}.product-links header{max-width:730px;margin-bottom:36px}.product-links h2{font-size:clamp(28px,3vw,40px);line-height:1.18;letter-spacing:-.035em;font-weight:600;color:#1d1d1f;text-wrap:balance}.product-links header>p:last-child{margin:20px 0 0;color:#596372;line-height:1.75;font-size:16px}.product-links-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-link-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;padding:28px;border-radius:20px;color:#1d1d1f;border:1px solid #e9e9ef;transition:border-color .16s ease}.product-link-card:hover{border-color:var(--product-accent)}.product-link-card:focus-visible{outline:3px solid var(--product-accent);outline-offset:4px}.product-link-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--product-accent);background:var(--product-tint)}.product-link-icon svg{width:23px;height:23px}.product-link-card h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;font-weight:600;margin:24px 0 12px}.product-link-card>p{font-size:14px;line-height:1.75;color:#596372}.product-link-action{display:flex;gap:8px;align-items:center;color:var(--product-accent);font-size:13px;font-weight:600;padding-top:26px;margin-top:auto}.product-link-action svg{width:17px;height:17px}.product-links-all{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:28px;font-size:14px;line-height:1.8}.product-links-all a{color:#0065cc;text-underline-offset:4px}.product-links-all a:hover{text-decoration:underline}.product-links-all a:focus-visible{outline:3px solid #0065cc;outline-offset:4px}@media (max-width: 900px){.product-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.product-links{padding:50px 20px}.product-links-grid{grid-template-columns:1fr}}.cloud-browser-showcase{color:#1d1d1f;scroll-margin-top:100px}.cloud-browser-showcase--home{padding:100px 24px;background-color:#f7faff;background-image:radial-gradient(#0071e310 .8px,transparent .8px);background-size:22px 22px;border-block:1px solid #e9eef5}.cloud-browser-showcase-inner{width:min(1160px,100%);margin-inline:auto}.cloud-browser-demo-checks{margin-top:32px;padding-block:24px;border-block:1px solid #e3e7ed}.cloud-browser-demo-checks h3{font-size:16px;font-weight:600;margin-bottom:18px}.cloud-browser-demo-checks ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px;list-style:none;padding:0}.cloud-browser-demo-checks li{display:flex;gap:12px;color:#536276;font-size:14px;line-height:1.7}.cloud-browser-demo-checks li span{color:#0071e3;font:12px/2 monospace}.cloud-browser-showcase-heading{max-width:820px;margin-bottom:48px}.cloud-browser-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:#0071e3;font-size:12px;font-weight:650;letter-spacing:.08em}.cloud-browser-eyebrow svg{width:17px;height:17px}.cloud-browser-showcase .cloud-browser-showcase-heading h2{margin:0 0 24px;font-size:clamp(34px,4.5vw,56px);font-weight:600;letter-spacing:-.045em;line-height:1.12;text-wrap:balance}.cloud-browser-showcase-heading h2 span{display:block;color:#0071e3}.cloud-browser-intro{margin:0;color:#536276;font-size:17px;line-height:1.85;text-wrap:pretty}.cloud-browser-intro strong{color:#1e334b;font-weight:600}.cloud-browser-showcase-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:48px}.cloud-browser-video{min-width:0;margin:0;border:1px solid #dce5ef;border-radius:16px;background:#fff;box-shadow:0 18px 60px -30px #173b7350}.cloud-browser-window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:44px;padding-inline:15px;border-bottom:1px solid #dce5ef;border-radius:16px 16px 0 0;background:#edf3f9;color:#5a6e87;font-size:11px}.cloud-browser-window-bar>span{display:flex;align-items:center;gap:8px}.cloud-browser-window-bar>svg{width:14px;height:14px}.cloud-browser-window-dots{display:flex;gap:5px}.cloud-browser-window-dots i{width:7px;height:7px;border-radius:50%;background:#b3c2d3}.cloud-browser-video-screen{position:relative;aspect-ratio:16 / 9;background:#081b30}.cloud-browser-video-screen iframe,.cloud-browser-video-play{position:absolute;inset:0;width:100%;height:100%;border:0}.cloud-browser-video-play{overflow:hidden;padding:0;background:#081b30;color:#fff;cursor:pointer}.cloud-browser-poster-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;padding:24px;background:radial-gradient(ellipse at 50% 0%,#124577,#081b30 80%);font-size:12px}.cloud-browser-poster-fallback>svg{width:36px;height:36px}.cloud-browser-poster-fallback strong{font-size:clamp(16px,2vw,28px);font-weight:500}.cloud-browser-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cloud-browser-video-play:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#00172a25 65%,#00172ad9);pointer-events:none}.cloud-browser-play-icon{position:absolute;z-index:1;top:50%;left:50%;display:grid;place-items:center;width:64px;height:64px;border:1px solid #ffffff66;border-radius:50%;background:#0071e3;box-shadow:0 6px 28px #001a3340;transform:translate(-50%,-50%);transition:transform .18s ease,background-color .18s ease}.cloud-browser-play-icon svg{width:24px;height:24px;margin-left:3px}.cloud-browser-video-play:hover .cloud-browser-play-icon{background:#06c;transform:translate(-50%,-50%) scale(1.06)}.cloud-browser-play-label{position:absolute;z-index:1;inset:auto 20px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:500}.cloud-browser-play-label>span{padding:3px 7px;border-radius:5px;background:#00172a9c;font-size:11px;font-variant-numeric:tabular-nums}.cloud-browser-video figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding:15px 18px;color:#63748a;font-size:12px;line-height:1.65}.cloud-browser-video figcaption a{display:inline-flex;align-items:center;gap:4px;min-height:28px;color:#315d91;white-space:nowrap}.cloud-browser-video figcaption svg{width:14px;height:14px}.cloud-browser-features{display:grid;gap:25px;margin:0;padding:0;list-style:none}.cloud-browser-features li{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:15px}.cloud-browser-feature-icon{display:grid;place-items:center;height:36px;color:#0071e3;background:#e9f2fe;border:1px solid #dbe9fa;border-radius:10px}.cloud-browser-feature-icon svg{width:21px;height:21px}.cloud-browser-features h3{margin:0 0 7px;font-size:16px;line-height:1.45;font-weight:600;letter-spacing:-.02em}.cloud-browser-features p{margin:0;color:#5a6a7f;font-size:13px;line-height:1.85}.cloud-browser-showcase-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-top:38px;padding-top:25px;border-top:1px solid #dce5ef}.cloud-browser-audiences{display:flex;flex-wrap:wrap;gap:14px 28px}.cloud-browser-audiences span{display:inline-flex;align-items:center;gap:8px;color:#596d84;font-size:12px}.cloud-browser-audiences svg{width:16px;height:16px;flex-shrink:0}.cloud-browser-learn-more{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#0071e3;font-size:14px;font-weight:600;text-underline-offset:4px}.cloud-browser-learn-more svg{width:17px;height:17px}.cloud-browser-showcase a:hover{text-decoration:underline}.cloud-browser-showcase a:focus-visible,.cloud-browser-showcase iframe:focus-visible{outline:3px solid #0071e3;outline-offset:4px}.cloud-browser-video-play:focus-visible{outline:3px solid #0071e3;outline-offset:4px;z-index:1}@media (max-width: 1023px){.cloud-browser-showcase-grid{grid-template-columns:minmax(0,1fr);gap:36px}.cloud-browser-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}@media (max-width: 600px){.cloud-browser-showcase--home{padding:64px 20px}.cloud-browser-showcase-heading{margin-bottom:30px}.cloud-browser-intro{font-size:15px}.cloud-browser-features{grid-template-columns:minmax(0,1fr);gap:24px}.cloud-browser-window-bar{padding-inline:10px;height:36px;font-size:10px}.cloud-browser-window-bar img{width:70px;height:auto}.cloud-browser-play-icon{width:48px;height:48px}.cloud-browser-play-icon svg{width:19px;height:19px}.cloud-browser-play-label{inset:auto 12px 10px;font-size:11px}.cloud-browser-video figcaption{padding:12px;font-size:11px}.cloud-browser-showcase-bottom{gap:20px;margin-top:28px}}@media (prefers-reduced-motion: reduce){.cloud-browser-play-icon{transition:none}}
