/* WebTechIO portfolio layer. Everything is scoped; demo styles remain independent. */
.wti-credit,.wti-design-panel,.wti-design-chat,.wti-project-context,.wti-service-detail{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.wti-credit{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px max(22px,calc((100% - 1160px)/2));background:#102238;color:#e5edf7;border-top:1px solid #405068;font-size:13px;line-height:1.6;letter-spacing:0;text-transform:none}
.wti-credit a{color:#fff;text-decoration:underline;text-underline-offset:4px;font:inherit}.wti-credit a:focus-visible,.wti-design-panel a:focus-visible,.wti-design-chat:focus-visible{outline:3px solid #f2ca6b;outline-offset:4px}.wti-credit small{font-size:12px;color:#c2cddd}
.wti-design-panel{margin:0;padding:46px max(22px,calc((100% - 1160px)/2));display:flex;justify-content:space-between;align-items:center;gap:28px;background:#f0f4fb;color:#14243c;font-size:16px;line-height:1.6;text-align:left;letter-spacing:0;text-transform:none}.wti-design-panel h2{font:650 clamp(24px,3vw,34px)/1.2 system-ui,sans-serif;letter-spacing:-.035em;max-width:660px;margin:7px 0 10px;color:#14243c}.wti-design-panel p{font:400 15px/1.65 system-ui,sans-serif;max-width:630px;margin:0;color:#44566c}.wti-design-panel .wti-kicker{font:750 11px/1.4 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#345484}.wti-design-panel a.wti-start{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 24px;background:#214dc2;color:white;border-radius:6px;text-decoration:none;font-weight:650;white-space:normal;text-align:center}.wti-design-chat{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:85;display:flex;align-items:center;gap:9px;padding:13px 17px;min-width:48px;min-height:48px;border:1px solid #a6e6c7;border-radius:30px;background:#075e47;color:white!important;box-shadow:0 5px 20px #10223826;text-decoration:none!important;font:650 13px/1.4 system-ui,sans-serif;letter-spacing:0;text-transform:none}.wti-design-chat svg{flex:none;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}.wti-design-chat:hover{background:#044e3b}.wti-project-context{padding:18px 20px;background:#edf2ff;color:#14243c;border-left:3px solid #315bd9;border-radius:6px;font:14px/1.6 system-ui,sans-serif;margin:0 0 24px}.wti-project-context strong{display:block;font-weight:700}.wti-project-context a{color:#1647aa;text-decoration:underline}.wti-inline-status{padding:14px 18px;background:#edf6f2;border-left:3px solid #167657;color:#143d31;font:14px/1.6 system-ui,sans-serif}
html[data-wti-demo="export-logistics"] .hero,html[data-wti-demo="export-logistics"] .hero-copy,html[data-wti-demo="export-logistics"] .hero h1,html[data-wti-demo="export-logistics"] .hero p,html[data-wti-demo="export-logistics"] .hero .pill{color:#102b40!important}html[data-wti-demo="export-logistics"] .hero .btn.outline{color:#102b40!important;border-color:#35566c!important}
.wti-service-detail{max-width:1200px;margin:0 auto;padding:64px 24px;color:inherit}.wti-service-detail h2{font-size:clamp(28px,3.5vw,44px);line-height:1.15;max-width:760px;letter-spacing:-.04em}.wti-service-detail>p{max-width:760px;line-height:1.8}.wti-service-detail ol{list-style:none;padding:0;margin:30px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:wti-step}.wti-service-detail li{padding:24px 0;border-top:1px solid #75849c66;counter-increment:wti-step}.wti-service-detail li::before{content:"0" counter(wti-step);font:650 12px system-ui,sans-serif;display:block;margin-bottom:18px;opacity:.7}.wti-service-detail h3{font-size:20px;line-height:1.3}.wti-service-detail li p{font-size:15px;line-height:1.8;opacity:.9}.wti-service-detail a{color:inherit;text-decoration:underline;text-underline-offset:4px}.wti-service-detail .wti-proof{border-left:3px solid #779cff;padding:12px 20px}.wti-service-detail details{border-top:1px solid #75849c66;padding:18px 0}.wti-service-detail summary{cursor:pointer;font-weight:650;min-height:30px}.wti-service-detail summary:focus-visible{outline:3px solid #f2ca6b}.wti-service-detail details p{line-height:1.8;max-width:850px}
@media(max-width:700px){.wti-design-panel{display:block;padding:32px 22px}.wti-design-panel a.wti-start{margin-top:22px;width:100%}.wti-credit{display:block;padding:20px 22px 90px}.wti-credit small{display:block;margin-top:7px}.wti-service-detail{padding:44px 22px}.wti-service-detail ol{grid-template-columns:1fr;gap:4px}.wti-design-chat{bottom:max(14px,env(safe-area-inset-bottom));right:14px;padding:12px 15px}}
@media(prefers-reduced-motion:reduce){.wti-design-chat{transition:none}}
@media print{.wti-design-chat{display:none}.wti-design-panel{break-inside:avoid}}

/* Preserve each demo's own floating business contact. */
.wti-design-chat-stacked{bottom:calc(84px + env(safe-area-inset-bottom))}
@media(max-width:700px){.wti-design-chat-stacked{bottom:calc(84px + env(safe-area-inset-bottom))}}