.guide-graphic{isolation:isolate;color:#d8d8d8;color-scheme:dark;--guide-panel:#101012a3;--guide-raised:#1e20208a;--guide-edge:#ffffff19;--guide-muted:#929292;height:460px;margin:40px 0;font:370 14px/1.5 Inter Variable,Inter,sans-serif;position:relative;container-type:inline-size}.guide-graphic:before,.guide-graphic:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:-36px -48px}.guide-graphic:before{filter:blur(24px);opacity:.7;background:radial-gradient(at 25% 40%,#4576b22b,#0000 65%),radial-gradient(at 80% 65%,#7657a32b,#0000 60%)}.guide-graphic:after{background:radial-gradient(#b8c7e039 .6px,#0000 .9px) 0 0/8px 8px;mask-image:radial-gradient(45% 38% at 25% 35%,#0009,#0000 85%),radial-gradient(38% 46% at 75% 65%,#0007,#0000 85%)}.guide-graphic-loading{height:460px}.guide-workspace{position:absolute;inset:26px 14px 22px}.guide-workspace-back,.guide-workspace-front{background:linear-gradient(135deg, #ffffff0b, transparent 55%), var(--guide-panel);backdrop-filter:blur(16px)saturate(115%);border:1px solid var(--guide-edge);box-shadow:inset 0 1px 0 #ffffff12, 0 0 0 11px #ffffff04, 0 0 0 12px var(--guide-edge), 0 16px 40px #0002;border-radius:18px;position:absolute;overflow:hidden}.guide-workspace-back{width:88%;padding:16px;top:6px;left:0;transform:none}.guide-workspace-front{width:74%;padding:20px;bottom:0;right:0;transform:none}.guide-workspace svg{flex-shrink:0;width:18px;height:18px}.guide-workspace-heading{align-items:center;gap:9px;font-weight:500;display:flex}.guide-workspace-tabs{color:var(--guide-muted);gap:8px;margin:18px 0 12px;font-size:12px;display:flex}.guide-workspace-tabs span{border-radius:6px;padding:4px 10px}.guide-workspace-tabs span:first-child{background:var(--guide-raised);color:inherit}.guide-workspace-date{color:var(--guide-muted);margin:8px 0;font-size:11px}.guide-workspace-row{border-radius:7px;align-items:center;gap:10px;padding:10px 8px;display:flex}.guide-workspace-row[data-selected=true]{background:var(--guide-raised)}.guide-workspace-row>div{flex:1;min-width:0}.guide-workspace-row b{font-size:13px;font-weight:500;display:block}.guide-workspace-row small{color:var(--guide-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.guide-workspace-row time{color:var(--guide-muted);font-size:10px}.guide-workspace-query{background:var(--guide-raised);border:1px solid var(--guide-edge);border-radius:20px;align-items:center;gap:10px;margin-top:16px;padding:9px 12px;display:flex}.guide-workspace-copy{margin:16px 0}.guide-workspace-reference{color:var(--guide-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.guide-workspace-tag{background:var(--guide-raised);border-radius:20px;align-items:center;gap:5px;padding:3px 7px;font-size:11px;display:inline-flex}.guide-workspace-tag:before{content:"";background:#f4c440;border-radius:50%;width:6px;height:6px}html[data-palette=cream] .guide-graphic{color-scheme:light;color:#292929;--guide-panel:#fffdfa;--guide-raised:#f1eee8;--guide-edge:#24242419;--guide-muted:#73706b}@container (width<=440px){.guide-workspace{inset-inline:4px}.guide-workspace-back{width:94%;padding:12px}.guide-workspace-front{width:90%;padding:16px}.guide-workspace-row time{display:none}}.guide-tool-title{margin:20px 0 12px;font-size:18px;font-weight:500}.guide-tool-row{border-bottom:1px solid var(--guide-edge);padding:12px 4px}.guide-tool[data-tool=calendar] .guide-tool-row{background:#e99cbb12;border:0;border-left:3px solid #e99cbb;border-radius:4px;margin:8px 0;padding:12px}.guide-tool[data-tool=canvas] .guide-tool-row{border:1px solid var(--guide-edge);border-radius:12px;margin:8px;padding:16px;display:inline-block}.guide-tool[data-tool=snippets] .guide-tool-row:before{content:"□";color:var(--guide-muted);margin-right:10px}.guide-graphic[data-kind=chat]{height:600px}.guide-graphic[data-kind=email]{height:auto;min-height:600px}.guide-graphic[data-kind=email] .macro-product-preview{padding:24px 0 36px;position:relative;inset:auto}.guide-graphic[data-kind=email] .macro-product-canvas{height:auto}.guide-tool .guide-workspace-front{bottom:32px}@media (prefers-reduced-transparency:reduce){.guide-graphic{--guide-panel:#101012;--guide-raised:#202222}.guide-workspace-back,.guide-workspace-front{backdrop-filter:none}}.security-badges{border-block:1px solid color-mix(in srgb, currentColor 14%, transparent);color:var(--color-ink,var(--c0));grid-template-columns:repeat(3,minmax(0,1fr));margin:36px 0;padding:28px 0;display:grid}.security-badges>div{text-align:center;flex-direction:column;align-items:center;gap:18px;font-size:13px;line-height:1.4;display:flex}.security-badges>div+div{border-left:1px solid color-mix(in srgb, currentColor 10%, transparent)}.security-badges svg{width:72px;height:72px}.documentation-body a.security-portal-link{background:var(--color-ink,var(--c0));color:var(--color-surface,#000);border-radius:999px;align-items:center;gap:20px;margin-top:12px;padding:11px 20px;font-size:15px;line-height:24px;text-decoration:none;display:inline-flex}.documentation-body a.security-portal-link:hover{opacity:.85}.documentation-body a.security-portal-link:focus-visible{outline:2px solid var(--color-ink,var(--c0));outline-offset:4px}@media (width<=480px){.security-badges{margin:28px 0;padding:24px 0}.security-badges svg{width:54px;height:54px}.security-badges>div{gap:14px;font-size:11px}}.feature-guide{margin-block:48px}.feature-guide>details{border-block:1px solid color-mix(in srgb, var(--c1) 12%, transparent)}.feature-guide>details>summary{cursor:default;color:var(--c1);padding-block:20px;font-family:body,sans-serif;font-size:17.5px}.feature-guide .documentation-body{padding-block:12px 28px}.feature-guide [id]{scroll-margin-top:100px}.homepage-app-reassurance{text-align:center;color:var(--color-ink-extra-muted);margin-top:32px;font:370 14px/1.8 Inter Variable,Inter,sans-serif}.homepage-app-reassurance p{margin:0}.homepage-app-reassurance p:first-child{color:var(--color-ink-muted)}.homepage-app-security{opacity:.8;justify-content:center;align-items:center;gap:18px;margin:28px 0 12px;display:flex}.homepage-app-security svg{width:34px;height:34px}.homepage-app-reassurance .homepage-app-security-caption{font-size:11px}@media (width<=599px){.homepage-app-reassurance{font-size:12px}}