/* Commercial solution brochures. The shared application previews remain in solutions.css. */
.brochure-nav{position:sticky;top:0;z-index:9;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:16px;margin-top:22px;background:#171918f5;backdrop-filter:blur(16px);border-block:1px solid #3a4237}
.brochure-nav-name{display:flex;align-items:center;gap:10px;min-width:0}
.brochure-nav-name .product-icon{width:29px;height:29px;font-size:15px;border-radius:7px}
.brochure-nav-name strong{font-size:13px;font-weight:600;white-space:nowrap}
.brochure-nav>div{display:flex;align-items:center;gap:25px;font-size:12px}
.brochure-nav>div>a{color:#c9d0c4;white-space:nowrap}
.brochure-nav>div>a:hover{color:var(--product)}
.brochure-nav .brochure-nav-cta{color:var(--product);border-left:1px solid #46503f;padding-left:25px}
.solution-detail #overview,.solution-detail #benefits,.solution-detail #features,.solution-detail #workflow,.solution-detail #contact{scroll-margin-top:90px}
.solution-detail .brochure-cover{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px 42px;padding:30px 38px 22px;margin-top:26px;margin-bottom:0;background:#f5f5ed;color:#1d2d23;border:1px solid #fff6;border-radius:18px;overflow:hidden;isolation:isolate}
.brochure-cover::before{content:'';position:absolute;right:0;top:0;width:45%;height:100%;background:var(--product-wash);z-index:-1}
.brochure-cover-line{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #243e2326;padding-bottom:21px;font-size:10px;letter-spacing:1px;color:#59705d;font-weight:600}
.brochure-cover-line>span:last-child{white-space:nowrap;color:var(--product-ink);font-size:9px}
.brochure-product-name{font-size:13px;font-weight:700;color:var(--product-ink);letter-spacing:.2px;margin-top:8px}
.brochure-brand{display:flex;align-items:center;gap:15px;margin-top:8px}
.brochure-brand .product-icon{width:51px;height:51px;color:var(--product-ink)}
.brochure-brand .brochure-product-name{margin:0;font-size:15px;font-weight:700;line-height:1.5}
.solution-detail .brochure-cover h1,.solution-detail:lang(th) .brochure-cover h1{font-size:clamp(31px,3.25vw,46px);line-height:1.3;letter-spacing:-1.7px;margin:21px 0;color:#1d2a21;font-weight:650}
.solution-detail:lang(th) .brochure-cover h1{letter-spacing:-.8px;line-height:1.55;font-size:clamp(29px,2.8vw,41px)}
.solution-detail .brochure-cover h1 .intro-accent{color:var(--product-ink)}
.brochure-cover .solution-description{color:#556250;font-size:15px;line-height:1.9;max-width:470px}
.brochure-cover .solution-hero-actions{gap:15px 22px;margin-top:26px}
.brochure-cover .brochure-button{background:var(--product-ink);color:#fff;padding:13px 18px;min-height:49px;gap:20px}
.brochure-cover .brochure-button:hover{background:var(--product-deep)}
.brochure-text-link{font-size:12px;color:var(--product-ink);border-bottom:1px solid #8b9b8350;padding-bottom:3px}
.brochure-audience{font-size:9px;color:#677660;letter-spacing:.5px;margin-top:27px}
.brochure-audience strong{display:block;font-size:11px;font-weight:500;letter-spacing:0;color:#40503a;margin-top:6px}
.brochure-visual{min-width:0;align-self:center;padding-top:8px}
.brochure-visual-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;font-weight:600;letter-spacing:1px;color:var(--product-ink);padding:0 10px}
.brochure-visual-label>span:last-child{font-size:21px;font-weight:400}
.brochure-cover .software-preview{height:420px;min-height:0;background:transparent;padding:40px 15px 48px;overflow:visible;border-radius:0}
.brochure-cover .app-window{max-width:455px;box-shadow:0 24px 40px #20301d24;border-color:#ffffffb5}
.brochure-cover .preview-orbit{inset:-6% 0;border-color:#6274571a}
.brochure-cover .software-preview figcaption{bottom:11px;color:var(--product-ink);font-size:9px}
.brochure-cover-tags{display:flex;justify-content:center;gap:10px 18px;flex-wrap:wrap;list-style:none;padding:0;margin:0;color:var(--product-ink);font-size:10px}
.brochure-cover-tags li{display:flex;gap:6px;align-items:center}
.brochure-cover-tags li>span:first-child{font-size:12px}
.brochure-cover-foot{grid-column:1/-1;border-top:1px solid #243e2326;padding-top:19px;display:flex;justify-content:space-between;gap:24px;font-size:9px;color:#617057;letter-spacing:.7px}
.brochure-cover-foot>a{font-size:10px;letter-spacing:0;color:var(--product-ink);display:flex;gap:16px;align-items:center}
.brochure-cover .purchase-terms{grid-column:1/-1;margin:3px 0 0;padding:19px 20px;background:#ffffff70;border-color:#243e2326;color:var(--product-ink)}
.brochure-cover .purchase-terms li{font-size:12px}
.brochure-cover .purchase-terms li>span:first-child{color:var(--product-ink);border-color:#243e2333}
.brochure-heading .eyebrow{font-size:10px;color:var(--product);margin-bottom:18px;line-height:1.8;letter-spacing:1px}
.brochure-heading h2{font-size:clamp(28px,2.7vw,38px);line-height:1.5;letter-spacing:-1px;max-width:770px}
.brochure-heading h2>span:last-child{color:#acb8a4}
.brochure-benefits{padding-block:75px 70px}
.brochure-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:38px}
.brochure-benefit-grid article{padding:0 30px;border-left:1px solid #3c4636}
.brochure-benefit-grid article:first-child{padding-left:0;border:0}
.brochure-benefit-grid article:last-child{padding-right:0}
.brochure-benefit-symbol{display:grid;place-items:center;width:39px;height:39px;border:1px solid #5b6a5155;border-radius:50%;color:var(--product);font-size:25px;line-height:1;margin-bottom:18px}
.brochure-benefit-grid h3{font-size:20px;letter-spacing:-.5px;font-weight:600;line-height:1.6;margin-bottom:10px}
.brochure-benefit-grid p{font-size:14px;line-height:1.9;color:#b5c0ae}
.brochure-features{background:#f1f3ec;border-radius:16px;padding:44px;color:#25301f;border:1px solid #fff3}
.brochure-features .brochure-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:35px}
.brochure-features .brochure-heading>div{flex:1.5;min-width:0}
.brochure-features .eyebrow{color:var(--product-ink)}
.brochure-features .brochure-heading h2{font-size:30px;color:#21301f;letter-spacing:-.7px;line-height:1.5}
.brochure-features .brochure-heading h2>span:last-child{color:#74816c}
.brochure-features .brochure-heading>p{flex:1;max-width:310px;font-size:13px;color:#65715b;line-height:1.9;padding-bottom:5px}
.brochure-features .feature-grid{gap:14px}
.brochure-features .feature-grid article{background:#ffffff9c;border:1px solid #d8dfd1;border-radius:9px;padding:25px}
.brochure-features .feature-number{display:inline-grid;place-items:center;background:var(--product-wash);color:var(--product-ink);width:34px;height:34px;border-radius:6px;font-size:11px;font-weight:600}
.brochure-features .feature-grid h3{color:#2a3623;font-size:17px;line-height:1.65;margin:19px 0 9px}
.brochure-features .feature-grid p{color:#606e57;font-size:13px;line-height:1.95}
.brochure-feature-note{display:flex;gap:15px;align-items:center;margin-top:27px;padding-top:24px;border-top:1px solid #ced7c5;color:#5e7052;font-size:12px}
.brochure-feature-note>span{font-size:23px;color:var(--product-ink)}
.brochure-feature-note>p{flex:1}
.brochure-feature-note>a{flex-shrink:0;color:var(--product-ink);font-weight:600;display:flex;gap:12px}
.brochure-workflow{padding-block:75px}
.brochure-workflow .brochure-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px}
.brochure-workflow .brochure-heading h2{max-width:800px}
.brochure-example{font-size:9px;color:#afbca4;border:1px solid #48523e;border-radius:4px;padding:5px 9px;white-space:nowrap;margin-bottom:8px}
.brochure-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:37px 0 0;border:1px solid #48513f;border-radius:12px;overflow:hidden;background:#20251f}
.brochure-flow li{padding:25px;border-left:1px solid #414a39}
.brochure-flow li:first-child{border:0}
.flow-step{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;color:var(--product)}
.flow-step>span{font-family:var(--display);font-size:32px;font-weight:500;line-height:1}
.flow-step>i{font-style:normal;font-size:20px;font-weight:400;opacity:.8}
.brochure-flow h3{font-size:17px;font-weight:600;line-height:1.7;letter-spacing:-.2px;margin-bottom:10px}
.brochure-flow p{font-size:13px;line-height:1.9;color:#aebb9f}
.brochure-roles{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding:0 0 75px}
.brochure-role-list article{display:flex;align-items:center;gap:25px;padding:23px 0;border-top:1px solid #414a39}
.brochure-role-list article:last-child{border-bottom:1px solid #414a39}
.role-index{color:var(--product);font-size:11px;align-self:flex-start;padding-top:6px}
.brochure-role-list h3{font-size:21px;line-height:1.6;font-weight:550;letter-spacing:-.5px;margin-bottom:7px}
.brochure-role-list p{color:#b5c2aa;font-size:14px;line-height:1.8}
.role-mark{margin-left:auto;color:var(--product);font-size:25px;font-weight:400}
.brochure-delivery{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;border-top:1px solid #434e3c;padding-block:64px 70px}
.brochure-delivery-copy>.eyebrow{color:var(--product);font-size:10px;line-height:1.8;margin-bottom:19px}
.brochure-delivery h2{font-size:36px;line-height:1.5;letter-spacing:-1px}
.brochure-delivery ol{list-style:none;padding:0;margin:30px 0 0}
.brochure-delivery li{display:flex;gap:20px;padding:18px 0;border-top:1px solid #3d4935}
.brochure-delivery li>span{font-size:11px;color:var(--product);padding-top:5px}
.brochure-delivery h3{font-size:17px;font-weight:600;line-height:1.65;margin-bottom:6px}
.brochure-delivery li p{font-size:13px;color:#adbaa2;line-height:1.8}
.brochure-quote{background:var(--product-wash);color:#283121;border-radius:16px;padding:35px 36px;position:relative;align-self:start}
.brochure-quote .product-icon{width:50px;height:50px;color:var(--product-ink);margin-bottom:28px}
.brochure-quote>.eyebrow{font-size:9px;letter-spacing:.6px;color:var(--product-ink);margin-bottom:13px}
.brochure-quote>h3{font-size:34px;line-height:1.45;letter-spacing:-.8px;font-weight:600;margin-bottom:18px;color:var(--product-deep)}
.brochure-quote>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#596449}
.brochure-quote ul{padding:0;margin:24px 0 28px;list-style:none;border-top:1px solid #394b3026}
.brochure-quote li{border-bottom:1px solid #394b3026;padding:12px 0;font-size:12px;line-height:1.7;border-top:0;display:flex;gap:10px;color:#4c593e}
.brochure-quote li::before{content:'✓';color:var(--product-ink)}
.brochure-quote li>span{color:inherit;font-size:inherit;padding-top:0}
.brochure-quote .button{background:var(--product-ink);color:#fff;width:100%;justify-content:space-between;padding:13px 20px;min-height:50px}
.brochure-quote-phone{display:block;text-align:center;font-size:12px;color:var(--product-ink);margin-top:16px}
.brochure-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding-bottom:75px}
.brochure-faq .brochure-heading h2{font-size:30px}
.brochure-faq details{border-top:1px solid #45533b}
.brochure-faq details:last-child{border-bottom:1px solid #45533b}
.brochure-faq summary{display:flex;align-items:center;justify-content:space-between;gap:22px;cursor:pointer;list-style:none;padding:22px 0;font-size:15px;color:#dce5d5;line-height:1.8}
.brochure-faq summary::-webkit-details-marker{display:none}
.brochure-faq summary>span:last-child{font-size:23px;color:var(--product);font-weight:400;flex-shrink:0}
.brochure-faq details[open] summary>span:last-child{transform:rotate(45deg)}
.brochure-faq details>p{font-size:14px;line-height:1.9;color:#aebb9f;padding:0 32px 24px 0}
.solution-detail .other-solutions{padding-bottom:65px}
@media(max-width:1100px){.brochure-nav>div{gap:18px}.brochure-nav .brochure-nav-cta{padding-left:18px}.solution-detail .brochure-cover{gap:28px;padding:25px}.brochure-cover .software-preview{height:390px;padding-inline:10px}.brochure-cover .app-body{padding:14px}.brochure-cover .app-metrics>div{font-size:9px;padding:7px}.brochure-cover .ticket-row b{font-size:9px}.brochure-cover .ticket-status{font-size:8px}.brochure-cover .pipeline-column>small{font-size:7px}.brochure-cover .deal b,.brochure-cover .deal>span{font-size:9px}.brochure-cover .people-row{font-size:9px}.brochure-cover .people-row small,.brochure-cover .people-row b{font-size:8px}.brochure-features{padding:30px}.brochure-features .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brochure-roles{gap:40px}.brochure-flow li{padding:20px}.brochure-delivery{gap:35px}.brochure-quote{padding:30px}.brochure-quote>h3{font-size:30px}}
@media(max-width:900px){.brochure-nav-name strong{font-size:11px}.brochure-nav>div{font-size:11px;gap:14px}.brochure-nav .brochure-nav-cta{padding-left:14px}.solution-detail .brochure-cover{grid-template-columns:1fr;gap:24px;padding:28px}.brochure-cover::before{width:100%;height:46%;top:auto;bottom:0}.brochure-cover-copy{max-width:640px}.solution-detail .brochure-cover h1,.solution-detail:lang(th) .brochure-cover h1{font-size:40px}.brochure-cover .solution-description{max-width:580px}.brochure-visual{padding:18px 20px 0}.brochure-cover .software-preview{height:410px}.brochure-cover .app-window{max-width:450px}.brochure-cover .app-body{padding:20px}.brochure-cover .team-project strong{font-size:14px}.brochure-cover .team-task b{font-size:12px}.brochure-workflow .brochure-heading{display:block}.brochure-example{display:inline-block;margin-top:20px}.brochure-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.brochure-flow li:nth-child(3){border-left:0}.brochure-flow li:nth-child(n+3){border-top:1px solid #414a39}.brochure-benefit-grid article{padding-inline:20px}.brochure-benefit-grid h3{font-size:18px}.brochure-benefit-grid p{font-size:13px}.brochure-features .brochure-heading{display:block}.brochure-features .brochure-heading>p{max-width:540px;margin-top:20px}.brochure-roles{grid-template-columns:.8fr 1.2fr;gap:30px}.brochure-delivery{grid-template-columns:1fr;gap:30px}.brochure-delivery-copy{max-width:600px}.brochure-quote{max-width:none}.brochure-faq{grid-template-columns:1fr;gap:27px}}
@media(max-width:600px){.brochure-nav{padding-block:12px;margin-top:18px;display:block}.brochure-nav-name{margin-bottom:12px}.brochure-nav-name strong{font-size:12px}.brochure-nav-name .product-icon{width:25px;height:25px;font-size:12px}.brochure-nav>div{justify-content:space-between;font-size:10px;gap:10px}.brochure-nav .brochure-nav-cta{padding-left:12px}.solution-detail #overview,.solution-detail #benefits,.solution-detail #features,.solution-detail #workflow,.solution-detail #contact{scroll-margin-top:125px}.solution-detail .brochure-cover{padding:22px 20px 17px;margin-top:20px;border-radius:12px;gap:24px}.brochure-cover-line{font-size:9px;line-height:1.8;padding-bottom:16px;gap:14px;letter-spacing:0}.brochure-cover-line>span:last-child{font-size:8px}.brochure-product-name{font-size:12px}.solution-detail .brochure-cover h1,.solution-detail:lang(th) .brochure-cover h1{font-size:30px;letter-spacing:-.7px;line-height:1.5;margin-top:17px}.solution-detail:lang(en) .brochure-cover h1{line-height:1.25;font-size:32px}.brochure-cover .solution-description{font-size:14px}.brochure-cover .solution-hero-actions{gap:20px;margin-top:24px}.brochure-cover .brochure-button{width:100%;justify-content:space-between;padding:12px 15px}.brochure-cover .button span[data-th]{font-size:12px}.brochure-audience{font-size:8px;margin-top:23px}.brochure-audience strong{font-size:10px}.brochure-visual{padding:15px 0 0}.brochure-visual-label{font-size:8px;letter-spacing:.4px;padding:0}.brochure-cover .software-preview{height:370px;padding:25px 0 40px}.brochure-cover .app-body{padding:12px}.brochure-cover .app-topbar{padding:12px}.brochure-cover .app-heading{font-size:13px}.brochure-cover .app-metrics{gap:6px}.brochure-cover .app-metrics>div{font-size:8px;padding:7px}.brochure-cover .app-metrics strong{font-size:25px}.brochure-cover .app-subheading{font-size:10px}.brochure-cover .people-row{font-size:9px;gap:5px}.brochure-cover .people-row small{font-size:7px}.brochure-cover .people-row b{font-size:7px}.brochure-cover .pipeline-total strong{font-size:30px}.brochure-cover .pipeline-column{padding:4px}.brochure-cover .pipeline-column>small{font-size:6px;gap:3px}.brochure-cover .deal{padding:9px 4px}.brochure-cover .deal b,.brochure-cover .deal>span{font-size:7px}.brochure-cover .ticket-row b{font-size:8px}.brochure-cover .ticket-status{font-size:6px}.brochure-cover .desk-tabs{font-size:9px}.brochure-cover .team-project strong{font-size:11px}.brochure-cover .team-project small{font-size:7px}.brochure-cover .team-avatars i,.brochure-cover .team-task>i{width:20px;height:20px;font-size:7px}.brochure-cover .team-progress{font-size:9px}.brochure-cover .team-task b{font-size:9px}.brochure-cover .team-discussion{font-size:8px;padding:6px}.brochure-cover .team-discussion small{font-size:6px}.brochure-cover .software-preview figcaption{font-size:8px;bottom:13px}.brochure-cover-tags{font-size:8px;gap:8px 12px}.brochure-cover-foot{flex-direction:column;gap:10px;font-size:8px;padding-top:15px}.brochure-cover-foot>a{font-size:9px;justify-content:space-between}.brochure-benefits{padding-block:48px}.brochure-heading .eyebrow{font-size:9px;margin-bottom:14px}.brochure-heading h2{font-size:27px;line-height:1.6;letter-spacing:-.6px}.brochure-benefit-grid{grid-template-columns:1fr;margin-top:26px}.brochure-benefit-grid article,.brochure-benefit-grid article:first-child,.brochure-benefit-grid article:last-child{padding:23px 0;border:0;border-bottom:1px solid #3c4636}.brochure-benefit-grid article:first-child{padding-top:0}.brochure-benefit-symbol{width:32px;height:32px;font-size:21px;margin-bottom:13px}.brochure-benefit-grid h3{font-size:20px}.brochure-benefit-grid p{font-size:14px}.brochure-features{padding:28px 20px}.brochure-features .brochure-heading h2{font-size:25px;line-height:1.6}.brochure-features .brochure-heading>p{font-size:13px}.brochure-features .feature-grid{grid-template-columns:1fr;gap:12px}.brochure-features .feature-grid article{padding:22px}.brochure-features .feature-grid h3{font-size:18px;margin-top:15px}.brochure-feature-note{align-items:flex-start;flex-wrap:wrap;gap:10px;font-size:12px}.brochure-feature-note>p{flex-basis:80%}.brochure-feature-note>a{margin-left:25px}.brochure-workflow{padding-block:48px}.brochure-flow{grid-template-columns:1fr;margin-top:26px}.brochure-flow li,.brochure-flow li:nth-child(n+3){border-left:0;border-top:1px solid #414a39;padding:24px}.brochure-flow li:first-child{border:0}.flow-step{margin-bottom:17px}.flow-step>span{font-size:28px}.flow-step>i{transform:rotate(90deg)}.brochure-flow li:last-child .flow-step>i{transform:none}.brochure-flow h3{font-size:19px}.brochure-flow p{font-size:14px}.brochure-roles{grid-template-columns:1fr;gap:24px;padding-bottom:45px}.brochure-role-list article{gap:17px;padding-block:21px}.brochure-role-list h3{font-size:20px}.brochure-role-list p{font-size:13px}.brochure-delivery{padding-block:40px 48px;gap:25px}.brochure-delivery h2{font-size:30px}.brochure-delivery-copy>.eyebrow{font-size:9px}.brochure-delivery ol{margin-top:23px}.brochure-quote{padding:26px 23px}.brochure-quote>h3{font-size:30px}.brochure-quote .product-icon{margin-bottom:24px}.brochure-faq{padding-bottom:48px;gap:23px}.brochure-faq .brochure-heading h2{font-size:28px}.brochure-faq summary{font-size:14px;padding-block:20px;gap:16px}.brochure-faq details>p{font-size:13px;padding-right:8px}.solution-detail .other-solutions{padding-bottom:45px}}