:root{--navy:#0a1c34;--blue:#167cda;--sky:#44b8ec;--paper:#f8fafb;--line:#dbe2e9;--muted:#627082}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--navy);font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #208ee0;outline-offset:5px}button{cursor:pointer}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.055em;line-height:1.04}h1{font-size:clamp(48px,5.4vw,83px)}h2{font-size:clamp(40px,4.9vw,72px)}h3{font-size:32px}h4{font-size:17px;line-height:1.4}p{color:var(--muted)}em{font-style:normal;color:var(--blue)}.wrap{max-width:1440px;padding-left:6%;padding-right:6%;margin:auto}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:600;line-height:1.5;margin-bottom:24px;color:inherit}.blue{color:var(--blue)}.micro{font-size:12px;line-height:1.6}.muted{color:#718094}.brand{font-size:30px;font-weight:800;letter-spacing:-1.5px;white-space:nowrap}.brand span{color:#27a9e9}.brand sup{font-size:10px;vertical-align:top;letter-spacing:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:16px 22px;color:#fff;background:var(--navy);border:1px solid var(--navy);border-radius:5px;font-size:14px;transition:background .25s,transform .25s}.button:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.small{padding:11px 17px}.text-link{font-size:14px;font-weight:600;border-bottom:1px solid #aebdc9;padding-bottom:5px}.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--sky);margin-right:8px}.skip{position:fixed;top:-100px;z-index:30;background:white;padding:10px}.skip:focus{top:0}header{position:sticky;top:0;z-index:20;background:#f8fafbf0;backdrop-filter:blur(18px);height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line)}nav{display:flex;gap:30px;font-size:14px}nav a:hover{color:var(--blue)}.hero{padding-top:50px}.hero>.eyebrow{color:var(--muted);margin-bottom:55px}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:9%;align-items:end}.hero-aside{padding-bottom:10px}.hero-aside>p:first-child{font-size:18px;max-width:400px;margin-bottom:30px}.hero-aside .micro{margin-top:25px}.hero-console{margin-top:65px;border:1px solid #cdd8e2;border-radius:8px;overflow:hidden;background:linear-gradient(125deg,#e7eff6,#f4f8fb 50%,#e8f1f7);box-shadow:0 24px 60px -40px #476687}.console-top,.console-bottom{display:flex;justify-content:space-between;padding:17px 24px;font-size:11px;letter-spacing:.07em;background:#ffffff70}.console-top{border-bottom:1px solid #ccd9e5}.console-bottom{border-top:1px solid #ccd9e5}.transformation{display:grid;grid-template-columns:1fr .55fr 1.1fr;align-items:center;gap:20px;padding:42px 5%}.mail-sheet,.quote-sheet{background:white;padding:26px;box-shadow:0 15px 40px #23426710;border:1px solid #dce4eb;border-radius:5px;position:relative}.mail-sheet{transform:rotate(-3deg);animation:float 8s ease-in-out infinite}.quote-sheet{transform:rotate(2deg);animation:float 8s 1s ease-in-out infinite}.sheet-label{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.09em;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.mail-sheet h3{font-size:22px;letter-spacing:-.02em;margin-bottom:15px}.mail-sheet p{font-size:13px;line-height:1.8;margin-bottom:10px;color:#536274}mark{background:#e2f1ff;color:#124b79;padding:2px 3px;box-decoration-break:clone}.attachment{font-size:11px;background:#eef2f6;padding:7px 10px;border-radius:3px}.intelligence{text-align:center;position:relative}.intelligence p{font-size:12px;margin-top:24px}.intelligence .micro{font-size:9px}.wend-core{position:relative;border:1px solid #91b9d6;border-radius:22px;display:flex;align-items:center;justify-content:center;background:#0b203c;color:white;width:87px;height:87px;margin:auto;font-size:32px;font-weight:bold;letter-spacing:-3px;box-shadow:0 0 45px #57aeee40}.wend-core span{font-size:20px;color:#4bc3f2;letter-spacing:-1px}.orbit{position:absolute;width:145px;height:145px;left:50%;top:-29px;border:1px solid #aac6dc;border-radius:50%;transform:translateX(-50%)}.orbit:before,.orbit:after{content:'';position:absolute;width:35px;height:1px;background:#88b0d0;top:50%}.orbit:before{left:-35px}.orbit:after{right:-35px}.route{display:flex;justify-content:space-between;align-items:center;font-size:28px;letter-spacing:-1px}.route span{color:var(--blue)}.route-names{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:28px}.quote-line{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.quote-line span{color:var(--muted)}.quote-line b{text-align:right;font-weight:500}.ready{font-size:11px;padding:14px 10px;background:#e8f3f0;color:#246253;margin-top:20px}.check{color:#29866e}.statement{padding-top:125px;padding-bottom:100px}.statement h2{font-size:clamp(64px,9vw,135px);line-height:.98}.statement-end{display:flex;justify-content:space-between;align-items:end;margin-top:35px}.statement-end p{max-width:460px;font-size:18px}.section-number{font-size:14px;color:var(--blue)}.stage-line{list-style:none;display:flex;justify-content:space-between;padding:30px 0 0;border-top:1px solid #b5c4d1;margin:65px 0 0;font-size:13px}.stage-line li{position:relative}.stage-line li:before{content:'';position:absolute;width:7px;height:7px;top:-34px;left:0;background:var(--blue);border-radius:50%}.story{border-top:1px solid var(--line);background:#edf2f6}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:13%}.story-sticky{position:sticky;top:120px;align-self:start;padding-top:55px}.story-sticky h2{font-size:50px}.record{background:#fff;border:1px solid #cfdae4;border-radius:6px;min-height:345px;padding:25px;margin:30px 0 12px;box-shadow:0 20px 45px #153c6110}.record h3{font-size:26px;margin-bottom:20px}.record .field{display:flex;justify-content:space-between;border-bottom:1px solid #e4ebf1;padding:11px 0;font-size:14px;gap:12px}.record .field span{color:var(--muted)}.record .field b{font-weight:500;text-align:right}.record .notice{padding:12px;margin-top:16px;background:#fff5e6;color:#976321;font-size:12px}.story-steps article{min-height:670px;display:flex;flex-direction:column;justify-content:center;padding:90px 0}.story-steps h2{font-size:46px;margin-bottom:25px}.story-steps p:not(.eyebrow){font-size:17px}.checks{padding:0;list-style:none;margin:25px 0;font-size:14px;line-height:1.5}.checks li{padding:12px 0;border-bottom:1px solid #d7e1e9}.checks li:before{content:'✓';color:var(--blue);margin-right:12px}.story-steps a{align-self:start}.dark{background:#081a2f;color:#f5f9ff}.dark p{color:#a2b3c6}.exceptions{padding:115px 0 70px}.exceptions h2{font-size:clamp(45px,6vw,88px)}.exceptions h2 span{color:#73bef0}.exception-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:12%;margin-top:70px}.exception-grid>p{font-size:18px}.exception-list>div{border-bottom:1px solid #294059;display:flex;align-items:center;gap:16px;padding:20px 0;font-size:16px}.exception-list span{color:#7590ab;font-size:12px}.exception-list b{font-size:11px;font-weight:400;color:#83b8d9;margin-left:auto}.control{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px;margin-top:100px;border-top:1px solid #294059;padding-top:45px}.control h3{font-size:36px}.control h4{margin-bottom:15px}.control p{font-size:14px}.control .eyebrow{font-size:10px}.quote-section{padding-top:120px;padding-bottom:130px;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.quote-section>div>p:not(.eyebrow){max-width:430px;margin-top:28px}.document-stage{position:relative;background:#e5edf4;padding:45px 40px;border-radius:50% 50% 5px 5px}.final-document{background:white;padding:35px;transform:rotate(-3deg);border:1px solid #d9e2e9;box-shadow:15px 25px 50px #1c3b5d18}.final-document .brand{font-size:23px;margin-bottom:32px}.final-document .eyebrow{font-size:9px}.final-document h3{font-size:35px;margin-bottom:30px}.quote-note{font-size:10px;padding:20px 0}.version{position:absolute;box-shadow:0 4px 20px #34516f22;background:#fff;padding:10px 15px;font-size:12px;border:1px solid #cedae4;border-radius:4px}.v1{top:16px;right:4px;transform:rotate(5deg)}.v2{bottom:15px;right:-10px;background:#0b2342;color:#fff;transform:rotate(3deg)}.pipeline{padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:50px}.section-heading>p{max-width:400px}.pipeline-board{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d1dce5;background:#eaf0f5;border-radius:6px;padding:20px;gap:16px}.pipeline-board>div>span{font-size:12px;display:flex;justify-content:space-between;margin-bottom:18px}.pipeline-board b{font-weight:400;color:#738295}.pipeline-board article{background:#fff;border:1px solid #dce5ec;border-radius:5px;padding:18px;min-height:185px}.pipeline-board small{font-size:10px;color:#788693}.pipeline-board h4{font-size:14px;margin:15px 0}.pipeline-board p{font-size:11px}.pipeline-board label{font-size:10px;display:inline-block;padding:4px 6px;background:#fff3df;color:#93651f;margin-top:15px}.pipeline-board label.good{background:#e7f3ee;color:#27664c}.analytics{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;padding:25px 0}.analytics span{font-weight:bold}.outcomes{background:#e4eff8;padding:60px 0}.metric-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:35px;margin-bottom:30px}.metric-grid strong{font-size:clamp(30px,3.8vw,56px);font-weight:500;letter-spacing:-.06em}.metric-grid p{font-size:14px;margin-top:10px}.coverage{padding-top:110px;padding-bottom:110px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid #bacbd9}.mode-grid>div{padding:30px;border-right:1px solid #d1dde7}.mode-grid>div:first-child{padding-left:0}.mode-grid>div:last-child{border:0}.mode-grid span{font-size:12px;color:var(--blue)}.mode-grid h3{font-size:48px;margin:30px 0 16px}.mode-grid p{font-size:14px}.integrations{text-align:center;background:#eef3f7;padding:80px 0}.integrations h2{font-size:48px}.integrations h2+p{margin:22px 0 45px}.integration-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;align-items:center;gap:20px;position:relative;padding:35px 0;border-top:1px solid #c8dbe9;border-bottom:1px solid #c8dbe9;margin-bottom:24px}.integration-grid>div>span{font-size:10px;letter-spacing:.1em;color:var(--blue)}.integration-grid p{font-size:12px;margin-top:12px}.integration-core{background:#fff;padding:26px 12px;border:1px solid #b2c7d8;border-radius:12px;box-shadow:0 0 40px #97c8e63a}.trust{display:flex;gap:80px;align-items:center;padding-top:60px;padding-bottom:60px}.trust h3{font-size:28px;flex-shrink:0}.trust>div{display:flex;gap:16px 24px;flex-wrap:wrap;font-size:12px;color:#4f6579}.trust>div span:before{content:'✓ ';color:var(--blue)}.demo{padding:90px 0}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.demo label{font-size:12px;color:#a9bed1;display:block;margin-bottom:15px}textarea{display:block;width:100%;resize:vertical;background:#10273f;color:#c5d8e7;border:1px solid #304860;border-radius:5px;padding:24px;font-size:14px;line-height:1.7;margin-bottom:20px}.demo .button{background:#55b5ed;color:#062343;border-color:#55b5ed}.demo-result{background:#0c2138;border:1px solid #304860;padding:30px;border-radius:6px}.demo-result .field{display:flex;justify-content:space-between;font-size:14px;padding:9px 0;border-bottom:1px solid #29445e;gap:20px}.demo-result .field b{text-align:right;font-weight:400}.demo-result .notice{font-size:13px;color:#e2bd80;margin:16px 0}.demo-result button{font-size:12px;padding:10px 14px}.empty-state{padding-top:60px}.empty-state>span{font-size:50px;color:#64b9e9}.empty-state h3{font-size:42px;margin:15px 0}.empty-state p{font-size:14px;max-width:300px}.draft{padding:16px;background:#17354e;margin-top:16px;font-size:13px;color:#c2d6e6}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:10%;padding-top:100px;padding-bottom:110px}details{border-bottom:1px solid #d1dce5;padding:20px 0}summary{cursor:pointer;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:#6d869a}details[open] summary:after{content:'−'}details p{font-size:14px;padding-top:15px;line-height:1.8}.closing{padding:90px 0;background:#e6eff7}.closing h2{font-size:clamp(50px,7.2vw,105px)}.closing p:not(.eyebrow){margin:30px 0}.closing .actions{margin-top:30px}footer{display:flex;gap:35px;align-items:center;padding-top:30px;padding-bottom:30px;font-size:12px}footer p{margin-right:auto}.reveal{opacity:.25;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.in-view{opacity:1;transform:none}.record-swap{animation:swap .5s ease-out}.exception-list .in-view{border-bottom-color:#4d7a99}.stage-line li.in-view:before{box-shadow:0 0 0 5px #197ed51c}@keyframes float{50%{translate:0 -8px}}@keyframes swap{from{opacity:.1;transform:translateY(12px)}to{opacity:1;transform:none}}@media(min-width:1450px){header{padding-left:calc((100vw - 1267px)/2);padding-right:calc((100vw - 1267px)/2)}}@media(max-width:1000px){nav{gap:14px}.hero-grid{gap:5%;grid-template-columns:1.3fr 1fr}.hero-aside>p:first-child{font-size:16px}.transformation{padding:30px 3%;gap:15px;grid-template-columns:1fr .3fr 1fr}.intelligence .micro,.intelligence p,.orbit{display:none}.wend-core{width:60px;height:60px;font-size:24px}.wend-core span{font-size:15px}.mail-sheet,.quote-sheet{padding:20px}.story-grid{gap:7%}.story-steps h2{font-size:38px}.exception-grid{gap:6%}.pipeline-board{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:1fr 1fr}.integration-core{grid-column:1/-1;grid-row:2;max-width:180px;justify-self:center}.trust{gap:40px}.metric-grid{gap:20px}.metric-grid strong{font-size:35px}}@media(max-width:700px){header{height:72px;padding:0 5%}header .brand{font-size:26px}nav{display:none}.small{padding:9px 12px;font-size:12px}.wrap{padding-left:6%;padding-right:6%}.hero{padding-top:28px}.hero>.eyebrow{font-size:10px;margin-bottom:30px}.hero-grid{grid-template-columns:1fr;gap:25px}h1{font-size:48px;line-height:1.06}.hero-aside>p:first-child{max-width:none;font-size:16px}.actions{gap:20px}.button{padding:13px 17px}.hero-console{margin-top:35px}.console-top,.console-bottom{font-size:8px;padding:13px;gap:10px}.console-top .muted{display:none}.transformation{grid-template-columns:1fr;padding:28px;gap:28px}.mail-sheet{max-width:330px;width:100%;justify-self:start}.intelligence{display:none}.quote-sheet{max-width:330px;width:100%;justify-self:end}.mail-sheet p{font-size:12px}.mail-sheet p:last-of-type,.attachment{display:none}.quote-sheet .quote-line{font-size:11px}.statement{padding-top:75px;padding-bottom:65px}.statement h2{font-size:64px}.statement-end{align-items:start;gap:25px}.statement-end p{font-size:15px}.stage-line{flex-wrap:wrap;gap:25px;font-size:11px}.stage-line li:before{display:none}.story-grid{grid-template-columns:1fr}.story-sticky{position:relative;top:auto;padding-top:55px}.story-sticky h2{font-size:42px}.record{min-height:300px}.story-steps article{min-height:0;padding:60px 0;border-bottom:1px solid #d5e0e9}.story-steps h2{font-size:40px}.story-steps p:not(.eyebrow){font-size:16px}.exceptions{padding-top:70px}.exceptions h2{font-size:45px}.exception-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.exception-list>div{font-size:13px;gap:10px}.exception-list b{font-size:9px}.control{grid-template-columns:1fr;gap:30px;margin-top:60px}.quote-section{grid-template-columns:1fr;padding-top:70px;padding-bottom:70px;gap:50px}.document-stage{padding:25px}.final-document{padding:25px}.section-heading{display:block}.section-heading>p{margin-top:25px}.pipeline-board{grid-template-columns:1fr;padding:18px}.pipeline-board article{min-height:0}.pipeline-board>div{margin-bottom:12px}.pipeline-board h4{font-size:16px}.pipeline-board p,.pipeline-board small,.pipeline-board label{font-size:12px}.pipeline{padding-bottom:65px}.metric-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.metric-grid strong{font-size:32px}.metric-grid p{font-size:12px}.coverage{padding-top:70px;padding-bottom:70px}.mode-grid{grid-template-columns:1fr;margin-top:35px}.mode-grid>div{padding:25px 0;border-right:0;border-bottom:1px solid #cddae6}.mode-grid h3{font-size:42px;margin:12px 0}.integrations h2{font-size:39px}.integration-grid{gap:30px 12px}.trust{display:block;padding-top:45px;padding-bottom:45px}.trust>div{margin-top:25px}.demo{padding:65px 0}.demo-grid{grid-template-columns:1fr}.demo-result{min-height:370px;padding:24px}.faq{grid-template-columns:1fr;gap:40px;padding-top:65px;padding-bottom:65px}.faq h2 br{display:none}.closing{padding:65px 0}.closing h2{font-size:49px}footer{flex-wrap:wrap;gap:20px}footer .brand{font-size:26px}footer p{margin-right:0}.reveal{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Scroll choreography: each transform has a single owner. */
.motion-enabled .mail-sheet,.motion-enabled .quote-sheet{animation:none;translate:none;will-change:transform}
.motion-enabled .transformation{perspective:1100px;position:relative;isolation:isolate}
.motion-enabled .transformation:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 260px 220px at var(--cursor-x,50%) var(--cursor-y,50%),#7fc5ef40,transparent 80%)}
.motion-enabled .wend-core{will-change:transform;transition:transform .15s ease-out}
.motion-enabled .orbit{border-style:dashed;will-change:transform}
.motion-word{display:inline-block;opacity:var(--word-opacity,1);transform:translateY(var(--word-y,0));will-change:transform,opacity}
.motion-enabled .final-document,.motion-enabled .version{will-change:transform}
@media(min-width:1001px) and (min-height:760px) and (prefers-reduced-motion:no-preference){
.motion-enabled .story-steps{padding-top:45px;padding-bottom:100px}
.motion-enabled .story-steps article{position:sticky;top:110px;min-height:590px;margin-bottom:70px;padding:38px 30px;background:#f7fafc;border:1px solid #ccdbe6;border-radius:9px;box-shadow:0 -10px 30px #25476808;opacity:1;transform:none;transition:none;justify-content:center}
.motion-enabled .story-steps article:nth-child(2){top:124px}
.motion-enabled .story-steps article:nth-child(3){top:138px}
.motion-enabled .story-steps article:nth-child(4){top:152px}
.motion-enabled .story-steps h2{font-size:39px}
.motion-enabled .story-steps p:not(.eyebrow){font-size:16px}
.motion-enabled .story-steps .checks{margin:18px 0}
}
@media(prefers-reduced-motion:reduce){.motion-word{opacity:1!important;transform:none!important}.mail-sheet,.quote-sheet,.final-document,.version,.orbit,.wend-core{transform:none!important;translate:none!important}.transformation:before{display:none}}
/* Team-reviewed quotation page: ten-section editorial sequence. */
body{background:#f7f9fb}.hero{max-width:none;background:#081525;color:#f4f8ff;padding-bottom:30px;overflow:hidden}.hero>.eyebrow{color:#b6c8d9;margin-bottom:35px;letter-spacing:.03em;font-size:14px}.hero-grid{max-width:1280px;margin:auto;grid-template-columns:1.6fr 1fr;gap:7%;padding-bottom:10px}.hero h1{font-size:clamp(45px,5.2vw,78px)}.hero h1 em{color:#9ec6ed}.hero-aside p{color:#afc1d3}.hero .button,.closing .button{background:#d7eeff;color:#10243e;border-color:#d7eeff}.hero .text-link{color:#e2eefa}.hero-console{max-width:1280px;margin:55px auto 0;background:#0e2034;border:1px solid #34485d;box-shadow:0 30px 90px #0005}.console-top,.console-bottom{background:#0b1a2d;color:#94adbf;border-color:#2b4157}.console-top{align-items:center}.console-top .brand{font-size:24px}.ai-status{background:#1d4246;color:#83d7df;padding:6px 10px;margin-left:18px;font-size:10px}.transformation{grid-template-columns:1fr 1.3fr 1.05fr;gap:32px;padding:38px 32px;align-items:center}.mail-sheet{background:#112237;color:#e2edfa;transform:none;border-color:#2d445e}.mail-sheet p{color:#afc3d6;font-size:14px}.sheet-label{font-size:11px}.hero .sheet-label{color:#93aeca;border-color:#30475e}.hero .mail-sheet .quote-line{border-color:#2a4057}.hero .mail-sheet .quote-line span{color:#b1c5d6}.source-label{margin-top:30px}.workspace-middle{padding:6px 0}.workspace-middle .intelligence{height:80px;margin-bottom:28px}.workspace-middle .wend-core{height:62px;width:62px;font-size:26px;border-radius:15px}.workspace-middle .orbit{width:110px;height:110px;top:-24px;border-color:#436883}.workspace-middle .route{font-size:30px}.workspace-middle .route-names{color:#96afc5}.workspace-middle .quote-line{border-color:#31465e;color:#cbd9e8}.workspace-middle .quote-line span{color:#aabbd0}.workspace-middle .selected{background:#203f60;padding:14px 8px;color:#7bdded;border-radius:4px}.workspace-middle .micro{margin-top:18px;color:#8ba3bb}.hero .quote-sheet{transform:none;background:#eef5fe;border-color:#abbcd0;color:#0d2643}.hero .quote-sheet .sheet-label{color:#48607c;border-color:#bfd1df}.quote-sheet h3{font-size:30px;margin-bottom:20px}.selling{display:flex;justify-content:space-between;align-items:center;background:#d3e4f7;padding:13px;margin-top:18px;border-radius:4px}.selling span{font-size:12px}.selling strong{font-size:28px;letter-spacing:-.03em}.margin-label{font-size:16px;color:#246253!important;margin-top:16px}.margin-label span{float:right;font-size:12px}.sample-disclosure{max-width:1280px;margin:25px auto 0;border-color:#34495f}.sample-disclosure>summary{font-size:14px;color:#c2d6e9;justify-content:center;gap:20px}.sample-disclosure>summary:after{display:none}.sample-disclosure .demo{padding:45px 0}.sample-disclosure .demo>.wrap{padding:0;max-width:none}.overview{padding-top:100px;padding-bottom:100px}.benefit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:50px}.benefit{background:#0c2035;border:1px solid #2f465a;color:#f3f7fb;border-radius:10px;padding:30px;grid-column:span 2;min-height:235px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.benefit:nth-child(1),.benefit:nth-child(2){grid-column:span 3;min-height:270px}.benefit h3{font-size:25px;letter-spacing:-.035em;line-height:1.15}.benefit p{font-size:14px;color:#a7bfd0;margin-top:12px}.timer{font-size:52px;letter-spacing:-.06em;color:#cce9ff;align-self:end}.timer small{display:block;font-size:10px;letter-spacing:.1em}.mini-checks,.mode-tags,.office-tags{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 30px}.mini-checks span,.mode-tags span,.office-tags span{font-size:12px;border:1px solid #3a5269;background:#172f46;padding:10px;border-radius:5px}.mode-track{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;margin:25px 0 30px}.mode-track i{height:2px;background:#72bce8;flex:1;position:relative}.mode-track i:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#bcdef2;top:-3px;left:60%}.benefit.deployment{grid-column:1/-1;min-height:155px;flex-direction:row;align-items:center}.deployment strong{font-size:52px;letter-spacing:-.05em}.deployment strong span{color:#89bcde;font-weight:400}.deployment p{max-width:380px;margin:0}.feature-flow{padding:85px 0 50px}.feature-flow h2{font-size:60px}.feature-flow h2 em{color:#8dc7ef}.flow-stack{margin-top:55px}.flow-card{display:grid;grid-template-columns:1fr 1.25fr;gap:7%;align-items:center;background:#0c1e32;border:1px solid #2a4158;border-radius:10px;padding:45px;margin-bottom:35px;min-height:490px}.flow-copy h3{font-size:36px;line-height:1.08;margin-bottom:23px}.flow-copy>p:not(.eyebrow){font-size:16px}.flow-copy .checks{font-size:13px;margin-bottom:0}.flow-copy .checks li{border-color:#2a4158}.flow-copy .eyebrow{color:#83c6f0}.flow-visual{background:#091829;border:1px solid #2b4055;padding:25px;border-radius:8px;min-width:0}.panel-label{font-size:11px;letter-spacing:.05em;display:flex;justify-content:space-between;gap:15px;padding-bottom:20px;margin-bottom:15px;border-bottom:1px solid #2d4359;color:#c7dbeb}.panel-label span{font-size:10px;color:#82c9ed;letter-spacing:0}.field{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid #283d52;font-size:13px}.field span{color:#a4bdd0}.field b{font-weight:500;text-align:right;color:#e0eef7}.field.warning span,.field.warning b{color:#e6bf7f}.flow-visual>.micro{margin-top:22px}.extract-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:center}.raw-enquiry{font-size:13px;line-height:1.9;background:#132d44;padding:18px;border:1px solid #314e65;border-radius:5px;color:#a9cce4;transform:rotate(-2deg)}.extract-layout .field{font-size:12px}.flow-visual .text-link{display:inline-block;margin-top:25px;color:#9cd6f4}.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cost-grid>div{padding:18px;background:#13273e;border:1px solid #2f465d;border-radius:5px}.cost-grid span{display:block;font-size:12px;color:#97b4cc;margin-bottom:8px}.cost-grid b{font-size:19px;color:#f2f8ff}.flow-visual:has(.document-stage){background:transparent;border:0;padding:10px 25px}.flow-visual .document-stage{padding:25px;background:#132b43;border-radius:10px}.flow-visual .final-document{padding:25px;color:#142b44}.flow-visual .final-document h3{font-size:31px}.flow-visual .version{color:#24415e}.flow-visual .v2{color:white}.common{padding-top:100px;padding-bottom:80px}.common-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:50px}.common-grid>article{background:#0b1e33;padding:30px;border-radius:10px;color:#e9f3fc;border:1px solid #30465d}.mini-ui{padding:20px;border:1px solid #2c435a;border-radius:6px;margin-bottom:35px;background:#0a192a}.common-grid h3{font-size:28px;line-height:1.1}.common-grid p{font-size:14px;color:#a9bed1;margin-top:16px}.commercial-analytics{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.5fr;gap:45px;align-items:center}.analytics-surface{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.analytics-surface>div{background:#172d43;padding:18px 12px;border-radius:5px}.analytics-surface span{display:block;font-size:11px;color:#94adc3;margin-bottom:8px}.analytics-surface b{font-size:12px;font-weight:500}.status-track{grid-column:1/-1;display:flex;justify-content:space-between;list-style:none;padding:25px 0 0;border-top:1px solid #47718d;font-size:11px;color:#9cc9e7}.statement{padding-top:40px}.automation-heading{display:flex;justify-content:space-between;gap:50px;align-items:center;margin-top:80px}.automation-heading h3{font-size:38px}.automation-heading p{max-width:440px;font-size:16px}.automation-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.automation-grid>article{padding:32px;border:1px solid #c9d7e4;border-radius:9px;background:white}.automation-grid>article.dark{background:#0b2036;color:#f2f7ff;border-color:#24435e}.automation-grid h3{font-size:32px;margin-bottom:22px}.automation-grid p:not(.eyebrow){font-size:15px;min-height:110px}.automation-grid ol{display:flex;gap:8px;list-style:none;padding:0;counter-reset:step;margin:25px 0}.automation-grid li{flex:1;background:#eaf0f6;color:#315371;padding:15px 5px;text-align:center;font-size:12px}.automation-grid li:before{counter-increment:step;content:counter(step);display:block;font-weight:bold;margin-bottom:7px}.automation-grid .dark li{background:#183249;color:#c8e0ef}.approval-note{padding:17px;background:#112b43;color:#d8ecf7;font-size:13px;border-radius:5px}.approval-note span{font-size:12px;color:#a5c0d5}.why{padding-top:90px;padding-bottom:70px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:50px}.why-grid article{padding-top:25px;border-top:1px solid #bbcede}.why-grid h3{font-size:23px;letter-spacing:-.035em;line-height:1.2}.why-grid p{font-size:14px;margin-top:18px}.security-strip{display:flex;gap:15px 35px;flex-wrap:wrap;border-top:1px solid #cddbe5;padding-top:30px;margin-top:55px;font-size:12px;color:#46647a}.security-strip span:before{content:'✓ ';color:#2289c8}.closing.dark{background:#081b2e}.closing em{color:#9bd1f1}.closing .text-link{color:#d5e9f8}.faq{padding-top:65px}.overview h2,.common h2,.why h2{font-size:clamp(40px,4.8vw,68px)}
@media(min-width:1001px) and (min-height:780px) and (prefers-reduced-motion:no-preference){.motion-enabled .flow-card{position:sticky;top:calc(102px + var(--stack-index)*12px);min-height:500px;margin-bottom:60px;z-index:calc(1 + var(--stack-index));box-shadow:0 -10px 30px #0002}.flow-stack{padding-bottom:35px}}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.hero-aside{max-width:700px;margin-top:25px}.hero-aside>p:first-child{max-width:none}.transformation{gap:16px;padding:30px 20px;grid-template-columns:1fr 1.1fr 1fr}.workspace-middle .intelligence{display:block}.workspace-middle .orbit{display:block}.workspace-middle .route{font-size:24px}.quote-sheet h3{font-size:26px}.benefit{padding:24px}.flow-card{padding:30px;gap:5%;grid-template-columns:1fr 1.15fr}.flow-copy h3{font-size:31px}.flow-visual{padding:20px}.extract-layout{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr 1fr}.metric-grid strong{font-size:37px}.commercial-analytics{gap:25px}}
@media(max-width:700px){.hero h1{font-size:44px}.hero>.eyebrow{font-size:12px}.transformation{grid-template-columns:1fr;padding:25px;gap:30px}.hero .mail-sheet,.hero .quote-sheet{max-width:none}.hero .mail-sheet p:last-of-type{display:block}.workspace-middle{padding:20px 0}.workspace-middle .intelligence{display:block;margin-bottom:20px}.workspace-middle .route{font-size:30px}.hero .quote-line{font-size:13px}.console-bottom{flex-direction:column}.console-top .brand{font-size:20px}.ai-status{margin-left:8px;font-size:9px}.overview,.common,.why{padding-top:65px;padding-bottom:60px}.benefit-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.benefit,.benefit:nth-child(1),.benefit:nth-child(2){grid-column:span 1;padding:20px;min-height:235px}.benefit h3{font-size:22px}.benefit p{font-size:13px}.benefit.speed,.benefit:nth-child(2),.benefit.deployment{grid-column:1/-1;min-height:200px}.benefit:nth-child(5){grid-column:1/-1;min-height:190px}.benefit.deployment{display:block;min-height:180px}.deployment strong{font-size:45px}.deployment p{margin-top:15px}.mode-tags,.office-tags{gap:5px}.mode-tags span,.office-tags span{font-size:10px;padding:7px}.mode-track{flex-wrap:wrap}.feature-flow{padding-top:60px}.feature-flow h2{font-size:43px}.flow-card{grid-template-columns:1fr;padding:25px 20px;gap:25px;position:static}.flow-copy h3{font-size:33px}.flow-copy>p:not(.eyebrow){font-size:16px}.flow-copy .checks{font-size:14px}.flow-visual{padding:20px 15px}.field{font-size:12px;gap:10px}.extract-layout{grid-template-columns:1fr}.flow-visual:has(.document-stage){padding:15px 8px}.flow-visual .document-stage{padding:20px 12px}.outcomes h2{font-size:40px}.metric-grid{grid-template-columns:1fr 1fr;gap:30px 15px}.metric-grid>div{padding-right:0;border:0}.metric-grid strong{font-size:34px}.common-grid,.commercial-analytics{grid-template-columns:1fr}.common-grid>article{padding:23px}.mini-ui{padding:15px}.common-grid .field{font-size:12px}.commercial-analytics{gap:25px}.analytics-surface>div{padding:12px 8px}.status-track{font-size:10px}.automation-heading{display:block;margin-top:55px}.automation-heading h3{font-size:34px}.automation-heading p{margin-top:20px}.automation-grid{grid-template-columns:1fr}.automation-grid>article{padding:25px}.automation-grid p:not(.eyebrow){min-height:0}.why-grid{grid-template-columns:1fr 1fr;gap:25px 20px}.why-grid h3{font-size:21px}.why-grid p{font-size:14px}.sample-disclosure .demo h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.flow-card{position:static!important}.mode-track i:after{transform:none}}
/* Restore the restrained light editorial canvas from version 2. */
body{background:#fff}
main{background:#fff}
.hero{background:#fff;color:var(--navy);padding-bottom:45px}
.hero>.eyebrow{color:var(--blue)}
.hero h1{font-family:Helvetica;font-weight:700;font-style:normal;font-size:78px;line-height:84px;letter-spacing:-2.73px}
.hero h1 em{color:var(--blue);font-style:normal}
.hero-aside p{color:var(--muted)}
.hero .button{background:#0A1C34;color:#fff;border-color:#0A1C34}
.hero .button:hover{background:var(--blue);border-color:var(--blue)}
.hero .text-link{color:var(--navy)}
.hero .micro{color:var(--muted)}
.overview{background:#f5f7fb;color:#0a0d1c}.feature-flow,.common,.statement,.integrations,.why,.faq{background:#fff}
.feature-flow{color:var(--navy);border-top:1px solid #dde6ed;border-bottom:1px solid #dde6ed}
.feature-flow>div>p,.feature-flow>div>h2{color:var(--navy)}
.feature-flow>div>h2 em{color:var(--blue)}
.flow-card{background:#f7fafc;border-color:#d1dee8;color:var(--navy);box-shadow:0 18px 50px #173c5c0a}
.flow-copy>p:not(.eyebrow){color:#5e6f80}
.flow-copy .checks li{border-color:#d6e1e9;color:#263f55}
.flow-visual{background:#0a1b2e;border-color:#2b4055;color:#f3f8fd}
.flow-visual:has(.document-stage){background:#0a1b2e;border:1px solid #2b4055;padding:22px}
.flow-card .field span{color:#9fb9cc}.flow-card .field b{color:#e4f1fb}
.outcomes{background:#edf5fb}
.common-grid>article{background:#f8fafc;color:var(--navy);border-color:#d2dee8}
.common-grid>article p{color:#637487}
.common-grid .mini-ui,.analytics-surface{background:linear-gradient(135deg,#071827 0%,#0b2d49 56%,#075a76 100%);color:#e9f3fc;border:1px solid #2f6785}
.integrations{background:#f3f7fa}
.closing{background:#081b2e}
/* Section 2, card 2: restored costing and margin-protection visual. */
.protection{position:relative}
.protection-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 28px}
.protection-field{background:#142b41;border:1px solid #365069;border-radius:6px;padding:14px 12px}
.protection-field span{display:block;color:#91abc1;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.protection-field b{display:block;color:#e8f4fb;font-size:13px;margin-top:6px;font-weight:500}
.protection-status{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 15px;background:#173c3e;border:1px solid #2c6663;border-radius:6px}
.protection-status span{color:#83b9b5;font-size:10px;letter-spacing:.09em}
.protection-status strong{color:#93e3cf;font-size:14px;font-weight:600}
@media(max-width:700px){.protection-visual{grid-template-columns:1fr 1fr}.protection-field:nth-child(3){grid-column:1/-1}.protection-status{display:block}.protection-status strong{display:block;margin-top:5px}.hero{padding-bottom:30px}}
/* Supplied Quote Workspace artwork replaces the earlier HTML mockup. */
.hero-product-stage{max-width:1280px;margin:55px auto 0;position:relative;isolation:isolate;perspective:1400px}
.hero-product-stage:before{content:'';position:absolute;inset:8% 5% -1%;z-index:-2;border-radius:45%;background:#3c92cb2b;filter:blur(55px)}
.hero-product-glow{position:absolute;inset:-8% -5%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 28% 34% at var(--cursor-x,62%) var(--cursor-y,44%),#58b8f036,transparent 78%);will-change:transform}
.hero-product-image{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 38px 85px -45px #0a1b2eaa;will-change:transform;transform-style:preserve-3d;transition:filter .25s ease}
.hero-product-stage:hover .hero-product-image{filter:brightness(1.025)}
.hero-product-stage figcaption{text-align:center;color:#687d91;font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-top:12px}
@media(max-width:700px){.hero-product-stage{margin-top:35px;width:112%;margin-left:-6%;overflow:hidden}.hero-product-image{width:128%;max-width:none;transform-origin:center top}.hero-product-stage figcaption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-product-image,.hero-product-glow{transform:none!important;transition:none!important}}
/* Presentation refinement: restrained depth, feedback and a live route scene. */
:root{--paper:#fff;--muted:#586c7f}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
h1,h2,h3{letter-spacing:-.047em}h1{font-weight:550}.hero h1{line-height:1.08}
.reading-progress{position:absolute;left:0;bottom:-1px;height:2px;width:100%;transform:scaleX(var(--read-progress,0));transform-origin:left;background:#258ed7}
.hero-grid{gap:6%}.hero-product-stage{margin-top:65px}.hero-product-image{border:1px solid #dbe4eb}
.hero-product-stage figcaption{display:none}.hero-aside .micro{font-size:13px}
.button{position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s,background .22s}
.button:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,#ffffff26 50%,transparent 80%);transform:translateX(-120%);transition:transform .5s;pointer-events:none}
.button:hover:before{transform:translateX(120%)}.button:hover{box-shadow:0 7px 20px #193b6120}.button:active{transform:translateY(1px) scale(.985)}
.button:disabled{cursor:wait;opacity:.75;transform:none}.button:disabled:before{display:none}
.text-link{transition:color .2s,border-color .2s}.text-link:hover{color:var(--blue);border-color:var(--blue)}
.benefit,.common-grid>article{transition:border-color .25s,box-shadow .25s,translate .25s}.benefit:hover,.common-grid>article:hover{border-color:#70abd0;box-shadow:0 15px 35px #173d5d14;translate:0 -3px}
.benefit h3{font-size:24px}.benefit-grid{gap:20px}.benefit:nth-child(1),.benefit:nth-child(2){min-height:300px}
.flow-card{opacity:1!important;transform:none!important}.flow-copy .eyebrow{font-size:14px}.flow-copy h3{line-height:1.13}.flow-visual{box-shadow:0 22px 45px #0a223019;transform:translateY(var(--panel-y,0));transition:box-shadow .25s}.flow-visual .field{font-size:14px}
.flow-card:before{content:'';position:absolute;inset:0 auto auto 0;height:3px;width:var(--card-progress,0%);background:#2b91d5;border-radius:10px;pointer-events:none}.flow-card{position:relative;overflow:clip}
.flow-copy .checks{font-size:14px}.mini-ui .field{font-size:14px}.mini-ui .panel-label{font-size:12px}
.route-explorer{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;margin-top:70px;padding-top:55px;border-top:1px solid #d6e3ec;align-items:center}
.route-editorial h3{font-size:48px;line-height:1.06}.route-editorial>p:not(.eyebrow){margin-top:22px;font-size:17px;max-width:420px}
.route-controls{display:flex;gap:8px;margin:30px 0 23px;flex-wrap:wrap}.route-controls button{font:inherit;font-size:14px;background:#fff;border:1px solid #c4d5e2;padding:11px 17px;border-radius:30px;color:#38546c;transition:background .2s,color .2s,transform .2s}
.route-controls button:hover{background:#edf5fb;transform:translateY(-2px)}.route-controls button[aria-pressed=true]{background:#0a2743;color:#fff;border-color:#0a2743}
.route-description{border-left:2px solid #278fcf;padding-left:18px}.route-description b{font-size:17px;font-weight:600}.route-description p{font-size:14px;margin-top:7px;min-height:46px}
.route-scene{min-width:0;background:radial-gradient(ellipse at 70% 12%,#dff3fc,#f8fbfd 72%);border:1px solid #d3e0ea;border-radius:16px;padding:18px;position:relative;overflow:hidden}
.shipment-map{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(237,247,253,.95));border:1px solid #d6e5ef;border-radius:12px;padding:17px;box-shadow:inset 0 1px 0 #fff,0 18px 45px -38px #133f6266;overflow:hidden}
.map-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 4px 14px}.map-mode{color:#075f9d;font-size:11px;font-weight:700;letter-spacing:.12em}.map-status{display:inline-flex;align-items:center;gap:7px;color:#31566d;font-size:11px}.map-status i{width:7px;height:7px;border-radius:50%;background:#26a4c9;box-shadow:0 0 0 5px #26a4c91c}
.route-map-viewport{overflow:hidden;border-block:1px solid #dce9f1;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(222,241,251,.38));scrollbar-width:thin;scrollbar-color:#83b5d3 #eef7fb}.route-map-viewport:focus-visible{outline:3px solid #1686cc;outline-offset:3px}.route-map-svg{display:block;width:100%;height:auto;aspect-ratio:820/380}.map-grid path{fill:none;stroke:#8fb2ca;stroke-width:1;opacity:.13}.route-base{fill:none;stroke:#7b9bb1;stroke-width:3;opacity:.2}.route-progress{fill:none;stroke:url(#route-gradient);stroke-width:4.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:url(#route-glow)}.node-anchor{fill:#0c78b8;stroke:#fff;stroke-width:2.5}.node-connector{fill:none;stroke:#74a9c8;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.node-card{filter:drop-shadow(0 7px 11px rgba(23,67,96,.1))}.node-card rect{fill:#fff;stroke:#bcd7e7;stroke-width:1}.node-icon-bg{fill:#0c78b8}.node-icon{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.node-label{fill:#09253c;font-size:13px;font-weight:650;white-space:nowrap}.node-meta{fill:#4c6a7e;font-size:10px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.map-updated .route-progress{animation:route-map-reveal .85s cubic-bezier(.2,.75,.25,1) forwards}@keyframes route-map-reveal{to{stroke-dashoffset:0}}
.route-milestones{display:grid;grid-template-columns:repeat(var(--milestone-count),minmax(0,1fr));grid-auto-rows:84px;gap:8px;margin-top:14px}.route-milestone{min-width:0;height:100%;display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid #d9e6ef;border-radius:9px;background:rgba(255,255,255,.92)}.route-milestone svg{width:22px;height:22px;justify-self:center;fill:none;stroke:#0879b9;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.route-milestone span{min-width:0;height:100%;display:flex;flex-direction:column;justify-content:center}.route-milestone b,.route-milestone small{display:block;overflow-wrap:normal}.route-milestone b{color:#17384f;font-size:11px;line-height:1.3;white-space:nowrap}.route-milestone small{color:#5a7385;font-size:9px;line-height:1.35;margin-top:3px;white-space:normal;text-wrap:balance}
.route-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:60px;gap:8px;margin:8px 0 0}.route-facts div{min-width:0;height:100%;display:flex;flex-direction:column;justify-content:center;padding:9px 11px;border:1px solid #d9e6ef;border-radius:8px;background:rgba(255,255,255,.8)}.route-facts dt{color:#667e90;font-size:9px;line-height:1.3;text-transform:uppercase;letter-spacing:.06em}.route-facts dd{margin:3px 0 0;color:#123650;font-size:11px;font-weight:650;line-height:1.35;white-space:nowrap}
.scene-footer{display:flex;justify-content:center;align-items:center;padding:10px 4px 2px;text-align:center;font-size:11px;line-height:1.45;color:#546e83}
#result[aria-busy=true]{background:linear-gradient(120deg,#0c2138,#193b54);border-color:#5297c2}.sample-step{display:flex;gap:15px;align-items:center;font-size:14px;padding:15px 0;border-bottom:1px solid #29455c;color:#bad4e4}.sample-step i{font-style:normal;color:#72c8ed}
#result .field{animation:field-arrive .4s both}#result .field:nth-child(2){animation-delay:.04s}#result .field:nth-child(3){animation-delay:.08s}#result .field:nth-child(4){animation-delay:.12s}#result .field:nth-child(5){animation-delay:.16s}
summary{transition:color .2s}summary:hover{color:#1c80bf}details[open]>summary{color:#1b79b4}details[open]>p{animation:field-arrive .25s both}
@keyframes field-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.route-explorer{gap:30px}.route-editorial h3{font-size:39px}}
@media(max-width:700px){.hero-product-stage{width:100%;margin-left:0;overflow:visible}.hero-product-image{width:100%;max-width:100%;border-radius:8px}.hero h1{font-size:42px}.route-explorer{grid-template-columns:1fr;margin-top:45px;padding-top:40px;gap:24px}.route-editorial h3{font-size:39px}.route-editorial>p:not(.eyebrow){font-size:16px}.shipment-map{padding:12px}.route-map-viewport{overflow-x:auto;overscroll-behavior-inline:contain}.route-map-svg{min-width:700px}.route-milestones{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:84px}.route-facts{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:60px}.scene-footer{font-size:11px}.node-label{font-size:13px}.node-meta{font-size:10px}.flow-visual .field,.mini-ui .field{font-size:12px}.benefit:nth-child(1),.benefit:nth-child(2){min-height:255px}.flow-card{overflow:visible}.flow-card:before{display:none}}
@media(max-width:430px){.route-milestones{grid-template-columns:1fr}.route-facts{grid-template-columns:1fr}.route-facts dd{white-space:normal}}
@media(prefers-reduced-motion:reduce){.button,.benefit,.common-grid>article{translate:none!important}.flow-visual{transform:none!important}#result .field,details[open]>p,.map-updated .route-progress{animation:none!important}.route-progress{stroke-dashoffset:0}.button:before{display:none}.reading-progress{display:none}}
/* One shared workflow with its automation behavior shown in context. */
.unified-workflow{padding-top:65px;padding-bottom:95px}
.workflow-intro{display:grid;grid-template-columns:1.65fr 1fr;gap:7%;align-items:end;margin-bottom:40px}
.statement.unified-workflow h2{font-size:clamp(38px,4.7vw,66px);line-height:1.08}
.workflow-intro>p{font-size:16px;max-width:380px;padding-bottom:5px}
.workflow-surface{border:1px solid #cddde9;border-radius:12px;background:#f8fbfd;overflow:hidden;box-shadow:0 20px 55px -35px #24496445}
.workflow-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 26px;border-bottom:1px solid #d9e5ee;background:#fff}
.workflow-record{font-size:11px;letter-spacing:.12em;color:#52738c}
.automation-switch{display:flex;padding:5px;gap:5px;background:#edf3f8;border-radius:10px}
.automation-switch button{border:0;background:transparent;border-radius:6px;color:#506b81;font:inherit;font-size:15px;padding:14px 22px;min-height:52px;transition:background .22s,color .22s,box-shadow .22s}
.automation-switch button[aria-pressed=true]{background:#0b2944;color:#fff;box-shadow:0 3px 10px #0d294422}
.automation-switch button:hover:not([aria-pressed=true]){background:#dceaf4}
.unified-stages{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;padding:35px 25px 30px;margin:0;gap:14px}
.unified-stage{position:relative;min-width:0;padding-top:20px;border-top:2px solid #b6d8ed}
.unified-stage:before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border-radius:50%;background:#2489c8;box-shadow:0 0 0 4px #f8fbfd}
.unified-stage:after{content:'';position:absolute;top:-2px;left:0;height:2px;width:calc(var(--journey-progress,0)*100%);background:#1b7cb8}
.step-index{font-size:11px;color:#6b8ca3}.unified-stage h3{font-size:20px;letter-spacing:-.035em;margin:12px 0 10px}
.unified-stage p{font-size:13px;line-height:1.6;min-height:44px;color:#587086;padding-right:10px}
.step-owner{display:inline-block;margin-top:19px;padding:6px 8px;border-radius:4px;background:#e6f0f7;color:#29638d;font-size:11px;white-space:nowrap;transition:background .25s,color .25s}
.step-owner.human{background:#fff0d8;color:#815516;border:1px solid #edd6ab;padding:5px 7px}
.automation-explanation{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;padding:28px 30px;background:white;border-top:1px solid #d9e5ee}
.mode-caption{font-size:10px;letter-spacing:.12em;color:#2b80b7}.automation-explanation h3{font-size:26px;line-height:1.15;margin:12px 0}
.automation-explanation p{font-size:14px;line-height:1.7}
.decision-checkpoint{display:flex;align-items:center;gap:16px;background:#0b0b0b;border:1px solid #0EA5E9;border-radius:8px;padding:22px;color:#fff}
.checkpoint-symbol{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #fff;border-radius:50%;color:#fff}
.decision-checkpoint strong{font-size:14px;font-weight:600}.decision-checkpoint p{font-size:12px;color:#a3a3a3;margin-top:7px}
.exception-rail{display:flex;gap:13px;align-items:center;border-top:1px solid #d9e5ee;padding:18px 27px;background:#f0f6fa}
.exception-rail p{font-size:12px;line-height:1.6;flex:1}.exception-rail strong{font-weight:600;color:#35566d}.exception-mark{border:1px solid #bdd0df;color:#54748a;width:24px;height:24px;text-align:center;border-radius:50%;font-size:13px;flex-shrink:0}.exception-label{font-size:9px;letter-spacing:.08em;color:#69849a}
.mode-updated{animation:workflow-update .3s ease-out}@keyframes workflow-update{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.workflow-intro{grid-template-columns:1fr;gap:20px}.workflow-intro>p{max-width:600px}.unified-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.automation-explanation{gap:25px}.exception-label{display:none}}
@media(max-width:700px){.unified-workflow{padding-top:40px;padding-bottom:60px}.statement.unified-workflow h2{font-size:39px}.workflow-toolbar{flex-direction:column;align-items:stretch;padding:20px;gap:16px}.workflow-record{text-align:center}.automation-switch button{flex:1;padding:12px 14px;font-size:14px;min-height:48px}.unified-stages{grid-template-columns:1fr 1fr;padding:28px 20px;gap:28px 18px}.unified-stage h3{font-size:21px}.unified-stage p{font-size:13px}.automation-explanation{grid-template-columns:1fr;padding:24px 20px;gap:22px}.automation-explanation h3{font-size:27px}.exception-rail{padding:18px 20px}.workflow-intro>p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.mode-updated{animation:none}.unified-stage:after{width:100%}.step-owner,.automation-switch button{transition:none}}
/* Toggle-triggered workflow choreography. */
.workflow-animation{position:relative;height:170px;background:linear-gradient(180deg,#edf5fb,#f8fbfd);overflow:hidden;border-bottom:1px solid #e0eaf1}
#workflow-webgl{display:block;width:100%;height:100%}.workflow-scene-status{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font-size:11px;color:#6c8194;letter-spacing:.03em;white-space:nowrap}
.unified-stages{padding-top:24px}.unified-stage{transition:background .3s,box-shadow .3s,transform .3s;border-radius:0 0 7px 7px}
.unified-stage.is-running{background:#e2f1fc;box-shadow:0 0 0 9px #e2f1fc;transform:translateY(-4px)}
.unified-stage.is-complete:before{background:#2a92b8}.unified-stage.is-review{background:#fff2df;box-shadow:0 0 0 9px #fff2df}.unified-stage.is-review:before{background:#bc8b40}
.workflow-surface[data-transitioning=true] .checkpoint-symbol{border-color:#7bb9dd;background:#244f6c}
.workflow-animation.no-webgl{height:55px}.workflow-animation.no-webgl canvas{display:none}
@media(max-width:700px){.workflow-animation{height:120px}.workflow-scene-status{font-size:10px}.unified-stage.is-running{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.unified-stage{transition:none;transform:none!important}}
/* Step 01: incoming email transformed into structured shipment data. */
.extraction-visual{position:relative;isolation:isolate;overflow:hidden;padding:26px;background:linear-gradient(135deg,#071827 0%,#0b2d49 56%,#075a76 100%);border-color:#2f6785;box-shadow:0 24px 55px rgba(3,22,38,.24)}.extraction-visual:before{content:'';position:absolute;z-index:0;inset:-35% -20%;background:radial-gradient(circle at 78% 28%,rgba(57,196,225,.2),transparent 34%),radial-gradient(circle at 18% 76%,rgba(25,118,194,.18),transparent 38%);pointer-events:none}.extraction-visual>*{position:relative;z-index:1}.extraction-visual .panel-label{margin-bottom:20px;border-color:rgba(158,211,235,.28);color:#d9edf8}.extraction-visual .panel-label span{color:#86ddf1}.extraction-visual .extract-layout{grid-template-columns:minmax(0,1fr) 56px minmax(0,1.15fr);gap:16px;align-items:stretch}.email-source,.structured-output{min-width:0;display:flex;flex-direction:column;padding:16px;border:1px solid rgba(151,204,228,.3);border-radius:9px;background:rgba(7,25,42,.62);box-shadow:inset 0 1px rgba(255,255,255,.04)}.structured-output{background:rgba(7,33,51,.76);border-color:rgba(93,202,229,.38)}.extract-heading{display:flex;align-items:center;gap:10px;min-height:36px;margin-bottom:14px}.extract-heading>span:last-child{min-width:0;display:flex;flex-direction:column}.extract-heading strong{color:#eff9ff;font-size:13px;line-height:1.35;font-weight:600}.extract-heading small{color:#94b8ce;font-size:11px;line-height:1.4}.extract-symbol{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:1px solid rgba(125,207,236,.38);border-radius:8px;background:rgba(21,106,155,.28);color:#9ce4f5;font-size:15px;line-height:1}.extraction-visual .raw-enquiry{flex:1;transform:none;margin:0;padding:17px;border-color:rgba(131,190,216,.3);background:rgba(16,48,71,.76);color:#d2e8f4;font-size:13px;line-height:1.8;box-shadow:none}.structured-fields{display:grid;gap:8px}.extraction-visual .field{min-height:48px;align-items:center;margin:0;padding:11px 13px;border:1px solid rgba(112,177,205,.22);border-radius:7px;background:rgba(11,42,63,.78);animation:field-data-reveal 6.4s ease-in-out infinite}.extraction-visual .field span{color:#9dbdd0}.extraction-visual .field b{color:#f1f9fd;white-space:nowrap}.extraction-visual .field:nth-child(2){animation-delay:.35s}.extraction-visual .field:nth-child(3){animation-delay:.7s}.extraction-visual .field:nth-child(4){animation-delay:1.05s}.extract-stream{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;color:#94dff0}.extract-stream span{position:relative;display:block;width:100%;height:2px;background:linear-gradient(90deg,rgba(58,151,199,.15),rgba(103,219,237,.8),rgba(58,151,199,.15))}.extract-stream span:after{content:'';position:absolute;left:0;top:-3px;width:8px;height:8px;border-radius:50%;background:#7de3f2;box-shadow:0 0 14px rgba(89,220,239,.75);animation:extract-flow 3.8s ease-in-out infinite}.extract-stream b{font-size:10px;line-height:1.2;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#91cfe0}@keyframes extract-flow{0%,12%{left:0;opacity:0}24%,72%{opacity:1}88%,100%{left:calc(100% - 8px);opacity:0}}@keyframes field-data-reveal{0%,16%,100%{border-color:rgba(112,177,205,.22);background:rgba(11,42,63,.78)}28%,72%{border-color:rgba(105,216,235,.48);background:rgba(13,55,78,.92)}}@media(max-width:1000px){.extraction-visual .extract-layout{grid-template-columns:1fr}.extract-stream{height:44px;flex-direction:row}.extract-stream span{width:2px;height:34px;background:linear-gradient(180deg,rgba(58,151,199,.15),rgba(103,219,237,.8),rgba(58,151,199,.15))}.extract-stream span:after{left:-3px;top:0;animation-name:extract-flow-vertical}.extract-stream b{order:-1}}@keyframes extract-flow-vertical{0%,12%{top:0;opacity:0}24%,72%{opacity:1}88%,100%{top:calc(100% - 8px);opacity:0}}@media(max-width:700px){.extraction-visual{padding:18px}.email-source,.structured-output{padding:14px}.extraction-visual .field{padding:11px 12px;font-size:12px}}