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