.csg-page{--csg-ink:#2c3338;--csg-muted:#5b656d;--csg-line:#2c333821;--csg-blue:#3659ed;min-height:100vh;color:var(--csg-ink);font-synthesis:none;background:#fff;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow:clip}.csg-page *,.csg-page :before,.csg-page :after{box-sizing:border-box}.csg-page a{color:inherit;text-decoration:none}.csg-page button{font:inherit}.csg-shell{width:min(100% - 48px,1220px);margin-inline:auto}.csg-eyebrow{color:#5264aa;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;font-weight:740;line-height:1.25}.csg-header{z-index:4;color:#202b42;height:64px;position:absolute;top:0;left:0;right:0}.csg-header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.csg-brand{letter-spacing:-.035em;align-items:center;gap:9px;font-size:15px;font-weight:760;display:inline-flex}.csg-brand-mark{color:#2449d3;border:1px solid #202b423d;border-radius:50%;place-items:center;width:19px;height:19px;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:12px;font-style:italic;display:grid}.csg-nav{align-items:center;gap:clamp(16px,2.3vw,32px);font-size:13px;font-weight:630;display:flex}.csg-nav a,.csg-card h3 a{transition:color .18s}.csg-nav a:hover,.csg-card h3 a:hover{color:var(--csg-blue)}.csg-hero{background:radial-gradient(circle at 70% 25%,#ffffffb3,#0000 24%),linear-gradient(135deg,#edf1ff 0%,#cbd8ff 55%,#3659ed 100%);min-height:445px;overflow:hidden}.csg-hero-inner{grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);align-items:center;gap:24px;min-height:445px;padding-top:64px;display:grid}.csg-hero-copy{z-index:2;padding:28px 0 32px;position:relative}.csg-hero h1,.csg-section h2,.csg-dark h2,.csg-faq-surface h2{letter-spacing:-.055em;margin:0;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-weight:520;line-height:.96}.csg-hero h1{color:#16284a;max-width:570px;margin-top:10px;font-size:clamp(42px,5vw,74px)}.csg-hero-body{color:#2f436a;max-width:470px;margin:22px 0 0;font-size:16px;line-height:1.65}.csg-hero-actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.csg-button,.csg-copy-button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:9px 16px;font-size:13px;font-weight:690;line-height:1.2;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.csg-page .csg-button-dark,.csg-page .csg-copy-button{color:#f8f9fb;background:#252e37}.csg-button-dark:hover,.csg-copy-button:hover{background:#101820;transform:translateY(-1px)}.csg-button-quiet{color:#1f3762;background:#ffffff59;border-color:#1a305b3d}.csg-button-quiet:hover{background:#ffffffa1;border-color:#1a305b6b}.csg-hero-art{align-self:stretch;min-width:0;position:relative}.csg-hero-preview{background:#dce4ff;border:1px solid #ffffffa6;margin:0;position:absolute;overflow:hidden;box-shadow:0 22px 45px #152d7336}.csg-hero-preview img{object-fit:cover;width:100%;height:100%;display:block}.csg-hero-preview-primary{z-index:2;aspect-ratio:16/10;width:min(77%,500px);top:78px;right:0;transform:rotate(2.4deg)}.csg-hero-preview-secondary{aspect-ratio:16/10;opacity:.96;width:min(59%,380px);top:111px;left:2%;transform:rotate(-5deg)}.csg-section,.csg-install{padding:clamp(72px,8vw,116px) 0}.csg-section-heading{grid-template-columns:minmax(130px,.42fr) minmax(0,1fr);align-items:start;gap:18px;margin-bottom:clamp(30px,4vw,50px);display:grid}.csg-section-heading h2,.csg-dark-heading h2{max-width:760px;font-size:clamp(35px,4vw,56px)}.csg-section-heading div>p,.csg-dark-heading>p{max-width:620px;color:var(--csg-muted);margin:16px 0 0;font-size:16px;line-height:1.65}.csg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.csg-card{border-top:1px solid var(--csg-line);background:#fff;transition:transform .18s;overflow:hidden}.csg-card:hover{transform:translateY(-2px)}.csg-card-image-link{background:#e8ebed;margin-top:13px;display:block;overflow:hidden}.csg-card-image{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .18s;display:block}.csg-card:hover .csg-card-image{transform:scale(1.02)}.csg-card-content{padding:17px 1px 2px}.csg-card h3{letter-spacing:-.025em;margin:0;font-size:16px;font-weight:710;line-height:1.3}.csg-card-content>p{min-height:42px;color:var(--csg-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 17px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.csg-copy-button{cursor:pointer;border:0}.csg-install{border-block:1px solid var(--csg-line);background:#f5f7fc}.csg-install-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.csg-install-card{background:#fff;border:1px solid #2c333821;min-width:0;padding:clamp(22px,3vw,34px)}.csg-install-card-blue{background:#e7edff;border-color:#3659ed3d}.csg-code-label{color:#4e5f7a;letter-spacing:.11em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:760}.csg-code{overflow-wrap:anywhere;white-space:pre-wrap;color:#263343;min-height:92px;margin:0 0 20px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.65}.csg-safety,.csg-skin-notice{color:#607087;max-width:760px;margin:24px 0 0;font-size:13px;line-height:1.6}.csg-skins{padding-bottom:clamp(80px,10vw,142px)}.csg-dark{color:#f5f6f4;background:#1d2327}.csg-dark>.csg-shell{padding:clamp(76px,9vw,128px) 0 clamp(66px,8vw,108px)}.csg-dark .csg-eyebrow{color:#aab9ff}.csg-dark-heading{max-width:720px}.csg-dark-heading>p{color:#f5f6f4ad}.csg-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:clamp(42px,6vw,72px);display:grid}.csg-facts article{border-top:1px solid #ffffff30;padding-top:17px}.csg-facts h3{letter-spacing:-.025em;margin:0;font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:22px;font-weight:510}.csg-facts p{color:#f5f6f4a8;margin:11px 0 0;font-size:14px;line-height:1.65}.csg-faq-surface{background:#101517;padding:clamp(56px,7vw,94px) 0}.csg-faq-surface h2{font-size:clamp(32px,3vw,44px)}.csg-faq-list{border-top:1px solid #ffffff2e;margin-top:29px}.csg-faq-list details{border-bottom:1px solid #ffffff2e}.csg-faq-list summary{cursor:pointer;color:#f4f5f3;padding:19px 32px 19px 0;font-size:16px;font-weight:660;list-style:none;position:relative}.csg-faq-list summary::-webkit-details-marker{display:none}.csg-faq-list summary:after{content:"+";color:#aeb9cf;font-size:22px;font-weight:400;position:absolute;top:16px;right:3px}.csg-faq-list details[open] summary:after{content:"−"}.csg-faq-list details p{color:#f5f6f4ad;max-width:820px;margin:-3px 0 19px;font-size:14px;line-height:1.7}.csg-footer{color:#f5f6f49c;background:#101517;border-top:1px solid #ffffff24;padding:24px 0 29px;font-size:12px;line-height:1.6}.csg-footer .csg-shell{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;display:flex}.csg-footer p{margin:0}.csg-copy-status{z-index:10;color:#fff;pointer-events:none;background:#202b36;border-radius:999px;max-width:min(320px,100vw - 40px);margin:0;font-size:13px;font-weight:650;line-height:1.35;position:fixed;bottom:20px;right:20px}.csg-copy-status:empty{display:none}.csg-copy-status:not(:empty){padding:9px 14px}.csg-page :focus-visible{outline-offset:4px;outline:2px solid #3659ed}@media (width<=900px){.csg-hero-inner{grid-template-columns:minmax(0,.95fr) minmax(360px,.9fr)}.csg-grid,.csg-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.csg-hero-preview-primary{width:85%}.csg-hero-preview-secondary{width:64%}}@media (width<=760px){.csg-hero,.csg-hero-inner{min-height:auto}.csg-hero-inner{padding-top:64px;display:block}.csg-hero-copy{padding-top:42px}.csg-hero-art{height:min(62vw,355px);margin:0 -6px}.csg-hero-preview-primary{top:21px;right:2%}.csg-hero-preview-secondary{top:48px;left:2%}.csg-install-grid{grid-template-columns:1fr}.csg-section-heading{grid-template-columns:1fr;gap:10px}}@media (width<=620px){.csg-shell{width:min(100% - 32px,1220px)}.csg-header-inner{gap:14px}.csg-nav{gap:13px;font-size:12px}.csg-grid,.csg-facts{grid-template-columns:1fr}.csg-card-content>p{min-height:0;display:block}}@media (width<=390px){.csg-nav a:nth-child(n+2){display:none}.csg-brand{font-size:14px}.csg-hero h1{font-size:clamp(39px,13vw,51px)}.csg-hero-art{height:66vw}}@media (prefers-reduced-motion:reduce){.csg-page *,.csg-page :before,.csg-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.csg-card:hover,.csg-card:hover .csg-card-image,.csg-button-dark:hover,.csg-copy-button:hover{transform:none}}