/* Composition matched to the supplied 1672 × 941 desktop reference. */
.container{width:88.5%;max-width:1600px}.header-inner{height:90px;gap:30px}.brand{gap:24px}.brand img{width:180px;height:65px}.brand>.brand-tag{display:block;max-width:none;white-space:nowrap;font-size:9px;letter-spacing:1.1px;padding-left:24px}.nav{margin-left:auto;gap:36px}.nav a{font-size:13px;font-weight:700}.header-actions{gap:20px;margin-left:auto}.header-actions>.btn{font-size:15px;padding:13px 30px;white-space:nowrap}.reference-languages{display:flex;padding:3px;border:1px solid #e7eef8;border-radius:11px}.reference-languages button{border:0;background:transparent;border-radius:8px;width:47px;height:40px;font-size:12px;font-weight:600;color:#5a6e8a}.reference-languages button.selected{background:#eaf4ff;color:#0066ff;opacity:1}.reference-hero{background:#041329 url('/assets/hero-reference.png') center center/cover no-repeat;color:#fff;position:relative;overflow:hidden}.reference-hero-inner{display:grid;grid-template-columns:50% 50%;min-height:566px;position:relative}.reference-copy{padding:28px 0 30px;position:relative;z-index:2}.reference-copy .eyebrow{font-size:12px;letter-spacing:1.5px;gap:15px;color:#02d4ff}.reference-copy .eyebrow:before{width:28px}.reference-copy h1{font-family:'DM Sans',Arial,sans-serif;font-weight:800;font-size:clamp(42px,4.55vw,82px);letter-spacing:-3px;line-height:.94;margin:18px 0 14px;white-space:nowrap}.reference-copy h1 em{display:inline-block;font-style:normal;background:linear-gradient(100deg,#37c1ed,#2e80ff 67%,#9248ef);background-clip:text;-webkit-text-fill-color:transparent}.reference-lead{font-size:18px;line-height:1.35;color:#e3e8f2;margin:14px 0 20px;max-width:730px;font-weight:400}.reference-search{display:flex;align-items:center;gap:12px;height:65px;border:1px solid #dbe2ed;background:#fff;border-radius:13px;padding:6px 6px 6px 17px;box-shadow:0 8px 30px #0002;max-width:730px}.reference-search>svg{width:25px;height:25px;flex:none;color:#0066ff}.reference-search input{min-width:0;flex:1;font-size:14px;border:0;outline:0;color:#142845;background:white}.reference-search input::placeholder{color:#81848e}.reference-search .btn{font-size:15px;padding:14px 23px;white-space:nowrap;height:50px;box-shadow:none}.reference-keywords{display:flex;align-items:center;gap:11px;margin-top:15px;font-size:12px;white-space:nowrap;color:#bfd1e6}.reference-keywords button{color:#e5eefa;border:1px solid #36628f;box-shadow:inset 0 0 0 2px #071528;background:#05182d;border-radius:7px;padding:7px 11px;font-size:11px}.reference-keywords button:hover{background:#113d73}.reference-features{display:grid;grid-template-columns:repeat(4,1fr);margin-top:32px;width:calc(100% + 75px);max-width:810px}.reference-feature{display:flex;align-items:flex-start;gap:17px;padding:0 24px 0 0;margin-right:24px;border-right:1px solid #2675ac;min-height:73px}.reference-feature:last-child{border:0;margin-right:0}.line-icon{width:35px;height:35px;color:#229aff;flex-shrink:0}.reference-feature strong{font-size:13px;line-height:1.4;display:block;color:white;max-width:115px;font-weight:700}.reference-feature span{display:block;font-size:11px;color:#cad5e7;margin-top:8px;line-height:1.35;max-width:125px}.reference-visual{position:relative;min-height:566px}.reference-float{position:absolute;display:flex;flex-direction:column;width:220px;min-height:138px;border:1px solid #209ada;border-radius:18px;padding:19px 22px;background:linear-gradient(120deg,#071b39f5,#123d68c9);box-shadow:0 12px 32px #0003,inset 0 1px 15px #54a0f015;backdrop-filter:blur(10px)}.reference-float .line-icon{width:35px;height:35px;margin-bottom:7px}.reference-float strong{font-size:16px;line-height:1.3;font-family:Manrope,Arial,sans-serif;letter-spacing:-.5px}.reference-float>span{font-size:11px;color:#e1eafa;margin-top:5px;line-height:1.4}.reference-float i{position:absolute;right:18px;top:63%;font:300 31px Arial;color:#a5e1ff;font-style:normal}.float-suppliers{left:11.5%;top:42px}.float-connect{right:-5.2%;top:98px}.float-opportunities{left:46%;bottom:84px;width:208px;min-height:136px}.map-country{position:absolute;font-size:11px;font-weight:800;letter-spacing:2px;top:46.5%;color:white;text-shadow:0 2px 6px #002448}.country-mx{left:21%}.country-us{right:12%}.reference-sectors{padding:25px 0;background:linear-gradient(#f6faff,#eaf3fc);border-bottom:1px solid #e1ecf8}.reference-sector-heading{display:flex;align-items:flex-end;gap:42px;justify-content:space-between;margin:0 16px 17px}.reference-sector-heading .eyebrow{font-size:10px;letter-spacing:1px;color:#0066ff;gap:15px}.reference-sector-heading .eyebrow:before{width:28px;background:#087aff}.reference-sector-heading h2{font-family:'DM Sans',Arial,sans-serif;font-size:34px;letter-spacing:-1.3px;margin-top:10px;line-height:1.1;color:#08142d;font-weight:800}.reference-sector-heading>p{font-size:13px;line-height:1.5;color:#324b6e;margin:0 0 4px auto}.reference-sector-heading .btn{font-size:11px;padding:12px 17px;flex:none;white-space:nowrap;border-radius:6px;color:#0066ff;border:1px solid #bdd9ff;margin-bottom:2px;background:transparent}.reference-sector-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.reference-sector{background:#ffffffed;border-radius:9px;overflow:hidden;transition:box-shadow .2s,transform .2s;min-width:0}.reference-sector:hover{box-shadow:0 8px 20px #075ec020;transform:translateY(-3px)}.sector-photo{height:80px;background-image:url('/assets/design-reference.png');background-size:674.194% 1176.25%;background-position-y:88.5017%;background-repeat:no-repeat}.sector-photo-0 .sector-photo{background-position-x:5.61798%}.sector-photo-1 .sector-photo{background-position-x:23.6657%}.sector-photo-2 .sector-photo{background-position-x:41.5028%}.sector-photo-3 .sector-photo{background-position-x:59.2697%}.sector-photo-4 .sector-photo{background-position-x:77.0365%}.sector-photo-5 .sector-photo{background-position-x:94.7331%}.sector-description{display:flex;align-items:flex-start;gap:12px;padding:11px 13px;min-height:75px;position:relative}.sector-description>.line-icon{width:28px;height:28px}.sector-description>div{min-width:0;padding-right:14px}.sector-description h3{font-family:'DM Sans',Arial,sans-serif;font-size:11px;letter-spacing:-.2px;color:#091936;line-height:1.35;white-space:nowrap}.sector-description p{font-size:10px;color:#536b90;line-height:1.5;margin-top:5px}.sector-arrow{position:absolute;right:12px;top:27px;border:1px solid #d2e7ff;border-radius:50%;width:24px;height:24px;text-align:center;line-height:21px;color:#0077ff;font-size:19px}.sector-photo-5 .line-icon{color:#0cc67d}.footer .brand>.brand-tag{white-space:normal;font-size:8px}.page-hero{min-height:340px;background-size:auto 100%;padding:70px 0}.page-hero h1{font-family:'DM Sans',Arial,sans-serif;font-size:48px;max-width:65%}.page-hero p{font-size:16px}.page-hero[data-scene]{background-image:linear-gradient(90deg,#03152b 25%,#04162ddb 52%,#05182d25),var(--page-photo)}.page-hero[data-scene=suppliers]{--page-photo:url('/assets/section-photos.png')}.page-hero[data-scene=about]{--page-photo:url('/assets/section-photos.png')}.page-hero[data-scene=register]{--page-photo:url('/assets/section-photos.png')}.page-hero[data-scene=dashboard]{--page-photo:url('/assets/section-photos.png')}
@media(min-width:1800px){.reference-hero-inner,.reference-visual{min-height:610px}.reference-copy{padding-top:40px}.reference-lead{margin-top:25px}.reference-features{margin-top:40px}}
@media(max-width:1550px){.header-inner{gap:24px;height:82px}.brand img{width:157px;height:58px}.brand{gap:18px}.brand>.brand-tag{font-size:8px;padding-left:18px}.nav{gap:25px}.nav a{font-size:12px}.header-actions{gap:15px}.header-actions>.btn{padding:12px 21px;font-size:13px}.reference-languages button{width:39px;height:36px}.reference-hero-inner,.reference-visual{min-height:536px}.reference-copy h1{font-size:4.55vw;letter-spacing:-2.5px}.reference-lead{font-size:16px}.reference-copy{padding-top:30px}.reference-search{height:61px}.reference-search .btn{font-size:13px;padding:12px 17px;height:47px}.reference-search input{font-size:12px}.reference-keywords{gap:8px;font-size:11px}.reference-keywords button{padding:6px 8px;font-size:10px}.reference-features{margin-top:35px;width:calc(100% + 55px)}.reference-feature{gap:12px;padding-right:16px;margin-right:16px}.reference-feature strong{font-size:12px}.reference-feature span{font-size:10px}.reference-float{width:195px;padding:17px 20px;min-height:127px}.reference-float strong{font-size:15px}.reference-float>span{font-size:10px}.float-suppliers{left:12%}.float-opportunities{bottom:70px;width:190px}.reference-sector-heading h2{font-size:29px}.reference-sector-heading{gap:28px}.reference-sector-heading>p{font-size:12px}.sector-description{padding:11px 9px;gap:8px}.sector-description h3{font-size:10px}.sector-description p{font-size:9px}.sector-description>.line-icon{width:24px;height:24px}.sector-arrow{right:7px;width:21px;height:21px;line-height:18px}.reference-sector-heading .eyebrow{font-size:9px}}
@media(max-width:1250px){.brand>.brand-tag{display:none}.nav{gap:22px}.header-actions>.btn{display:inline-flex}.reference-hero-inner,.reference-visual{min-height:510px}.reference-copy h1{font-size:4.6vw}.reference-lead{font-size:14px}.reference-search{gap:7px;padding-left:10px}.reference-search .btn{font-size:11px;padding:11px}.reference-keywords{flex-wrap:wrap;gap:7px}.reference-features{margin-top:30px;width:110%}.reference-feature{gap:8px;padding-right:10px;margin-right:10px}.reference-feature>.line-icon{width:29px}.reference-feature strong{font-size:11px}.reference-feature span{font-size:9px}.reference-float{width:165px;padding:15px}.reference-float strong{font-size:13px}.reference-float>span{font-size:9px}.reference-sector-heading{gap:20px;margin-inline:0}.reference-sector-heading h2{font-size:26px}.reference-sector-heading>p{font-size:10px}.sector-description h3{white-space:normal}.sector-description>.line-icon{width:22px}.sector-description{gap:6px}.sector-description p{font-size:9px}.sector-arrow{display:none}.sector-description>div{padding-right:0}}
@media(max-width:1000px){.header-actions>.btn{display:none}.header-inner{gap:20px}.reference-search{height:auto;min-height:62px;flex-wrap:wrap}.reference-search input{width:70%}.reference-search .btn{width:100%;height:38px;margin-top:2px}.reference-features{grid-template-columns:repeat(2,1fr);gap:18px;width:100%}.reference-feature{border-right:0;min-height:auto}.reference-features .line-icon{width:28px;height:28px}.reference-hero-inner,.reference-visual{min-height:600px}.reference-copy h1{font-size:4.55vw}.reference-copy .eyebrow{font-size:10px}.reference-lead{font-size:14px}.desktop-break{display:none}.float-connect{right:-7%;top:210px}.float-opportunities{bottom:80px;left:38%}.reference-sector-heading>p{display:none}.reference-sector-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sector-photo{height:auto;aspect-ratio:3.1}.sector-description h3{font-size:12px;white-space:nowrap}.sector-description p{font-size:11px}.sector-description{gap:12px;padding:14px}.sector-description>.line-icon{width:29px}.sector-arrow{display:block;top:33px;right:10px}.sector-description>div{padding-right:18px}.reference-sector-heading{margin-bottom:20px}}
@media(max-width:800px){.container{width:calc(100% - 36px)}.header-inner{height:74px}.nav{top:74px}.header-actions{gap:12px}.reference-languages button{height:33px;width:35px}.reference-hero{background-size:auto 580px;background-position:65% bottom;background-color:#03142b}.reference-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(#031329 0%,#031329 44%,#03132900 76%)}.reference-hero-inner{grid-template-columns:1fr;min-height:0}.reference-copy{padding:35px 0 20px}.reference-copy h1{font-size:clamp(38px,7.5vw,62px);white-space:normal;letter-spacing:-2px;line-height:1.02}.reference-lead{font-size:16px;max-width:620px;line-height:1.5}.reference-search{flex-wrap:nowrap;height:63px;max-width:100%;padding:6px 6px 6px 14px;gap:10px}.reference-search input{font-size:13px;width:auto}.reference-search .btn{width:auto;height:49px;margin:0;padding:12px 17px;font-size:12px}.reference-keywords{font-size:12px;margin-top:16px}.reference-keywords button{font-size:11px}.reference-features{grid-template-columns:repeat(4,1fr);margin-top:30px;gap:12px;max-width:none}.reference-feature{flex-direction:column;gap:7px;padding:0;margin:0}.reference-feature strong{font-size:12px;max-width:120px}.reference-feature span{font-size:10px}.reference-visual{min-height:360px}.reference-float{width:175px;padding:15px;min-height:120px}.float-suppliers{left:0;top:22px}.float-connect{right:0;top:70px}.float-opportunities{left:32%;bottom:24px}.map-country{top:46%;font-size:9px}.country-mx{left:30%}.country-us{right:10%}.reference-sector-heading h2{font-size:29px}.reference-sectors{padding:28px 0}.page-hero h1{font-size:36px;max-width:85%}.page-hero p{max-width:80%;font-size:15px}.page-hero{background-position:right center;min-height:320px;padding:55px 0}}
@media(max-width:560px){.brand img{width:145px;height:52px}.header-inner{gap:12px}.reference-copy h1{font-size:clamp(34px,8.4vw,46px);letter-spacing:-1.7px}.reference-copy h1 em{white-space:nowrap}.reference-copy .eyebrow{font-size:10px}.reference-lead{font-size:14px}.reference-search{flex-wrap:wrap;height:auto;padding:8px 8px 8px 13px;gap:10px}.reference-search input{font-size:12px;flex:1;width:calc(100% - 40px);height:32px}.reference-search .btn{width:100%;height:44px;font-size:13px}.reference-search>svg{width:21px}.reference-keywords{font-size:10px;white-space:normal;gap:7px}.reference-keywords>span{width:100%}.reference-keywords button{font-size:10px}.reference-features{grid-template-columns:repeat(2,1fr);gap:22px;margin-top:28px}.reference-feature{flex-direction:row;gap:11px}.reference-feature>.line-icon{width:30px;height:30px}.reference-feature strong{font-size:12px}.reference-feature span{font-size:10px;margin-top:5px}.reference-hero{background-position:60% bottom;background-size:auto 380px}.reference-visual{min-height:330px}.reference-float{width:145px;min-height:106px;padding:12px 14px;border-radius:14px}.reference-float>.line-icon{width:27px;height:27px}.reference-float strong{font-size:12px}.reference-float>span{font-size:9px;padding-right:7px}.reference-float i{right:10px;font-size:24px}.float-suppliers{top:20px}.float-connect{top:77px}.float-opportunities{left:25%;bottom:15px}.reference-sector-heading{display:block}.reference-sector-heading h2{font-size:27px;max-width:360px;letter-spacing:-1px}.reference-sector-heading .eyebrow{font-size:8px;letter-spacing:.6px;gap:9px}.reference-sector-heading .btn{margin-top:18px}.reference-sector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sector-description{padding:12px 9px;gap:8px;min-height:105px}.sector-description>.line-icon{width:23px;height:23px}.sector-description h3{font-size:11px;white-space:normal;line-height:1.4}.sector-description p{font-size:10px;line-height:1.5}.sector-description>div{padding-right:0}.sector-arrow{display:none}.page-hero h1,.page-hero p{max-width:100%}.page-hero{min-height:315px}.page-hero[data-scene]{background-image:linear-gradient(90deg,#03152bf0,#04162daa),var(--page-photo)}}
/* Each section uses its own photograph from the local four-image asset. */
.page-hero[data-scene]{background-image:linear-gradient(105deg,#031329,#08284f)}
.page-hero[data-scene]:after{content:'';display:block;position:absolute;inset:0 0 0 auto;width:60%;height:100%;border:0;border-radius:0;box-shadow:none;background-image:url('/assets/section-photos.png');background-repeat:no-repeat;background-size:200% 200%;mask-image:linear-gradient(90deg,transparent,#000 35%);pointer-events:none}
.page-hero[data-scene=suppliers]:after{background-position:0 0}
.page-hero[data-scene=about]:after{background-position:100% 0}
.page-hero[data-scene=register]:after{background-position:0 100%}
.page-hero[data-scene=dashboard]:after{background-position:100% 100%}
@media(max-width:560px){.page-hero[data-scene]:after{width:100%;opacity:.28;mask-image:linear-gradient(90deg,transparent,#000)}}/* Use the exact header logo pixels supplied in the reference, without redrawing. */
.brand-logo{display:block;flex:none;width:180px;height:64px;background:url('/assets/design-reference.png') 6.0525% 1.5982% / 903.784% 1447.69% no-repeat}
.footer .brand-logo{border-radius:6px;background-color:white}
@media(max-width:1550px){.brand-logo{width:157px;height:55px}}
@media(max-width:560px){.brand-logo{width:145px;height:51px}}