/* XDockHub marketing visual refresh — scoped to .marketing; no application UI changes. */
.marketing{--xd-ink:#153243;--xd-accent:#087c79;--xd-border:#dce8e6;--xd-soft:#eef6f4;--xd-shadow:0 12px 32px rgba(20,56,62,.07);background:#f7faf9;color:var(--xd-ink)}
.marketing main{max-width:1190px;padding:0 28px}
.marketing-header{background:rgba(255,255,255,.98);box-shadow:0 2px 14px rgba(12,47,57,.04);padding:14px max(3%,calc((100vw - 1230px)/2));border-bottom:1px solid #e5eeed}
.marketing-header nav{gap:15px}
.marketing-header nav>a:not(.button){font-weight:650;font-size:13px}
.marketing .hero{padding:44px 0 34px;gap:34px;grid-template-columns:1.07fr .93fr}
.marketing .hero h1{font-size:clamp(36px,4.4vw,58px);line-height:1.08;max-width:680px;margin:10px 0 15px}
.marketing .hero .lead{font-size:17px;line-height:1.65;max-width:630px}
.marketing .heroart{min-height:305px;transform:none;border:1px solid #d5e6e2;border-radius:22px;box-shadow:var(--xd-shadow);background:linear-gradient(145deg,#eaf5f2,#dcece9)}
.marketing .heroart>*{transform:none}
.marketing .heroart .warehouse{margin-top:66px}
.marketing .heroart .artcard{border-radius:12px}
.marketing .section{padding:26px 0}
.marketing .section-heading{max-width:850px;margin-bottom:19px}
.marketing .section h2{font-size:clamp(25px,2.7vw,35px);margin:7px 0 12px;letter-spacing:-.035em}
.marketing .section-heading p{line-height:1.7}
.marketing .grid{gap:16px}
.marketing .card,.marketing .service-block,.marketing .faq-list details{border:1px solid var(--xd-border);border-radius:17px;background:#fff;box-shadow:var(--xd-shadow);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}
.marketing .card:hover,.marketing .service-block:hover{box-shadow:0 18px 36px rgba(20,56,62,.11);border-color:#b6d7d1;transform:translateY(-2px)}
.marketing .card{padding:23px}
.marketing .card h3,.marketing .service-block h3{font-size:19px;letter-spacing:-.02em;margin:10px 0}
.marketing .card p,.marketing .service-block p{color:#526a73;font-size:14px;line-height:1.68}
.marketing .step,.marketing .service-icon{display:inline-grid;place-items:center;width:48px;height:48px;background:#e7f5f1;color:#087b77;border-radius:14px;font-size:20px;font-weight:800}
.marketing .service-block{padding:23px;border-top:1px solid var(--xd-border)}
.marketing .service-icon{margin-bottom:5px}
.marketing .audience{padding:28px;gap:20px;margin:25px 0;border-radius:21px;background:transparent;color:var(--xd-ink);box-shadow:none}
.marketing .audience>div{border:1px solid #d7e7e3;background:linear-gradient(145deg,#f1f8f6,#fff);padding:28px;border-radius:19px;box-shadow:var(--xd-shadow)}
.marketing .audience>div:nth-child(2){background:linear-gradient(145deg,#eaf4f1,#f5f8ef)}
.marketing .audience .eyebrow,.marketing .audience .link{color:#087b77}
.marketing .audience h2{font-size:clamp(24px,2.5vw,32px);margin:12px 0}
.marketing .practical{max-width:none;padding:24px 28px;margin:24px 0;background:linear-gradient(120deg,#e8f5f1,#f3f8f4);border:1px solid #d6e9e3;border-radius:19px}
.marketing .practical p{font-size:16px}
.marketing .marketing-cta{margin:28px 0 42px;padding:26px 30px;border-radius:20px;gap:24px}
.marketing .marketing-cta h2{font-size:clamp(23px,2.4vw,31px);margin:7px 0}
.marketing .pagehead{padding:30px 0 12px;max-width:980px}
.marketing .pagehead h1{font-size:clamp(31px,3.8vw,47px);margin:9px 0}
.marketing .article{max-width:980px;margin:18px auto 25px}
.marketing .article.prose{font-size:16px;line-height:1.75}
.marketing .article.prose p{margin-bottom:14px}
.marketing .content-panel{background:#fff;border:1px solid #e1ece9;border-radius:19px;padding:24px 30px;box-shadow:var(--xd-shadow)}
.marketing .content-panel:empty{display:none}
.marketing .feature-section{margin:6px 0 12px}
.marketing .feature-card{min-height:200px}
.marketing .faq-list{max-width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 35px}
.marketing .faq-list details{margin:0;padding:19px 22px;align-self:start}
.marketing .faq-list summary{font-size:16px;line-height:1.5}
.marketing .faq-list details[open]{border-color:#94c8be}
.marketing .blog-grid .card{display:flex;flex-direction:column;align-items:flex-start}
.marketing .blog-grid .card .link{margin-top:auto;padding-top:14px}
.marketing .blog-grid .card h3{font-size:18px;line-height:1.35}
.marketing .contact-grid{gap:22px;margin:20px 0 42px;grid-template-columns:minmax(0,1.35fr) minmax(270px,.85fr)}
.marketing .contact-aside{background:#eff7f4;border:1px solid #d8e9e4;border-radius:18px;padding:25px}
.marketing .contact-aside h2{font-size:26px}
.marketing .marketing-footer{padding-top:38px;padding-bottom:30px;gap:24px}
.marketing .button,.marketing button{border-radius:11px}
.marketing a:focus-visible,.marketing button:focus-visible,.marketing summary:focus-visible{outline:3px solid #67b9ac;outline-offset:3px}
.marketing .xd-icon{display:inline-grid;width:48px;height:48px;border-radius:14px;background-color:#e7f5f1;background-repeat:no-repeat;background-size:27px;background-position:center}
.marketing .xd-icon-warehouse{background-image:url('/assets/xd-icon-warehouse.svg')}
.marketing .xd-icon-shield{background-image:url('/assets/xd-icon-shield.svg')}
.marketing .xd-icon-message{background-image:url('/assets/xd-icon-message.svg')}
.marketing .xd-icon-clipboard{background-image:url('/assets/xd-icon-clipboard.svg')}
.marketing .xd-icon-compare{background-image:url('/assets/xd-icon-compare.svg')}
.marketing .xd-icon-truck{background-image:url('/assets/xd-icon-truck.svg')}
.marketing .xd-icon-search{background-image:url('/assets/xd-icon-search.svg')}
.marketing .xd-icon-file{background-image:url('/assets/xd-icon-file.svg')}
.marketing .xd-icon-bell{background-image:url('/assets/xd-icon-bell.svg')}
@media(max-width:900px){.marketing .hero{gap:24px}.marketing .audience{padding:0}.marketing .contact-grid{grid-template-columns:1fr}.marketing .marketing-footer{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.marketing main{padding:0 17px}.marketing .hero{padding:25px 0;grid-template-columns:1fr}.marketing .heroart{min-height:250px}.marketing .section{padding:20px 0}.marketing .grid.three,.marketing .faq-list{grid-template-columns:1fr}.marketing .audience{display:grid;grid-template-columns:1fr;gap:12px}.marketing .audience>div{padding:22px}.marketing .marketing-cta{padding:22px;flex-direction:column;align-items:flex-start}.marketing .marketing-cta .button{width:100%}.marketing .content-panel{padding:20px}.marketing .marketing-footer{grid-template-columns:1fr 1fr}.marketing .marketing-footer .footer-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.marketing .card,.marketing .service-block{transition:none}.marketing .card:hover,.marketing .service-block:hover{transform:none}}