/* Blattform: a quiet, product-led presentation with an open working canvas. */
:root{--ink:#24262d;--muted:#656b76;--blue:#395fe8;--line:#e4e6eb;--surface:#f6f7f9;scroll-padding-top:96px}
body.marketing{background:#fff;color:var(--ink)}
.wrap{width:min(1120px,calc(100% - 96px))}.section{padding-block:112px}
.main-header{height:74px;background:rgba(255,255,255,.96);border-color:#eceef1;backdrop-filter:blur(14px)}
.header-inner{gap:38px}.brand img{width:140px}.main-nav{margin-left:24px;gap:26px}.main-nav a{font-size:.875rem}.header-actions{margin-left:auto;gap:18px}.header-actions .button.small{min-height:36px;padding:9px 13px;font-size:.875rem}.header-actions .button.small svg{display:none}
.button{border-radius:6px;min-height:46px;padding:13px 18px;font-size:.9375rem;border-color:#292b33;background:#292b33;box-shadow:0 1px 2px #16192212;gap:12px}.button:hover{background:#41444e;border-color:#41444e}.button.outline{background:#fff;border-color:#d9dce4;color:#353840}.button.outline:hover{background:#f7f8fa;border-color:#b5bccb}.button.small{min-height:40px;padding:10px 14px}.text-link{font-size:.9375rem;text-decoration:none;gap:9px}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.eyebrow{font-size:.75rem;letter-spacing:.09em;color:#5b6476;font-weight:400;line-height:1.6;margin-bottom:22px}.section-heading h2,.template-copy h2,.security-inner h2,.closing h2{font-size:clamp(2.2rem,3.4vw,3.05rem);letter-spacing:-.04em;line-height:1.1;font-weight:400}.section-heading{margin-bottom:48px}.section-heading.split{align-items:flex-end;gap:72px}.section-heading.split>p{font-size:1rem;max-width:310px;line-height:1.65}
.hero-stage{position:relative;background:linear-gradient(180deg,#fff 0%,#fff 48%,#f1f4ff 80%,#fafbff 100%);border-bottom:1px solid #eceef3}.hero{display:block;padding:74px 0 0;position:relative}.hero-copy{padding:0;text-align:center;max-width:850px;margin:auto}.hero .eyebrow{display:flex;justify-content:center;align-items:center;gap:8px;font-size:.75rem;letter-spacing:.08em;margin-bottom:24px}.eyebrow-mark{width:6px;height:6px;border:1px solid #536bd1;transform:rotate(45deg)}.hero h1{font-size:clamp(3.1rem,5.5vw,4.7rem);line-height:1.045;letter-spacing:-.052em;font-weight:400}.hero h1 span{color:#24262d}.hero .lead{max-width:590px;margin:24px auto 0;font-size:1.125rem;line-height:1.6;color:#666c77}.hero-actions{justify-content:center;gap:10px;margin-top:26px}.hero-footnote{border:0;padding:0;margin:18px 0 0;font-size:.8125rem;color:#737986;line-height:1.5}
.product-wrap{margin-top:54px;scroll-margin-top:94px;padding-bottom:21px}.product-wrap:before{display:none}.product-window{display:grid;grid-template-columns:184px minmax(0,1fr);border:1px solid #dce0e7;border-radius:9px;box-shadow:0 2px 4px #24294506,0 24px 60px -35px #2437674a;background:white;text-align:left;overflow:hidden}.workspace-sidebar{display:flex;flex-direction:column;background:#f9fafb;border-right:1px solid #e5e7ed;padding:18px 10px 13px;min-width:0}.workspace-identity{display:flex;align-items:center;gap:8px;padding:0 7px;margin-bottom:22px;color:#353941;font-size:.8125rem;white-space:nowrap}.workspace-identity>span:last-child{margin-left:auto;color:#8a8f99}.workspace-identity img{width:15px;height:21px}.workspace-group{font-size:.75rem;color:#8a8f98;padding:0 9px;margin:10px 0 8px}.workspace-sidebar nav{display:grid;gap:3px}.workspace-sidebar nav a{display:flex;align-items:center;gap:8px;font-size:.8125rem;padding:9px 8px;min-height:36px;border-radius:4px;color:#626773}.workspace-sidebar nav a svg{width:16px;height:16px;color:#7f8797}.workspace-sidebar nav a:hover{background:#eceef3;color:#24262d}.workspace-sidebar nav .workspace-selected{background:#eaeefa;color:#354fc5}.workspace-sidebar nav .workspace-selected svg{color:#526aca}.workspace-bottom{display:flex;align-items:center;gap:6px;margin-top:auto;padding:24px 8px 1px;font-size:.75rem;line-height:1.5;color:#7b8190}.workspace-bottom svg{width:15px;height:15px}.workspace-main{min-width:0}.product-top{height:47px;background:#fff;padding:0 22px;color:#686e7b;border-bottom:1px solid #e9ebf0}.product-title{font-size:.8125rem;gap:9px}.product-title svg{width:16px;height:16px}.product-title>span:last-child{color:#343a46}.product-separator{color:#b7bdc8}.demo-label{font-size:.75rem;border:1px solid #e4e8ef;padding:2px 7px;border-radius:4px;line-height:1.5;color:#77808f}.demo-tabs{padding-inline:25px;gap:25px;border-color:#eceef2}.demo-tabs button{font-size:.875rem;padding-block:13px 11px;min-height:44px}.demo-tabs button[aria-selected=true]{border-color:#6378c9;color:#263552}.demo-heading{padding:23px 26px 20px;border-bottom:1px solid #eceef2}.demo-heading .mini-label{font-size:.6875rem;letter-spacing:.075em;color:#8b92a0}.demo-heading h2{margin-top:6px;font-size:1.4rem;letter-spacing:-.025em}.workspace-editor{display:grid;grid-template-columns:minmax(0,1fr) 238px;min-height:315px}.workspace-canvas{padding:24px 38px 18px;display:flex;flex-direction:column;align-items:center;background-color:#fafbfe;background-image:radial-gradient(#d5dbe9 .65px,transparent .65px);background-size:14px 14px;min-width:0}.canvas-begin{font-size:.625rem;letter-spacing:.12em;color:#8992a7;border:1px solid #e2e6ed;background:#fff;border-radius:20px;padding:5px 11px}.canvas-end{font-size:.75rem;color:#8a92a1;line-height:1.5;text-align:center;margin-top:20px}.demo-flow{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:420px;gap:22px 36px;padding:26px 0 0}.demo-flow li{position:relative}.demo-flow li:first-child:after,.demo-flow li:nth-child(3):after{content:'';position:absolute;left:100%;top:50%;width:36px;height:1px;background:#bbc6df}.demo-flow li:nth-child(2):after{content:'';position:absolute;left:50%;top:100%;height:22px;width:1px;background:#bbc6df}.demo-flow li:nth-child(3){grid-column:2;grid-row:2}.demo-flow li:nth-child(4){grid-column:1;grid-row:2}.demo-flow li:nth-child(3):after{left:auto;right:100%}.demo-flow button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:100px;padding:13px 14px;gap:10px;background:#fff;border:1px solid #dfe4ed;border-radius:6px;box-shadow:0 2px 4px #192f5906}.demo-flow button[aria-pressed=true]{border-color:#768ee4;background:#fff;box-shadow:0 0 0 3px #546fea12}.demo-flow button.completed{border-color:#a8c7ba;background:#f7fbf9}.step-marker{border:0;border-radius:4px;background:#edf1fc;color:#627bd3;width:24px;height:24px;align-items:center;justify-content:center}.step-marker svg{width:16px;height:16px}.demo-flow li:nth-child(2) .step-marker{background:#fff4dc;color:#b18b34}.demo-flow li:nth-child(3) .step-marker{background:#f1ebfb;color:#9b73c0}.demo-flow li:nth-child(4) .step-marker{background:#e7f5ef;color:#49836d}.demo-flow button[aria-pressed=true] .step-marker{color:#536ccd;background:#edf1fc}.step-copy{display:flex;flex-direction:column;align-items:flex-start;gap:0}.step-copy strong{font-size:.875rem;line-height:1.3;letter-spacing:-.01em}.step-copy small{font-size:.75rem;margin-top:3px;color:#9095a1;line-height:1.3}.marketing .step-state{display:none}.flow-inspector{background:white;border-left:1px solid #e6e9ef;min-width:0;padding:18px 18px 12px}.inspector-head{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:#555d6b}.inspector-head svg{width:15px;height:15px}.demo-rule{flex-direction:column;align-items:flex-start;gap:5px;margin:20px 0 0;padding:16px 0;border-top-color:#eceef3}.demo-rule .mini-label{font-size:.625rem;color:#9096a2;letter-spacing:.07em;margin-bottom:7px}.demo-rule strong{font-size:.875rem;line-height:1.4}.condition-control>label{font-size:.8125rem;min-height:35px}.condition-control>input:checked+label .switch-track{background:#677cce}.demo-detail{margin:0;padding:12px;border:1px solid #e6eaf2;border-radius:4px;background:#f9fafc;min-height:105px}.demo-detail>strong{font-size:.8125rem;font-weight:400;line-height:1.4;display:block;color:#464f61}.demo-detail>p{font-size:.8125rem;line-height:1.5;margin-top:8px;color:#858d9a}.inspector-hint{font-size:.75rem;color:#959aa4;line-height:1.6;margin-top:12px}.demo-actions{border-top:1px solid #e9ecf3;padding:12px 24px 0;gap:12px}.demo-actions .button{font-size:.8125rem;padding:9px 12px;min-height:34px}.demo-actions .button svg{width:15px;height:15px}.demo-actions .text-link{font-size:.8125rem;min-height:34px;color:#747d90}.demo-status{font-size:.75rem;color:#9298a4;padding:9px 25px 12px;min-height:36px}.demo-caption{margin-top:16px;font-size:.75rem;color:#8a92a1;line-height:1.5}
.audience{display:block;text-align:center;padding:37px 0 42px;border-bottom:1px solid var(--line)}.audience>p{font-size:.8125rem;max-width:none;margin-bottom:21px;color:#8b909b}.audience ul{justify-content:center;gap:20px 44px;color:#606775;font-size:1.05rem;letter-spacing:-.015em}
.outcomes{padding-block:97px 95px;display:grid;grid-template-columns:.9fr 1.1fr;gap:72px}.outcomes .section-heading{margin:0}.outcomes .section-heading h2{font-size:2.65rem;line-height:1.14}.outcome-grid{display:block}.outcome-grid article,.outcome-grid article:last-child{padding:19px 0;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:26px 1fr;gap:0 14px}.outcome-grid article:first-child{padding-top:0}.outcome-grid article:last-child{border-bottom:0;padding-bottom:0}.outcome-index{grid-row:1 / span 3;margin:3px 0 0;color:#a0a6b1;font-size:.75rem}.outcome-grid h3{font-size:1.125rem;max-width:none;line-height:1.4}.outcome-grid p{font-size:.9375rem;line-height:1.65;margin-top:7px;grid-column:2}.outcome-grid strong{font-size:.875rem;font-weight:400;color:#576cad;margin-top:10px;grid-column:2}
.platform-section{background:#f8f9fb;border-block:1px solid #eef0f4;padding-block:105px 90px}.platform-section>.wrap>.section-heading{padding-bottom:40px;margin-bottom:44px;border-bottom:1px solid #e2e5ed}.platform-workspace{display:grid;grid-template-columns:204px minmax(0,1fr);gap:54px;align-items:start}.area-panels{min-width:0}.area-panel{display:block;padding:0;min-height:650px}.area-copy h3{max-width:590px;font-size:1.65rem;line-height:1.22;letter-spacing:-.032em}.area-copy .eyebrow{font-size:.6875rem;margin-bottom:12px}.area-copy>p:not(.eyebrow){font-size:1rem;line-height:1.65;max-width:650px;margin-top:14px}.resource-preview{margin:27px 0 0;background:#fff;border:1px solid #e0e4ec;border-radius:6px;box-shadow:0 12px 30px -22px #1c325a3d;overflow:hidden}.preview-chrome{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 17px;border-bottom:1px solid #e9ecf2;font-size:.875rem;color:#555e6d}.preview-chrome>span:first-child{display:flex;align-items:center;gap:9px}.preview-chrome svg{width:15px;height:15px;color:#939caf}.preview-mode{font-size:.6875rem;color:#a0a6b1;white-space:nowrap}.preview-table-scroll{overflow-x:auto;scrollbar-width:thin}.resource-preview table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:.8125rem}.resource-preview th{font-weight:400;color:#9096a1;background:#fcfcfd;font-size:.75rem;padding:10px 16px;border-bottom:1px solid #eaeef4}.resource-preview td{padding:16px;border-bottom:1px solid #edf0f4;color:#838a97;font-size:.8125rem}.resource-preview td:first-child{color:#555e6e}.row-square{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #e1e5ef;background:#f9fafc;border-radius:5px;color:#7588b8;vertical-align:middle;margin-right:8px}.row-square svg{width:14px;height:14px}.row-square-1{color:#a17b42;background:#fffcf6}.row-square-2{color:#9276a7;background:#fbf8ff}.row-status{display:inline-block;padding:3px 7px;font-size:.6875rem;background:#eaf3ef;color:#628170;border-radius:4px}.row-status-1{background:#eff2ff;color:#7184b8}.row-status-2{background:#faf3e6;color:#9d8655}.resource-preview figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 17px;font-size:.75rem;color:#9aa1af}.resource-preview figcaption>span{display:flex;align-items:center;gap:6px}.resource-preview figcaption>span svg{width:13px;height:13px;color:#7ba18e}.resource-preview figcaption a{display:flex;gap:6px;align-items:center;color:#68779e;min-height:28px}.resource-preview figcaption a svg{width:15px;height:15px}.area-resources{margin-top:28px}.area-resources ul{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.area-resources li,.area-resources li:first-child{border-top:1px solid #e1e5ed;padding:15px 0 0}.area-resources strong{font-size:.9375rem;line-height:1.45;font-weight:400;display:block}.area-resources li p{font-size:.875rem;line-height:1.6;color:#858d9b;margin-top:8px}.area-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:23px}.area-benefit{border:0;padding:0;font-size:.8125rem;color:#7280a1;max-width:245px}.area-bottom .text-link{font-size:.875rem;flex-shrink:0}.section-tail{font-size:.8125rem;margin-top:38px;border-top:1px solid #e2e5ed;padding-top:20px;color:#959ca8}.section-tail .text-link{font-size:.8125rem;color:#6b7792}.preview-flow{display:flex;align-items:center;justify-content:center;padding:42px 28px;gap:22px;background-color:#fafbfe;background-image:radial-gradient(#d5dbe9 .65px,transparent .65px);background-size:14px 14px}.preview-flow>div{display:flex;position:relative;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid #dce3f0;padding:16px;width:30%;background:#fff;border-radius:5px;color:#6f7da0;min-height:130px}.preview-flow>div:not(:last-child):after{content:'';height:1px;width:22px;background:#bac7e1;position:absolute;left:100%;top:50%}.preview-flow strong{font-size:.8125rem;font-weight:400;color:#58647a}.preview-flow span{font-size:.75rem;color:#929aab;line-height:1.5}.preview-flow svg{width:18px;height:18px}.preview-note{font-size:.75rem;padding:12px 20px;text-align:center;color:#9aa2b2;border-top:1px solid #e9edf4}
.template-section{gap:78px;padding-block:112px}.template-copy>p:not(.eyebrow){font-size:1rem;color:#757d8a;margin-top:19px}.template-copy .button{font-size:.9375rem;margin-top:25px}.template-copy .fine-print{font-size:.8125rem!important;color:#989ea9;line-height:1.6!important}.template-library{background:#fff;border-radius:6px;border-color:#e1e5ed;box-shadow:0 12px 32px -28px #25365e50}.template-library-head{background:#fafbfd;padding:24px;border-color:#e6eaf1}.template-library-head>span{color:#8d96a7;font-size:.6875rem;letter-spacing:.08em}.template-library-head>strong{color:#66799f;font-size:2.7rem}.template-library-head small{font-size:.6875rem;color:#989eaa}.template-library>a{padding:20px 24px;gap:17px;border-color:#ebedf2;min-height:83px}.template-number{display:flex;align-items:center;justify-content:center;width:30px;height:35px;border:1px solid #dce3f0;background:#f9fbff;border-radius:3px;color:#8e9ab5;flex-shrink:0;font-size:.6875rem}.template-library>a strong{font-size:.9375rem;color:#4e596c}.template-library>a small{font-size:.8125rem;color:#949ba7;margin-top:5px}.template-library>a svg{width:18px;color:#a2abbd}.template-library>a.template-all{font-size:.8125rem;line-height:1.65;color:#8993a6;min-height:66px}
.dark-section{background:#15171b;color:#f3f4f8;border-color:#24272e;padding:103px 0 96px;--line:#30333b;--muted:#979da9}.dark-section .eyebrow{color:#9ca9c8}.dark-section .section-heading.split>p{color:#969ca9}.dark-section .section-heading{margin-bottom:40px}.connection-strip{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 0 56px;padding:30px 20px;border-block:1px solid #30343d;font-size:.9375rem;color:#a2adbf}.connection-strip>span:nth-child(even){color:#667389;font-size:1.15rem}.connection-strip>strong{font-weight:400;color:#e2e8f4}.connected-grid{gap:76px}.intelligence-list details{padding:19px 0;border-color:#30343e}.intelligence-list details:first-child{border-top:0;padding-top:0}.intelligence-list summary{font-size:1.0625rem;line-height:1.5;color:#e4e8ef}.intelligence-list summary>span{color:#657186}.intelligence-list summary:after{color:#78849a}.intelligence-list details p{font-size:.9375rem;color:#959ead;margin-top:12px;line-height:1.7}.intelligence-list .text-link{font-size:.9375rem;color:#c1cde7}.integration-directory{border-color:#30343e;padding-left:34px}.integration-directory h3{font-size:1.125rem;color:#e1e6ef;margin-bottom:21px}.integration-directory dl>div{padding:12px 0;border-color:#2c3039}.integration-directory dt{font-size:.9375rem;color:#b7c1d2}.integration-directory dd{font-size:.8125rem;color:#727d92}.integration-directory .text-link{font-size:.875rem;color:#b8c6e3}.integration-directory .fine-print{font-size:.8125rem!important;color:#788296;margin-top:18px}
.implementation-steps{gap:52px}.implementation-steps>li{border-color:#e3e6ed}.implementation-steps>li>span{background:white;border-radius:5px;color:#8a98b3;width:28px;height:31px;font-size:.75rem}.implementation-steps h3{font-size:1.125rem;letter-spacing:-.015em}.implementation-steps p{font-size:.9375rem;line-height:1.7;color:#818997}.commercial-note{font-size:.875rem;border-color:#e7eaf1}.commercial-note h3{font-size:.9375rem;color:#535f77}.commercial-note p{font-size:.875rem;color:#8b93a2}
.security-section{background:#f7f9fc;color:var(--ink);padding:92px 0;border-block:1px solid #e7ebf1}.security-inner{grid-template-columns:1.1fr .9fr;gap:100px}.security-inner .eyebrow{color:#8190a9}.security-inner h2{font-size:2.55rem}.security-inner p:not(.eyebrow){color:#7e8899;font-size:1rem;line-height:1.7}.security-inner .text-link{color:#657aab;font-size:.9375rem}.security-facts{padding-left:35px;border-color:#dfe5ef}.security-facts>div{border-color:#dfe5ef;padding:17px 0}.security-facts strong{font-size:1.15rem;color:#586982}.security-facts span{font-size:.875rem;color:#939dad;margin-top:5px}.security-facts>a{color:#7789ad;font-size:.8125rem}
.faq{gap:90px;padding-block:100px}.faq .section-heading h2{font-size:2.5rem}.faq-list summary{font-size:1rem;line-height:1.6;padding:20px 0;gap:25px;color:#535d6f}.faq-list summary:after{font-size:1.1rem;color:#a4adbc}.faq-list details{border-color:#e7ebf1}.faq-list details:first-child{border-color:#e7ebf1}.faq-list details p{font-size:.9375rem;line-height:1.75;color:#858f9f}
.closing{width:100%;background:#16181c;text-align:center;margin:0;padding:90px 0 82px;border:0;color:#f5f6fa}.closing .eyebrow{color:#8b99b6;font-size:.6875rem;letter-spacing:.12em}.closing h2{font-size:clamp(2.5rem,4vw,3.7rem);line-height:1.1;font-weight:400;letter-spacing:-.04em}.closing-inner>p:not(.eyebrow){color:#8c95a6;font-size:1rem;line-height:1.65;max-width:485px;margin:22px auto 0}.closing-actions{display:flex;justify-content:center;gap:14px 24px;margin-top:27px}.closing-actions .button{background:#f3f5fb;color:#2b3547;border-color:#f3f5fb}.closing-actions .button:hover{background:#dfe6f7;border-color:#dfe6f7}.closing-actions .text-link{color:#9faecb;font-size:.875rem}.marketing-footer{background:#16181c;color:#99a4b8;border-top:1px solid #2a2f39;padding:36px 0 26px}.footer-top{display:flex;align-items:center;gap:35px;padding:0}.footer-top .brand img{filter:brightness(0) invert(1);opacity:.82;width:136px}.footer-top .brand sup{color:#c3ccdc}.footer-top>p{font-size:.8125rem;color:#7d889c}.footer-top>a:last-child{font-size:.8125rem;margin-left:auto;display:flex;align-items:center;gap:8px;color:#b2bfd7}.footer-links{display:flex;justify-content:space-between;gap:55px;margin-top:28px;padding-top:25px;border-top:1px solid #30353f}.footer-links nav{display:flex;flex-wrap:wrap;gap:7px 22px;align-content:start;max-width:560px}.footer-links nav:first-child{max-width:300px}.footer-links a,.footer-links button{font:inherit;font-size:.8125rem;background:none;border:0;color:#858fa2;padding:5px 0;min-height:30px}.footer-links a:hover,.footer-links button:hover{color:#d3dcec}.copyright{font-size:.75rem;color:#687489;margin-top:30px;line-height:1.6}
@media(min-width:1600px){.wrap{width:min(1220px,calc(100% - 144px))}.hero{padding-top:89px}.hero h1{font-size:5.2rem}.hero .lead{font-size:1.1875rem;max-width:640px}.product-wrap{margin-top:61px}.workspace-editor{grid-template-columns:minmax(0,1fr) 260px}.workspace-canvas{padding-inline:56px}.demo-flow{max-width:480px}.demo-flow button{min-height:109px}.outcomes .section-heading h2{font-size:2.9rem}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.main-nav{margin-left:0;gap:19px}.header-inner{gap:25px}.header-actions{gap:13px}.workspace-sidebar{padding-inline:7px}.product-window{grid-template-columns:168px minmax(0,1fr)}.workspace-editor{grid-template-columns:minmax(0,1fr) 215px}.workspace-canvas{padding-inline:23px}.demo-flow{column-gap:26px}.demo-flow li:first-child:after,.demo-flow li:nth-child(3):after{width:26px}.flow-inspector{padding-inline:15px}.platform-workspace{grid-template-columns:185px minmax(0,1fr);gap:35px}.area-resources ul{gap:16px}.area-bottom{align-items:flex-start;gap:20px}.template-section{gap:50px}.outcomes{gap:50px}.outcomes .section-heading h2{font-size:2.35rem}.connected-grid{gap:47px}.security-inner{gap:60px}}
@media(max-width:1000px){.main-nav{display:none;position:absolute;top:73px;left:0;right:0;margin:0;padding:16px 32px 22px;background:#fff;border-bottom:1px solid #e2e6ee;box-shadow:0 13px 18px #27324a08}.main-nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.main-nav a{width:100%;font-size:1rem;padding:12px 0}.header-actions{gap:16px;margin-left:auto}#menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:none;border:0;width:36px;height:40px;padding:8px;color:#424c60}#menu-toggle span{display:block;width:18px;height:1px;background:currentColor}.hero{padding-top:65px}.product-window{grid-template-columns:150px minmax(0,1fr)}.workspace-identity{font-size:.75rem;gap:6px;padding-inline:5px}.workspace-group{font-size:.6875rem;padding-inline:7px}.workspace-sidebar nav a{font-size:.75rem;gap:7px;padding-inline:7px}.workspace-sidebar nav a svg{width:14px;height:14px}.workspace-bottom{font-size:.6875rem;padding-inline:7px}.workspace-editor{grid-template-columns:minmax(0,1fr) 185px}.flow-inspector{padding-inline:12px}.inspector-head{font-size:.75rem;gap:6px}.demo-rule strong{font-size:.8125rem}.demo-detail>strong,.demo-detail>p{font-size:.75rem}.workspace-canvas{padding-inline:19px}.demo-flow{gap:20px}.demo-flow li:first-child:after,.demo-flow li:nth-child(3):after{width:20px}.demo-flow button{padding:11px;min-height:106px}.step-copy strong{font-size:.8125rem}.step-copy small{font-size:.6875rem}.audience ul{gap:18px 27px;font-size:1rem}.section{padding-block:88px}.outcomes{padding-block:85px}.platform-workspace{grid-template-columns:1fr;gap:30px}.area-panel{min-height:610px}.area-copy h3{max-width:650px}.area-resources ul{gap:25px}.area-bottom{align-items:center}.resource-preview td{padding:18px 16px}.section-heading.split{gap:35px}.section-heading.split>p{max-width:255px}.section-heading h2,.template-copy h2{font-size:2.45rem}.template-section{gap:38px}.template-library>a{padding:18px;gap:12px}.template-library-head{padding:20px}.connected-grid{gap:42px}.security-inner h2{font-size:2.25rem}.faq{gap:47px}.faq .section-heading h2{font-size:2.25rem}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.main-header{height:65px}.main-nav{top:64px;padding-inline:20px}.brand img{width:123px}.header-inner{gap:10px}.header-actions{gap:12px}.header-actions>.button{display:none}.team-login-trigger{font-size:.875rem}.hero{padding:53px 0 0}.hero .eyebrow{margin-bottom:21px;font-size:.6875rem;letter-spacing:.07em}.hero h1{font-size:clamp(2.5rem,8vw,3.4rem);line-height:1.09;letter-spacing:-.044em}.hero .lead{font-size:1rem;line-height:1.65;max-width:510px;margin-top:19px}.hero-actions{margin-top:24px;gap:9px}.hero-actions .button{font-size:.875rem;padding:12px 13px;min-height:45px}.hero-actions .button svg{width:16px;height:16px}.hero-footnote{font-size:.75rem;line-height:1.6;margin:16px auto 0;max-width:360px}.product-wrap{margin-top:34px;scroll-margin-top:84px;padding-bottom:17px}.product-window{display:block;border-radius:6px}.workspace-sidebar{display:none}.product-top{padding-inline:16px;height:42px}.product-title{font-size:.75rem}.product-title>span:last-child,.product-separator{display:none}.demo-label{font-size:.6875rem}.demo-tabs{gap:23px;padding-inline:16px}.demo-tabs button{font-size:.8125rem;min-height:44px}.demo-heading{padding:19px 18px 17px}.demo-heading .mini-label{font-size:.625rem}.demo-heading h2{font-size:1.3rem;margin-top:5px}.workspace-editor{grid-template-columns:minmax(0,1fr) 200px;min-height:300px}.workspace-canvas{padding:23px 18px 19px}.demo-flow{padding-top:23px;gap:20px}.demo-flow button{min-height:102px;padding:11px}.step-copy{display:flex;flex-direction:column;align-items:flex-start;gap:0}.step-copy strong{font-size:.8125rem}.step-copy small{font-size:.6875rem;line-height:1.4}.demo-actions{padding:12px 16px 0}.demo-actions .button{font-size:.8125rem;min-height:38px}.demo-actions .text-link{font-size:.8125rem;gap:5px}.demo-status{font-size:.75rem;padding:8px 16px 13px;line-height:1.6}.demo-caption{font-size:.6875rem;margin-top:13px}.audience{padding:26px 0 32px}.audience>p{font-size:.75rem;line-height:1.6;margin-bottom:18px}.audience ul{gap:15px 24px;font-size:.9375rem;line-height:1.4}.section{padding-block:65px}.section-heading{margin-bottom:30px}.section-heading h2,.template-copy h2,.security-inner h2{font-size:2.15rem;line-height:1.15;letter-spacing:-.037em}.section-heading.split{display:block}.section-heading.split>p{max-width:500px;font-size:1rem;margin-top:18px}.eyebrow{font-size:.6875rem;margin-bottom:17px;letter-spacing:.08em}.outcomes{display:block;padding-block:65px}.outcomes .section-heading{margin-bottom:29px}.outcomes .section-heading h2{font-size:2.15rem;line-height:1.15}.outcome-grid article,.outcome-grid article:last-child{padding:19px 0;grid-template-columns:24px 1fr;gap:0 10px}.outcome-grid article:last-child{padding-bottom:0}.outcome-grid h3{font-size:1.125rem}.outcome-grid p{font-size:1rem;line-height:1.6;margin-top:8px}.outcome-grid strong{font-size:.875rem;margin-top:10px}.platform-section>.wrap>.section-heading{margin-bottom:27px;padding-bottom:27px}.platform-workspace{gap:29px}.area-panel{min-height:0}.area-copy h3{font-size:1.65rem;line-height:1.24;max-width:100%}.area-copy .eyebrow{font-size:.6875rem;margin-bottom:11px}.area-copy>p:not(.eyebrow){font-size:1rem;margin-top:13px;line-height:1.65}.resource-preview{margin-top:23px}.preview-chrome{padding:14px;font-size:.8125rem;gap:10px}.preview-mode{font-size:.625rem}.resource-preview table{min-width:600px}.resource-preview td{padding:15px 14px}.resource-preview figcaption{padding:11px 13px;font-size:.6875rem;gap:10px;line-height:1.5}.resource-preview figcaption>span{max-width:220px;align-items:flex-start}.resource-preview figcaption>span svg{margin-top:2px}.resource-preview figcaption a{font-size:.75rem;flex-shrink:0}.area-resources{margin-top:20px}.area-resources ul{grid-template-columns:1fr;gap:0}.area-resources li,.area-resources li:first-child{padding:16px 0;border-top:1px solid #e1e5ed}.area-resources strong{font-size:1rem;line-height:1.5}.area-resources li p{font-size:.9375rem;line-height:1.6;margin-top:5px}.area-bottom{display:block;margin-top:5px;padding-top:15px;border-top:1px solid #e1e5ed}.area-benefit{max-width:none;font-size:.875rem;line-height:1.6}.area-bottom .text-link{font-size:.875rem;margin-top:9px}.section-tail{display:block;margin-top:28px;font-size:.8125rem;line-height:1.6;padding-top:20px}.section-tail .text-link{margin-top:8px}.template-section{grid-template-columns:1fr;gap:32px}.template-copy>p:not(.eyebrow){font-size:1rem;margin-top:17px;line-height:1.65}.template-copy .fine-print{max-width:none}.template-library-head{padding:22px}.template-library>a{padding:20px;min-height:84px;gap:14px}.template-library>a strong{font-size:1rem}.template-library>a small{font-size:.875rem;line-height:1.5}.template-library>a.template-all{padding:18px 20px;font-size:.875rem;line-height:1.6}.connection-strip{justify-content:flex-start;flex-wrap:wrap;gap:15px;font-size:.8125rem;padding:25px 0;margin-bottom:29px;line-height:1.6}.connection-strip>span:nth-child(even){font-size:1rem}.dark-section .section-heading{margin-bottom:26px}.connected-grid{grid-template-columns:1fr;gap:33px}.intelligence-list summary{font-size:1rem;line-height:1.55;gap:14px}.intelligence-list details p{font-size:.9375rem;line-height:1.7;margin-left:29px}.integration-directory{padding:26px 0 0;border-left:0;border-top:1px solid #30343e}.integration-directory h3{font-size:1.15rem}.integration-directory dl>div{grid-template-columns:1fr 1fr;gap:20px;padding:13px 0}.integration-directory dt{font-size:1rem}.integration-directory dd{font-size:.875rem}.integration-directory .fine-print{font-size:.8125rem!important}.implementation-steps{grid-template-columns:1fr;gap:26px}.implementation-steps>li{display:grid;grid-template-columns:29px 1fr;column-gap:17px;padding-top:22px}.implementation-steps h3{font-size:1.125rem;line-height:1.4}.implementation-steps p{font-size:1rem;line-height:1.65}.commercial-note{grid-template-columns:1fr;gap:13px;margin-top:28px;padding-top:23px}.commercial-note h3{font-size:1rem}.commercial-note p{font-size:.9375rem;line-height:1.65}.security-section{padding:66px 0}.security-inner{grid-template-columns:1fr;gap:32px}.security-inner .eyebrow{font-size:.6875rem}.security-inner h2{font-size:2.1rem}.security-inner p:not(.eyebrow){font-size:1rem;margin-top:18px;line-height:1.65}.security-inner .text-link{font-size:.875rem;margin-top:18px}.security-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;padding:0;border-left:0}.security-facts>div,.security-facts>div:first-child{padding:16px 0;border-top:1px solid #dfe5ef;border-bottom:0}.security-facts strong{font-size:1.125rem}.security-facts span{font-size:.875rem;line-height:1.6}.security-facts>a{font-size:.875rem;padding-top:16px;margin-top:0;border-color:#dfe5ef;line-height:1.5}.faq{grid-template-columns:1fr;gap:6px;padding-block:66px}.faq .section-heading h2{font-size:2.2rem}.faq-list summary{font-size:1rem;line-height:1.55;padding:20px 0}.faq-list details p{font-size:1rem;line-height:1.7;padding-right:12px}.closing{padding:66px 0 60px}.closing h2{font-size:2.65rem;line-height:1.13}.closing-inner>p:not(.eyebrow){font-size:1rem;line-height:1.65;margin-top:20px}.closing-actions{gap:14px 20px;margin-top:24px}.closing-actions .button{font-size:.875rem}.closing-actions .text-link{font-size:.875rem}.marketing-footer{padding:28px 0 24px}.footer-top{gap:15px 20px;flex-wrap:wrap}.footer-top>p{order:3;width:100%;max-width:none;font-size:.8125rem}.footer-top>a:last-child{font-size:.8125rem}.footer-top .brand img{width:120px}.footer-links{display:block;padding-top:22px;margin-top:22px}.footer-links nav,.footer-links nav:first-child{max-width:none;gap:8px 20px;margin-bottom:17px}.footer-links a,.footer-links button{font-size:.875rem;min-height:34px}.copyright{font-size:.75rem;margin-top:21px}}
@media(max-width:570px){.workspace-editor{display:block}.workspace-canvas{padding:24px 28px 23px}.demo-flow{max-width:380px;gap:25px 36px}.demo-flow button{min-height:105px;padding:13px 14px;gap:10px}.demo-flow li:first-child:after,.demo-flow li:nth-child(3):after{width:36px}.demo-flow li:nth-child(2):after{height:25px}.step-copy strong{font-size:.875rem}.step-copy small{font-size:.75rem}.canvas-end{font-size:.75rem;margin-top:18px}.flow-inspector{border-left:0;border-top:1px solid #e5e9f1;padding:17px 18px;display:grid;grid-template-columns:1fr 1fr;gap:13px 18px}.inspector-head{grid-column:1 / -1;font-size:.8125rem}.demo-rule{margin:0;border:0;padding:3px 0 0;gap:8px;justify-content:flex-start}.demo-rule .mini-label{font-size:.625rem}.demo-rule strong{font-size:.875rem}.demo-detail{padding:10px 12px;min-height:0}.demo-detail>strong{font-size:.8125rem}.demo-detail>p{font-size:.75rem;line-height:1.6}.inspector-hint{display:none}.preview-flow{gap:13px;padding:32px 13px}.preview-flow>div{width:calc((100% - 26px)/3);padding:12px 10px;min-height:144px;gap:12px}.preview-flow>div:not(:last-child):after{width:13px}.preview-flow strong{font-size:.8125rem;overflow-wrap:anywhere}.preview-flow span{font-size:.6875rem;line-height:1.6}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:2.42rem}.hero-actions{flex-direction:column;align-items:stretch;max-width:290px;margin-inline:auto}.hero-actions .button{width:100%}.hero .lead{font-size:1rem}.brand img{width:116px}.header-actions{gap:7px}.demo-tabs{gap:19px;padding-inline:14px}.demo-tabs button{font-size:.75rem}.workspace-canvas{padding-inline:22px}.demo-flow{grid-template-columns:1fr 1fr;gap:24px}.demo-flow li:first-child:after,.demo-flow li:nth-child(3):after{width:24px}.demo-flow button{min-height:113px;padding:11px}.step-copy{flex-direction:column;align-items:flex-start;gap:0}.step-copy strong{font-size:.8125rem}.step-copy small{font-size:.6875rem}.flow-inspector{grid-template-columns:1fr;padding:16px;gap:10px}.demo-rule{flex-direction:row;justify-content:space-between;gap:12px}.demo-detail{padding:12px}.demo-actions{align-items:flex-start;flex-direction:column;gap:3px}.demo-actions .text-link{min-height:33px}.security-facts{grid-template-columns:1fr}.closing h2{font-size:2.35rem}.footer-top>a:last-child{margin-left:0}.preview-mode{display:none}}
.hero .eyebrow{max-width:none}
/* Preserve legibility in the light presentation, including small UI captions. */
.hero-footnote,.demo-caption,.audience>p,.workspace-group,.workspace-bottom,.demo-heading .mini-label,.canvas-begin,.canvas-end,.step-copy small,.demo-rule .mini-label,.demo-detail>p,.inspector-hint,.demo-status,.area-copy .eyebrow,.preview-mode,.resource-preview th,.resource-preview td,.resource-preview figcaption,.preview-flow span,.preview-note,.area-resources li p,.section-tail,.template-copy .fine-print,.template-library-head>span,.template-library-head small,.template-library>a small,.template-library>a.template-all,.implementation-steps p,.commercial-note p,.security-inner .eyebrow,.security-inner p:not(.eyebrow),.security-facts span,.faq-list details p{color:#697486}
.outcome-index,.template-number{color:#6e7d97}.preview-mode,.resource-preview th,.resource-preview figcaption,.preview-note{font-size:.75rem}.row-status{font-size:.75rem;color:#3c6652}.row-status-1{color:#53699e}.row-status-2{color:#866723}.resource-preview td{font-size:.875rem}.preview-flow strong{font-size:.875rem}.dark-section .integration-directory dd,.dark-section .integration-directory .fine-print,.dark-section .intelligence-list details p{color:#a0acbf}.closing-inner>p:not(.eyebrow),.footer-top>p,.footer-links a,.footer-links button,.copyright{color:#a4adbf}
.demo-flow li:not(:last-child):before{content:'';position:absolute;z-index:1;width:6px;height:6px;border-right:1px solid #a3b3d0;border-bottom:1px solid #a3b3d0}
.demo-flow li:first-child:before{left:calc(100% + 13px);top:calc(50% - 3px);transform:rotate(-45deg)}
.demo-flow li:nth-child(2):before{left:calc(50% - 3px);top:calc(100% + 9px);transform:rotate(45deg)}
.demo-flow li:nth-child(3):before{right:calc(100% + 13px);top:calc(50% - 3px);transform:rotate(135deg)}
@media(max-width:1100px){.demo-flow li:first-child:before{left:calc(100% + 8px)}.demo-flow li:nth-child(3):before{right:calc(100% + 8px)}}
@media(max-width:1000px){.demo-flow li:first-child:before{left:calc(100% + 6px)}.demo-flow li:nth-child(3):before{right:calc(100% + 6px)}}
@media(max-width:570px){.demo-flow li:first-child:before{left:calc(100% + 13px)}.demo-flow li:nth-child(3):before{right:calc(100% + 13px)}}
@media(max-width:380px){.demo-flow li:first-child:before{left:calc(100% + 8px)}.demo-flow li:nth-child(3):before{right:calc(100% + 8px)}}
/* Scroll-led product story: fixed reading rail, complete and linkable sections. */
.area-navigation{position:sticky;top:100px;align-self:start;display:flex;flex-direction:column;gap:5px;min-width:0}
.area-navigation a{display:flex;align-items:center;gap:10px;min-height:47px;padding:12px;border-left:2px solid transparent;color:#697486;font-size:.875rem;line-height:1.45;transition:color 180ms,background-color 180ms,border-color 180ms}
.area-navigation a>span{font-size:.75rem}.area-navigation a>svg{width:15px;height:15px;margin-left:auto;opacity:0;transition:opacity 180ms}
.area-navigation a[aria-current=location]{background:#eef0f6;border-color:#677fc5;color:#344467}.area-navigation a[aria-current=location]>svg{opacity:1}.area-navigation a:hover{background:#f0f2f6;color:#313d52}
.area-panel{min-height:0;padding:0;scroll-margin-top:16px}.area-panel+.area-panel{margin-top:88px;padding-top:76px;border-top:1px solid #e2e5ed}.area-panel:focus:not(:focus-visible){outline:none}
.area-panel:last-child{padding-bottom:12px}.platform-workspace+.section-tail{margin-top:65px}
.demo-flow button{transition:border-color 230ms,background-color 230ms,box-shadow 230ms}.step-marker{transition:background-color 230ms,color 230ms,transform 230ms}.demo-flow button[aria-pressed=true] .step-marker{transform:scale(1.06)}
.demo-flow li:after{transition:background-color 260ms}.demo-flow li:before{transition:border-color 260ms}.demo-flow li.step-passed:after{background:#7faaa0}.demo-flow li.step-passed:before{border-color:#7faaa0}
.team-login[open] .team-login-panel{animation:team-panel-in 160ms ease-out}
@keyframes team-panel-in{from{opacity:.4;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){
  .platform-workspace{display:block}.area-navigation{top:74px;z-index:12;flex-direction:row;gap:4px;padding:9px 0;background:rgba(248,249,251,.97);backdrop-filter:blur(12px);border-bottom:1px solid #e2e5ed;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;margin-bottom:38px}
  .area-navigation a{flex:1 0 auto;justify-content:center;min-height:44px;padding:11px 14px;white-space:nowrap;border-left:0;border-bottom:2px solid transparent}.area-navigation a>span,.area-navigation a>svg{display:none}.area-navigation a[aria-current=location]{border-bottom-color:#677fc5}
  .area-panel{scroll-margin-top:68px}
}
@media(max-width:760px){.area-navigation{top:65px;margin-bottom:30px}.area-navigation a{font-size:.8125rem;padding-inline:12px}.area-panel+.area-panel{margin-top:55px;padding-top:47px}.platform-workspace+.section-tail{margin-top:35px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
@media(prefers-reduced-motion:reduce){.marketing *,.marketing *:before,.marketing *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.workspace-sidebar,.flow-inspector,.main-header,.demo-actions,.closing-actions{display:none!important}.product-window,.workspace-editor{display:block}.hero-stage,.dark-section,.closing,.marketing-footer,.security-section{background:white!important;color:#222!important}.section{padding-block:30px}.area-navigation{position:static}.area-panel{min-height:0;break-inside:avoid}.area-panel+.area-panel{margin-top:30px;padding-top:30px}.wrap{width:100%}.footer-top .brand img{filter:none}}