/*
Theme Name: SunnySources
Theme URI: https://sunnysources.com
Author: SunnySources
Description: A security-first B2B sourcing and manufacturing consultancy theme.
Version: 1.0.0
Text Domain: sunnysources
*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#112636;--navy:#102f43;--blue:#19799c;--orange:#f07442;--sand:#f5f3ee;--line:#d6ddd9;--muted:#60727b;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:400 16px/1.6 'IBM Plex Sans',Arial,sans-serif;background:#fff}a{color:inherit}.ss-wrap{width:min(100% - 48px,var(--max));margin:auto}.ss-nav{height:78px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between}.ss-brand{font-size:21px;font-weight:700;letter-spacing:-1px;text-decoration:none}.ss-brand span{color:var(--orange)}.ss-menu{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0;font-size:13px;font-weight:600}.ss-menu a{text-decoration:none}.ss-button{display:inline-block;background:var(--orange);color:#fff;text-decoration:none;border:0;padding:14px 20px;font:700 13px 'IBM Plex Sans',sans-serif;cursor:pointer}.ss-button:hover{background:#cf5b30}.ss-eyebrow{font:500 11px 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#78c4d5}.ss-hero{position:relative;min-height:605px;overflow:hidden;background:var(--navy);color:#fff}.ss-hero-image{position:absolute;inset:0 0 0 41%;background:linear-gradient(90deg,#102f43 0%,#102f4322 38%,#102f4300),url('assets/images/quality-inspection-hero.png') center/cover}.ss-hero-content{position:relative;width:min(62%,760px);padding:112px 0 158px}.ss-hero h1,.ss-title{font-size:clamp(2.8rem,5.4vw,4.6rem);line-height:.98;letter-spacing:-.06em;margin:16px 0 23px}.ss-hero p{max-width:540px;font-size:17px;color:#d7e4e7;margin:0 0 30px}.ss-proof{position:absolute;z-index:1;left:0;right:0;bottom:0;border-top:1px solid #ffffff30;background:#102f43e8}.ss-proof .ss-wrap{display:flex;gap:44px;padding:19px 0}.ss-proof b{display:block;font-size:18px}.ss-proof span{display:block;font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.07em;color:#b6cad0;text-transform:uppercase}.ss-trust{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:1px;background:var(--line)}.ss-trust>div{padding:20px;background:#fff}.ss-trust>div:first-child{background:#e8f1f0}.ss-trust b{display:block;font-size:13px;margin-bottom:4px}.ss-trust span{display:block;font-size:12px;color:var(--muted);line-height:1.45}.ss-section{padding:85px 0}.ss-grid-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:end}.ss-h2{font-size:clamp(2.2rem,3.7vw,3.55rem);line-height:1.06;letter-spacing:-.055em;margin:14px 0}.ss-muted{color:var(--muted)}.ss-process{display:grid;grid-template-columns:repeat(3,1fr);margin-top:58px;border-top:1px solid var(--line)}.ss-step{padding:27px 28px 28px 0;border-right:1px solid var(--line);margin-right:28px}.ss-step:last-child{border:0}.ss-step em{font:500 11px 'IBM Plex Mono';font-style:normal;color:var(--orange)}.ss-step h3{font-size:16px;margin:14px 0 7px}.ss-step p{margin:0;font-size:13px;color:var(--muted)}.ss-band{background:var(--navy);color:#fff;padding:52px 0}.ss-band-inner{display:flex;gap:10%;align-items:center}.ss-band h2{max-width:510px;margin:0;font-size:38px;line-height:1.06;letter-spacing:-.05em}.ss-band p{max-width:440px;color:#c7d8dc;margin:0}.ss-page-hero{padding:72px 0 60px;background:#e8f1f0}.ss-page-hero p{max-width:680px;color:var(--muted)}.ss-services{border-top:1px solid var(--line);margin-top:38px}.ss-service{display:grid;grid-template-columns:70px 1.1fr 1fr 24px;gap:22px;border-bottom:1px solid var(--line);padding:27px 0}.ss-service .num{font:500 12px 'IBM Plex Mono';color:var(--orange)}.ss-service h3{font-size:25px;line-height:1.12;letter-spacing:-.04em;margin:0}.ss-service p{margin:0;color:var(--muted);font-size:13px}.ss-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:38px}.ss-card{background:#fff;padding:28px;min-height:205px}.ss-card h3{margin:0 0 10px;font-size:19px}.ss-card p{margin:0;color:var(--muted);font-size:13px}.ss-footer{background:#0b202d;color:#c8d9dd;padding:48px 0 26px}.ss-footer-grid{display:flex;justify-content:space-between;gap:25px}.ss-footer .ss-brand{color:#fff}.ss-footer p{font-size:13px;max-width:420px}.ss-footer a{font-size:13px}.ss-footer-bottom{margin-top:36px;border-top:1px solid #ffffff20;padding-top:18px;font-size:11px;color:#91a9b0}.ss-rfq{background:var(--sand);padding:76px 0}.ss-rfq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:start}.ss-rfq-aside{padding-top:10px}.ss-rfq-aside h1{font-size:55px;line-height:1;letter-spacing:-.06em;margin:14px 0 18px}.ss-rfq-aside p{color:var(--muted)}.ss-form{background:#fff;padding:32px;box-shadow:0 12px 30px #102f4318}.ss-form h2{font-size:20px;margin:0 0 20px}.ss-notice{padding:14px 16px;background:#e8f1f0;border-left:3px solid var(--blue);font-size:12px;margin-bottom:22px}.ss-notice b{display:block;font-size:13px}.ss-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.ss-field{margin-bottom:16px}.ss-field label{display:block;font:500 10px 'IBM Plex Mono';letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.ss-field input,.ss-field select,.ss-field textarea{width:100%;padding:10px 0;border:0;border-bottom:1px solid #b9c9c5;background:transparent;font:400 14px 'IBM Plex Sans';color:var(--ink)}.ss-field textarea{min-height:86px;resize:vertical}.ss-hp{position:absolute!important;left:-9999px!important}.ss-status{font-size:13px;padding:12px 0}.ss-status.success{color:#176a4d}.ss-status.error{color:#a62e1f}@media(max-width:760px){.ss-wrap{width:min(100% - 36px,var(--max))}.ss-menu{display:none}.ss-hero-image{inset:0;opacity:.31}.ss-hero-content{width:100%;padding:76px 0 168px}.ss-proof .ss-wrap{gap:15px;overflow:auto}.ss-proof b{font-size:14px}.ss-trust,.ss-grid-intro,.ss-process,.ss-cards,.ss-rfq-grid,.ss-form-grid{grid-template-columns:1fr}.ss-step{margin:0;border-right:0;border-bottom:1px solid var(--line)}.ss-band-inner,.ss-footer-grid{display:block}.ss-band p{margin-top:16px}.ss-service{grid-template-columns:38px 1fr 18px}.ss-service p{grid-column:2}.ss-section,.ss-rfq{padding:58px 0}.ss-rfq-aside h1{font-size:43px;margin-top:12px}.ss-form{padding:23px}}