:root{--brand-blue:#006bff}
.brand-announcement{height:30px;display:flex;justify-content:center;align-items:center;background:linear-gradient(100deg,#f3e2e5,#dcd6ff 48%,#e3ebff);font-size:10px;font-weight:750;letter-spacing:.08em;color:#26345c}
.brand-announcement a{display:flex;align-items:center;gap:17px}
.brand-announcement span{font-weight:550;letter-spacing:0;color:#536080}
.site-header{top:0;width:100%;max-width:none;margin:0;border-radius:0;box-shadow:none;background:#eef5fff2;backdrop-filter:blur(12px)}
.header-inner{max-width:1300px;margin:auto;min-height:78px;padding:15px 48px;gap:25px}
.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}
.brand img{display:block;width:114px;height:auto;max-width:100%}
.site-header nav:not(.mobile-nav){gap:25px;margin-left:auto}
.site-header nav a{font-size:13px;font-weight:650;color:#1d2a3a;white-space:nowrap}
.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--brand-blue)}
.header-actions{display:flex;align-items:center;gap:15px;margin-left:9px}
.brand-profile{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.3;font-weight:600;color:#5a6b82;white-space:nowrap}
.brand-profile img{border-radius:50%;width:28px;height:28px}
.mobile-nav{background:#f3f8ff;border-top:1px solid #dce8f8;margin-top:0}
.menu-button{border-color:#ccdcf2;width:36px;height:36px;background:#fff}
.reference-hero{position:relative;isolation:isolate;min-height:340px;background:#d9ecff url('/assets/hero-ossbuy-official.webp') center center/cover no-repeat;overflow:hidden}
.reference-hero-inner{max-width:1300px;min-height:340px;padding:43px 48px 35px;margin:auto;display:flex;align-items:center}
.reference-hero-copy{position:relative;z-index:1;width:690px;max-width:66%}
.reference-hero .eyebrow{font-size:9px;letter-spacing:.13em;color:#2860a1;margin-bottom:14px}
.reference-hero h1{font-size:39px;line-height:1.27;letter-spacing:-.04em;color:#142436;font-weight:800}
.reference-hero h1 span{display:block}
.reference-search{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:5px 5px 5px 21px;margin-top:25px;box-shadow:0 8px 25px #4284ca09}
.reference-search .search-kind{display:flex;gap:7px;align-items:center;white-space:nowrap;font-size:11px;color:#35475b;padding-right:12px;border-right:1px solid #e3e9f0}
.reference-search .search-kind .icon{width:15px;height:15px;color:#6390be}
.reference-search input{width:100%;min-width:0;background:transparent;border:0;outline:0;font:12px/1.5 var(--body);padding:9px 0;color:#20334b}
.reference-search input::placeholder{color:#7b8ca1;font-size:11px}
.reference-search button{background:var(--brand-blue);border:0;color:#fff;border-radius:999px;padding:12px 25px;font-size:12px;font-weight:700;flex-shrink:0}
.reference-search button:hover{background:#0055d7}
.reference-hero-links{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:17px}
.reference-hero-links a{font-size:11px;font-weight:650;color:#1859a2;display:inline-flex;align-items:center;gap:8px}
.reference-hero-links .icon{width:14px;height:14px}
.buying-note{background:#eaf9ee;color:#2b4838}
.buying-note .container{display:flex;gap:21px;align-items:center;min-height:49px;font-size:11px}
.buying-note-label{display:inline-flex;gap:9px;align-items:center;font-weight:750;color:var(--brand-blue);white-space:nowrap}
.buying-note-label .icon{width:16px;height:16px}
.buying-note p{font-size:11px;line-height:1.6;font-weight:550;color:#3b5344;flex:1}
.buying-note a{font-size:10px;font-weight:700;color:var(--brand-blue);white-space:nowrap}
.reference-why{margin-top:16px;margin-bottom:32px}
.reference-why>a{display:flex;align-items:center;gap:14px;min-height:65px;padding:15px 23px;background:#e5f2ff;border-radius:17px}
.reference-why img{width:28px;height:28px;border-radius:50%}
.reference-why strong{font-size:16px;font-weight:750;letter-spacing:-.035em;color:#173554}
.reference-why strong span{color:var(--brand-blue)}
.reference-why .why-topics{font-size:10px;font-weight:600;color:#416383;margin-left:10px}
.reference-why .why-arrow{margin-left:auto;display:grid;place-items:center;width:27px;height:27px;background:white;color:var(--brand-blue);border-radius:50%;flex-shrink:0}
.reference-hero~.intro-section{border-top:1px solid var(--line);padding-top:42px}
@media(max-width:1100px){.header-inner{gap:20px}.site-header nav:not(.mobile-nav){gap:19px}.site-header nav a{font-size:12px}.brand-profile span{display:none}.header-actions{margin-left:0}.reference-hero-copy{max-width:67%}.reference-hero h1{font-size:34px}.reference-search{gap:9px;padding-left:17px}.reference-search .search-kind{font-size:10px}.reference-search button{padding-inline:20px}}
@media(max-width:820px){.header-inner{min-height:72px;padding:14px 32px}.header-actions{margin-left:auto}.site-header nav:not(.mobile-nav){display:none}.reference-hero{background-position:58% center}.reference-hero-inner{padding:35px 32px;min-height:360px;align-items:flex-start}.reference-hero-copy{width:570px;max-width:77%}.reference-hero h1{font-size:33px}.reference-search .search-kind{display:none}.reference-search{padding-left:20px;margin-top:25px}.reference-hero-links{gap:17px}.reference-hero-links a{font-size:10px}.buying-note .container{gap:13px;min-height:55px}.buying-note p{font-size:10px}.buying-note-label{font-size:10px}.reference-why strong{font-size:14px}.reference-why .why-topics{display:none}}
@media(max-width:580px){.brand-announcement{height:27px;font-size:8px}.brand-announcement a{gap:10px}.brand-announcement span{font-size:8px}.header-inner{padding:13px 22px;min-height:66px;gap:15px}.brand img{width:104px}.brand-profile img{width:25px;height:25px}.header-actions{gap:13px}.site-header{border-radius:0;margin:0;top:0}.menu-button{width:34px;height:34px}.mobile-nav{padding:0 22px 20px}.site-header nav a{font-size:13px}.reference-hero{min-height:455px;background-size:auto 295px;background-position:78% bottom;background-color:#e6f2ff}.reference-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(#eaf4ff 0%,#eaf4fff5 25%,#eaf4ff00 60%);z-index:0}.reference-hero-inner{padding:28px 22px 230px;min-height:455px}.reference-hero-copy{width:100%;max-width:100%}.reference-hero .eyebrow{font-size:7px;margin-bottom:12px}.reference-hero h1{font-size:29px;line-height:1.2;letter-spacing:-.045em}.reference-search{margin-top:20px;padding:4px 4px 4px 15px;gap:8px}.reference-search input{padding:9px 0;font-size:11px}.reference-search input::placeholder{font-size:9px}.reference-search button{font-size:10px;padding:11px 17px}.reference-hero-links{gap:14px;margin-top:13px}.reference-hero-links a{font-size:9px}.reference-hero-links .icon{width:12px;height:12px}.buying-note .container{align-items:flex-start;gap:10px;padding-top:13px;padding-bottom:13px}.buying-note-label{font-size:8px;gap:5px;line-height:1.65}.buying-note-label .icon{width:13px;height:13px}.buying-note p{font-size:9px;line-height:1.7}.buying-note a{display:none}.reference-why{margin-top:13px;margin-bottom:26px}.reference-why>a{padding:14px 15px;min-height:62px;gap:10px;border-radius:13px}.reference-why strong{font-size:12px;line-height:1.4}.reference-why img{width:25px;height:25px}.reference-why .why-arrow{width:24px;height:24px}.reference-hero~.intro-section{padding-top:32px}}