/* Extend the existing light brand theme. Design variance 6, motion 3, density 4.
   Native CSS; screenshots are captured from the working demo, not recreated UI.
   Buttons use the existing 7px radius; imagery and panels use 12px. */
.project-integrations{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;align-items:start}.integration-column{display:flex;flex-direction:column;gap:14px}.project-integration{border:1px solid var(--line);border-radius:12px;background:#fafbff}.project-integration summary{display:flex;align-items:center;gap:15px;padding:22px;cursor:pointer;list-style:none}.project-integration summary::-webkit-details-marker{display:none}.project-integration summary img{object-fit:contain;flex-shrink:0}.project-integration summary strong{display:block;font:600 17px Manrope,sans-serif;letter-spacing:-.4px}.project-integration summary small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.project-integration summary::after{content:"+";position:static;margin-left:auto;color:var(--blue);font-size:22px;line-height:1;flex-shrink:0}.project-integration[open] summary::after{content:"−"}.project-integration[open]{background:#f2f5ff;border-color:#d1dbf8}.project-integration>p{padding:0 22px 22px;font-size:14px;line-height:1.8}.integration-scope{margin-top:20px;font-size:12px;max-width:830px}.project-integration summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:10px}
@media(max-width:560px){.project-integrations{grid-template-columns:1fr;gap:11px}.project-integration summary{padding:19px;gap:12px}.project-integration summary strong{font-size:16px}.project-integration>p{padding:0 19px 19px;font-size:13px}}
.lead-project{background:#fff}.project-hero{padding-top:145px;padding-bottom:40px}.project-back{font-size:13px;color:var(--muted);display:inline-block;margin-bottom:28px}.project-back:hover{color:var(--blue)}.project-hero-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:45px;align-items:center}.project-hero-copy h1{font-size:clamp(38px,4.1vw,56px);line-height:1.15;letter-spacing:-2.4px;margin:18px 0 22px}.project-hero-copy>p{font-size:17px;line-height:1.8;max-width:440px}.project-hero-copy .button{margin-top:28px;font-size:14px;gap:16px}.hero-preview{margin:0;min-width:0;padding:12px;background:#f1f3ff;border:1px solid #e1e5f6;border-radius:12px;box-shadow:0 18px 45px #5365a614}.hero-preview img{display:block;width:100%;height:auto;border:1px solid #e0e4f0;border-radius:5px}.hero-preview figcaption{font-size:11px;color:#6b7693;padding:12px 5px 2px}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:27px;margin:36px 0 0;border-top:1px solid var(--line)}.project-facts dt{font-size:12px;color:var(--muted);margin-bottom:5px}.project-facts dd{font-size:14px;margin:0;font-weight:500}.project-section{padding-block:76px;scroll-margin-top:110px}.project-section h2{font-size:clamp(30px,3.1vw,42px);line-height:1.2;max-width:720px}.problem-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:90px}.problem-layout>div>p{font-size:16px;margin-top:22px;max-width:380px}.problem-list{display:grid;gap:24px}.problem-list article{padding-left:23px;border-left:2px solid #dce2fc}.problem-list h3{font-size:18px;letter-spacing:-.5px;margin-bottom:9px}.problem-list p{font-size:14px}.workflow-section{background:#f7f8ff;border-block:1px solid #e9edf8}.section-intro h2{margin-bottom:17px}.section-intro>p{font-size:16px;max-width:640px}.workflow-explorer{display:grid;grid-template-columns:.75fr 1.35fr;gap:30px;margin-top:32px;align-items:stretch}.workflow-tabs{display:flex;flex-direction:column;gap:10px}.flow-tab{background:transparent;border:1px solid transparent;border-radius:8px;padding:21px 22px;text-align:left;color:var(--text)}.flow-tab strong{display:block;font:600 17px Manrope,sans-serif;letter-spacing:-.5px}.flow-tab span{display:block;font-size:13px;color:var(--muted);margin-top:8px;line-height:1.75}.flow-tab[aria-selected=true]{border-color:#cbd4f4;background:#fff;box-shadow:0 5px 16px #5265a608}.flow-tab[aria-selected=true] strong{color:#4355c6}.flow-tab:hover{background:#fff}.flow-panel{padding:28px;background:#fff;border:1px solid var(--line);border-radius:12px;min-width:0}.flow-copy h3{font-size:23px;line-height:1.3;margin-bottom:12px}.flow-copy p{font-size:14px;max-width:540px;min-height:75px}.flow-image{margin:22px 0 0;padding:18px;background:#f6f7fb;border:1px solid #e7eaf3;border-radius:8px}.flow-image img{display:block;width:100%;height:310px;object-fit:contain;object-position:center top}.flow-image figcaption{font-size:11px;text-align:center;color:#68728b;padding-top:15px}.example-switch{display:flex;gap:10px;margin:30px 0 19px}.example-switch button{border:1px solid var(--line);background:#fff;color:#646e87;padding:11px 18px;border-radius:7px;font-size:14px}.example-switch button[aria-selected=true]{background:#eef1ff;border-color:#c9d2f5;color:#4154bd}.example-panel{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden}.example-input{padding:32px;background:#fafbfe}.example-input h3,.example-output h3{font-size:18px;letter-spacing:-.5px}.example-input>p:first-of-type{font-size:12px;color:#5364b5;margin-top:10px}.example-message{margin:20px 0!important;font-size:15px;line-height:1.9;color:#4a566f;min-height:143px}.sample-caption{font-size:11px;color:#76819a}.example-output{padding:32px;border-left:1px solid var(--line)}.output-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.output-heading span{font-size:11px;background:#edf1ff;color:#4b5cb8;border-radius:5px;padding:5px 9px;white-space:nowrap}.example-output dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.example-output dl div:first-child{grid-column:1/-1}.example-output dt{font-size:11px;color:var(--muted);margin-bottom:4px}.example-output dd{margin:0;font-size:14px;color:#3e4963}.example-output>p{font-size:13px;line-height:1.8;padding-top:17px;border-top:1px solid var(--line)}.example-output .missing-fields{margin-top:13px;padding:12px;background:#f4f6ff;border:0;color:#53629c;border-radius:6px;font-size:12px}.example-note{font-size:12px;margin-top:17px;max-width:820px}.review-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.reply-preview{margin:0;background:#f3f5ff;border:1px solid #e0e5f5;border-radius:12px;padding:26px}.reply-preview img{display:block;width:100%;height:auto;background:#fff;border-radius:6px}.reply-preview figcaption{font-size:11px;padding-top:17px;color:#687795}.review-layout>div>p{font-size:15px;margin-top:20px}.review-principle{margin-top:27px;padding-top:24px;border-top:1px solid var(--line)}.review-principle h3{font-size:18px;margin-bottom:9px}.review-principle p{font-size:14px}.scope-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;margin-top:32px}.scope-features{display:grid;gap:22px}.scope-features h3{font-size:18px;margin-bottom:8px}.scope-features p{font-size:14px;max-width:440px}.scope-note{padding:30px;border:1px solid #dbe2f7;border-radius:12px;background:#f5f7ff}.scope-note h3{font-size:21px;margin-bottom:17px}.scope-note p{font-size:13px;line-height:1.8}.scope-note p+p{margin-top:13px}.project-closing{padding:42px;border-radius:12px;background:#f0f3ff;border:1px solid #dfe5f8;display:flex;justify-content:space-between;gap:40px;align-items:center;margin-top:15px;margin-bottom:70px}.project-closing h2{font-size:34px;line-height:1.2;letter-spacing:-1.2px}.project-closing p{font-size:15px;margin-top:17px;max-width:570px}.project-closing .button{flex-shrink:0;font-size:14px}.lead-project .footer{border-top:1px solid var(--line)}
@media(max-width:1000px){.project-hero-grid{gap:25px;grid-template-columns:1fr 1.1fr}.project-hero-copy h1{font-size:42px}.problem-layout{gap:40px}.workflow-explorer{grid-template-columns:.85fr 1.15fr;gap:18px}.flow-tab{padding:17px}.review-layout{gap:35px}.scope-layout{gap:30px}.project-closing{padding:32px}}
@media(max-width:800px){.project-hero-grid{grid-template-columns:1fr;gap:32px}.project-hero{padding-top:137px}.project-hero-copy h1{max-width:560px}.project-hero-copy>p{max-width:560px}.hero-preview{max-width:660px}.problem-layout{grid-template-columns:1fr;gap:30px}.problem-layout>div>p{max-width:600px}.workflow-explorer{grid-template-columns:1fr}.workflow-tabs{display:grid;grid-template-columns:1fr 1fr}.flow-copy p{min-height:0}.example-panel{grid-template-columns:1fr}.example-output{border-left:0;border-top:1px solid var(--line)}.example-message{min-height:0}.review-layout{grid-template-columns:1fr}.reply-preview{max-width:560px}.review-layout>div{max-width:620px}.scope-layout{grid-template-columns:1fr}.project-closing{flex-direction:column;align-items:start}.project-section{padding-block:55px}.lead-project .footer-bottom>div{flex-wrap:wrap}}
@media(max-width:560px){.project-hero{padding-top:127px;padding-bottom:20px}.project-back{font-size:12px;margin-bottom:24px}.project-hero-copy h1{font-size:38px;letter-spacing:-1.7px;margin-top:14px}.project-hero-copy .eyebrow{font-size:10px}.project-hero-copy>p{font-size:15px}.project-hero-copy .button{margin-top:23px;font-size:13px}.hero-preview{padding:8px}.hero-preview figcaption{font-size:10px}.project-facts{grid-template-columns:1fr;gap:16px;margin-top:27px;padding-top:22px}.project-facts dt{font-size:11px}.project-facts dd{font-size:13px}.project-section{padding-block:43px}.project-section h2{font-size:30px}.section-intro>p{font-size:15px}.workflow-tabs{grid-template-columns:1fr;gap:5px}.flow-tab{padding:15px}.flow-tab span{font-size:12px;margin-top:5px}.flow-tab strong{font-size:15px}.flow-panel{padding:20px}.flow-copy h3{font-size:21px}.flow-copy p{font-size:13px}.flow-image{padding:10px}.flow-image img{height:280px}.flow-image figcaption{font-size:10px}.example-switch{gap:8px}.example-switch button{font-size:12px;padding:10px 12px}.example-input,.example-output{padding:23px}.example-message{font-size:14px}.output-heading{flex-direction:column;align-items:start}.reply-preview{padding:17px}.scope-note{padding:23px}.project-closing{padding:28px 23px;margin-bottom:40px}.project-closing h2{font-size:28px}.lead-project .footer-bottom>div{gap:14px}}