:root{--blue:#0b376e;--blue2:#0876e8;--ink:#102f56;--muted:#60758f;--line:#d9e4ef;--pale:#f2f7fc;--white:#fff;--wrap:min(86vw,1180px);--r:.45rem}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:clamp(.9rem,.74rem + .18vw,1rem);line-height:1.55;background:#fff}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.wrap{width:var(--wrap);margin:auto}.header{height:clamp(4rem,5vw,5rem);background:#fff;border-top:3px solid #333;position:sticky;top:0;z-index:50}.nav{height:100%;display:flex;align-items:center;gap:clamp(1.2rem,3vw,3rem)}.logo{font-weight:800;font-size:clamp(1.6rem,2.1vw,2.15rem);letter-spacing:-.055em;color:#123b73}.logo span{color:#0876e8}.nav nav{margin-left:auto;display:flex;gap:clamp(1.3rem,2.4vw,2.5rem);font-weight:650}.nav nav a:hover{color:#0876e8}.btn{border:0;border-radius:var(--r);background:#0876e8;color:#fff;padding:.85em 1.45em;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:.8em;cursor:pointer}.btn:hover{background:#0668cd}.btn.small{padding:.72em 1.15em}.menu{display:none;border:0;background:transparent;padding:.5rem}.menu i{display:block;width:24px;height:2px;background:#153a68;margin:5px}.hero{min-height:clamp(31rem,43vw,42rem);position:relative;background:#0a376e;overflow:hidden}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,45,91,.99) 0%,rgba(6,45,91,.92) 34%,rgba(6,45,91,.22) 67%,rgba(6,45,91,.05) 100%),url("hero-sourcing.webp") center/cover no-repeat}.hero-grid{position:relative;z-index:2;min-height:inherit;display:flex;align-items:center}.hero-copy{width:min(47rem,58%);color:#fff}.eyebrow{display:block;color:#0876e8;font-size:.72em;font-weight:800;letter-spacing:.16em;margin-bottom:.7rem}.eyebrow.light{color:#b9dbff}.hero h1{font-size:clamp(2.35rem,3.3vw,3.55rem);line-height:1.04;letter-spacing:-.045em;margin:.15rem 0 1.25rem;max-width:12ch}.hero p{font-size:clamp(1rem,1.05vw,1.16rem);line-height:1.65;max-width:44rem;margin:0 0 1.55rem;color:#f2f7ff}.actions{display:flex;gap:.8rem;flex-wrap:wrap}.outline{background:transparent;border:1px solid rgba(255,255,255,.7)}.outline:hover{background:rgba(255,255,255,.1)}.hero-points{display:flex;gap:1.8rem;flex-wrap:wrap;margin-top:2.2rem;font-weight:650;font-size:.9rem}.hero-points span:before{content:"✓";color:#67b8ff;margin-right:.45rem}.section{padding:clamp(3.5rem,6vw,6.5rem) 0}.section-head{max-width:48rem;margin-bottom:2rem}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section h2,.cta-band h2{font-size:clamp(1.7rem,2.25vw,2.45rem);line-height:1.15;letter-spacing:-.035em;margin:.25rem 0 .8rem}.section-head p,.lead{color:var(--muted);font-size:1rem}.category-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:.65rem}.category-strip article{border:1px solid var(--line);background:#fff}.photo-slot,.large-photo-slot{background:linear-gradient(135deg,#edf5fd,#dbeafa);color:#7192b5;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;letter-spacing:.12em}.photo-slot{aspect-ratio:1.5/1}.category-strip h3{font-size:.83rem;margin:.7rem}.services,.risk,.reports{background:var(--pale)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service-grid article{background:#fff;border:1px solid var(--line);padding:1.6rem}.service-grid span{font-size:.72rem;color:#0876e8;font-weight:800}.service-grid h3{font-size:1.08rem;margin:.5rem 0}.service-grid p{color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(1rem,2vw,2.4rem)}.steps article{position:relative}.steps article:not(:last-child):after{content:"→";position:absolute;right:-1.4rem;top:.15rem;color:#0876e8}.steps b{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#0876e8;color:#fff;font-size:.72rem}.steps h3{font-size:.95rem;margin:1rem 0 .3rem}.steps p{color:var(--muted);margin:0;font-size:.9rem}.risk-grid,.coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}.risk-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem;margin-top:2rem}.risk-list div{border-top:1px solid var(--line);padding-top:.8rem}.risk-list strong,.risk-list small{display:block}.risk-list small{color:var(--muted);margin-top:.2rem}.large-photo-slot{min-height:clamp(20rem,30vw,30rem);flex-direction:column;gap:.4rem}.large-photo-slot small{letter-spacing:0;font-weight:500}.coverage-grid .map-slot{min-height:clamp(18rem,25vw,25rem)}.region-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0}.region-tags span{border:1px solid var(--line);background:#f6faff;padding:.55rem .75rem;font-size:.84rem;font-weight:650}.text-link{border:0;background:transparent;padding:0;color:#0876e8;font-weight:750;cursor:pointer}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.report-grid article{background:#fff;border:1px solid var(--line);padding:1rem}.doc{height:7rem;background:#f5f9fd;padding:1rem}.doc i{display:block;height:.55rem;background:#c9ddf4;margin-bottom:.55rem}.doc i:nth-child(2){width:80%}.doc i:nth-child(3){width:65%}.report-grid h3{font-size:.92rem;margin:.9rem 0 .2rem}.report-grid p,.fine{font-size:.82rem;color:var(--muted);margin:.15rem 0}.fine{margin-top:1rem}.cta-band{background:#0b4d98;color:#fff;padding:2.2rem 0}.cta-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:2rem}.cta-band h2{margin:.2rem 0}.light-btn{background:#fff;color:#0b4d98}.light-btn:hover{background:#edf6ff}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:4rem}.faq details{border-top:1px solid var(--line);padding:1rem 0}.faq summary{font-weight:750;cursor:pointer}.faq details p{color:var(--muted);margin:.7rem 0 0}footer{background:#082d5c;color:#d9e9fb;padding:2rem 0}footer .wrap{display:flex;align-items:center;gap:2rem}footer .white{color:#fff}footer .wrap>span{font-size:.85rem}footer .wrap>div{margin-left:auto;display:flex;gap:1.2rem;font-size:.85rem}.sticky{display:none}
.modal{position:fixed;inset:0;z-index:100;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(6,20,38,.62)}.modal-panel{position:relative;width:min(62rem,90vw);max-height:90vh;overflow:auto;margin:5vh auto;background:#fff;border-radius:.8rem;padding:clamp(1.5rem,3.5vw,3rem);box-shadow:0 30px 90px rgba(0,0,0,.25)}.modal-close{position:absolute;right:1.2rem;top:.7rem;border:0;background:transparent;font-size:2.4rem;font-weight:300;cursor:pointer}.modal-intro{max-width:42rem;margin-bottom:1.4rem}.modal-intro h2{font-size:clamp(1.8rem,2.5vw,2.6rem);letter-spacing:-.04em;margin:.2rem 0 .5rem}.modal-intro p{color:var(--muted);margin:0}.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.inquiry-form label{font-weight:700;font-size:.86rem}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;border:1px solid #aebed0;border-radius:.35rem;padding:.85rem .9rem;margin-top:.35rem;background:#fff;color:#173a63;outline:none}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:#0876e8;box-shadow:0 0 0 3px rgba(8,118,232,.1)}.inquiry-form textarea{min-height:8rem;resize:vertical}.full{grid-column:1/-1}.optional-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;align-items:center;gap:1rem;justify-content:space-between}.form-actions span{font-size:.82rem;color:var(--muted)}.form-actions a{color:#0876e8;font-weight:700}body.modal-open{overflow:hidden}
.form-status{margin:1rem 0 0;color:var(--muted);font-weight:650}.form-status.success{color:#08703c}.form-status.error{color:#a61b1b}
@media(max-width:900px){:root{--wrap:min(91vw,760px)}.nav nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:1rem 4.5vw;border-top:1px solid var(--line);flex-direction:column}.nav nav.open{display:flex}.nav>.btn{display:none}.menu{display:block;margin-left:auto}.hero{min-height:35rem}.hero-copy{width:82%}.category-strip{grid-template-columns:repeat(4,1fr)}.steps{grid-template-columns:1fr 1fr}.steps article:not(:last-child):after{display:none}.risk-grid,.coverage-grid,.faq-grid{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr 1fr}.sticky{display:block;position:fixed;left:4.5vw;right:4.5vw;bottom:1rem;z-index:45;border:0;border-radius:.45rem;background:#0876e8;color:#fff;padding:.9rem;font-weight:800}.cta-band{padding-bottom:5rem}}
@media(max-width:620px){body{font-size:.92rem}.hero{min-height:38rem}.hero-photo{background:linear-gradient(180deg,rgba(6,45,91,.84),rgba(6,45,91,.98)),url("sourzio_webp_images/hero-sourcing.webp") 62% center/cover no-repeat}.hero-copy{width:100%;padding:3.2rem 0}.hero h1{font-size:clamp(2rem,10vw,2.65rem)}.hero-points{display:grid;gap:.55rem}.category-strip{grid-template-columns:1fr 1fr}.service-grid,.steps,.risk-list,.report-grid{grid-template-columns:1fr}.cta-band .wrap,footer .wrap{align-items:flex-start;flex-direction:column}.cta-band .btn{width:100%}footer .wrap>div{margin-left:0;flex-wrap:wrap}.modal-panel{width:94vw;max-height:94vh;margin:3vh auto;padding:1.4rem 1rem}.inquiry-form{grid-template-columns:1fr}.full{grid-column:auto}.optional-row{grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column}.form-actions .btn{width:100%}}

/* Sourzio image assets */
.hero-photo{background-image:linear-gradient(90deg,rgba(6,45,91,.99) 0%,rgba(6,45,91,.92) 34%,rgba(6,45,91,.22) 67%,rgba(6,45,91,.05) 100%),url("sourzio_webp_images/hero-sourcing.webp")}
.photo-slot,.large-photo-slot{overflow:hidden}
.photo-slot img,.large-photo-slot img{display:block;width:100%;height:100%;object-fit:cover}
.large-photo-slot{position:relative}
.large-photo-slot img{position:absolute;inset:0}
@media(max-width:620px){.hero-photo{background-image:linear-gradient(180deg,rgba(6,45,91,.84),rgba(6,45,91,.98)),url("sourzio_webp_images/hero-sourcing.webp")}}

/* Detailed sourcing services */
.hero h1{max-width:18ch}
.service-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:stretch}
.service-group{height:100%;background:#fff;border:1px solid var(--line);padding:clamp(1.1rem,1.8vw,1.55rem)}
.service-group-head{display:flex;align-items:flex-start;gap:.7rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.service-group-head span{display:inline-grid;place-items:center;flex:0 0 1.8rem;width:1.8rem;height:1.8rem;border-radius:50%;background:#0876e8;color:#fff;font-size:.7rem;font-weight:800}
.service-group h3{font-size:1.02rem;line-height:1.28;margin:.15rem 0}
.service-group ul{list-style:none;padding:0;margin:0}
.service-group li{padding:.9rem 0;border-bottom:1px solid #e6edf5}
.service-group li:last-child{padding-bottom:0;border-bottom:0}
.service-group strong,.service-group li span{display:block}
.service-group strong{font-size:.88rem;line-height:1.35}
.service-group li span{margin-top:.18rem;color:var(--muted);font-size:.82rem;line-height:1.48}
@media(min-width:901px){.service-group:first-child li{padding-top:1.08rem;padding-bottom:1.08rem}}
@media(max-width:900px){.service-groups{grid-template-columns:1fr}}
@media(max-width:620px){.service-groups{grid-template-columns:1fr}.hero h1{max-width:17ch}}

/* Brand trust */
.trust{background:#fff}
.comparison{border:1px solid var(--line);background:#fff}
.comparison-row{display:grid;grid-template-columns:.8fr 1fr 1.15fr;gap:1.25rem;padding:1rem 1.2rem;border-top:1px solid var(--line);align-items:start}
.comparison-row:first-child{border-top:0}
.comparison-row strong{font-size:.88rem;line-height:1.4}
.comparison-row span{color:var(--muted);font-size:.86rem;line-height:1.5}
.comparison-head{background:#eaf3fc;color:var(--ink);padding-top:.8rem;padding-bottom:.8rem}
.comparison-head strong{font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}
.commitments{margin-top:2.1rem}
.commitments>h3{font-size:1.05rem;margin:0 0 1rem}
.commitment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.commitment-grid article{display:flex;align-items:flex-start;gap:.65rem;border-top:2px solid #b9dbff;padding-top:.8rem}
.commitment-icon{display:inline-grid;place-items:center;flex:0 0 1.65rem;width:1.65rem;height:1.65rem;border-radius:50%;background:#eaf3fc;color:#0876e8;font-size:.95rem;font-weight:800;line-height:1}
.commitment-grid h4{font-size:.86rem;line-height:1.35;margin:0 0 .25rem}
.commitment-grid p{color:var(--muted);font-size:.78rem;line-height:1.48;margin:0}
@media(max-width:900px){.comparison-row{grid-template-columns:.72fr 1fr 1fr}.commitment-grid{grid-template-columns:1fr 1fr;gap:1.25rem 1rem}}
@media(max-width:620px){.comparison{border:0;background:transparent}.comparison-row{grid-template-columns:1fr;gap:.35rem;padding:1rem;border:1px solid var(--line);border-top:0;background:#fff}.comparison-row:first-child{display:none}.comparison-head+.comparison-row{border-top:1px solid var(--line)}.comparison-row strong{font-size:.9rem}.comparison-row span{padding-left:.9rem;position:relative}.comparison-row span:before{position:absolute;left:0;color:#0876e8;font-size:.72rem;font-weight:800}.comparison-row span:nth-child(2):before{content:"Own"}.comparison-row span:nth-child(3):before{content:"Support"}.commitments{margin-top:1.8rem}.commitment-grid{grid-template-columns:1fr 1fr;gap:1.1rem .8rem}.commitment-grid article{gap:.5rem}.commitment-grid h4{font-size:.82rem}.commitment-grid p{font-size:.76rem}}
@media(max-width:380px){.commitment-grid{grid-template-columns:1fr}}

/* Product categories */
.categories{background:#fff}
.category-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.category-strip article{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:#fff}
.category-strip .photo-slot{aspect-ratio:1.55/1}
.category-strip h3{min-height:3.1em;margin:.8rem .85rem;font-size:.88rem;line-height:1.4}
.category-placeholder{position:relative;background:linear-gradient(135deg,#eef6fd,#dceafa)}
.category-placeholder:before,.category-placeholder:after{content:"";position:absolute;border:1px solid #a8c7e8}
.category-placeholder:before{width:2rem;height:1.45rem;transform:translate(-.25rem,-.18rem)}
.category-placeholder:after{width:2rem;height:1.45rem;transform:translate(.25rem,.18rem)}
.category-note{margin:1.4rem 0 0;color:var(--muted);font-size:.92rem}
.category-note .text-link{font-size:inherit}
@media(max-width:900px){.category-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.category-strip{grid-template-columns:repeat(2,1fr);gap:.7rem}.category-strip h3{min-height:3.2em;margin:.7rem;font-size:.82rem}.category-note{font-size:.88rem;padding-right:.5rem}}

/* Sample report previews */
.report-preview{position:relative;display:block;width:100%;padding:0;border:0;background:#fff;cursor:pointer;overflow:hidden}
.report-preview img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:contain;background:#fff;border:1px solid #dbe7f2}
.sample-badge,.preview-hint{position:absolute;z-index:1;font-size:.66rem;font-weight:800;letter-spacing:.03em}
.sample-badge{top:.55rem;left:.55rem;padding:.3rem .45rem;background:rgba(11,55,110,.9);color:#fff}
.preview-hint{right:.55rem;bottom:.55rem;padding:.3rem .45rem;background:rgba(255,255,255,.92);color:#0b376e}
.report-preview:hover img,.report-preview:focus-visible img{border-color:#0876e8}
.report-preview:focus-visible{outline:3px solid rgba(8,118,232,.35);outline-offset:3px}
.report-preview-modal{padding:clamp(1rem,3vw,2rem)}
.report-preview-modal.open{display:grid;place-items:center}
.report-preview-panel{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:min(68rem,94vw);height:min(90vh,58rem);margin:0 auto;padding:clamp(2.5rem,4vw,3.5rem) clamp(1rem,3vw,2.5rem) 1rem;background:#fff;border-radius:.8rem;box-shadow:0 30px 90px rgba(0,0,0,.25)}
.report-preview-panel img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.report-preview-panel .modal-close{z-index:2;background:#fff;border-radius:50%;width:2.2rem;height:2.2rem;line-height:1;right:.65rem;top:.55rem;font-size:1.9rem;box-shadow:0 2px 12px rgba(0,0,0,.15)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:620px){.report-preview img{aspect-ratio:4/3;height:auto}.sample-badge,.preview-hint{font-size:.62rem}.report-preview-panel{width:96vw;height:92vh;padding:3.2rem .7rem .7rem}.report-preview-panel .modal-close{right:.35rem;top:.35rem}}
.hero-photo{background:none}.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,45,91,.99) 0%,rgba(6,45,91,.92) 34%,rgba(6,45,91,.22) 67%,rgba(6,45,91,.05) 100%)}@media(max-width:620px){.hero-photo:after{background:linear-gradient(180deg,rgba(6,45,91,.84),rgba(6,45,91,.98))}}
.btn,.sticky,.steps b,.service-group-head span{background:#006dcc}.btn:hover{background:#005caf}.eyebrow:not(.light),.text-link,.form-actions a{color:#006dcc}.report-preview:hover img,.report-preview:focus-visible img{border-color:#006dcc}
.sourcing-services{background:#f2f7fc;padding:clamp(2.5rem,4vw,4rem) 0}.sourcing-services-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.sourcing-services h2{font-size:clamp(1.5rem,2vw,2.1rem);line-height:1.2;margin:.2rem 0 .6rem}.sourcing-services .lead{max-width:44rem;margin:0}
.service-hero{background:linear-gradient(115deg,#062d5b,#0b4d98);color:#fff;padding:clamp(5rem,9vw,8rem) 0}.service-hero h1{max-width:18ch;font-size:clamp(2.3rem,4.5vw,4.2rem);line-height:1.04;letter-spacing:-.045em;margin:.35rem 0 1rem}.service-hero p{max-width:44rem;font-size:clamp(1.05rem,1.3vw,1.22rem);line-height:1.6}.service-copy{max-width:850px}.service-copy>p{font-size:1.02rem;color:var(--muted)}.service-copy h2{margin:3rem 0 1.1rem;font-size:clamp(1.7rem,2.25vw,2.35rem);line-height:1.18}.service-checks{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.service-checks article{border:1px solid var(--line);padding:1.35rem;background:#fff}.service-checks h3,.service-steps h3{margin:0 0 .45rem;font-size:1.08rem}.service-checks p,.service-steps p{margin:0;color:var(--muted)}.service-alt{background:var(--pale)}.service-steps{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:0;list-style:none;counter-reset:service-step}.service-steps li{background:#fff;border:1px solid var(--line);padding:1.35rem;counter-increment:service-step}.service-steps li:before{content:"0" counter(service-step);display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#006dcc;color:#fff;font-size:.75rem;font-weight:800;margin-bottom:.9rem}.service-faq details{border-top:1px solid var(--line);padding:1rem 0}.service-faq summary{font-weight:750;cursor:pointer}.service-faq p{color:var(--muted);margin:.7rem 0 0}@media(max-width:620px){.sourcing-services-inner{align-items:flex-start;flex-direction:column}.sourcing-services .btn{width:100%}.service-checks,.service-steps{grid-template-columns:1fr}.service-hero{padding:4rem 0}.service-hero .btn{width:100%}}
.section-head p,.lead,.risk-list small,.report-grid p,.fine,.service-copy>p,.service-checks p,.service-steps p,.service-faq p{color:#536b86}
.light-btn{background:#fff;color:#0b4d98}.light-btn:hover{background:#edf6ff}

/* Supplier quotation comparison article */
.article-hero{background:linear-gradient(115deg,#062d5b,#0b4d98);color:#fff;padding:clamp(5rem,9vw,8rem) 0}.article-hero-copy{max-width:56rem}.article-hero h1{max-width:18ch;font-size:clamp(2.3rem,4.5vw,4.2rem);line-height:1.04;letter-spacing:-.045em;margin:.35rem 0 1rem}.article-hero p{max-width:46rem;font-size:clamp(1.05rem,1.3vw,1.22rem);line-height:1.6;margin:0 0 1.5rem}.article-layout{max-width:880px}.article-copy{font-size:1rem;color:#274867}.article-copy>*:first-child{margin-top:0}.article-copy h2{color:var(--ink);font-size:clamp(1.55rem,2.2vw,2.25rem);line-height:1.2;letter-spacing:-.03em;margin:3.3rem 0 1rem}.article-copy h3{color:var(--ink);font-size:clamp(1.15rem,1.5vw,1.4rem);line-height:1.3;margin:2rem 0 .75rem}.article-copy p{margin:0 0 1rem}.article-copy ul,.article-copy ol{padding-left:1.3rem;margin:0 0 1.2rem}.article-copy li{margin:.4rem 0}.article-intro{font-size:clamp(1.05rem,1.2vw,1.18rem);color:#3a5978}.article-table-wrap{overflow-x:auto;margin:1.25rem 0;border:1px solid var(--line);border-radius:var(--r);background:#fff;-webkit-overflow-scrolling:touch}.article-table-wrap:focus{outline:3px solid rgba(0,109,204,.25);outline-offset:2px}.article-table-wrap table{width:100%;min-width:640px;border-collapse:collapse;font-size:.9rem}.article-table-wrap th,.article-table-wrap td{text-align:left;vertical-align:top;padding:.8rem;border-bottom:1px solid var(--line)}.article-table-wrap thead th{background:#eaf3fc;color:var(--ink);font-weight:800}.article-table-wrap tbody th{color:var(--ink);font-weight:700}.article-table-wrap tr:last-child>*{border-bottom:0}.article-total>*{background:#f2f7fc;font-weight:800}.rfq-template{margin:1.2rem 0;padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--line);border-left:4px solid #006dcc;background:#f7fbff;color:#274867}.rfq-template p{margin:0 0 1rem}.checklist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.25rem 0}.checklist-grid section{border:1px solid var(--line);background:#fff;padding:1.2rem}.checklist-grid h3{margin:.1rem 0 .75rem;font-size:1.02rem}.checklist{list-style:none!important;padding:0!important;margin:0!important}.checklist li{position:relative;padding-left:1.65rem}.checklist li:before{content:"□";position:absolute;left:0;top:-.05rem;color:#006dcc;font-size:1.15em;font-weight:800}.article-faq details{border-top:1px solid var(--line);padding:1rem 0}.article-faq summary{color:var(--ink);font-weight:750;cursor:pointer}.article-faq details p{margin:.7rem 0 0}.article-cta{background:#0b4d98;color:#fff;padding:clamp(3.5rem,6vw,6rem) 0}.article-cta-grid{display:grid;grid-template-columns:1.45fr .7fr;gap:clamp(2rem,6vw,6rem);align-items:start}.article-cta h2{font-size:clamp(1.7rem,2.5vw,2.5rem);line-height:1.16;letter-spacing:-.035em;margin:.25rem 0 1rem}.article-cta p,.article-cta li{color:#e3f0ff}.article-cta ul,.article-cta ol{padding-left:1.3rem}.article-cta-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:1.5rem}.article-cta-card .btn{width:100%;margin:.7rem 0 1.2rem}.article-related{border-top:1px solid rgba(255,255,255,.32);padding-top:1rem}.article-related a{text-decoration:underline;text-underline-offset:.15em}.article-disclaimer{padding-top:2rem;padding-bottom:2rem}.article-disclaimer p{max-width:880px;color:var(--muted);font-size:.9rem;margin:0 auto}@media(max-width:760px){.article-hero{padding:4rem 0}.article-hero .btn{width:100%}.article-copy{font-size:.96rem}.article-copy h2{margin-top:2.6rem}.article-table-wrap{margin-left:0;margin-right:0}.article-table-wrap table{font-size:.84rem}.checklist-grid,.article-cta-grid{grid-template-columns:1fr}.article-cta-card{max-width:34rem}.article-cta{padding-bottom:5rem}}@media(max-width:420px){.article-table-wrap table{min-width:580px}.article-copy ul,.article-copy ol{padding-left:1.15rem}}

/* Shared SEO page shell: homepage navigation, fixed hero image, CTA and footer */
.seo-page-hero{position:relative;isolation:isolate;min-height:clamp(25rem,38vw,36rem);display:flex;align-items:center;overflow:hidden;background:#0a376e;color:#fff}.seo-page-hero-photo{position:absolute;inset:0;z-index:-2}.seo-page-hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.seo-page-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,45,91,.96) 0%,rgba(6,45,91,.84) 42%,rgba(6,45,91,.28) 72%,rgba(6,45,91,.13) 100%)}.seo-page-hero-copy{padding:clamp(4.5rem,8vw,7rem) 0}.seo-page-hero h1{max-width:18ch;font-size:clamp(2.3rem,4.2vw,4.1rem);line-height:1.05;letter-spacing:-.045em;margin:.25rem 0 1rem}.seo-page-hero p{max-width:46rem;margin:0;color:#f2f7ff;font-size:clamp(1rem,1.2vw,1.2rem);line-height:1.65}.seo-page-cta{padding-bottom:2.2rem}@media(max-width:900px){.seo-page-hero{min-height:31rem}}@media(max-width:620px){.seo-page-hero{min-height:34rem;align-items:flex-end}.seo-page-hero:after{background:linear-gradient(180deg,rgba(6,45,91,.62),rgba(6,45,91,.96))}.seo-page-hero-copy{padding:4rem 0}.seo-page-hero h1{font-size:clamp(2rem,10vw,2.65rem)}.seo-page-cta{padding-bottom:5rem}}

/* Scalable text-only service and guide directory */
.resources-entry{display:inline-flex;align-items:center;gap:.55rem;color:#006dcc;font-weight:800}.resources-entry:hover{text-decoration:underline;text-underline-offset:.18em}.resources-copy{max-width:760px}.resources-copy h1{font-size:clamp(2rem,3vw,3rem);line-height:1.12;letter-spacing:-.04em;margin:.25rem 0 .8rem}.resources-copy h2{margin:2.4rem 0 .7rem;font-size:1.3rem}.resources-copy ul{margin:0;padding-left:1.2rem}.resources-copy li{margin:.55rem 0}.resources-copy a{color:#006dcc;font-weight:650;text-decoration:underline;text-underline-offset:.15em}

/* SEO page navigation: retain desktop menu at tablet-width desktop viewports */
@media (min-width: 761px) and (max-width: 900px) {
  .header.seo-header .nav {
    gap: clamp(.4rem, 1vw, .75rem);
  }
  .header.seo-header .logo {
    font-size: clamp(1.35rem, 2vw, 1.6rem);
    white-space: nowrap;
  }
  .header.seo-header .nav nav {
    display: flex;
    position: static;
    top: auto;
    left: auto;
    right: auto;
    margin-left: auto;
    padding: 0;
    background: transparent;
    border-top: 0;
    flex-direction: row;
    gap: clamp(.45rem, 1vw, .75rem);
    font-size: .78rem;
    white-space: nowrap;
  }
  .header.seo-header .nav > .btn {
    display: inline-flex;
    padding: .62em .75em;
    font-size: .72rem;
    gap: .35em;
    white-space: nowrap;
  }
  .header.seo-header .menu {
    display: none;
  }
}

/* Article contact CTA: inquiry, WhatsApp, and service-scope points */
.cta-band.seo-page-cta .wrap{display:block;width:min(100% - 2rem,72rem);margin-inline:auto}
.seo-page-cta-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.35rem}
.seo-page-cta-actions{display:flex;align-items:stretch;gap:.8rem;flex-wrap:wrap}
.seo-page-cta-actions .btn{min-width:15rem}
.seo-page-cta-points{margin-top:0;gap:1.5rem}
@media(max-width:760px){
  .seo-page-cta-actions{flex-direction:column;align-items:stretch}
  .seo-page-cta-actions .btn{width:100%;min-width:0}
  .seo-page-cta-points{flex-direction:column;gap:.65rem}
}

/* Article contact actions are placed inside the shared SEO hero, using the homepage .actions and .hero-points styles. */
.seo-page-hero .article-contact-actions{margin-top:1.6rem}
.seo-page-hero .hero-points{margin-top:1.5rem}

/* 2026-10-25: homepage guides block, tighter trust/process spacing, legal and 404 pages. */
.trust{padding-bottom:clamp(2rem,3vw,3rem)}
.trust+.process{padding-top:clamp(2.5rem,4vw,4rem)}
.sourcing-services h2{margin-bottom:1.4rem}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.6rem}
.guide-card{display:flex;flex-direction:column;gap:.35rem;background:#fff;border:1px solid var(--line);padding:1.1rem 1.2rem;transition:border-color .15s,box-shadow .15s}
.guide-card strong{color:var(--ink);font-size:1rem;line-height:1.3}
.guide-card span{color:var(--muted);font-size:.86rem;line-height:1.5}
.guide-card:hover{border-color:#006dcc;box-shadow:0 6px 20px rgba(11,55,110,.08)}
.guide-card:hover strong{color:#006dcc}
footer .wrap>div{flex-wrap:wrap}
.legal-page{max-width:760px}
.legal-page h1{font-size:clamp(2rem,3vw,2.8rem);line-height:1.12;letter-spacing:-.04em;margin:.25rem 0 .6rem}
.legal-page h2{font-size:1.2rem;margin:2.2rem 0 .6rem}
.legal-page p,.legal-page li{color:#274867;line-height:1.7}
.legal-page ul{padding-left:1.2rem}
.legal-page a{color:#006dcc;text-decoration:underline;text-underline-offset:.15em}
.legal-updated{color:var(--muted);font-size:.9rem}
.notfound-page{max-width:760px;text-align:center;padding-top:clamp(2rem,6vw,5rem)}
.notfound-page h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em;margin:.3rem 0 .8rem}
.notfound-page .actions{justify-content:center}
.notfound-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.4rem;margin-top:2rem}
.notfound-links a{color:#006dcc;font-weight:650}
@media(max-width:900px){.guide-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.guide-grid{grid-template-columns:1fr}}
.related-guides{background:var(--pale);padding:clamp(2.5rem,4vw,4rem) 0}
.related-guides h2{font-size:clamp(1.35rem,1.8vw,1.8rem);margin:0 0 1.2rem}
.related-guides .guide-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.related-guides .guide-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.related-guides .guide-grid{grid-template-columns:1fr}}
@media(max-width:900px){input,select,textarea{font-size:16px!important}.inquiry-form{gap:.75rem}.inquiry-form input,.inquiry-form select{min-height:44px;padding:.55rem .8rem}.inquiry-form textarea{min-height:6.5rem;padding:.6rem .8rem}}
