@import url("process-steps.css?v=noshade2");
@import url("metrics.css?v=mins7");
@import url("workflow-icons.css?v=stage-highlight");
@import url("integration-hub.css?v=gif6bg");
@import url("hero-dashboard.css?v=logo4");
@import url("closing-cta.css?v=em5");
/* Shared accessibility and layout tokens. Loaded after the original theme. */
:root{--blue:#0968b7;--muted:#4e6275;--content-width:90rem;--gutter:clamp(1rem,5vw,4.5rem);--radius:0.625rem;--space-section:clamp(2.25rem,4vw,3.25rem);--border-ui:#687e91}
html{scroll-padding-top:9rem;font-size:100%}
@media(min-width:768px){html{scroll-padding-top:10rem}}body{line-height:1.6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}p,li,a,button,summary,h1,h2,h3,h4{overflow-wrap:anywhere}h1,h2,h3,h4{line-height:1.15}h1,h2,h3{letter-spacing:-.035em}
.wrap,.hero.wrap{width:100%;max-width:var(--content-width);margin-inline:auto;padding-inline:var(--gutter)}
/* Site header — matches global WendAI Navbar */
.site-header,.site-header#site-header{position:fixed;top:0;left:0;right:0;z-index:50;width:100%;display:block;height:auto;min-height:0;background:rgba(2,6,23,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);transition:background .3s,padding .3s;padding:1.25rem 0}
@media(min-width:768px){.site-header,.site-header#site-header{padding:1.5rem 0}}
.site-header .reading-progress{position:absolute;left:0;bottom:0;height:2px;width:100%;transform:scaleX(var(--read-progress,0));transform-origin:left;background:#22d3ee;pointer-events:none}
.site-header.is-scrolled{background:rgba(2,6,23,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.75rem 0}
@media(min-width:768px){.site-header.is-scrolled{padding:1rem 0}}
.site-header-inner{max-width:80rem;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.site-logo{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none}
.site-logo .logo-image{height:2.25rem;width:auto;display:block}
.site-nav{display:none;align-items:center;gap:1rem;margin-left:auto}
@media(min-width:768px){.site-nav{display:flex;gap:1rem}}
@media(min-width:1024px){.site-nav{gap:1.5rem}}
@media(min-width:1280px){.site-nav{gap:2rem}}
.nav-dropdown-group{position:relative}
.nav-trigger{position:relative;display:inline-flex;align-items:center;gap:.375rem;padding:0 0 .5rem;margin:0;border:0;background:transparent;font:inherit;font-size:.875rem;font-weight:500;color:#cbd5e1;cursor:pointer;transition:color .2s}
.nav-trigger:hover,.nav-trigger.is-open{color:#fff}
.nav-trigger.active{color:#fff}
.chevron-svg{width:1rem;height:1rem;opacity:.9;transition:transform .2s}
.nav-dropdown-group.is-open .chevron-svg,.nav-dropdown-group:hover .chevron-svg{transform:rotate(180deg)}
.active-indicator-line{position:absolute;left:0;bottom:-2px;height:2px;width:0;border-radius:9999px;background:#22d3ee;box-shadow:0 0 10px rgba(34,211,238,.8);opacity:0;transition:width .3s,opacity .3s}
.nav-trigger.active .active-indicator-line{width:100%;opacity:1}
.dropdown-panel{position:absolute;top:100%;left:0;padding-top:.5rem;opacity:0;pointer-events:none;transform:translateY(12px) scale(.96);transition:opacity .22s,transform .22s;z-index:60}
.dropdown-panel.w-72{width:18rem}
.dropdown-panel.w-80{width:20rem}
.dropdown-panel.w-64{width:16rem}
.nav-dropdown-group.is-open .dropdown-panel,.nav-dropdown-group:hover .dropdown-panel{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
.dropdown-panel-box{position:relative;overflow:hidden;border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);background:rgba(15,23,42,.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 20px 50px rgba(0,0,0,.5)}
.dropdown-glow-top{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(34,211,238,.05),transparent);pointer-events:none}
.dropdown-item{position:relative;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem 1rem 2rem;font-size:.875rem;color:#cbd5e1;text-decoration:none;transition:color .2s,background .2s}
.dropdown-item:hover{color:#fff;background:linear-gradient(to right,rgba(34,211,238,.1),transparent)}
.item-active-bar{position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:9999px;background:#22d3ee;box-shadow:0 0 10px rgba(34,211,238,.8);transform:scaleY(0);opacity:0;transition:transform .3s,opacity .3s}
.dropdown-item:hover .item-active-bar,.dropdown-item.active .item-active-bar{transform:scaleY(1);opacity:1}
.item-icon{flex-shrink:0;width:1rem;height:1rem;color:rgba(34,211,238,.7)}
.item-name{flex:1}
.item-ext{flex-shrink:0;width:.875rem;height:.875rem;opacity:0;transition:opacity .2s}
.dropdown-item:hover .item-ext{opacity:.5}
.dropdown-industry-group{border-bottom:1px solid rgba(255,255,255,.05)}
.dropdown-industry-group:last-child{border-bottom:0}
.dropdown-item-sub{padding:.75rem 1.5rem .75rem 3rem;font-size:.8125rem;color:#94a3b8}
.dropdown-item-sub .item-icon{width:.875rem;height:.875rem}
.dropdown-item-sub .item-ext{display:none}
.dropdown-item-sub:hover{color:#e2e8f0}
.animated-contact-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.5rem;border-radius:9999px;background:#475569;text-decoration:none;overflow:hidden;transition:background .3s;flex-shrink:0}
.animated-contact-btn:hover{background:#000}
.animated-contact-btn .btn-border{position:absolute;inset:0;border-radius:9999px;border:2.5px solid rgba(34,211,238,.8);pointer-events:none;transition:border-color .3s}
.animated-contact-btn:hover .btn-border{border-color:#22d3ee}
.animated-contact-btn .btn-glow{position:absolute;inset:0;border-radius:9999px;opacity:0;box-shadow:0 0 30px rgba(34,211,238,.5);transition:opacity .5s;pointer-events:none}
.animated-contact-btn:hover .btn-glow{opacity:1}
.animated-contact-btn .btn-sheen{position:absolute;top:0;left:0;z-index:2;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-30deg) translateX(-150%);pointer-events:none}
.animated-contact-btn:hover .btn-sheen{animation:contact-sheen 1.2s linear infinite}
@keyframes contact-sheen{0%{transform:skewX(-30deg) translateX(-150%);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:skewX(-30deg) translateX(250%);opacity:0}}
.animated-contact-btn .btn-label{position:relative;z-index:10;font-size:.875rem;font-weight:600;background:linear-gradient(to right,#fff,#ecfeff);-webkit-background-clip:text;background-clip:text;color:transparent}
.animated-contact-btn:hover .btn-label{background:linear-gradient(to right,#fff,#a5f3fc);-webkit-background-clip:text;background-clip:text}
.hero{margin-block:0;padding-top:calc(2.25rem + 2.5rem + 3rem);padding-bottom:var(--space-section)}
@media(min-width:768px){.hero{padding-top:calc(2.25rem + 3rem + 4rem)}}
@media(max-width:767px){.site-header-inner{flex-wrap:wrap}.site-nav{display:none}}

.hero{overflow:visible}.hero-grid,.hero-product-stage,.sample-disclosure{max-width:none}.hero-product-stage{margin-inline:0}.hero-product-image{width:100%;max-width:100%}.hero-aside>p:first-child{max-width:36rem}
.overview,.common,.why,.unified-workflow{padding-block:var(--space-section)}.feature-flow,.outcomes,.integrations,.closing{padding-block:var(--space-section)}
.overview h2,.common h2,.why h2,.feature-flow h2,.statement.unified-workflow h2{font-size:clamp(2.25rem,4.7vw,4.25rem)}.integrations h2{font-size:clamp(2.25rem,4vw,3.125rem)}.closing h2{font-size:clamp(2.5rem,7vw,6.5rem)}
.eyebrow,.micro,.hero>.eyebrow,.hero-aside .micro,.flow-copy .eyebrow{font-size:.875rem;line-height:1.6}.eyebrow{letter-spacing:.09em}.hero>.eyebrow{color:var(--muted)}.eyebrow-mark{display:inline-flex;align-items:center;gap:.5rem;vertical-align:middle}.eyebrow-mark-icon{width:1.125rem;height:1.125rem;flex-shrink:0;border-radius:0;display:block;object-fit:contain}
.benefit p,.flow-copy>p:not(.eyebrow),.flow-copy .checks,.common-grid p,.why-grid p,.metric-grid p,.automation-explanation p,.workflow-intro>p,.faq details p,.route-editorial>p:not(.eyebrow){font-size:1rem;line-height:1.65}
.benefit h3,.common-grid h3{font-size:1.5rem;line-height:1.25}.flow-copy h3{font-size:clamp(1.75rem,2.8vw,2.25rem);line-height:1.2}.why-grid h3{font-size:1.375rem;line-height:1.3}
.button,.small,.text-link,.route-controls button,.automation-switch button,.scene-footer button{font-size:.9375rem;line-height:1.5;min-height:2.75rem}.button{border-radius:.375rem;padding:.875rem 1.25rem;text-align:left}.button[aria-disabled=true]{cursor:default;transform:none;box-shadow:none}.button[aria-disabled=true]:before{display:none}.text-link{display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:.25em;border:0;padding-block:.5rem}.actions{gap:1rem 1.5rem;align-items:center}
:where(a,button,summary,textarea,[tabindex]):focus-visible{outline:3px solid #0968b7;outline-offset:4px;box-shadow:0 0 0 4px #fff}.dark :where(a,button,summary,textarea):focus-visible,.benefit :focus-visible,.flow-visual :focus-visible{outline-color:#fff;box-shadow:0 0 0 4px #0968b7}#main:focus{outline:none}.skip{top:auto;left:1rem;transform:translateY(-200%);z-index:100;color:#0a1c34;background:#fff}.skip:focus{top:.5rem;transform:none}
[id],:where(a,button,summary,textarea){scroll-margin-block:8rem 2rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.sample-disclosure>summary{color:#174d78;min-height:2.75rem;padding:.5rem;justify-content:space-between}.sample-disclosure>summary:after{display:block;color:inherit;flex-shrink:0}.sample-disclosure>summary>span{display:none}summary{min-height:2.75rem;align-items:center;line-height:1.5;padding:.5rem 0}summary:after{color:#425a70;flex-shrink:0;font-size:1.25rem}summary:hover,details[open]>summary{color:#075c9c}
.sample-disclosure .demo{padding:clamp(1rem,3vw,2rem);border-radius:var(--radius)}.demo label,.demo textarea,.demo-result .field,.demo-result button,.demo-result .notice,.draft{font-size:1rem;line-height:1.6}.demo label,.demo #sample-help{color:#c5d8e7}.demo #sample-help{margin-bottom:1rem}.demo textarea{border-color:#8599ac;padding:1rem}.demo-result{min-width:0;padding:clamp(1rem,3vw,1.875rem)}.demo-result .field{flex-wrap:wrap}.demo-result .field b{text-align:start}.demo-grid{gap:1.5rem}.demo .button:hover{background:#a5dbfa;color:#062343}.demo-result .notice{border-left:3px solid #e2bd80;padding-left:1rem}
.benefit-grid,.common-grid,.why-grid{gap:1.5rem}.benefit,.common-grid>article,.flow-card,.route-scene,.workflow-surface{border-radius:var(--radius)}.benefit{padding:clamp(1.25rem,3vw,2rem);overflow:visible;gap:1rem}.benefit h3{margin-top:auto}.benefit.deployment{gap:2rem}.benefit p{color:#bdcfdd}.timer small,.mode-tags span,.office-tags span,.mode-track,.protection-field span,.protection-field b,.protection-status span,.protection-status strong{font-size:.875rem;line-height:1.5}.protection-visual{gap:.75rem}.protection-field{min-width:0}.protection-field span{color:#bdcfdd}.protection-status span{color:#bdede3}.mode-tags,.office-tags{gap:.5rem}.mode-track{flex-wrap:wrap}.deployment strong{font-size:clamp(2rem,4vw,3.25rem)}
.flow-card{gap:2rem;padding:clamp(1.25rem,3.5vw,2.75rem);overflow:visible;min-height:0}.flow-card:focus-within{z-index:15!important;position:relative!important;top:auto!important}.flow-copy .eyebrow{color:var(--blue)}.flow-copy>p:not(.eyebrow),.common-grid>article p{color:var(--muted)}.flow-visual{padding:clamp(1rem,2vw,1.5rem)}.panel-label,.panel-label span,.mini-ui .panel-label,.field,.flow-visual .field,.mini-ui .field,.common-grid .field,.raw-enquiry,.cost-grid span,.quote-line,.ready,.version,.final-document .eyebrow{font-size:.875rem;line-height:1.6}.panel-label{flex-wrap:wrap;gap:.5rem;letter-spacing:.035em}.field{gap:1rem;flex-wrap:wrap}.field>*{min-width:0}.field b{overflow-wrap:anywhere}.field.warning span,.field.warning b{color:#e6bf7f}.flow-visual>.micro{color:#bdcfdd}.cost-grid>div{padding:1rem;min-width:0}.cost-grid b{font-size:1.125rem}.final-document h4{font-size:1.75rem;line-height:1.2;margin-bottom:1.5rem;font-weight:500}.final-document p.eyebrow{color:#4e6275}.final-document .brand{margin-bottom:1.5rem}.final-document .ready{color:#205441}.document-stage{overflow:visible}.version{max-width:100%}
.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.metric-grid strong{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.2;display:block}.metric-grid>div{min-width:0}.common-grid>article{padding:clamp(1.25rem,3vw,2rem)}.common-grid>article:not(.commercial-analytics){display:flex;flex-direction:column}.mini-ui{flex:1}.analytics-surface{padding:1rem;border-radius:var(--radius)}.analytics-surface span,.analytics-surface b,.status-track,.security-strip,.integration-grid>div>span,.integration-grid p,footer{font-size:.875rem;line-height:1.6}.analytics-surface>div{min-width:0}.status-track{flex-wrap:wrap;gap:.75rem}.integration-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.integration-grid>div{min-width:0}.integration-grid>div>span{color:#075c9c}
.route-explorer{gap:2rem}.route-scene{overflow:visible}.route-controls button{border:1px solid var(--border-ui)}.scene-footer{flex-wrap:wrap;justify-content:center;text-align:center;font-size:.875rem;line-height:1.6}.map-mode,.map-status{font-size:.875rem;line-height:1.5}.route-milestone b,.route-milestone small,.route-facts dt{font-size:.75rem;line-height:1.4}.route-facts dd{font-size:.8125rem;line-height:1.4}.route-milestone{min-width:0}.route-milestone b,.route-facts dd{overflow-wrap:normal;white-space:nowrap}.route-milestone small{overflow-wrap:normal;white-space:normal}
@media(max-width:26.875rem){.route-facts dd{white-space:normal}}
.workflow-toolbar,.automation-explanation,.exception-rail{padding:1.5rem}.workflow-surface{overflow:visible}.workflow-toolbar{border-radius:var(--radius) var(--radius) 0 0}.exception-rail{border-radius:0 0 var(--radius) var(--radius)}.workflow-record,.step-index,.mode-caption,.step-owner,.unified-stage p,.decision-checkpoint p,.exception-rail p,.exception-label,.workflow-scene-status{font-size:.875rem;line-height:1.6}.workflow-record,.step-index,.mode-caption,.exception-label,.workflow-scene-status{color:#425d73}.step-owner{white-space:normal}.unified-stages{gap:1.5rem;padding:1.5rem}.unified-stage{display:flex;flex-direction:column;align-items:flex-start}.unified-stage p{min-height:0;padding-right:0;margin-bottom:1rem}.step-owner{margin-top:auto}.automation-explanation{gap:1.5rem}.automation-explanation h3{font-size:1.625rem}.automation-switch{flex-wrap:wrap;border:1px solid var(--border-ui)}.automation-switch button{flex:1;border:1px solid transparent}.automation-switch button[aria-pressed=true]{border-color:#0b2944}.workflow-scene-status{white-space:normal;text-align:center;width:95%;bottom:.5rem}.decision-checkpoint{padding:1.25rem}.decision-checkpoint strong{font-size:1rem}.exception-rail{align-items:flex-start;flex-wrap:wrap}.exception-mark{width:1.5rem;height:1.5rem}.exception-label{display:block}
/* Motion never reduces text contrast or masks focus. */
.reveal,.motion-word{opacity:1!important}.mode-updated{animation-name:accessible-mode-update}@keyframes accessible-mode-update{from{transform:translateY(5px)}to{transform:none}}
@media(max-width:68rem){.hero-grid,.route-explorer,.flow-card{grid-template-columns:minmax(0,1fr)}.hero-aside{max-width:none}.metric-grid,.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid>div{border:0}.unified-stages{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-core{grid-column:1/-1;grid-row:auto}.workflow-toolbar{flex-wrap:wrap}.commercial-analytics{grid-template-columns:minmax(0,1fr)}.motion-enabled .flow-card{position:relative;top:auto}}
@media(max-width:44rem){.benefit-grid,.common-grid,.why-grid,.demo-grid,.automation-explanation,.workflow-intro,.faq{grid-template-columns:minmax(0,1fr)}.benefit,.benefit:nth-child(n){grid-column:auto;min-height:0}.benefit.deployment{flex-direction:column;align-items:flex-start}.unified-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-surface{grid-template-columns:minmax(0,1fr)}.protection-visual{grid-template-columns:minmax(0,1fr)}.protection-field:nth-child(3),.protection-status{grid-column:auto}.protection-status{display:block}.protection-status strong{display:block}.hero h1 br{display:none}.hero-product-stage{margin-top:2rem}.flow-visual .document-stage{padding:1rem}.flow-visual .final-document{padding:1rem}.version{position:relative;display:block;inset:auto;margin-top:1rem;transform:none!important}.flow-card .final-document{transform:none!important}.cost-grid{grid-template-columns:minmax(0,1fr)}.workflow-toolbar,.automation-explanation,.exception-rail{padding:1rem}.unified-stages{padding:1.5rem 1rem}.automation-switch{width:100%}.automation-switch button{flex:1;text-align:center;padding-left:0;padding-right:0}.integration-grid{gap:1.5rem}.section-heading{display:block}.section-heading>p{margin-top:1.5rem}.actions{align-items:stretch}.actions .button{justify-content:center}.metric-grid strong{font-size:2rem}.faq{gap:2rem}footer{flex-wrap:wrap;gap:1rem}}
@media(max-width:24rem){.unified-stages,.metric-grid,.integration-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-product-image,.hero-product-glow,.final-document,.version,.flow-visual,.motion-word,.reveal,.button,.benefit,.common-grid>article,.unified-stage{transform:none!important;translate:none!important}.motion-enabled .flow-card{position:relative!important;top:auto!important}.reading-progress{display:none}}
@media(forced-colors:active){button,.button,.automation-switch,.route-controls button,.step-owner{border:1px solid ButtonText}button[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-4px}.workflow-animation{display:none}:focus-visible{outline:3px solid Highlight!important;box-shadow:none!important}}
/* Keep all workflow content in normal reading order while using its controls. */
.flow-stack:focus-within .flow-card{position:relative!important;top:auto!important}
@media(max-height:48rem){.motion-enabled .flow-card{position:relative!important;top:auto!important}}

/* Official supplied identity; intrinsic proportions are preserved everywhere. */
.brand{display:inline-flex;align-items:center;line-height:1;max-width:100%;flex-shrink:0}
.brand-logo{display:block;width:9.5rem;max-width:100%;height:auto;object-fit:contain}
header .brand-logo{width:9.5rem}footer .brand-logo{width:8.5rem}
.final-document .brand-logo{width:7.5rem}.integration-core{display:flex;justify-content:center;min-width:0}.integration-core .brand-logo{width:8.5rem}
.hero-product-motion{position:relative;will-change:transform;transform-style:preserve-3d}
.workspace-symbol,.workspace-brand{position:absolute;display:flex;align-items:center;justify-content:center;background:#0d141e;pointer-events:none}
.workspace-symbol{left:7.7%;top:10.9%;width:2.7%;height:4.4%;padding:.15%;background:#101a28}.workspace-symbol img{display:block;width:100%;height:auto}
.workspace-brand{left:12.45%;top:11%;width:8.65%;height:4.6%;padding:.25%}.workspace-brand img{display:block;width:100%;height:auto;background:white;border-radius:2px;padding:2%}
@media(max-width:44rem){.site-logo .logo-image{height:2rem}footer .brand-logo{width:8rem}}
@media(prefers-reduced-motion:reduce){.hero-product-motion{transform:none!important}}

/* Hero-only GhostFibers. An isolated, non-interactive layer behind existing content. */
#hero{position:relative;isolation:isolate}
#hero>.hero-background{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:.55;mask-image:linear-gradient(#000 0%,#000 75%,transparent 100%)}
#hero>.hero-background canvas{display:block;width:100%;height:100%;pointer-events:none}
@media(forced-colors:active){#hero>.hero-background{display:none}}

/* Interactive sample: a balanced customer-email to structured-output workspace. */
.sample-disclosure .demo{position:relative;isolation:isolate;overflow:hidden;padding:clamp(2rem,4vw,3.5rem);background:linear-gradient(135deg,#06172b 0%,#0a2942 52%,#071c34 100%)}
.sample-disclosure .demo::before{content:'';position:absolute;inset:-30%;z-index:0;pointer-events:none;background:radial-gradient(circle at 24% 34%,#168fd744 0,transparent 33%),radial-gradient(circle at 76% 66%,#37bce233 0,transparent 30%);transform:translate3d(-3%,-2%,0) scale(1);will-change:transform;animation:sample-ambient-drift 24s ease-in-out infinite}
.sample-disclosure .demo>.wrap{position:relative;z-index:1}
@keyframes sample-ambient-drift{0%,100%{transform:translate3d(-3%,-2%,0) scale(1)}50%{transform:translate3d(3%,2%,0) scale(1.08)}}
.sample-disclosure .section-heading{align-items:end;margin-bottom:2rem}
.sample-disclosure .section-heading h2{font-size:clamp(2.25rem,4vw,3.75rem)}
.sample-disclosure .demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:stretch}
.sample-panel{display:flex;min-width:0;min-height:38rem;flex-direction:column;border:1px solid #35506a;border-radius:.75rem;background:#0c2138;overflow:hidden}
.sample-email-panel{padding:1.5rem}
.sample-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;min-height:4.5rem;padding:0 0 1.25rem;border-bottom:1px solid #29445e}
.sample-output-panel>.sample-panel-heading{margin:1.5rem 1.5rem 0}
.sample-panel-kicker{display:block;margin-bottom:.35rem;color:#72c8ed;font-size:.75rem;font-weight:700;letter-spacing:.12em;line-height:1.4}
.sample-panel-heading h3{font-size:1.35rem;line-height:1.25;letter-spacing:-.025em}
.sample-panel-state{flex-shrink:0;padding:.35rem .55rem;border:1px solid #3a5871;border-radius:999px;color:#b9ccdc;font-size:.75rem;line-height:1.4;text-align:center}
.sample-email-panel #sample-help{margin:1.15rem 0 .75rem;color:#b9ccdc}
.sample-email-panel textarea{height:auto;min-height:19rem;flex:1 1 19rem;margin:0;overflow:hidden;resize:none;background:#102a43;border-color:#46627a;border-radius:.5rem;color:#e4eef7}
.sample-attachment{display:flex;align-items:center;gap:.75rem;margin:1rem 0;padding:.75rem .875rem;border:1px solid #36536b;border-radius:.5rem;background:#102a43;color:#e1edf6}
.attachment-icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;flex:0 0 auto;border-radius:.4rem;background:#173d5b;font-size:1.05rem}
.sample-attachment b,.sample-attachment small{display:block}.sample-attachment b{font-size:.875rem}.sample-attachment small{margin-top:.1rem;color:#acc1d2;font-size:.75rem}
.sample-email-panel #process{width:100%;min-height:3.5rem;justify-content:center;margin-top:auto;background:#0968b7;border-color:#0968b7;border-radius:.5rem;color:#fff;font-size:1rem;font-weight:750;box-shadow:0 12px 28px #0004}
.sample-email-panel #process:hover{background:#075c9c;border-color:#075c9c;color:#fff;box-shadow:0 14px 34px #0005;transform:translateY(-2px)}
.sample-output-panel .demo-result{display:flex;min-height:0;flex:1;flex-direction:column;border:0;background:transparent;padding:1.5rem}
.sample-output-panel #result>.eyebrow{display:none}.sample-output-panel .empty-state{margin:auto 0;padding:1rem 0}.sample-output-panel .empty-state>span{color:#72c8ed}
@media(max-width:44rem){.sample-disclosure .demo{padding:1.25rem}.sample-disclosure .demo-grid{grid-template-columns:minmax(0,1fr)}.sample-panel{min-height:0}.sample-output-panel{min-height:26rem}.sample-panel-heading{flex-wrap:wrap}.sample-panel-state{white-space:normal}.sample-email-panel textarea{min-height:22rem;flex-basis:22rem}}
@media(forced-colors:active){.sample-disclosure .demo::before{display:none}}

/* Quotation workspace bento: balanced cards and message-led controls. */
.overview .benefit-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:1.25rem;margin-top:3rem}
.overview .benefit{position:relative;isolation:isolate;grid-column:span 4;min-width:0;min-height:17rem;justify-content:flex-start;gap:1.25rem;padding:clamp(1.4rem,2.5vw,2rem);overflow:hidden;border:1px solid #31516b;background:linear-gradient(145deg,#071a30 0%,#0b2943 58%,#0b334b 100%);box-shadow:0 20px 48px #06162824}
.overview .benefit::after{content:'';position:absolute;inset:-45%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 30% 30%,#1d94d633 0,transparent 34%),radial-gradient(circle at 72% 66%,#34c3dd22 0,transparent 30%);transform:translate3d(-3%,-2%,0) scale(1);transition:transform .8s ease;will-change:transform;animation:bento-gradient-drift 16s ease-in-out infinite}
.overview .benefit:hover::after,.overview .benefit:focus-within::after{transform:translate3d(4%,3%,0) scale(1.1)}
@keyframes bento-gradient-drift{0%,100%{transform:translate3d(-3%,-2%,0) scale(1)}50%{transform:translate3d(3%,2%,0) scale(1.07)}}
.overview .benefit:nth-child(1){grid-column:span 5;min-height:21rem;background:linear-gradient(145deg,#07182c,#0b3150 62%,#0b3b55)}
.overview .benefit:nth-child(2){grid-column:span 7;min-height:21rem;background:linear-gradient(145deg,#081d31,#0d3449 56%,#0b4454)}
.overview .benefit:nth-child(6){grid-column:1/-1;min-height:11rem;background:linear-gradient(110deg,#071a30,#0d3651 52%,#0a4353)}
.overview .benefit h3{margin-top:auto;font-size:clamp(1.4rem,2.1vw,1.85rem);line-height:1.2;letter-spacing:-.035em}
.overview .benefit p{max-width:38rem;margin-top:-.65rem;color:#c3d4e1;font-size:.95rem;line-height:1.65}
.overview .speed .timer{display:flex;align-items:flex-end;align-self:stretch;flex-wrap:wrap;gap:.35rem 1rem;color:#e7f6ff;font-size:clamp(3.4rem,6vw,5.5rem);font-variant-numeric:tabular-nums;line-height:.95}
.overview .timer-value{display:block}.overview .timer small{margin-left:auto;color:#a9cede;font-size:.75rem;letter-spacing:.12em;line-height:1.5}
.timer-progress{display:block;width:100%;height:.28rem;margin-top:.75rem;overflow:hidden;border-radius:999px;background:#173c56}.timer-progress i{display:block;width:var(--timer-progress,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#2796d7,#5fe0ee);transition:width .1s linear}
.protection-visual{gap:.7rem;margin-bottom:.25rem}.protection-field{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:.55rem;align-items:center;background:#102e43cc;border-color:#43637a}.protection-field>span,.protection-field>b{grid-column:2}.protection-status{margin-top:.15rem;background:linear-gradient(100deg,#123c42,#164f52);border-color:#39736f}
.status-indicator{grid-row:1/3;align-self:center;width:.65rem;height:.65rem;border:1px solid #77a5bb;border-radius:50%;background:#17384c;transform:scale(.75);transition:background .35s var(--status-delay),box-shadow .35s var(--status-delay),transform .35s var(--status-delay)}
.protection.is-validated .status-indicator{background:#70e0c7;box-shadow:0 0 0 .3rem #70e0c71a;transform:scale(1)}
.overview .mode-tags,.overview .office-tags{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0}
.overview .mode-tags button,.overview .office-tags button{min-height:2.75rem;padding:.65rem .9rem;border:1px solid #49687f;border-radius:.5rem;background:#102c43;color:#d4e6f2;font:inherit;font-size:.875rem;transition:background .2s,border-color .2s,transform .2s}
.overview .mode-tags button:hover,.overview .office-tags button:hover{background:#173d59;border-color:#68a9cc;transform:translateY(-1px)}
.overview .mode-tags button[aria-pressed=true],.overview .office-tags button[aria-selected=true]{background:linear-gradient(135deg,#0e6cae,#1595c7);border-color:#63c8e7;color:#fff;box-shadow:0 7px 20px #0314224d}
.overview .mode-track{display:grid;grid-template-columns:auto minmax(6rem,1fr) auto;gap:.75rem;align-items:center;margin:0;color:#c4d6e3;font-size:.8rem}
.overview .mode-track input{width:100%;height:2.75rem;margin:0;cursor:pointer;appearance:none;background:transparent}
.overview .mode-track input::-webkit-slider-runnable-track{height:.35rem;border-radius:999px;background:linear-gradient(90deg,#32a4dc 0 var(--automation-level),#31536a var(--automation-level) 100%)}
.overview .mode-track input::-webkit-slider-thumb{width:1.15rem;height:1.15rem;margin-top:-.4rem;appearance:none;border:3px solid #fff;border-radius:50%;background:#21aadd;box-shadow:0 0 0 .25rem #21aadd33}
.overview .mode-track input::-moz-range-track{height:.35rem;border-radius:999px;background:#31536a}.overview .mode-track input::-moz-range-progress{height:.35rem;border-radius:999px;background:#32a4dc}.overview .mode-track input::-moz-range-thumb{width:.85rem;height:.85rem;border:3px solid #fff;border-radius:50%;background:#21aadd}
.automation-status,.team-preview{display:block;align-self:flex-start;min-height:2.1rem;padding:.45rem .65rem;border:1px solid #365970;border-radius:.45rem;background:#0c263b;color:#a9d7ea;font-size:.8rem;line-height:1.5}
.team-preview{margin-top:.15rem}.overview .is-interactive h3{margin-top:auto}
.overview .deployment{display:grid;grid-template-columns:minmax(12rem,.8fr) minmax(16rem,1fr);align-items:center;gap:2rem}.overview .deployment strong{font-size:clamp(2.8rem,5vw,4.8rem);line-height:1}.overview .deployment p{margin:0;font-size:1rem}.overview .deployment strong span{color:#92d8ef}
@media(max-width:68rem){.overview .benefit-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.overview .benefit,.overview .benefit:nth-child(1),.overview .benefit:nth-child(2){grid-column:span 3}.overview .benefit:nth-child(3),.overview .benefit:nth-child(4),.overview .benefit:nth-child(5){grid-column:span 2}.overview .benefit:nth-child(6){grid-column:1/-1}}
@media(max-width:52rem){.overview .benefit,.overview .benefit:nth-child(n){grid-column:1/-1;min-height:16rem}.overview .benefit:nth-child(1),.overview .benefit:nth-child(2){min-height:19rem}.overview .deployment{grid-template-columns:1fr;gap:1rem}}
@media(max-width:44rem){.overview .benefit-grid{grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:2rem}.overview .benefit,.overview .benefit:nth-child(n){grid-column:auto;min-height:0;padding:1.35rem}.overview .benefit:nth-child(1),.overview .benefit:nth-child(2){min-height:18rem}.overview .mode-track{grid-template-columns:1fr}.overview .mode-track input{grid-row:2}.overview .timer small{width:100%;margin-left:0}.protection-visual{grid-template-columns:1fr}.protection-field:nth-child(3),.protection-status{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.overview .benefit::after{animation:none;transform:none!important}.overview .mode-tags button,.overview .office-tags button,.timer-progress i,.status-indicator{transition:none!important;transform:none!important}}
@media(forced-colors:active){.overview .benefit::after{display:none}.overview .mode-tags button[aria-pressed=true],.overview .office-tags button[aria-selected=true]{outline:2px solid Highlight;outline-offset:-4px}}
.common-grid>article.hub-shot{padding:0;overflow:hidden;background:transparent;border:none!important}
.common-grid>article.hub-shot.commercial-analytics{display:block}
.common-grid>article.hub-shot img{display:block;width:100%;height:auto}
.integration-media{position:relative;width:100vw;max-width:100vw;margin:36px calc(50% - 50vw) 0;aspect-ratio:16/9;overflow:hidden;background:#f6fcfe}
.integration-media .step-gif{position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;object-fit:contain;background:transparent}
.faq.wrap{position:relative;isolation:isolate;overflow:hidden;max-width:none;width:100%;background:#07080c;color:#f4f7fb}
.faq.wrap::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(28% 32% at 0% 0%, rgba(46, 82, 188, .38), transparent 70%),radial-gradient(26% 30% at 100% 0%, rgba(38, 72, 168, .22), transparent 70%),radial-gradient(26% 30% at 100% 100%, rgba(32, 64, 150, .18), transparent 70%),radial-gradient(28% 34% at 0% 100%, rgba(46, 82, 188, .32), transparent 70%),#07080c}
.faq.wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:start;padding-top:clamp(2.25rem,4vw,3.25rem)!important;padding-bottom:clamp(2.25rem,4vw,3.25rem)!important}
@media(min-width:64rem){
    .faq.wrap{
        grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);
        gap:10%;
        max-width:1512px!important;
        margin:0 auto!important;
        padding-top:80px!important;
        padding-bottom:80px!important;
        padding-left:120px!important;
        padding-right:120px!important;
        border:1px solid rgba(255, 255, 255, 0.16)!important;
    }
}
.faq .eyebrow{margin-bottom:1.5rem;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#FFFFFF!important}
.faq h2{font-family:"Inter",sans-serif!important;font-size:72px!important;font-weight:500!important;line-height:82.8px!important;letter-spacing:-2.52px!important;color:#f7f8fa;max-width:418px!important;padding:20px 0!important}
.faq h2 span{color:#24CDEE!important}
.faq h2,.faq .eyebrow,.faq summary{color:#f7f8fa}
.faq #faq-list{width:100%;border-top:1px solid rgba(255,255,255,.16)}
.faq details{margin:0;padding:0;border-bottom:1px solid rgba(255,255,255,.16)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;min-height:0;padding:1.25rem 0;font-size:1rem;font-weight:400;line-height:normal;list-style:none;cursor:pointer}
.faq summary:hover,.faq summary:focus-visible,.faq details[open]>summary{color:#f7f8fa}
.faq details p{margin:0;padding:0 0 1.25rem;color:#94a3b8;font-size:.875rem;line-height:1.65}
@media(min-width:40rem){.faq details p{font-size:1rem}}
.faq summary::after{content:'';width:.55rem;height:.55rem;flex-shrink:0;border-right:2px solid #f7f8fa;border-bottom:2px solid #f7f8fa;transform:rotate(45deg);translate:0 -.12rem;opacity:1;font-size:0;line-height:0}
.faq details[open]>summary::after{transform:rotate(-135deg);translate:0 .12rem}
.demo-video-modal{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:1rem}
.demo-video-modal[hidden]{display:none!important}
.demo-video-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(4px)}
.demo-video-dialog{position:relative;z-index:1;width:100%;max-width:64rem;overflow:hidden;border-radius:1rem;background:#000;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}
.demo-video-dialog video{display:block;width:100%;height:auto}
.demo-video-close{position:absolute;top:1rem;right:1rem;z-index:2;width:2.5rem;height:2.5rem;border:0;border-radius:9999px;background:rgba(0,0,0,.6);color:#fff;font-size:1.25rem;line-height:1;cursor:pointer}
.demo-video-close:hover{background:rgba(0,0,0,.85)}
.hero .actions .button.js-demo-video-open,.closing .actions .button.js-demo-video-open{display:inline-flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:12.5rem;border:1px solid #0A1C34;background:#0A1C34;color:#fff;font:inherit;font-weight:500;cursor:pointer;text-align:left;box-shadow:none;border-radius:6px;transition:background .2s,border-color .2s}
.hero .actions .button.js-demo-video-open:hover,.closing .actions .button.js-demo-video-open:hover{background:var(--blue);border-color:var(--blue);color:#fff}
/* Global site footer — matches src/components/shared/Footer.tsx */
.wend-global-footer{position:relative;overflow:hidden;padding:5rem 0 2.5rem;background:#030B1B;color:#fff}
.wend-global-footer__glow{position:absolute;pointer-events:none;border-radius:9999px}
.wend-global-footer__glow--tl{top:-8rem;left:-6rem;width:26.25rem;height:26.25rem;background:rgba(6,182,212,.2);filter:blur(120px)}
.wend-global-footer__glow--center{top:0;left:50%;width:31.25rem;height:18.75rem;transform:translateX(-50%);background:rgba(59,130,246,.2);filter:blur(140px)}
.wend-global-footer__glow--br{bottom:0;right:0;width:21.875rem;height:21.875rem;background:rgba(14,165,233,.1);filter:blur(120px)}
.wend-global-footer__noise{position:absolute;inset:0;opacity:.03;pointer-events:none;background:radial-gradient(circle at center,#fff 1px,transparent 1px);background-size:22px 22px}
.wend-global-footer__inner{position:relative;z-index:1;max-width:80rem;margin:0 auto;padding:0 1.5rem}
.wend-global-footer__grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:3rem;padding-bottom:3rem}
@media(min-width:768px){.wend-global-footer__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.wend-global-footer__brand{grid-column:span 1}
@media(min-width:768px){.wend-global-footer__brand{grid-column:span 2}}
.wend-global-footer__logo{display:block;height:2.25rem;width:auto}
.wend-global-footer__brand p{margin:1rem 0 0;max-width:24rem;font-size:1rem;line-height:1.5;color:#94a3b8}
.wend-global-footer__col h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#fff}
.wend-global-footer__col ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.75rem}
.wend-global-footer__col a{font-size:1rem;line-height:1.5;color:#94a3b8;text-decoration:none;transition:color .2s}
.wend-global-footer__col a:hover{color:#22d3ee}
.wend-global-footer__social{display:flex;flex-direction:column;gap:.75rem}
.wend-global-footer__social a{display:flex;color:#94a3b8;transition:color .2s}
.wend-global-footer__social a:hover{color:#22d3ee}
.wend-global-footer__bar{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);font-size:.875rem}
@media(min-width:768px){.wend-global-footer__bar{flex-direction:row}}
.wend-global-footer__copy{margin:0;color:#64748b;text-align:center}
@media(min-width:768px){.wend-global-footer__copy{text-align:left}}
.wend-global-footer__soc{display:flex;align-items:center;gap:1rem}
.wend-global-footer__soc img{width:4.375rem;height:4.375rem;object-fit:contain}
.wend-global-footer__soc-title{display:block;color:#fff;font-size:1rem;line-height:1.25}
.wend-global-footer__soc-sub{display:block;color:#64748b;font-size:.875rem;line-height:1.25}
.automation-switch{width:auto;gap:0;padding:0;border:0;border-radius:.25rem;background:#e8eef3;overflow:hidden;box-shadow:none}
.automation-switch button{flex:0 1 auto;min-height:3.25rem;margin:0;padding:.85rem 1.75rem;border:0;border-radius:0;background:transparent;color:#1c2430;font-size:1.0625rem;font-weight:600;line-height:1.25;white-space:nowrap;box-shadow:none}
.automation-switch button[aria-pressed=true]{background:#0a0a0a;color:#fff;box-shadow:none}
.automation-switch button:hover:not([aria-pressed=true]){background:transparent}
.hero-aside .hero-soc-attestation{position:relative;display:inline-flex;align-items:center;gap:.72rem;margin-top:1rem;min-height:2.25rem;padding:.5rem 1.75rem .5rem .8125rem;border:1px solid #e2e8f0;border-radius:.625rem;background:#fff;color:#0f172a;font-size:.8125rem;line-height:1.5;font-weight:500;box-shadow:0 1px 2px rgba(15,23,42,.06);overflow:hidden}
.hero-aside .hero-soc-attestation::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 85% 130% at 100% 0%,rgba(59,130,246,.14),transparent 58%)}
.hero-aside .hero-soc-attestation .hero-soc-icon{position:relative;flex-shrink:0;width:1rem;height:1rem;color:#3b82f6}
.hero-aside .hero-soc-attestation span{position:relative;color:#0f172a}
.overview,.feature-flow,.outcomes,.common,.unified-workflow,.integrations,.why,.closing{margin-block:0;padding-block:var(--space-section)}
.faq.wrap{margin-block:0}
@media(max-width:44rem){
  .automation-switch{display:flex;flex-wrap:nowrap;width:100%}
  .automation-switch button{flex:1 1 0%;padding-left:0;padding-right:0;white-space:normal;text-align:center;font-size:0.95rem}
  .exception-rail{flex-wrap:nowrap !important}
  .exception-label{display:none !important}
  .faq h2{font-size:clamp(40px, 10vw, 72px) !important; line-height:1.1 !important; letter-spacing: -1.5px !important; max-width: 100% !important;}
}