/* EXOPOT | B2B industrial marketplace */
:root{
  color-scheme:light;
  --navy:#172b4d;
  --navy-deep:#10223e;
  --blue:#1769aa;
  --blue-soft:#eaf3fb;
  --green:#16845b;
  --green-dark:#116a49;
  --green-soft:#e9f7f0;
  --ink:#1f2937;
  --muted:#64748b;
  --muted-2:#8492a6;
  --line:#e2e8f0;
  --surface:#fff;
  --page:#f5f7fa;
  --radius:14px;
  --shadow:0 6px 22px rgba(23,43,77,.08);
  --shadow-hover:0 12px 30px rgba(23,43,77,.13);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--page);color:var(--ink);font:15px/1.55 Inter,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.hidden{display:none!important}
:focus-visible{outline:3px solid rgba(23,105,170,.35);outline-offset:3px;border-radius:6px}

/* Header */
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:34px;min-height:76px;padding:12px max(24px,calc((100vw - 1240px)/2));background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 8px rgba(23,43,77,.04)}
.logo{display:inline-flex;align-items:center;gap:3px;flex:none;color:var(--navy);font-size:27px;font-weight:850;letter-spacing:-1.4px;line-height:1}
.logo span{color:var(--green);font-size:32px}
.topbar nav{display:flex;align-items:center;gap:8px;margin-right:auto}
.topbar nav a{padding:10px 12px;color:#475569;font-size:14px;font-weight:600;border-radius:8px;transition:background .16s,color .16s}
.topbar nav a:hover,.topbar nav a:focus-visible{color:var(--green);background:var(--green-soft)}
#headerActions{display:flex;align-items:center;gap:9px;flex:none}
.demo-notice{padding:7px 16px;text-align:center;background:var(--navy);color:#e7effa;font-size:12px;letter-spacing:.025em}

/* Buttons and fields */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 17px;border:1px solid transparent;border-radius:9px;font-weight:700;font-size:14px;line-height:1.2;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:var(--green);color:#fff;box-shadow:0 3px 8px rgba(22,132,91,.15)}
.btn.primary:hover{background:var(--green-dark);box-shadow:0 6px 14px rgba(22,132,91,.2)}
.btn.outline{background:#fff;border-color:#cbd5e1;color:var(--navy)}
.btn.outline:hover{border-color:var(--green);color:var(--green);background:#fbfefc}
.btn.full{width:100%}
input,select,textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}
input::placeholder,textarea::placeholder{color:#94a3b8}
input:focus,select:focus,textarea:focus{outline:0;border-color:#5e9ccc;box-shadow:0 0 0 3px rgba(23,105,170,.1)}
textarea{min-height:96px;resize:vertical}
label{display:grid;gap:6px;color:#334155;font-size:13px;font-weight:650}

/* Landing hero */
main{min-height:60vh}
.page{display:none}
.page.active{display:block}
#home .hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);align-items:center;gap:52px;min-height:410px;padding:55px max(24px,calc((100vw - 1180px)/2));overflow:hidden;background:#eaf2fa}
#home .hero::after{position:absolute;z-index:-1;right:0;top:0;width:42%;height:100%;content:"";background:linear-gradient(90deg,transparent,rgba(23,43,77,.12))}
.eyebrow{display:inline-block;margin-bottom:12px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.13em;line-height:1.4}
.hero h1{max-width:650px;margin:0;color:var(--navy);font-size:clamp(38px,4.6vw,60px);font-weight:800;letter-spacing:-.045em;line-height:1.08}
.hero h1 span{color:var(--green)}
.hero p{max-width:610px;margin:17px 0 21px;color:#475569;font-size:17px;line-height:1.65}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.searchbar{display:flex;gap:7px;max-width:610px;padding:6px;background:#fff;border:1px solid #d5dee9;border-radius:11px;box-shadow:0 8px 24px rgba(23,43,77,.1)}
.searchbar input{min-width:0;min-height:48px;border:0;box-shadow:none;padding:10px 13px;font-size:15px}
.searchbar input:focus{box-shadow:none}
.searchbar .btn{min-width:112px;min-height:48px}
.image-label{position:absolute;right:16px;bottom:16px;padding:9px 13px;border:1px solid rgba(255,255,255,.38);border-radius:8px;background:rgba(16,34,62,.78);color:white;font-size:10px;font-weight:800;letter-spacing:.13em;backdrop-filter:blur(6px)}

/* Content sections */
.section{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:58px 0}
#home>.section{width:100%;padding-inline:max(24px,calc((100vw - 1240px)/2))}
.section h1{margin:0 0 8px;color:var(--navy);font-size:clamp(31px,4vw,44px);letter-spacing:-.035em;line-height:1.15}
.section h2{margin:0 0 23px;color:var(--navy);font-size:clamp(25px,3vw,34px);letter-spacing:-.03em;line-height:1.2}
.section h3{color:var(--navy);line-height:1.3}
.section p{color:#5b687a}
.section.muted{width:100%;padding-inline:max(24px,calc((100vw - 1240px)/2));background:#edf3f8;border-block:1px solid #e1e9f1}
.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.category{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:12px;min-height:94px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--green);text-align:left;font-size:23px;box-shadow:0 2px 7px rgba(23,43,77,.035);transition:transform .16s,border-color .16s,box-shadow .16s}
.category:hover{transform:translateY(-3px);border-color:#a8d5c1;box-shadow:var(--shadow-hover)}
.category strong{grid-column:2;color:var(--navy);font-size:14px;line-height:1.3}
.category small{grid-column:2;color:var(--muted);font-size:12px;font-weight:400;line-height:1.4}
.category::first-letter{grid-row:1/3}
.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.card,.product-card,.supplier-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 3px 11px rgba(23,43,77,.045)}
.card{padding:22px}
.card>b{display:grid;place-items:center;width:40px;height:40px;margin-bottom:14px;border-radius:11px;background:var(--green-soft);color:var(--green);font-size:14px}
.card h3{margin:0 0 6px;font-size:17px}
.card p{margin:0;color:var(--muted);font-size:13px}
.subtext{color:var(--muted);font-size:14px}

/* Marketplace listings */
#marketplace,#suppliers{padding-top:42px}
.toolbar{display:flex;align-items:center;gap:10px;margin:22px 0 12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(23,43,77,.035)}
.toolbar input{flex:1;min-width:180px}
.toolbar select{width:auto;min-width:155px}
#productCount{margin:12px 2px;color:var(--muted);font-size:13px}
#productGrid{align-items:stretch}
.product-card{display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s}
.product-card:hover,.supplier-card:hover{transform:translateY(-3px);border-color:#cbd9e6;box-shadow:var(--shadow-hover)}
.product-card>img{width:100%;height:185px;object-fit:cover;background:#eef3f7}
.product-content{display:flex;flex:1;flex-direction:column;padding:17px}
.product-category{display:inline-flex;align-self:flex-start;margin-bottom:6px;color:var(--green);font-size:10px;font-weight:800;letter-spacing:.08em}
.product-content h3{margin:0 0 6px;color:var(--navy);font-size:17px;line-height:1.3}
.product-content>p{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.5}
.product-meta{margin-top:auto;padding:10px 0;border-top:1px solid #edf1f5;color:#66758a;font-size:11px;line-height:1.7}
.product-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:12px}
.product-foot strong{color:var(--navy);font-size:18px;white-space:nowrap}
.product-foot strong small{display:block;color:var(--muted);font-size:10px;font-weight:500}
.quote-btn,.small-btn{min-height:36px;padding:8px 11px;border:1px solid #b7d7c7;border-radius:8px;background:#f3fbf7;color:var(--green-dark);font-size:12px;font-weight:750;transition:background .15s,color .15s}
.quote-btn:hover,.small-btn:hover{background:var(--green);color:white}
.supplier-card{padding:21px;transition:transform .18s,box-shadow .18s,border-color .18s}
.supplier-card>small{display:inline-block;margin-bottom:9px;color:#a56b17;font-size:10px;font-weight:800;letter-spacing:.08em}
.supplier-card h3{margin:0 0 6px;color:var(--navy);font-size:18px}
.supplier-card p{margin:5px 0;color:var(--muted);font-size:13px}
.empty{padding:30px;border:1px dashed #c6d2df;border-radius:12px;background:white;color:var(--muted);text-align:center}

/* Login, registration and workspaces */
.auth-card{width:min(510px,100%);margin:25px auto;padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}
.auth-card h1{margin:0 0 4px;color:var(--navy);font-size:30px;letter-spacing:-.035em}
.auth-card form{display:grid;gap:14px;margin-top:19px}
.role-switch{display:flex;gap:8px;margin:17px 0;padding:5px;border-radius:10px;background:#f1f5f9}
.role{flex:1;min-height:40px;padding:9px;border:0;border-radius:8px;background:transparent;color:#526174;font-size:13px;font-weight:700}
.role.active{background:#fff;color:var(--green);box-shadow:0 1px 5px rgba(23,43,77,.1)}
.auth-foot{margin:16px 0 8px;color:#64748b;font-size:13px}
.auth-foot a{color:var(--blue);font-weight:700}
.disclaimer{padding:10px 12px;border-left:3px solid #d6a449;background:#fff9ec;color:#806126!important;font-size:11px;line-height:1.5}
.message{min-height:20px;margin:0;color:var(--green-dark);font-size:13px}
.message.error{color:#b42318}
.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px}
.dashboard-heading h1{margin:0;color:var(--navy);font-size:36px;letter-spacing:-.035em}
.dashboard-tabs{display:flex;gap:5px;overflow-x:auto;margin-bottom:20px;border-bottom:1px solid var(--line)}
.dash-tab{flex:none;padding:12px 15px;border:0;border-bottom:3px solid transparent;background:transparent;color:#64748b;font-weight:700;font-size:13px}
.dash-tab:hover,.dash-tab.active{border-bottom-color:var(--green);color:var(--green)}
.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.stat{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(23,43,77,.04)}
.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;margin-top:4px;color:var(--navy);font-size:29px}
.data-list{display:grid;gap:11px;margin-top:14px}
.data-row{padding:18px;border:1px solid var(--line);border-radius:12px;background:white}
.data-row h3{margin:0 0 4px;color:var(--navy);font-size:16px}.data-row p{margin:4px 0;color:var(--muted);font-size:13px}
.small-btn{margin:8px 8px 0 0}
#dashboardContent>.card{margin-bottom:14px}

/* Footer and dialogs */
footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:46px;padding:26px max(24px,calc((100vw - 1240px)/2));border-top:1px solid var(--line);background:#fff}
footer .logo{font-size:23px}footer p{margin:0;color:#526174;font-size:13px}footer small{margin-left:auto;color:var(--muted);font-size:11px}
dialog{width:min(560px,calc(100% - 28px));max-height:min(90vh,850px);padding:28px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 25px 80px rgba(15,23,42,.24)}
dialog::backdrop{background:rgba(15,30,52,.54);backdrop-filter:blur(2px)}
dialog form{display:grid;gap:13px}
dialog h2{margin:0;color:var(--navy);font-size:25px;letter-spacing:-.025em}
.close{position:absolute;top:12px;right:14px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:9px;background:#f1f5f9;color:#526174;font-size:24px}
.close:hover{background:#e2e8f0;color:var(--navy)}
.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.toast{position:fixed;right:22px;bottom:22px;z-index:100;max-width:min(420px,calc(100vw - 32px));padding:13px 17px;border-radius:10px;background:var(--navy);color:white;box-shadow:var(--shadow-hover);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s}
.toast.show{opacity:1;transform:translateY(0)}
.toast.err{background:#a63232}

@media(max-width:980px){.topbar{gap:16px;padding-inline:22px}.topbar nav{gap:0}.topbar nav a{padding-inline:9px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#home .hero{gap:25px;padding-block:42px}}
@media(max-width:700px){.topbar{min-height:64px;flex-wrap:wrap;gap:8px 14px;padding:12px 16px}.logo{font-size:24px}.topbar nav{order:3;width:100%;overflow:auto;justify-content:flex-start;border-top:1px solid #f0f3f6}.topbar nav a{flex:none;padding:9px 12px;font-size:12px}.topbar #headerActions{margin-left:auto}.topbar #headerActions .btn{min-height:36px;padding:8px 11px;font-size:12px}.demo-notice{font-size:10px}.section{width:calc(100% - 32px);padding:38px 0}#home>.section{padding-inline:16px}.section.muted{padding-inline:16px}#home .hero{grid-template-columns:1fr;gap:22px;padding:34px 16px}.hero h1{font-size:39px}.hero p{font-size:15px}.hero-actions .btn{flex:1}.searchbar{gap:4px}.searchbar .btn{min-width:86px;padding-inline:10px}.three-grid{grid-template-columns:1fr 1fr;gap:11px}.toolbar{align-items:stretch;flex-direction:column;padding:12px}.toolbar input,.toolbar select{width:100%;min-width:0}.product-card>img{height:145px}.product-content{padding:12px}.product-content h3{font-size:15px}.product-foot{align-items:flex-start;flex-direction:column}.quote-btn{width:100%}.stats-grid{grid-template-columns:1fr 1fr}.auth-card{padding:22px 18px}.dashboard-heading h1{font-size:28px}footer{align-items:flex-start;flex-direction:column;margin-top:28px;padding:22px 16px}footer small{margin-left:0}}
@media(max-width:430px){.category-grid{gap:8px}.category{grid-template-columns:30px 1fr;column-gap:8px;min-height:82px;padding:11px;font-size:19px}.category strong{font-size:12px}.category small{font-size:10px}.three-grid{grid-template-columns:1fr}.hero h1{font-size:34px}.searchbar{flex-direction:column}.searchbar .btn{width:100%}.hero-actions{flex-direction:column}.stats-grid{grid-template-columns:1fr}.auth-card h1{font-size:26px}.two-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* EXOPOT marketplace polish */
:root{--navy:#17345d;--blue:#1769aa;--green:#16845b;--green-dark:#116b49;--ink:#1f2937;--muted:#64748b;--line:#e2e8f0;--paper:#f6f8fb;--radius:14px;--card-shadow:0 8px 25px rgba(23,43,77,.07)}
body{background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif}
.topbar{min-height:76px;gap:28px;padding-inline:max(24px,calc((100vw - 1280px)/2));box-shadow:0 2px 12px rgba(23,43,77,.055)}
.logo{font-size:29px;color:var(--navy);letter-spacing:-1.6px}.logo span{color:var(--green);font-size:34px}
.topbar nav a{font-size:14px;color:#475569}.topbar nav a:hover{color:var(--green);background:#e9f7f0}
#headerActions{gap:9px}.btn{min-height:43px;padding:10px 17px;border-radius:9px;font-size:13px;font-weight:750;transition:all .18s}
.btn.primary{background:var(--green);box-shadow:0 4px 10px rgba(22,132,91,.15)}.btn.primary:hover{background:var(--green-dark);transform:translateY(-1px)}
.btn.outline{border-color:#cbd5e1;color:var(--navy)}.btn.outline:hover{border-color:var(--green);color:var(--green);background:#f5fbf8}
.demo-notice{padding:8px 15px;background:#17345d;color:#e9f1fa;font-size:11px;letter-spacing:.025em}
.page.active{animation:page-in .22s ease-out}@keyframes page-in{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}
#home .hero{min-height:440px;grid-template-columns:minmax(0,1.07fr) minmax(300px,.93fr);gap:52px;padding-block:52px;background:#eaf2fa}
.hero h1{font-size:clamp(40px,4.6vw,61px);letter-spacing:-.045em;line-height:1.08;color:#17345d}.hero h1 span{color:#16845b}
.hero p{max-width:600px;margin-block:16px 20px;color:#4b5b70;font-size:16px}.eyebrow{margin-bottom:11px;color:#16845b;font-size:10px;letter-spacing:.14em}
.hero-actions{gap:10px;margin-bottom:15px}.hero-actions .btn{min-height:46px;padding-inline:19px}
.searchbar{max-width:625px;padding:6px;border-color:#d6e0eb;border-radius:11px;box-shadow:0 10px 28px rgba(23,43,77,.1)}.searchbar input{min-height:47px;padding-inline:13px;font-size:14px}.searchbar .btn{min-width:105px;min-height:47px}
.image-label{padding:9px 13px;border-radius:8px;background:rgba(16,34,62,.8);font-size:10px;letter-spacing:.13em}
.section{width:min(1260px,calc(100% - 56px));padding-block:58px}.section h1{color:#17345d;font-size:clamp(32px,4vw,46px);letter-spacing:-.04em}.section h2{margin-bottom:22px;color:#17345d;font-size:clamp(25px,3vw,35px);letter-spacing:-.035em}.section.muted{padding-inline:max(28px,calc((100vw - 1260px)/2));background:#edf3f8}
#home>.section{width:100%;padding-inline:max(28px,calc((100vw - 1260px)/2))}
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.category{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;column-gap:13px;min-height:112px;padding:14px;border:1px solid #e1e8ef;border-radius:13px;background:#fff;color:transparent;font-size:0;box-shadow:0 3px 10px rgba(23,43,77,.045);transition:transform .18s,border-color .18s,box-shadow .18s}
.category::before{grid-column:1;grid-row:1/3;width:72px;height:78px;content:"";border-radius:10px;background-color:#e9f1f7;background-position:center;background-size:cover}
.category[data-category="Metals"]::before{background-image:url("https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=320&q=75")}
.category[data-category="Components"]::before{background-image:url("https://images.unsplash.com/photo-1581092160562-40aa08e78837?auto=format&fit=crop&w=320&q=75")}
.category[data-category="Packaging"]::before{background-image:url("https://images.unsplash.com/photo-1607082349566-187342175e2f?auto=format&fit=crop&w=320&q=75")}
.category[data-category="Electrical"]::before{background-image:url("https://images.unsplash.com/photo-1558008258-3256797b43f3?auto=format&fit=crop&w=320&q=75")}
.category strong{grid-column:2;grid-row:1;align-self:end;color:#17345d;font-size:14px;line-height:1.3}.category small{grid-column:2;grid-row:2;align-self:start;margin-top:4px;color:#64748b;font-size:11px;line-height:1.4}
.category:hover{transform:translateY(-3px);border-color:#a5d3bd;box-shadow:0 12px 26px rgba(23,43,77,.1)}
.three-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.card,.product-card,.supplier-card{border:1px solid #e1e8ef;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(23,43,77,.045)}
.card{padding:22px;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow)}.card>b{display:grid;place-items:center;width:40px;height:40px;margin-bottom:14px;border-radius:11px;background:#e9f7f0;color:#16845b;font-weight:800}.card h3{margin:0 0 6px;color:#17345d;font-size:17px}.card p{margin:0;color:#64748b;font-size:13px}
.subtext{color:#64748b;font-size:13px}#marketplace,#suppliers{padding-top:43px}
.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 210px 210px;gap:10px;margin:20px 0 12px;padding:13px;border:1px solid #e1e8ef;border-radius:12px;background:white;box-shadow:0 3px 10px rgba(23,43,77,.035)}
.toolbar input,.toolbar select{min-height:44px;border:1px solid #d3dde7;border-radius:8px;background:#fff;color:#334155;font-size:13px}#productCount{margin:12px 2px;color:#64748b;font-size:12px}
.product-card{overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s}.product-card:hover,.supplier-card:hover{transform:translateY(-3px);border-color:#c8d8e6;box-shadow:0 12px 27px rgba(23,43,77,.11)}.product-card>img{width:100%;height:190px;object-fit:cover;background:#edf2f6}
.product-content{display:flex;flex:1;flex-direction:column;padding:16px}.product-category{display:inline-flex;align-self:flex-start;margin-bottom:6px;color:#16845b;font-size:10px;font-weight:850;letter-spacing:.08em}.product-content h3{margin:0 0 6px;color:#17345d;font-size:16px;line-height:1.35}.product-content>p{margin:0 0 12px;color:#64748b;font-size:12px;line-height:1.5}.product-meta{margin-top:auto;padding:10px 0;border-top:1px solid #edf1f5;color:#66758a;font-size:10px;line-height:1.7}
.product-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;padding-top:11px}.product-foot strong{color:#17345d;font-size:17px;white-space:nowrap}.product-foot strong small{display:block;color:#64748b;font-size:10px;font-weight:500}
.quote-btn,.small-btn{min-height:36px;padding:8px 11px;border:1px solid #b7d7c7;border-radius:8px;background:#f2faf6;color:#116b49;font-size:11px;font-weight:800;transition:background .16s,color .16s}.quote-btn:hover,.small-btn:hover{background:#16845b;color:white}
.supplier-card{padding:21px;transition:transform .18s,border-color .18s,box-shadow .18s}.supplier-card>small{display:inline-block;margin-bottom:9px;padding:5px 8px;border-radius:5px;background:#fff6e5;color:#946316;font-size:9px;font-weight:850;letter-spacing:.08em}.supplier-card h3{margin:0 0 6px;color:#17345d;font-size:17px}.supplier-card p{margin:5px 0;color:#64748b;font-size:12px}.empty{padding:28px;border:1px dashed #bfccda;border-radius:12px;background:#fff;color:#64748b;text-align:center}
.auth-card{width:min(510px,100%);margin:26px auto;padding:30px;border:1px solid #e1e8ef;border-radius:16px;background:white;box-shadow:0 15px 40px rgba(23,43,77,.09)}.auth-card .eyebrow{margin-bottom:9px}.auth-card h1{margin:0 0 5px;color:#17345d;font-size:31px;letter-spacing:-.04em}.auth-card .subtext{margin:0}.auth-card form{display:grid;gap:14px;margin-top:18px}.auth-card label{gap:6px;color:#334155;font-size:12px;font-weight:700}.auth-card input,.auth-card select{min-height:44px;border-color:#d1dbe6;border-radius:8px}
.role-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:17px 0;padding:5px;border-radius:10px;background:#f0f4f8}.role{min-height:41px;padding:9px;border:0;border-radius:8px;background:transparent;color:#536175;font-size:12px;font-weight:750}.role.active{background:#fff;color:#16845b;box-shadow:0 2px 7px rgba(23,43,77,.1)}
.auth-foot{margin:16px 0 7px;color:#64748b;font-size:12px}.auth-foot a{color:#1769aa;font-weight:750}.disclaimer{margin:12px 0 0;padding:10px 12px;border-left:3px solid #d5aa57;background:#fff9eb;color:#806126!important;font-size:10px;line-height:1.55}.message{min-height:18px;margin:0;color:#116b49;font-size:12px}.message.error{color:#b42318}
.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px}.dashboard-heading h1{margin:0;color:#17345d;font-size:35px;letter-spacing:-.04em}.dashboard-tabs{display:flex;gap:3px;overflow-x:auto;margin-bottom:20px;border-bottom:1px solid #dfe7ef}.dash-tab{flex:none;padding:12px 15px;border:0;border-bottom:3px solid transparent;background:transparent;color:#64748b;font-size:12px;font-weight:750}.dash-tab:hover,.dash-tab.active{border-bottom-color:#16845b;color:#16845b}
.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat{padding:18px;border:1px solid #e1e8ef;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(23,43,77,.04)}.stat span{display:block;color:#64748b;font-size:11px}.stat strong{display:block;margin-top:4px;color:#17345d;font-size:28px}.data-list{display:grid;gap:11px;margin-top:14px}.data-row{padding:17px;border:1px solid #e1e8ef;border-radius:12px;background:white}.data-row h3{margin:0 0 4px;color:#17345d;font-size:15px}.data-row p{margin:4px 0;color:#64748b;font-size:12px}.small-btn{margin:8px 8px 0 0}#dashboardContent>.card{margin-bottom:14px}
footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:44px;padding:25px max(24px,calc((100vw - 1260px)/2));border-top:1px solid #e1e8ef;background:#fff}footer .logo{font-size:23px}footer p{margin:0;color:#526174;font-size:12px}footer small{margin-left:auto;color:#64748b;font-size:10px}
dialog{position:relative;width:min(560px,calc(100% - 28px));max-height:min(90vh,850px);padding:28px;border:1px solid #e1e8ef;border-radius:16px;background:#fff;color:#1f2937;box-shadow:0 25px 80px rgba(15,23,42,.25)}dialog::backdrop{background:rgba(15,30,52,.56);backdrop-filter:blur(2px)}dialog form{display:grid;gap:13px}dialog h2{margin:0;color:#17345d;font-size:24px}.close{position:absolute;top:11px;right:12px;display:grid;place-items:center;width:35px;height:35px;border:0;border-radius:8px;background:#f0f4f8;color:#536175;font-size:23px}.close:hover{background:#e4ebf2;color:#17345d}.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.toast{position:fixed;right:22px;bottom:22px;z-index:100;max-width:min(420px,calc(100vw - 32px));padding:13px 17px;border-radius:10px;background:#17345d;color:#fff;box-shadow:0 12px 28px rgba(23,43,77,.2);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translateY(0)}.toast.err{background:#a63232}
@media(max-width:1000px){.topbar{gap:16px;padding-inline:22px}.topbar nav{gap:0}.topbar nav a{padding-inline:9px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#home .hero{gap:25px;padding-block:42px}}
@media(max-width:700px){.topbar{min-height:64px;flex-wrap:wrap;gap:8px 14px;padding:11px 16px}.logo{font-size:24px}.topbar nav{order:3;width:100%;overflow:auto;justify-content:flex-start;border-top:1px solid #f0f3f6}.topbar nav a{flex:none;padding:9px 12px;font-size:12px}.topbar #headerActions{margin-left:auto}.topbar #headerActions .btn{min-height:36px;padding:8px 11px;font-size:11px}.demo-notice{font-size:10px}.section{width:calc(100% - 32px);padding:38px 0}#home>.section{padding-inline:16px}.section.muted{padding-inline:16px}#home .hero{grid-template-columns:1fr;gap:20px;padding:34px 16px}.hero h1{font-size:39px}.hero p{font-size:14px}.hero-actions .btn{flex:1}.searchbar{gap:4px}.searchbar .btn{min-width:85px;padding-inline:10px}.three-grid{grid-template-columns:1fr 1fr;gap:11px}.toolbar{grid-template-columns:1fr;gap:8px;padding:11px}.toolbar input,.toolbar select{width:100%;min-width:0}.product-card>img{height:145px}.product-content{padding:12px}.product-content h3{font-size:14px}.product-foot{align-items:flex-start;flex-direction:column}.quote-btn{width:100%}.stats-grid{grid-template-columns:1fr 1fr}.auth-card{padding:22px 18px}.dashboard-heading h1{font-size:28px}footer{align-items:flex-start;flex-direction:column;margin-top:28px;padding:22px 16px}footer small{margin-left:0}}
@media(max-width:430px){.category-grid{gap:8px}.category{grid-template-columns:58px minmax(0,1fr);min-height:92px;padding:10px}.category::before{width:58px;height:68px}.category strong{font-size:12px}.category small{font-size:10px}.three-grid{grid-template-columns:1fr}.hero h1{font-size:34px}.searchbar{flex-direction:column}.searchbar .btn{width:100%}.hero-actions{flex-direction:column}.stats-grid{grid-template-columns:1fr}.auth-card h1{font-size:26px}.two-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Pricing, transparency, and prototype-only tools */
.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.pricing-card{display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.pricing-card.featured{border-color:#7eb99e;box-shadow:0 10px 28px rgba(22,132,91,.1)}.pricing-card h2{margin:8px 0;color:var(--navy);font-size:21px}.plan-status{align-self:flex-start;padding:5px 9px;border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-size:10px;font-weight:800}.plan-price{margin:4px 0 8px;color:var(--navy);font-size:31px;font-weight:850}.plan-price small{margin-left:4px;color:var(--muted);font-size:12px;font-weight:500}.pricing-card>p:not(.plan-price){color:var(--muted);font-size:12px}.pricing-card ul{flex:1;padding-left:19px;color:#475569;font-size:12px;line-height:1.75}.pricing-card li::marker{color:var(--green)}.pricing-card button:disabled{opacity:.7;cursor:not-allowed}.feature-section{margin:36px calc(-1 * max(24px,calc((100vw - 1240px)/2)));padding:42px max(24px,calc((100vw - 1240px)/2))!important}.feature-section .card .btn{margin-top:14px}.ad-plan{background:linear-gradient(160deg,#fff,#f5f8fb)}
.calculator-form{display:grid;gap:16px;margin:22px 0}.cost-result:empty{display:none}.cost-breakdown{padding:16px;border:1px solid #dbe7e0;border-radius:11px;background:#f8fcfa}.cost-breakdown h3{margin:0 0 9px}.cost-breakdown p{display:flex;justify-content:space-between;gap:16px;margin:7px 0;color:#506073;font-size:13px}.cost-breakdown .cost-total{padding-top:9px;border-top:1px solid #d8e5dd;color:var(--navy);font-size:16px}.cost-total strong{color:var(--green-dark)}.preview-banner,.trust-status{margin:20px 0;padding:16px 18px;border:1px solid #ead9ac;border-radius:11px;background:#fffbef;color:#684f20}.preview-banner p,.trust-status p{margin:5px 0 0;color:#796a4d;font-size:13px}.trust-status{border-color:#dce5ec;background:#f6f8fb;color:var(--navy)}.trust-status p{color:var(--muted)}.subscription-mini{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 18px;padding:15px 17px;border:1px solid #dce7e1;border-radius:12px;background:#f7fcf9}.subscription-mini span{margin-right:auto;color:var(--muted);font-size:12px}.rfq-actions{display:flex;gap:10px;justify-content:flex-end}.rfq-actions .btn{flex:1}.quote-comparison{margin-top:20px}.quote-comparison>p{font-size:12px}.ad-slot{margin:18px 0;padding:16px;border:1px dashed #cbd5e1;border-radius:11px;background:#fff;color:var(--muted);font-size:12px;text-align:center}.ad-slot a{color:var(--green-dark);font-weight:750}.toolbar label{flex:1}.toolbar label select{display:block;width:100%;margin-top:6px}
@media(max-width:1000px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-section{margin-inline:-24px;padding-inline:24px!important}}
@media(max-width:700px){.pricing-grid{grid-template-columns:1fr}.pricing-card{padding:19px}.calculator-form .two-grid{grid-template-columns:1fr}.rfq-actions{flex-direction:column}.subscription-mini{align-items:flex-start;flex-direction:column}.subscription-mini span{margin:0}.feature-section{margin-inline:-16px;padding-inline:16px!important}}
@media(max-width:850px){.topbar{flex-wrap:wrap}.topbar nav{order:3;flex-basis:100%;overflow-x:auto;border-top:1px solid #f0f3f6}.topbar #headerActions{margin-left:auto}}
.check-label{display:flex;align-items:center;gap:9px}.check-label input{width:17px;min-height:17px;flex:none;margin:0;accent-color:var(--green)}

/* EXOPOT premium identity */
:root{--navy:#10243d;--navy-deep:#091a2b;--green:#176653;--green-dark:#104d3e;--green-soft:#edf5f0;--gold:#b18a4c;--gold-soft:#f1e8d6;--line:#e8e1d5;--page:#f7f5ef;--paper:#f7f5ef;--card-shadow:0 12px 34px rgba(16,36,61,.09)}
body{background:var(--paper);color:#263344}
.topbar{background:rgba(255,254,250,.97);border-bottom-color:#e8e0d1;box-shadow:0 5px 22px rgba(16,36,61,.055)}
.logo{gap:0}.logo img{display:block;width:158px;height:auto}.topbar nav a:hover,.topbar nav a:focus-visible{color:var(--navy);background:#f4efe4}
.btn.primary{background:var(--navy);border-color:var(--navy);box-shadow:0 5px 13px rgba(16,36,61,.17)}.btn.primary:hover{background:#1a3856;border-color:#1a3856;box-shadow:0 7px 18px rgba(16,36,61,.2)}
.btn.outline{border-color:#cbb990;color:var(--navy)}.btn.outline:hover{border-color:var(--gold);background:#fcf9f2;color:var(--navy)}
.demo-notice{background:#10243d;color:#f2ead9;border-bottom:2px solid var(--gold)}
#home .hero{min-height:480px;background:linear-gradient(118deg,#f4f1e8 0%,#fbfaf6 55%,#eee8db 100%)}
#home .hero::before{background:radial-gradient(ellipse at 78% 48%,rgba(203,177,126,.19),transparent 45%),linear-gradient(110deg,#f5f2e9 0%,#fbfaf6 62%,#f0ebdf 100%)}
#home .hero::after{width:34%;background:linear-gradient(90deg,transparent,rgba(177,138,76,.09))}
.hero h1{color:#10243d}.hero h1 span{color:#176653}.eyebrow{color:#92713c}
.hero-brand-panel{position:relative;isolation:isolate;display:flex;min-height:330px;align-self:stretch;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:34px 26px;border:1px solid #d8c8a9;border-radius:20px;background:linear-gradient(145deg,#fffefa 0%,#f4efe4 100%);box-shadow:0 24px 58px rgba(16,36,61,.13),inset 0 0 0 7px rgba(255,255,255,.65);text-align:center}
.hero-brand-panel::before,.hero-brand-panel::after{position:absolute;z-index:-1;content:"";border:1px solid rgba(177,138,76,.25);border-radius:50%}
.hero-brand-panel::before{width:340px;height:340px;right:-180px;top:-188px}.hero-brand-panel::after{width:280px;height:280px;left:-174px;bottom:-185px}
.hero-brand-logo{width:min(390px,90%);height:auto;filter:drop-shadow(0 7px 10px rgba(16,36,61,.08))}
.brand-panel-kicker{color:#947747;font-size:9px;font-weight:800;letter-spacing:.2em}.brand-panel-divider{width:58px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.hero-brand-panel>p{margin:0;color:#536172;font-family:Georgia,"Times New Roman",serif;font-size:21px;line-height:1.45}.hero-brand-panel>p strong{color:#10243d;font-weight:700}
.brand-panel-tags{display:flex;align-items:center;gap:12px;color:#667386;font-size:9px;font-weight:800;letter-spacing:.14em}.brand-panel-tags i{width:4px;height:4px;border-radius:50%;background:var(--gold)}
.brand-panel-corner{position:absolute;right:22px;bottom:4px;color:rgba(177,138,76,.12);font-family:Georgia,serif;font-size:100px;font-weight:700;line-height:1}
.category,.card,.product-card,.supplier-card,.pricing-card,.stat,.data-row,.auth-card{border-color:#e8e1d5;box-shadow:0 7px 23px rgba(16,36,61,.055)}
.category:hover,.card:hover,.product-card:hover,.supplier-card:hover{border-color:#d1bd98}
.category::before{filter:saturate(.72)}
.section.muted{background:#f0ede5;border-color:#e8e1d5}
.ad-slot{border-color:#d4c39f;background:#fcfaf5;color:#7f7159}
.logo span{color:var(--gold)}footer{background:#fffefa;border-top-color:#e8e1d5}footer .logo img{width:148px}
@media(max-width:850px){.logo img{width:145px}}
@media(max-width:700px){#home .hero{background:#f5f2e9}.hero-brand-panel{min-height:250px;padding:27px 18px;gap:14px}.hero-brand-logo{width:min(330px,92%)}.hero-brand-panel>p{font-size:18px}.brand-panel-kicker{font-size:8px}.brand-panel-corner{font-size:78px}.logo img{width:132px}}

/* Reference palette: fresh mint, forest green, and electric green */
:root{--navy:#10271f;--navy-deep:#0a211a;--green:#176f50;--green-dark:#11563d;--green-soft:#e8f5eb;--gold:#32d653;--gold-soft:#e5f8e9;--page:#f3f8f2;--paper:#f3f8f2;--line:#dfeae0;--card-shadow:0 12px 34px rgba(16,55,37,.09)}
body{background:#f4f8f2;color:#172d23}
.topbar{background:rgba(252,254,250,.97);border-bottom-color:#e0e9df;box-shadow:0 5px 22px rgba(20,57,40,.055)}
.topbar nav a{color:#58675e}.topbar nav a:hover,.topbar nav a:focus-visible{color:#176f50;background:#e8f5eb}
.btn.primary{background:#176f50;border-color:#176f50;box-shadow:0 5px 13px rgba(23,111,80,.17)}.btn.primary:hover{background:#11563d;border-color:#11563d;box-shadow:0 7px 18px rgba(17,86,61,.21)}
.btn.outline{border-color:#cedbd0;color:#183c2c}.btn.outline:hover{border-color:#2dba52;background:#f5fcf5;color:#123d2d}
.demo-notice{background:#153e30;color:#e9f5eb;border-bottom:2px solid #30d653}
#home .hero{background:linear-gradient(118deg,#f1f8f1 0%,#fbfdf9 55%,#e7f4e8 100%)}
#home .hero::before{background:radial-gradient(ellipse at 80% 45%,rgba(55,211,87,.13),transparent 44%),linear-gradient(110deg,#f1f8f1 0%,#fbfdf9 61%,#e8f5e9 100%)}
#home .hero::after{background:linear-gradient(90deg,transparent,rgba(35,179,77,.08))}
.hero h1{color:#10271f}.hero h1 span{color:#18754f}.hero p{color:#5c6d62}.eyebrow{color:#176f50}
.hero-proof{margin:9px 0 13px!important;color:#6e7d70!important;font-size:11px!important;letter-spacing:.015em}
.hero-brand-panel{min-height:330px;border-color:#1c5b43;border-radius:18px;background-color:#103c2f;background-image:linear-gradient(rgba(147,220,164,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(147,220,164,.075) 1px,transparent 1px),radial-gradient(circle at 72% 32%,rgba(46,214,83,.2),transparent 38%),linear-gradient(140deg,#164b39,#0b3027 85%);background-size:32px 32px,32px 32px,auto,auto;box-shadow:0 24px 58px rgba(11,49,36,.2),inset 0 0 0 1px rgba(115,232,137,.12)}
.hero-brand-panel::before,.hero-brand-panel::after{border-color:rgba(83,225,111,.18)}.hero-brand-panel::before{width:340px;height:340px;right:-145px;top:-210px}.hero-brand-panel::after{width:275px;height:275px;left:-150px;bottom:-175px}
.hero-brand-logo{position:relative;z-index:1;width:min(430px,96%);filter:drop-shadow(0 8px 20px rgba(0,0,0,.25))}
.brand-panel-kicker{position:relative;z-index:1;color:#b7e7c3;letter-spacing:.18em}
.brand-panel-divider{position:relative;z-index:1;background:linear-gradient(90deg,transparent,#39d958,transparent)}
.hero-brand-panel>p{position:relative;z-index:1;margin:0;padding:12px 22px;border:1px solid rgba(255,255,255,.48);border-left:3px solid #2fda55;border-radius:11px;background:rgba(253,255,251,.96);box-shadow:0 10px 26px rgba(0,0,0,.13);color:#69766c;font-family:"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5;text-align:left}
.hero-brand-panel>p strong{color:#173b2c;font-size:16px}.brand-panel-tags{position:relative;z-index:1;color:#e2f2e5;font-size:9px}.brand-panel-tags i{background:#39d958}.brand-panel-corner{color:rgba(57,217,88,.12)}
.category,.card,.product-card,.supplier-card,.pricing-card,.stat,.data-row,.auth-card{border-color:#dfe9df;box-shadow:0 7px 23px rgba(16,55,37,.055)}
.category:hover,.card:hover,.product-card:hover,.supplier-card:hover{border-color:#98cea5}
.category::before{filter:saturate(.82)}.section.muted{background:#eaf3e9;border-color:#dfe9df}
.ad-slot{border-color:#b6d8bd;background:#f8fcf6;color:#607764}.logo span{color:#2dcc50}
footer{background:#fcfefa;border-top-color:#dfe9df}
@media(max-width:700px){#home .hero{background:#f1f8f1}.hero-brand-panel{min-height:250px;padding:24px 16px;gap:12px}.hero-brand-logo{width:min(340px,96%)}.hero-brand-panel>p{font-size:13px}.hero-brand-panel>p strong{font-size:15px}.brand-panel-kicker{font-size:8px}.brand-panel-corner{font-size:78px}}

/* Homepage content density: filled sections, light background, compact rhythm */
#home .hero{min-height:438px;padding-block:39px;gap:38px}
#home>.section{padding-block:39px;background:#fcfefa}
#home>.section.muted{background:#eaf4e9}
#home .category-grid{gap:12px}
#home .category{min-height:104px;background:#fff}
.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}
.section-heading-row h2{margin-bottom:6px}
.section-heading-row .subtext{margin:0}
.home-products{border-block:1px solid #e7efe5;background:#f7fbf6!important}
#homeProductGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#homeProductGrid .product-card{background:#fff}
#homeProductGrid .product-card>img{height:165px}
#homeProductGrid .product-content{padding:15px}
#home>.section.muted{padding-block:42px}
#home>.section.muted .card{min-height:142px;border-color:#dfeadf;background:#fff}
.ad-slot{margin:12px 0 0;padding:11px 14px}
@media(max-width:700px){#home .hero{min-height:0;padding-block:32px;gap:20px}#home>.section{padding-block:30px}.section-heading-row{align-items:flex-start;flex-direction:column;gap:10px}.section-heading-row>.btn{width:100%}#homeProductGrid{grid-template-columns:1fr;gap:13px}#homeProductGrid .product-card{display:grid;grid-template-columns:112px minmax(0,1fr)}#homeProductGrid .product-card>img{width:112px;height:100%;min-height:190px;object-fit:cover}#homeProductGrid .product-content{padding:12px}.home-products{padding-inline:16px!important}}

/* Language switch and filled mint hero */
.language-control{display:flex;align-items:center;margin-left:0}
.language-control select{width:auto;min-width:78px;min-height:37px;padding:7px 28px 7px 10px;border-color:#cfe0d1;border-radius:8px;background:#f9fcf8;color:#234737;font-size:12px;font-weight:750}
.language-control select:focus{border-color:#2dba52;box-shadow:0 0 0 3px rgba(45,186,82,.12)}
.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}
#home .hero{background:linear-gradient(118deg,#e7f4e7 0%,#f0f8ed 48%,#e1f1e2 100%);border-bottom:1px solid #d9ead9}
#home .hero::before{background:radial-gradient(circle at 1px 1px,rgba(23,111,80,.075) 1px,transparent 1.5px) 0 0/19px 19px,radial-gradient(ellipse at 82% 46%,rgba(48,217,83,.16),transparent 40%),linear-gradient(110deg,#e8f5e8 0%,#f5faf1 58%,#e4f3e4 100%)}
#home .hero::after{width:38%;background:linear-gradient(90deg,transparent,rgba(48,217,83,.09))}
@media(max-width:850px){.language-control{margin-left:auto}.topbar #headerActions{margin-left:0}}
@media(max-width:700px){.language-control{order:2;margin-left:auto}.language-control select{min-height:35px}.topbar #headerActions{margin-left:0}}
.hero-brand-panel{background-color:#0a3028;background-image:linear-gradient(135deg,rgba(8,39,30,.35),rgba(8,35,28,.54)),url("assets/exopot-global-hero.png");background-position:center;background-size:cover;background-repeat:no-repeat}
/* Full-width cinematic hero banner */
#home .hero{
  background-color:#09231e;
  background-image:url("assets/exopot-global-hero.png");
  background-position:center 46%;
  background-size:cover;
  background-repeat:no-repeat;
  border-bottom:1px solid #15533b;
}
#home .hero::before{
  z-index:-1;
  inset:0;
  width:auto;
  height:auto;
  background:linear-gradient(90deg,rgba(239,248,237,.96) 0%,rgba(239,248,237,.9) 34%,rgba(239,248,237,.56) 53%,rgba(5,23,23,.22) 100%);
}
#home .hero::after{z-index:-1;inset:0;width:auto;height:auto;background:linear-gradient(0deg,rgba(3,20,18,.34),transparent 34%,rgba(3,20,18,.08))}
.hero-brand-panel{
  background-color:rgba(5,39,30,.48);
  background-image:linear-gradient(145deg,rgba(8,45,33,.52),rgba(3,25,23,.62));
  border-color:rgba(94,236,111,.5);
  box-shadow:0 24px 58px rgba(0,0,0,.28),inset 0 0 0 1px rgba(115,232,137,.16);
  backdrop-filter:blur(3px);
}
.hero-brand-panel::before,.hero-brand-panel::after{border-color:rgba(83,225,111,.24)}
@media(max-width:700px){
  #home .hero{background-position:58% center}
  #home .hero::before{background:linear-gradient(180deg,rgba(239,248,237,.94) 0%,rgba(239,248,237,.88) 44%,rgba(5,23,23,.38) 100%)}
  .hero-brand-panel{background-color:rgba(5,39,30,.5)}
}
/* Keep the second hero headline line crisp against the global banner */
#home .hero h1 span{color:#153d36;text-shadow:0 1px 0 rgba(255,255,255,.28)}
#home .hero h1 span{color:#9a5b24;text-shadow:0 1px 0 rgba(255,255,255,.35)}
/* Banner contrast cleanup: let the global artwork show through */
#home .hero{
  background-image:linear-gradient(90deg,rgba(3,17,22,.77) 0%,rgba(3,17,22,.61) 43%,rgba(3,17,22,.22) 100%),url("assets/exopot-global-hero.png");
  background-color:#061a20;
  background-position:center 46%;
}
#home .hero::before,#home .hero::after{display:none}
#home .hero h1{color:#fffaf0;text-shadow:0 2px 14px rgba(0,0,0,.36)}
#home .hero h1 span{color:#f2bd66;text-shadow:0 2px 12px rgba(0,0,0,.38)}
#home .hero .eyebrow{color:#9df2a9;text-shadow:0 1px 6px rgba(0,0,0,.6)}
#home .hero p{color:#e4edf0;text-shadow:0 1px 8px rgba(0,0,0,.55)}
#home .hero .hero-proof{color:#c8d7d9!important}
.hero-brand-panel{
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
}
.hero-brand-panel::before,.hero-brand-panel::after{display:none}
.hero-brand-panel .brand-panel-kicker,.hero-brand-panel .brand-panel-tags{color:#effbf0;text-shadow:0 1px 7px rgba(0,0,0,.75)}
.hero-brand-panel .brand-panel-divider{background:linear-gradient(90deg,transparent,#37e451,transparent)}
@media(max-width:700px){
  #home .hero{background-image:linear-gradient(180deg,rgba(3,17,22,.72) 0%,rgba(3,17,22,.66) 50%,rgba(3,17,22,.3) 100%),url("assets/exopot-global-hero.png");background-position:58% center}
}
/* Cool aqua accent and readable copy card */
#home .hero h1 span{color:#8bd8dc;text-shadow:0 2px 12px rgba(0,0,0,.42)}
#home .hero .hero-brand-panel>p{color:#5b6b67;text-shadow:none}
#home .hero .hero-brand-panel>p strong{color:#143a31;text-shadow:none}
/* More visual, fuller How it works section */
.process-section{
  position:relative;
  overflow:hidden;
  padding-top:52px;
  padding-bottom:58px;
  background:radial-gradient(ellipse at 5% 0%,rgba(113,195,135,.16),transparent 38%),linear-gradient(135deg,#eef6ec 0%,#e5f0e3 100%);
}
.process-section::before,.process-section::after{position:absolute;pointer-events:none;content:"";border:1px solid rgba(34,120,82,.09);border-radius:50%}
.process-section::before{width:360px;height:360px;right:-190px;top:-225px}
.process-section::after{width:260px;height:260px;left:-155px;bottom:-185px}
.process-section>.eyebrow,.process-section>h2,.process-intro,.process-grid{position:relative;z-index:1}
.process-section>.eyebrow{color:#16724f}
.process-section>h2{margin-bottom:7px;font-size:clamp(30px,3.5vw,40px)}
.process-intro{max-width:640px;margin:0 0 27px;color:#5c6f68;font-size:15px}
.process-grid{gap:18px}
.process-step{position:relative;min-height:205px;padding:24px 24px 21px 92px;border:1px solid #d8e6da;border-radius:16px;background:linear-gradient(145deg,#fff 0%,#f9fcf9 100%);box-shadow:0 10px 28px rgba(27,70,50,.07);transition:transform .18s,box-shadow .18s,border-color .18s}
.process-step:hover{transform:translateY(-4px);border-color:#9bc7a7;box-shadow:0 16px 34px rgba(27,70,50,.13)}
.process-step>b{position:absolute;left:23px;top:24px;display:grid;place-items:center;width:52px;height:52px;margin:0;border:1px solid #c8e7d2;border-radius:15px;background:linear-gradient(145deg,#eaf8ed,#d9f1e1);color:#17754f;font-size:15px;font-weight:850;box-shadow:inset 0 1px #fff}
.process-step h3{margin:2px 0 9px;color:#17345d;font-size:20px}
.process-step p{margin:0 0 20px;color:#5e6d67;font-size:14px;line-height:1.65}
.process-step>span{display:inline-flex;align-items:center;gap:8px;color:#16724f;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.process-step>span::after{content:"\2192";font-size:16px;line-height:1;transition:transform .18s}
.process-step:hover>span::after{transform:translateX(4px)}
@media(max-width:700px){.process-section{padding-block:36px}.process-intro{font-size:13px;margin-bottom:19px}.process-grid{grid-template-columns:1fr;gap:12px}.process-step{min-height:0;padding:20px 18px 19px 78px}.process-step>b{left:17px;top:19px;width:46px;height:46px}.process-step h3{font-size:18px}.process-step p{font-size:13px;margin-bottom:13px}}
/* Dedicated manufacturing image as a soft section backdrop */
.process-section{
  background-color:#eaf3ea;
  background-image:linear-gradient(90deg,rgba(235,245,235,.48),rgba(235,245,235,.42)),url("assets/how-it-works-bg.png");
  background-position:center 52%;
  background-size:cover;
  background-repeat:no-repeat;
}
.process-step{background:rgba(255,255,255,.97);backdrop-filter:blur(3px)}
/* Ensure the muted-section base rule cannot hide this section's photo */
#home .section.muted.process-section{
  background-color:#eaf3ea;
  background-image:linear-gradient(90deg,rgba(235,245,235,.38),rgba(235,245,235,.32)),url("assets/how-it-works-bg.png");
  background-position:center 52%;
  background-size:cover;
  background-repeat:no-repeat;
}
/* Richer contrast for the How it works photo section */
#home .section.muted.process-section{
  background-image:linear-gradient(90deg,rgba(4,20,27,.76),rgba(5,25,31,.66)),url("assets/how-it-works-bg.png");
  background-position:center 52%;
}
#home .section.muted.process-section>.eyebrow{color:#8ce9aa;text-shadow:0 1px 8px rgba(0,0,0,.45)}
#home .section.muted.process-section>h2{color:#f6faf8;text-shadow:0 2px 12px rgba(0,0,0,.35)}
#home .process-intro{color:#d3e3e4;text-shadow:0 1px 7px rgba(0,0,0,.5)}
.process-step{
  min-height:196px;
  padding-top:22px;
  border:1px solid rgba(203,233,215,.9);
  border-top:3px solid #2aa866;
  background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(242,249,244,.97));
  box-shadow:0 16px 36px rgba(0,0,0,.17),0 2px 8px rgba(15,54,39,.08);
}
.process-step>b{border-color:#c4e6d0;background:linear-gradient(145deg,#e9f8ed,#d4efdd);color:#126842}
.process-step h3{color:#173e35}
.process-step p{color:#5c6c67}
.process-step>span{color:#13734a}
@media(max-width:700px){.process-step{min-height:0;padding-top:20px}}
/* Light, attractive marketplace canvas */
#marketplace.page{
  width:100%;
  margin:0;
  padding:46px max(24px,calc((100vw - 1260px)/2)) 72px;
  background-color:#f2f7f2;
  background-image:
    radial-gradient(ellipse at 8% 5%,rgba(110,202,144,.17),transparent 27%),
    radial-gradient(ellipse at 94% 13%,rgba(117,177,216,.15),transparent 25%),
    radial-gradient(circle at 1px 1px,rgba(31,95,74,.045) 1px,transparent 1.4px),
    linear-gradient(135deg,rgba(243,248,244,.78),rgba(242,247,250,.73)),
    url("assets/marketplace-bg.png");
  background-size:auto,auto,22px 22px,auto,cover;
}
#marketplace.page>h1{margin-bottom:8px}
#marketplace.page>.subtext{margin:0 0 19px;color:#60736c}
#marketplace .toolbar{border-color:#dce8e3;box-shadow:0 8px 24px rgba(29,76,56,.07)}
#marketplace #productCount{color:#5d7168}
#marketplace #productGrid .product-card{border-color:#dce7e2;box-shadow:0 8px 22px rgba(29,76,56,.075)}
#marketplace #productGrid .product-card:hover{box-shadow:0 16px 32px rgba(29,76,56,.14)}
@media(max-width:700px){#marketplace.page{padding:34px 16px 48px}}
/* Balance marketplace photo visibility with clear card separation */
#marketplace.page{
  background-image:
    radial-gradient(ellipse at 8% 5%,rgba(110,202,144,.12),transparent 27%),
    radial-gradient(ellipse at 94% 13%,rgba(117,177,216,.12),transparent 25%),
    radial-gradient(circle at 1px 1px,rgba(31,95,74,.035) 1px,transparent 1.4px),
    linear-gradient(135deg,rgba(237,245,239,.48),rgba(235,243,248,.42)),
    url("assets/marketplace-bg.png");
  background-size:auto,auto,22px 22px,auto,cover;
  background-position:center,center,0 0,center,center 38%;
  background-attachment:scroll,scroll,scroll,scroll,scroll;
}
#marketplace .toolbar{border-color:#cbded3;background:rgba(255,255,255,.97);box-shadow:0 10px 28px rgba(24,64,46,.12)}
#marketplace #productGrid .product-card{border:1px solid #cbded4;background:#fff;box-shadow:0 12px 28px rgba(20,57,41,.15)}
#marketplace #productGrid .product-card:hover{border-color:#8fbda1;box-shadow:0 18px 38px rgba(20,57,41,.2)}
@media(max-width:700px){#marketplace.page{background-attachment:scroll,scroll,scroll,scroll,scroll}}
/* Slightly darker marketplace photo, with heading contrast preserved */
#marketplace.page{
  background-image:
    radial-gradient(ellipse at 8% 5%,rgba(110,202,144,.1),transparent 27%),
    radial-gradient(ellipse at 94% 13%,rgba(117,177,216,.1),transparent 25%),
    radial-gradient(circle at 1px 1px,rgba(31,95,74,.035) 1px,transparent 1.4px),
    linear-gradient(135deg,rgba(8,25,31,.17),rgba(11,33,38,.12)),
    url("assets/marketplace-bg.png");
  background-size:auto,auto,22px 22px,auto,cover;
  background-position:center,center,0 0,center,center 38%;
}
#marketplace.page>h1{color:#17345d;text-shadow:0 1px 10px rgba(255,255,255,.85)}
#marketplace.page>.subtext{text-shadow:0 1px 8px rgba(255,255,255,.85)}
#marketplace.page>h1{color:#111827;text-shadow:0 1px 8px rgba(255,255,255,.72)}
#marketplace.page>h1{text-transform:uppercase;letter-spacing:.015em}
#marketplace.page>h1{text-align:center}
/* Fill the category discovery band with a soft premium color wash */
#home>.category-discovery-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-top:48px;
  padding-bottom:42px;
  border-bottom:1px solid #dcebe0;
  background-color:#f1f7f0;
  background-image:
    radial-gradient(ellipse at 9% 0%,rgba(93,190,124,.17),transparent 33%),
    radial-gradient(ellipse at 92% 100%,rgba(119,180,214,.16),transparent 34%),
    radial-gradient(circle at 1px 1px,rgba(23,92,68,.055) 1px,transparent 1.5px),
    linear-gradient(120deg,#f4f8f2,#edf5f1 52%,#f2f7fa);
  background-size:auto,auto,22px 22px,auto;
}
#home>.category-discovery-section::after{position:absolute;z-index:-1;right:-130px;top:-195px;width:390px;height:390px;border:1px solid rgba(39,137,91,.12);border-radius:50%;content:"";pointer-events:none}
.category-discovery-section .eyebrow{color:#16724f}
.category-discovery-section h2{margin-bottom:24px}
.category-discovery-section .category{min-height:124px;border-color:#d5e4d9;background:rgba(255,255,255,.94);box-shadow:0 8px 22px rgba(31,76,53,.08)}
.category-discovery-section .category::before{width:82px;height:92px;border-radius:12px}
.category-discovery-section .category:hover{border-color:#9dc9aa;box-shadow:0 14px 30px rgba(31,76,53,.14)}
.category-discovery-section .ad-slot{border-color:#b9d9c4;background:rgba(255,255,255,.58)}
@media(max-width:700px){#home>.category-discovery-section{padding-block:34px}.category-discovery-section .category{min-height:100px}.category-discovery-section .category::before{width:62px;height:72px}}
/* Site-wide finish: richer light surfaces and stronger navigation */
body{background-color:#edf4ef}
.topbar{
  min-height:82px;
  background:linear-gradient(105deg,rgba(247,251,247,.99),rgba(233,244,237,.98));
  border-bottom:1px solid #d7e6da;
  box-shadow:0 6px 22px rgba(21,66,45,.09);
}
.logo img{width:178px;height:auto}
.topbar nav{gap:4px}
.topbar nav a{padding:11px 12px;color:#30463b;font-size:15px;font-weight:750;letter-spacing:.005em}
.topbar nav a:hover,.topbar nav a:focus-visible{color:#126844;background:#e1f2e6}
#headerActions .btn{font-size:14px;font-weight:800}
.language-control select{font-size:13px;font-weight:800}
.home-products{
  background-color:#f1f7f2!important;
  background-image:radial-gradient(ellipse at 95% 10%,rgba(116,185,208,.12),transparent 32%),radial-gradient(circle at 1px 1px,rgba(33,105,72,.035) 1px,transparent 1.4px),linear-gradient(120deg,#f5f9f4,#edf5f0)!important;
  background-size:auto,22px 22px,auto!important;
  border-block-color:#dce9df;
}
.page.section:not(#home):not(#marketplace){
  background-color:#f2f7f2;
  background-image:radial-gradient(ellipse at 95% 0%,rgba(113,190,142,.12),transparent 32%),radial-gradient(ellipse at 0% 75%,rgba(130,182,210,.1),transparent 33%),linear-gradient(145deg,#f5f8f4,#eef5f2);
}
footer{background:linear-gradient(110deg,#f8fbf8,#eaf3ed);border-top-color:#d6e5d9}
@media(max-width:1000px){.logo img{width:160px}.topbar nav a{padding-inline:9px;font-size:14px}}
@media(max-width:850px){.logo img{width:154px}}
@media(max-width:700px){.topbar{min-height:68px}.logo img{width:145px}.topbar nav a{font-size:13px;font-weight:750}}
@media(min-width:1101px){.topbar{padding-left:max(14px,calc((100vw - 1308px)/2))}.logo img{width:190px}}
/* Site-wide soft tint: replace stark white surfaces with a coordinated pale sage */
:root{--surface:#f6faf6;--page:#eef4ef}
body{background:#edf4ef}
.topbar{background:linear-gradient(110deg,#edf5ef 0%,#e7f1ea 100%);border-bottom-color:#d2e1d5}
.card,.product-card,.supplier-card,.category,.auth-card,.pricing-card,.stat,.data-row,.toolbar,.toolbar input,.toolbar select,.auth-card input,.auth-card select,.auth-card textarea,dialog,.btn.outline,.subscription-mini,.cost-breakdown{
  background-color:#f5f9f5;
}
.product-content{background:linear-gradient(160deg,#f8fbf8,#eff6f0)}
.toolbar{background:linear-gradient(115deg,#eff6f0,#e9f2ec)}
.toolbar input,.toolbar select,.auth-card input,.auth-card select,.auth-card textarea{background:#fbfdfb;border-color:#cadbce}
.auth-card,.pricing-card,.stat,.data-row,.card,.supplier-card{border-color:#d6e3d8}
dialog{background:linear-gradient(145deg,#f8fbf8,#edf5ef);border-color:#d4e3d7}
.btn.outline{background:#f7fbf7;border-color:#c8d9cc}
.ad-slot{background:rgba(241,248,242,.82)}
footer{background:linear-gradient(110deg,#eaf3ec,#e4efe7);border-top-color:#d1e1d5}
#home .home-products{background-color:#eff6f0!important}
#home .category-discovery-section .category{background:linear-gradient(145deg,#f8fbf8,#eef6f0)}
#marketplace .toolbar{background:linear-gradient(115deg,#f5f9f5,#eaf3ed)}
#marketplace #productGrid .product-card{background:#f4f8f4}
#marketplace #productGrid .product-content{background:linear-gradient(160deg,#f9fcf9,#edf5ef)}
.process-step{background:linear-gradient(145deg,#f8fbf8,#edf5ef)}
@media(max-width:700px){.topbar{background:linear-gradient(110deg,#edf5ef,#e7f1ea)}}
#home>.category-discovery-section .category{background:linear-gradient(145deg,#f7fbf7,#eaf3ec)}
#homeProductGrid .product-card{background:#f1f7f2}
#homeProductGrid .product-content{background:linear-gradient(160deg,#f8fbf8,#edf5ef)}
/* Pin the EXOPOT mark to the navbar's left and give it more prominence */
@media(min-width:1400px){
  .topbar{min-height:88px;padding-left:28px;padding-right:32px;gap:22px}
  .logo img{width:220px}
}
@media(min-width:1101px) and (max-width:1399px){
  .topbar{padding-left:24px;padding-right:24px;gap:15px}
  .logo img{width:184px}
  .topbar nav{gap:0}
  .topbar nav a{padding-inline:8px;font-size:13px}
}
/* Give the popular-products band a more deliberate color treatment */
#home>.home-products{
  background-color:#e8f1eb!important;
  background-image:
    radial-gradient(ellipse at 8% 0%,rgba(85,173,116,.2),transparent 35%),
    radial-gradient(ellipse at 94% 16%,rgba(101,162,204,.18),transparent 34%),
    radial-gradient(circle at 1px 1px,rgba(31,87,65,.05) 1px,transparent 1.4px),
    linear-gradient(125deg,#eaf3e9 0%,#e5f0ed 52%,#e8eff5 100%)!important;
  background-size:auto,auto,22px 22px,auto!important;
  border-block-color:#d1e2d6;
}
#homeProductGrid .product-card{background:#fff!important;border-color:#d5e2d8;box-shadow:0 12px 28px rgba(24,67,47,.1)}
#homeProductGrid .product-content{background:linear-gradient(160deg,#fff,#f8fbf8)!important}
#homeProductGrid .product-card:hover{box-shadow:0 18px 36px rgba(24,67,47,.16)}
/* Match category discovery to the richer popular-products band */
#home>.category-discovery-section{
  background-color:#e8f1eb;
  background-image:
    radial-gradient(ellipse at 8% 0%,rgba(85,173,116,.2),transparent 35%),
    radial-gradient(ellipse at 94% 16%,rgba(101,162,204,.18),transparent 34%),
    radial-gradient(circle at 1px 1px,rgba(31,87,65,.05) 1px,transparent 1.4px),
    linear-gradient(125deg,#eaf3e9 0%,#e5f0ed 52%,#e8eff5 100%);
  background-size:auto,auto,22px 22px,auto;
}
#home>.category-discovery-section .category{background:#fff;border-color:#d4e2d8;box-shadow:0 10px 25px rgba(24,67,47,.1)}
#home>.category-discovery-section .category:hover{box-shadow:0 16px 32px rgba(24,67,47,.16)}
#home>.category-discovery-section .ad-slot{background:rgba(255,255,255,.74);border-color:#c2dac9}
/* Give every inner page a matching industrial photo backdrop */
.page.section:not(#home):not(#marketplace){
  background-color:#eaf2ed;
  background-image:
    linear-gradient(115deg,rgba(235,245,238,.82) 0%,rgba(235,245,238,.69) 48%,rgba(235,244,247,.62) 100%),
    url("assets/marketplace-bg.png");
  background-size:cover,cover;
  background-position:center,center 38%;
  background-repeat:no-repeat;
}
.page.section:not(#home):not(#marketplace) .supplier-card,
.page.section:not(#home):not(#marketplace) .pricing-card,
.page.section:not(#home):not(#marketplace) .auth-card,
.page.section:not(#home):not(#marketplace) .card,
.page.section:not(#home):not(#marketplace) .stat,
.page.section:not(#home):not(#marketplace) .data-row{
  background:linear-gradient(145deg,rgba(249,252,249,.98),rgba(239,247,241,.97));
  border-color:#d2e2d7;
  box-shadow:0 12px 28px rgba(24,67,47,.1);
}
/* Premium full-bleed supplier discovery page */
#suppliers.page.section:not(#home):not(#marketplace){
  width:100%;
  min-height:calc(100vh - 122px);
  margin:0;
  padding:52px max(24px,calc((100vw - 1260px)/2)) 70px;
  color:#eef7f2;
  background-color:#071e24;
  background-image:
    radial-gradient(ellipse at 8% 5%,rgba(32,170,111,.2),transparent 34%),
    linear-gradient(112deg,rgba(3,20,27,.9) 0%,rgba(5,33,38,.76) 48%,rgba(4,22,32,.86) 100%),
    url("assets/marketplace-bg.png");
  background-size:auto,cover,cover;
  background-position:left top,center,center 40%;
  background-repeat:no-repeat;
}
#suppliers.page.section:not(#home):not(#marketplace)>.eyebrow{color:#8aefae;text-shadow:0 2px 10px rgba(0,0,0,.5)}
#suppliers.page.section:not(#home):not(#marketplace)>h1{margin-bottom:8px;color:#f6faf7;font-size:clamp(38px,4.4vw,54px);text-shadow:0 3px 16px rgba(0,0,0,.42)}
#suppliers.page.section:not(#home):not(#marketplace)>.subtext{margin:0 0 25px;color:#c9dcda;text-shadow:0 1px 9px rgba(0,0,0,.48)}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card{
  min-height:185px;
  padding:25px;
  border:1px solid rgba(115,213,157,.35);
  border-top:3px solid #28a967;
  border-radius:16px;
  background:linear-gradient(145deg,rgba(9,46,43,.95),rgba(7,31,40,.94));
  box-shadow:0 18px 38px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.05);
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card:hover{transform:translateY(-4px);border-color:rgba(115,232,157,.65);box-shadow:0 24px 44px rgba(0,0,0,.34)}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card h3{color:#f3faf5;font-size:21px}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card p{color:#c0d4d1;font-size:14px}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card>small{border:1px solid rgba(236,193,104,.32);background:rgba(193,139,49,.14);color:#f0c773}
@media(max-width:700px){#suppliers.page.section:not(#home):not(#marketplace){min-height:calc(100vh - 125px);padding:36px 16px 48px;background-position:left top,center,58% center}#suppliers.page.section:not(#home):not(#marketplace) .supplier-card{min-height:0;padding:21px}}
/* Bright 3D supplier discovery look */
#suppliers.page.section:not(#home):not(#marketplace){
  color:#163248;
  background-color:#dceef0;
  background-image:
    radial-gradient(ellipse at 12% 8%,rgba(46,211,157,.13),transparent 33%),
    linear-gradient(110deg,rgba(240,249,244,.3),rgba(233,244,250,.2)),
    url("assets/suppliers-3d-bg.png");
  background-size:auto,cover,cover;
  background-position:left top,center,center 48%;
  background-repeat:no-repeat;
}
#suppliers.page.section:not(#home):not(#marketplace)>.eyebrow{color:#08764e;text-shadow:0 1px 5px rgba(255,255,255,.8)}
#suppliers.page.section:not(#home):not(#marketplace)>h1{color:#10364d;text-shadow:0 2px 12px rgba(255,255,255,.75)}
#suppliers.page.section:not(#home):not(#marketplace)>.subtext{color:#365b68;text-shadow:0 1px 7px rgba(255,255,255,.85)}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid{gap:20px}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card{
  min-height:190px;
  padding:25px;
  border:1px solid rgba(255,255,255,.95);
  border-top:3px solid #29ad75;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(241,250,247,.9));
  box-shadow:0 18px 42px rgba(18,68,72,.18),inset 0 1px 0 #fff;
  backdrop-filter:blur(12px);
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card:hover{transform:translateY(-5px);border-color:#8ce0bc;box-shadow:0 24px 48px rgba(18,68,72,.25),inset 0 1px 0 #fff}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card h3{color:#123b4b;font-size:21px}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card p{color:#4d6670;font-size:14px}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card>small{border:1px solid #f0d497;background:rgba(255,247,225,.94);color:#896018}
@media(max-width:700px){#suppliers.page.section:not(#home):not(#marketplace){background-position:left top,center,58% center}#suppliers.page.section:not(#home):not(#marketplace) .supplier-card{min-height:0;padding:21px}}
/* Center and polish the supplier discovery heading and profile tiles */
#suppliers.page.section:not(#home):not(#marketplace)>.eyebrow,
#suppliers.page.section:not(#home):not(#marketplace)>h1,
#suppliers.page.section:not(#home):not(#marketplace)>.subtext{text-align:center}
#suppliers.page.section:not(#home):not(#marketplace)>h1{color:#101820;text-shadow:0 2px 10px rgba(255,255,255,.9)}
#suppliers.page.section:not(#home):not(#marketplace)>.subtext{color:#38545b}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid{width:min(1120px,100%);margin-inline:auto;gap:22px}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card{
  min-height:205px;
  padding:27px;
  border:1px solid rgba(255,255,255,.98);
  border-top:3px solid #23a878;
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(242,249,250,.9));
  box-shadow:0 20px 44px rgba(23,75,87,.2),inset 0 1px 0 #fff;
  backdrop-filter:blur(14px);
}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card:nth-child(2){border-top-color:#2587bd}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card:nth-child(3){border-top-color:#c49543}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card h3{color:#17384b;font-size:22px}
/* Refined mature finish for supplier discovery */
#suppliers.page.section:not(#home):not(#marketplace){
  background-color:#15323a;
  background-image:
    linear-gradient(110deg,rgba(222,238,235,.24),rgba(230,239,244,.14)),
    url("assets/suppliers-premium-bg.png");
  background-size:cover,cover;
  background-position:center,center 46%;
}
#suppliers.page.section:not(#home):not(#marketplace)>.eyebrow{color:#145b45}
#suppliers.page.section:not(#home):not(#marketplace)>h1{
  display:table;
  margin:0 auto 10px;
  padding:3px 16px 5px;
  border:1px solid rgba(255,255,255,.58);
  border-radius:9px;
  background:rgba(249,251,247,.82);
  color:#101820;
  box-shadow:0 8px 22px rgba(17,46,58,.12);
  backdrop-filter:blur(8px);
}
#suppliers.page.section:not(#home):not(#marketplace)>.subtext{margin:0 auto 25px;color:#294c56}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card{
  border:1px solid rgba(255,255,255,.92);
  border-top:3px solid #187454;
  border-radius:15px;
  background:linear-gradient(145deg,rgba(250,251,247,.97),rgba(235,243,240,.94));
  box-shadow:0 18px 42px rgba(11,35,44,.23),inset 0 1px 0 rgba(255,255,255,.95);
}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card:nth-child(2),
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card:nth-child(3){border-top-color:#187454}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card h3{color:#163847;letter-spacing:-.02em}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card>small{border-color:#e4d5aa;background:#f6f0e1;color:#745922;letter-spacing:.07em}
@media(max-width:700px){#suppliers.page.section:not(#home):not(#marketplace)>.subtext{max-width:34ch;text-align:center}}
/* Shift the supplier artwork slightly and enrich its color without dimming the cards */
#suppliers.page.section:not(#home):not(#marketplace){
  background-image:
    radial-gradient(ellipse at 82% 18%,rgba(20,157,125,.18),transparent 35%),
    linear-gradient(112deg,rgba(5,24,34,.25),rgba(8,34,45,.17)),
    url("assets/suppliers-premium-bg.png");
  background-size:auto,cover,cover;
  background-position:right top,center,center 52%;
  background-repeat:no-repeat;
}
/* Use the exact bright 3D supplier image, with only a light dark tint */
#suppliers.page.section:not(#home):not(#marketplace){
  background-image:
    linear-gradient(112deg,rgba(7,25,36,.14),rgba(10,34,44,.1)),
    url("assets/suppliers-3d-bg.png");
  background-size:cover,cover;
  background-position:center,center 48%;
  background-repeat:no-repeat;
}
/* Dusk treatment and elevated supplier profile cards */
#suppliers.page.section:not(#home):not(#marketplace){
  background-image:
    radial-gradient(ellipse at 18% 0%,rgba(18,151,132,.22),transparent 34%),
    radial-gradient(ellipse at 88% 8%,rgba(222,151,63,.16),transparent 30%),
    linear-gradient(110deg,rgba(5,23,36,.42),rgba(7,29,42,.32)),
    url("assets/suppliers-3d-bg.png");
  background-size:auto,auto,cover,cover;
  background-position:left top,right top,center,center 53%;
}
#suppliers.page.section:not(#home):not(#marketplace)>.eyebrow{display:table;margin:0 auto 12px;padding:6px 11px;border:1px solid rgba(255,255,255,.56);border-radius:999px;background:rgba(246,251,247,.88);color:#17634a;text-shadow:none}
#suppliers.page.section:not(#home):not(#marketplace)>.subtext{display:table;margin:0 auto 27px;padding:6px 13px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(246,250,248,.78);color:#294a53;text-shadow:none}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid{width:min(1120px,100%);margin-inline:auto;gap:22px}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card{
  position:relative;
  min-height:218px;
  padding:27px 27px 25px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.95);
  border-top:3px solid #16845b;
  border-radius:17px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,247,243,.96));
  box-shadow:0 22px 48px rgba(5,24,35,.2),inset 0 1px 0 #fff;
  backdrop-filter:blur(14px);
  transition:transform .22s,border-color .22s,box-shadow .22s;
}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card::after{position:absolute;right:-42px;top:-54px;width:142px;height:142px;border:1px solid rgba(22,132,91,.12);border-radius:50%;content:"";pointer-events:none}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card:hover{transform:translateY(-5px);border-color:#b8deca;box-shadow:0 28px 56px rgba(5,24,35,.28),inset 0 1px 0 #fff}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card>small{position:relative;z-index:1;display:inline-flex;margin:0 0 17px;padding:6px 9px;border:1px solid #e8dcb9;border-radius:999px;background:#f8f2e6;color:#785c25;font-size:9px;letter-spacing:.09em}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card h3{position:relative;z-index:1;margin:0 0 13px;padding-bottom:12px;border-bottom:1px solid #e0ebe5;color:#153b4a;font-size:22px;letter-spacing:-.025em}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card p{position:relative;z-index:1;margin:7px 0;color:#5a6b70;font-size:13px;line-height:1.5}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card p:first-of-type{color:#177452;font-size:14px;font-weight:750}
@media(max-width:700px){#suppliers.page.section:not(#home):not(#marketplace)>.eyebrow,#suppliers.page.section:not(#home):not(#marketplace)>.subtext{width:fit-content;max-width:100%;text-align:center}#suppliers.page.section:not(#home):not(#marketplace) .supplier-card{min-height:0;padding:22px}}
/* Simplify supplier tiles into clean, consistent premium cards */
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card{
  min-height:195px;
  padding:24px 25px;
  border:1px solid rgba(255,255,255,.92);
  border-top:3px solid #16845b;
  border-radius:15px;
  background:linear-gradient(145deg,rgba(250,252,249,.98),rgba(239,247,242,.96));
  box-shadow:0 16px 34px rgba(5,24,35,.17);
  backdrop-filter:blur(10px);
  transition:transform .18s,border-color .18s,box-shadow .18s;
}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card::after{display:none}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card:hover{transform:translateY(-3px);border-color:#badcca;box-shadow:0 21px 40px rgba(5,24,35,.23)}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card>small{margin:0 0 13px;padding:5px 8px;border:1px solid #d5e9db;border-radius:6px;background:#eaf5ed;color:#176545;font-size:9px;letter-spacing:.065em}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card h3{margin:0 0 10px;padding:0;border:0;color:#173a43;font-size:21px;letter-spacing:-.02em}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card p{margin:6px 0;color:#5c6c70;font-size:13px}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card p:first-of-type{color:#197552;font-size:13px;font-weight:700}
@media(max-width:700px){#suppliers.page.section:not(#home):not(#marketplace) .supplier-card{min-height:0;padding:21px}}
/* Larger supplier cards with restrained, individual color washes */
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid{width:min(1240px,100%);gap:24px}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card{min-height:235px;padding:30px;border-radius:17px}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card:nth-child(1){background:linear-gradient(145deg,#e6f4e9 0%,#f8fbf8 78%);border-top-color:#16845b}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card:nth-child(2){background:linear-gradient(145deg,#e7f0fa 0%,#f8fbfd 78%);border-top-color:#347da3}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card:nth-child(3){background:linear-gradient(145deg,#f5efe2 0%,#fcfaf5 78%);border-top-color:#a17c3d}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card h3{font-size:23px}
@media(max-width:700px){#suppliers.page.section:not(#home):not(#marketplace) .supplier-card{min-height:0;padding:23px}}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card,
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card:nth-child(1),
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card:nth-child(2),
#suppliers.page.section:not(#home):not(#marketplace) .supplier-card:nth-child(3){background:#e8f1fa}
/* Supplier page layout inspired by the provided marketplace reference */
#suppliers.page.section:not(#home):not(#marketplace){
  width:100%;min-height:calc(100vh - 122px);margin:0;
  padding:38px max(24px,calc((100vw - 1320px)/2)) 44px;
  color:#eaf3f5;background-color:#071c2c;
  background-image:linear-gradient(90deg,rgba(2,18,29,.78) 0%,rgba(2,22,34,.7) 52%,rgba(2,20,31,.48) 100%),url("assets/suppliers-3d-bg.png");
  background-size:cover,cover;background-position:center,center 47%;background-repeat:no-repeat;
}
#suppliers .suppliers-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:34px;width:min(1320px,100%);margin:0 auto 28px}
#suppliers .suppliers-intro{max-width:700px}
#suppliers .supplier-kicker{display:block;margin:0 0 17px;color:#a9d4ca;font-size:10px;font-weight:850;letter-spacing:.2em}
#suppliers .suppliers-intro>.eyebrow{display:inline-flex;margin:0 0 14px;padding:7px 13px;border:1px solid rgba(46,225,133,.5);border-radius:999px;background:rgba(0,47,47,.62);color:#a8f6c2;font-size:10px;letter-spacing:.1em;box-shadow:0 5px 18px rgba(0,0,0,.2)}
#suppliers .suppliers-intro>h1{margin:0 0 10px;color:#f7fafc;font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-.055em;text-shadow:0 4px 20px rgba(0,0,0,.35)}
#suppliers .suppliers-intro>h1 span{background:linear-gradient(90deg,#24d5a0,#64e44e);-webkit-background-clip:text;background-clip:text;color:transparent}
#suppliers .suppliers-intro>p{max-width:630px;margin:0 0 20px;color:#e0eaee;font-size:17px;line-height:1.55}
#suppliers .supplier-demo-note{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:10px 14px;border:1px solid rgba(174,215,226,.15);border-radius:10px;background:rgba(16,43,61,.82);color:#e5eff2;font-size:12px;box-shadow:0 10px 24px rgba(0,0,0,.16)}
#suppliers .supplier-demo-note b{display:grid;place-items:center;flex:none;width:17px;height:17px;border-radius:50%;background:#45d995;color:#073b32;font-size:11px}
#suppliers .supplier-quick-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-self:end;padding-bottom:2px}
#suppliers .supplier-quick-points article{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-height:82px;padding:12px;border:1px solid rgba(119,203,195,.3);border-radius:13px;background:linear-gradient(145deg,rgba(13,47,61,.94),rgba(5,31,42,.92));box-shadow:0 12px 28px rgba(0,0,0,.2)}
#suppliers .quick-icon{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#0f765f,#145647);color:#d9fff0;font-size:24px}
#suppliers .supplier-quick-points strong{align-self:end;color:#f0f7f6;font-size:13px}
#suppliers .supplier-quick-points small{align-self:start;color:#b7cccf;font-size:10px;line-height:1.35}
#suppliers #supplierGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:min(1320px,100%);margin:0 auto 25px}
#suppliers #supplierGrid .supplier-card{display:flex;flex-direction:column;min-width:0;min-height:315px;padding:17px;border:1px solid rgba(255,255,255,.92);border-top:0;border-radius:17px;background:linear-gradient(145deg,#fff 0%,#f4f8fa 100%);box-shadow:0 20px 48px rgba(0,0,0,.27);color:#213b4b;backdrop-filter:blur(10px);transition:transform .2s,box-shadow .2s}
#suppliers #supplierGrid .supplier-card:hover{transform:translateY(-4px);box-shadow:0 26px 58px rgba(0,0,0,.34)}
#suppliers .supplier-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
#suppliers #supplierGrid .supplier-card-head>small{display:inline-flex;margin:1px 0 0;padding:6px 9px;border:1px solid #f0d5d0;border-radius:6px;background:#fff1ee;color:#a94b3e;font-size:9px;font-weight:850;letter-spacing:.065em}
#suppliers .supplier-card-head img{width:112px;height:94px;flex:none;object-fit:cover;border:1px solid #dce5e8;border-radius:12px;box-shadow:0 6px 16px rgba(18,48,59,.13)}
#suppliers .supplier-identity{display:flex;align-items:center;gap:12px;margin-bottom:9px}
#suppliers .supplier-monogram{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:13px;background:linear-gradient(145deg,#0d3f4a,#0c775c);color:white;font-size:18px;font-weight:850;letter-spacing:-.04em;box-shadow:inset 0 1px rgba(255,255,255,.3)}
#suppliers #supplierGrid .supplier-identity h3{margin:0 0 3px;color:#122f42;font-size:19px;line-height:1.2;letter-spacing:-.02em}
#suppliers #supplierGrid .supplier-identity p{margin:2px 0;color:#536a77;font-size:11px;line-height:1.35}
#suppliers #supplierGrid .supplier-identity .supplier-category{color:#17694d;font-size:12px;font-weight:750}
#suppliers .supplier-summary{min-height:36px;margin:4px 0 12px;padding-left:10px;border-left:3px solid #dce8ed;color:#425968;font-size:12px;line-height:1.5}
#suppliers .supplier-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 13px}
#suppliers .supplier-tags span{padding:6px 10px;border:1px solid #dfe8eb;border-radius:999px;background:#edf2f5;color:#294451;font-size:10px;font-weight:650}
#suppliers .supplier-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:11px;border-top:1px solid #e6edef;color:#72838b;font-size:10px}
#suppliers .supplier-arrow{color:#0b8059;font-size:22px;font-weight:700}
#suppliers .supplier-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(1320px,100%);margin:0 auto;padding:16px 18px;border:1px solid rgba(255,255,255,.8);border-radius:15px;background:linear-gradient(110deg,rgba(255,255,255,.97),rgba(237,246,243,.97));box-shadow:0 15px 32px rgba(0,0,0,.17)}
#suppliers .supplier-benefits>div{display:flex;align-items:center;gap:12px;padding:2px 18px;border-right:1px solid #dce7e7}
#suppliers .supplier-benefits>div:last-child{border-right:0}
#suppliers .supplier-benefits b{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #d8e9e2;border-radius:50%;background:#eff8f3;color:#147350;font-size:12px}
#suppliers .supplier-benefits span{display:grid;gap:3px}
#suppliers .supplier-benefits strong{color:#163443;font-size:12px}
#suppliers .supplier-benefits small{color:#61767c;font-size:10px;line-height:1.4}
@media(max-width:1050px){#suppliers .suppliers-hero{grid-template-columns:1fr;gap:20px}#suppliers .supplier-quick-points{max-width:620px}#suppliers #supplierGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#suppliers.page.section:not(#home):not(#marketplace){padding:30px 16px 38px;background-position:center,center 45%}#suppliers .suppliers-hero{margin-bottom:21px}#suppliers .suppliers-intro>h1{font-size:42px}#suppliers .suppliers-intro>p{font-size:14px}#suppliers .supplier-quick-points{grid-template-columns:1fr;gap:8px}#suppliers .supplier-quick-points article{min-height:66px}#suppliers #supplierGrid{grid-template-columns:1fr;gap:13px}#suppliers #supplierGrid .supplier-card{min-height:0;padding:15px}#suppliers .supplier-card-head img{width:100px;height:82px}#suppliers .supplier-benefits{grid-template-columns:1fr;gap:0;padding:8px 12px}#suppliers .supplier-benefits>div{padding:12px 4px;border-right:0;border-bottom:1px solid #dce7e7}#suppliers .supplier-benefits>div:last-child{border-bottom:0}}
/* Ensure the richer reference layout wins over earlier supplier-card rules */
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid{width:min(1320px,100%);margin:0 auto 25px;gap:18px}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card{display:flex;flex-direction:column;min-width:0;min-height:315px;padding:17px;border:1px solid rgba(255,255,255,.92);border-top:0;border-radius:17px;background:linear-gradient(145deg,#fff 0%,#f4f8fa 100%);box-shadow:0 20px 48px rgba(0,0,0,.27);color:#213b4b;backdrop-filter:blur(10px);transition:transform .2s,box-shadow .2s}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card:hover{transform:translateY(-4px);box-shadow:0 26px 58px rgba(0,0,0,.34)}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card h3{margin:0 0 3px;padding:0;border:0;color:#122f42;font-size:19px;line-height:1.2;letter-spacing:-.02em}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card p{margin:2px 0;color:#536a77;font-size:11px;line-height:1.35}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card .supplier-category{color:#17694d;font-size:12px;font-weight:750}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card .supplier-summary{min-height:36px;margin:4px 0 12px;padding-left:10px;border-left:3px solid #dce8ed;color:#425968;font-size:12px;line-height:1.5}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card>div>small{display:inline-flex;margin:1px 0 0;padding:6px 9px;border:1px solid #f0d5d0;border-radius:6px;background:#fff1ee;color:#a94b3e;font-size:9px;font-weight:850;letter-spacing:.065em}
@media(max-width:700px){#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card{min-height:0;padding:15px}}
/* Full-width reference treatment: centered supplier content over one continuous image */
#suppliers.page.section:not(#home):not(#marketplace){
  background-color:#061b28;
  background-image:
    linear-gradient(180deg,rgba(2,17,28,.18),rgba(2,17,28,.36)),
    url("assets/suppliers-showcase-bg.png");
  background-size:cover,cover;
  background-position:center,center 47%;
}
#suppliers.page.section:not(#home):not(#marketplace) .suppliers-hero{
  display:grid;grid-template-columns:1fr;justify-items:center;gap:20px;
  width:min(1320px,100%);margin:0 auto 27px;text-align:center;
}
#suppliers.page.section:not(#home):not(#marketplace) .suppliers-intro{width:100%;max-width:900px;text-align:center}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-kicker{margin:0 0 13px;color:#a7ded3;text-align:center}
#suppliers.page.section:not(#home):not(#marketplace) .suppliers-intro>.eyebrow{margin:0 auto 14px}
#suppliers.page.section:not(#home):not(#marketplace) .suppliers-intro>h1{margin:0 auto 13px;text-align:center;font-size:clamp(48px,5vw,70px)}
#suppliers.page.section:not(#home):not(#marketplace) .suppliers-intro>p{max-width:780px;margin:0 auto 18px;color:#e0edf0;text-align:center}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-demo-note{margin:0 auto}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-quick-points{width:min(720px,100%);margin:0 auto;align-self:auto}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid{width:min(1320px,100%);margin:0 auto 24px}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-benefits{grid-template-columns:repeat(5,minmax(0,1fr));width:min(1320px,100%);margin:0 auto}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-benefits>div{gap:9px;padding:2px 12px}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-benefits b{width:36px;height:36px}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-benefits strong{font-size:11px}
#suppliers.page.section:not(#home):not(#marketplace) .supplier-benefits small{font-size:9px}
@media(max-width:1050px){#suppliers.page.section:not(#home):not(#marketplace) .supplier-benefits{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:10px}#suppliers.page.section:not(#home):not(#marketplace) .supplier-benefits>div:nth-child(3){border-right:0}}
@media(max-width:700px){#suppliers.page.section:not(#home):not(#marketplace){padding:30px 16px 38px;background-position:center,center 45%}#suppliers.page.section:not(#home):not(#marketplace) .suppliers-hero{gap:15px;margin-bottom:20px}#suppliers.page.section:not(#home):not(#marketplace) .suppliers-intro>h1{font-size:43px}#suppliers.page.section:not(#home):not(#marketplace) .supplier-quick-points{grid-template-columns:1fr;max-width:420px}#suppliers.page.section:not(#home):not(#marketplace) .supplier-benefits{grid-template-columns:1fr}#suppliers.page.section:not(#home):not(#marketplace) .supplier-benefits>div{border-right:0;border-bottom:1px solid #dce7e7}#suppliers.page.section:not(#home):not(#marketplace) .supplier-benefits>div:last-child{border-bottom:0}}
/* Supplier profile card interior: visual hierarchy, actions and saved state */
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card-head img{width:112px;height:94px;flex:none;object-fit:cover;border:1px solid #dce5e8;border-radius:12px;box-shadow:0 6px 16px rgba(18,48,59,.13)}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-identity{display:flex;align-items:center;gap:12px;margin-bottom:9px}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-monogram{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:13px;background:linear-gradient(145deg,#0d3f4a,#0c775c);color:#fff;font-size:18px;font-weight:850;letter-spacing:-.04em;box-shadow:inset 0 1px rgba(255,255,255,.3)}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 13px}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-tags span{padding:6px 10px;border:1px solid #dfe8eb;border-radius:999px;background:#edf2f5;color:#294451;font-size:10px;font-weight:650}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid #e6edef}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-view-button{display:inline-flex;align-items:center;gap:8px;padding:4px 0;border:0;background:transparent;color:#087b54;font-size:13px;font-weight:800}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-view-button span{font-size:19px;transition:transform .18s}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-view-button:hover span{transform:translateX(4px)}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-save-button{display:grid;place-items:center;width:36px;height:36px;padding:5px;border:0;border-radius:8px;background:transparent;color:#17384b;transition:background .15s,color .15s}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-save-button:hover{background:#e8f3ed;color:#087b54}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-save-button svg{width:22px;height:22px;fill:transparent;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-save-button.saved{color:#087b54;background:#e8f3ed}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-save-button.saved svg{fill:#16845b}
.supplier-profile-dialog{position:relative;width:min(520px,calc(100% - 28px));padding:30px;border:1px solid #d8e6df;border-radius:18px;background:linear-gradient(145deg,#fff,#eff7f2);box-shadow:0 25px 75px rgba(5,28,38,.3)}
.supplier-profile-dialog h2{margin:5px 0 10px;color:#153b4a;font-size:28px}
.supplier-profile-dialog .supplier-category{color:#14734f;font-weight:750}
.supplier-profile-dialog .supplier-location{color:#526972;font-size:13px}
.supplier-profile-dialog .subtext{margin-top:15px;line-height:1.6}
@media(max-width:700px){#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card-head img{width:98px;height:82px}}
/* Keep supplier profile cards uniform like the reference */
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid{grid-auto-rows:352px;align-items:stretch}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card{height:100%;min-height:0;box-sizing:border-box}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card-head{min-height:96px}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-identity{min-height:50px}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-summary{display:-webkit-box;min-height:36px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-tags{min-height:30px;align-content:flex-start}
@media(max-width:1050px){#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid{grid-auto-rows:352px}}
@media(max-width:700px){#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid{grid-auto-rows:auto}#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card{height:auto;min-height:325px}}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card-head{min-height:86px;margin-bottom:8px}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card-head img{width:104px;height:82px}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-identity{min-height:46px;margin-bottom:6px}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-summary{min-height:32px;margin:2px 0 8px}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-tags{min-height:24px;margin-bottom:8px}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card-foot{padding-top:8px}
/* Soft premium blue-sage fill for supplier boxes */
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card{
  background:linear-gradient(145deg,#f0f7f7 0%,#e6f0f3 58%,#eaf4ef 100%);
  border-color:#d8e8e8;
  box-shadow:0 18px 40px rgba(2,18,31,.28),inset 0 1px 0 rgba(255,255,255,.95);
}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card:hover{border-color:#a7d5c6;box-shadow:0 24px 48px rgba(2,18,31,.34),inset 0 1px 0 rgba(255,255,255,.98)}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card{background:linear-gradient(145deg,#dcebed 0%,#d1e3e7 58%,#d7e7de 100%);border-color:#bdd4d8}
/* Improve readability inside supplier profile boxes */
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card-head>small{font-size:10px}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-identity h3{font-size:21px}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-identity p{font-size:12px;line-height:1.4}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-identity .supplier-category{font-size:13px}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card .supplier-summary{font-size:13px;line-height:1.5}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-tags span{font-size:11px}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-view-button{font-size:14px}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card-foot{font-size:11px}
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card h3,
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-identity p,
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-summary,
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-tags,
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-view-button,
#suppliers.page.section:not(#home):not(#marketplace) #supplierGrid .supplier-card-foot>span:first-child{text-transform:uppercase}
/* Full marketplace experience inspired by the supplied reference */
#marketplace.page{width:100%;margin:0;padding:0 0 54px;background:#edf3f1;background-image:linear-gradient(145deg,#f3f7f5,#e8f0ee);background-attachment:scroll}
#marketplace .market-hero{
  position:relative;isolation:isolate;overflow:hidden;min-height:278px;padding:34px 24px 27px;
  background:#061b2b url("assets/exopot-global-hero.png") center 48%/cover no-repeat;
}
#marketplace .market-hero::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,rgba(3,18,29,.94) 0%,rgba(3,22,34,.82) 48%,rgba(3,20,30,.58) 100%)}
#marketplace .market-hero-inner{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(470px,1.35fr) 170px;align-items:center;gap:26px;width:min(1480px,100%);margin:0 auto}
#marketplace .market-hero-copy{grid-column:1;grid-row:1/3}
#marketplace .market-kicker{display:block;margin:0 0 13px;color:#9be8cd;font-size:10px;font-weight:850;letter-spacing:.2em}
#marketplace .market-hero-copy h1{margin:0 0 11px;color:#f5f8fb;font-size:clamp(34px,3.25vw,52px);line-height:1.04;letter-spacing:-.045em}
#marketplace .market-hero-copy h1 span{color:#26d895}
#marketplace .market-hero-copy p{max-width:460px;margin:0 0 17px;color:#d3e0e5;font-size:14px;line-height:1.55}
#marketplace .market-proof{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#b8cbcf;font-size:10px}
#marketplace .market-proof i{width:4px;height:4px;border-radius:50%;background:#35d99b}
#marketplace .market-search-panel{grid-column:2;grid-row:1;align-self:end}
#marketplace .market-searchbar{display:grid;grid-template-columns:minmax(0,1fr) 140px 98px;gap:7px;padding:7px;border:1px solid rgba(255,255,255,.72);border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 16px 38px rgba(0,0,0,.24)}
#marketplace .market-searchbar input,#marketplace .market-searchbar select{min-width:0;min-height:45px;padding:9px 11px;border:0;background:#fff;color:#203647;font-size:12px;box-shadow:none}
#marketplace .market-searchbar select{border-left:1px solid #e2e9eb;border-radius:0}
#marketplace .market-searchbar .btn{min-height:45px;padding:8px 12px;border-radius:8px}
#marketplace .popular-searches{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:12px;color:#d8e5e8;font-size:10px}
#marketplace .popular-searches>span{margin-right:3px;font-weight:750}
#marketplace .popular-searches button{padding:6px 10px;border:1px solid rgba(198,225,225,.2);border-radius:999px;background:rgba(12,43,59,.82);color:#e3eff0;font-size:10px}
#marketplace .popular-searches button:hover{border-color:#45d99d;background:#0e594b}
#marketplace .market-demo-stat{grid-column:3;grid-row:1/3;display:grid;justify-items:start;gap:4px;padding:17px;border:1px solid rgba(97,214,170,.36);border-radius:14px;background:rgba(5,37,50,.84);box-shadow:0 14px 34px rgba(0,0,0,.25)}
#marketplace .market-demo-stat b{color:#50e5a1;font-size:29px;line-height:1}
#marketplace .market-demo-stat span{color:#eef6f5;font-size:11px;font-weight:750}
#marketplace .market-demo-stat small{color:#a9c4c6;font-size:9px}
#marketplace .market-category-wrap{padding:13px 24px;border-bottom:1px solid #d9e5e1;background:linear-gradient(110deg,#f8fbf9,#eaf3ef)}
#marketplace .market-category-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;width:min(1480px,100%);margin:0 auto}
#marketplace .market-category-tile{display:flex;align-items:center;justify-content:center;gap:12px;min-height:78px;padding:10px 14px;border:1px solid #e0e9e5;border-radius:12px;background:linear-gradient(145deg,#fff,#f3f8f5);color:#203a46;box-shadow:0 5px 14px rgba(22,65,48,.055);transition:transform .16s,border-color .16s,box-shadow .16s}
#marketplace .market-category-tile:hover{transform:translateY(-2px);border-color:#8bcbb0;box-shadow:0 9px 20px rgba(22,65,48,.1)}
#marketplace .market-category-tile.active{border-color:#087552;background:linear-gradient(145deg,#0b7757,#075b4a);color:#fff;box-shadow:0 10px 22px rgba(7,92,68,.2)}
#marketplace .market-category-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:11px;background:#eaf5ef;color:#137651;font-size:23px;font-weight:750}
#marketplace .market-category-tile.active .market-category-icon{background:rgba(255,255,255,.13);color:#8ef0be}
#marketplace .market-category-tile strong{font-size:12px;line-height:1.25}
#marketplace .marketplace-content{display:grid;grid-template-columns:218px minmax(0,1fr) 250px;align-items:start;gap:16px;width:min(1480px,calc(100% - 48px));margin:20px auto 0}
#marketplace .market-filter-card{position:sticky;top:100px;padding:17px;border:1px solid #d8e4df;border-radius:14px;background:linear-gradient(145deg,#f8fbf9,#eaf3ef);box-shadow:0 9px 25px rgba(19,62,44,.075)}
#marketplace .market-filter-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
#marketplace .market-filter-heading h2{margin:0;color:#173a43;font-size:18px}
#marketplace .market-filter-heading button{padding:0;border:0;background:transparent;color:#13805a;font-size:11px;font-weight:750}
#marketplace .market-side-search{display:grid;gap:7px;margin-bottom:19px;color:#334c54;font-size:12px;font-weight:750}
#marketplace .market-side-search input{min-height:39px;padding:8px 10px;border-color:#d6e3de;border-radius:8px;background:#fff;font-size:11px}
#marketplace .market-category-filters,#marketplace .market-price-filter{display:grid;gap:9px;margin:0 0 19px;padding:0;border:0}
#marketplace .market-category-filters legend,#marketplace .market-price-filter legend{margin-bottom:5px;color:#29434b;font-size:12px;font-weight:800}
#marketplace .market-category-filters label{display:flex;align-items:center;gap:8px;color:#536770;font-size:11px;font-weight:550}
#marketplace .market-category-filters input{accent-color:#13805a;width:15px;height:15px;min-height:0;margin:0}
#marketplace .market-price-filter>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;color:#718187;font-size:10px}
#marketplace .market-price-filter input{width:100%;min-width:0;min-height:37px;padding:7px 8px;border:1px solid #d6e3de;border-radius:7px;background:#fff;font-size:11px}
#marketplace .filter-note{margin:0;padding:10px;border-left:3px solid #e1bc68;border-radius:0 7px 7px 0;background:#f7f2e6;color:#78673f;font-size:9px;line-height:1.45}
#marketplace .market-products-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 9px}
#marketplace .market-products-heading .eyebrow{margin-bottom:5px;font-size:9px}
#marketplace .market-products-heading h2{margin:0;color:#152f42;font-size:26px;letter-spacing:-.03em;text-transform:none}
#marketplace .market-products-heading p{margin:4px 0 0;color:#63767b;font-size:11px}
#marketplace .market-sort{display:flex;align-items:center;gap:7px;color:#63767b;font-size:10px}
#marketplace .market-sort select{width:132px;min-height:36px;padding:6px 9px;border:1px solid #d5e2dd;border-radius:8px;background:#fff;color:#263e4b;font-size:11px}
#marketplace .market-products-column .ad-slot{margin:10px 0;padding:10px;font-size:10px}
#marketplace #productCount{margin:8px 2px;color:#687b80;font-size:10px}
#marketplace #productGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:stretch}
#marketplace #productGrid .marketplace-product-card{overflow:hidden;border:1px solid #dbe5e2;border-radius:13px;background:linear-gradient(145deg,#fff,#f5f9f7);box-shadow:0 8px 22px rgba(20,61,46,.08);transition:transform .18s,border-color .18s,box-shadow .18s}
#marketplace #productGrid .marketplace-product-card:hover{transform:translateY(-3px);border-color:#a6cdb8;box-shadow:0 15px 30px rgba(20,61,46,.14)}
#marketplace .product-image-wrap{position:relative;overflow:hidden;height:160px;background:#e8f0ed}
#marketplace .product-image-wrap>img{width:100%;height:100%;object-fit:cover}
#marketplace .product-demo-badge{position:absolute;left:8px;top:8px;padding:5px 7px;border:1px solid rgba(226,129,113,.34);border-radius:5px;background:rgba(255,243,240,.96);color:#b34d43;font-size:8px;font-weight:850;letter-spacing:.04em}
#marketplace .product-save-button{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(255,255,255,.94);color:#203d4c;font-size:19px;line-height:1;box-shadow:0 3px 9px rgba(0,0,0,.12)}
#marketplace .product-save-button.saved{color:#c24c52}
#marketplace .marketplace-product-card .product-content{padding:12px}
#marketplace .marketplace-product-card .product-content h3{font-size:14px}
#marketplace .marketplace-product-card .product-content>p{font-size:10px}
#marketplace .marketplace-product-card .product-meta{font-size:9px}
#marketplace .marketplace-product-card .product-foot{align-items:center}
#marketplace .marketplace-product-card .product-foot strong{font-size:15px}
#marketplace .marketplace-product-card .quote-btn{padding:8px 9px;font-size:10px}
#marketplace .market-right-rail{display:grid;gap:12px}
#marketplace .market-callout{position:relative;overflow:hidden;padding:17px;border:1px solid rgba(138,206,179,.27);border-radius:14px;background:linear-gradient(145deg,#0d5147,#092e3c);color:#edf7f4;box-shadow:0 12px 25px rgba(12,47,42,.17)}
#marketplace .market-callout::after{position:absolute;right:-46px;bottom:-68px;width:150px;height:150px;border:1px solid rgba(69,219,154,.25);border-radius:50%;content:"";pointer-events:none}
#marketplace .market-callout .callout-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:10px;border-radius:10px;background:rgba(63,219,154,.15);color:#71efb5;font-size:23px}
#marketplace .market-callout h3{margin:0 0 7px;color:#f3faf7;font-size:16px;line-height:1.25}
#marketplace .market-callout p{margin:0 0 13px;color:#c2d8d6;font-size:10px;line-height:1.5}
#marketplace .market-callout .btn{position:relative;z-index:1;min-height:34px;padding:8px 11px;font-size:10px}
#marketplace .market-callout .btn.outline{background:rgba(255,255,255,.95);color:#124638}
#marketplace .network-callout{background:linear-gradient(145deg,#0c3e4c,#102b45)}
@media(max-width:1250px){#marketplace .marketplace-content{grid-template-columns:200px minmax(0,1fr)}#marketplace .market-right-rail{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr))}#marketplace #productGrid{grid-template-columns:repeat(2,minmax(0,1fr))}#marketplace .market-hero-inner{grid-template-columns:minmax(250px,.85fr) minmax(420px,1.3fr) 145px;gap:16px}}
@media(max-width:900px){#marketplace .market-hero-inner{grid-template-columns:1fr 150px}#marketplace .market-hero-copy{grid-column:1;grid-row:1}#marketplace .market-search-panel{grid-column:1;grid-row:2}#marketplace .market-demo-stat{grid-column:2;grid-row:1/3}#marketplace .market-category-rail{grid-template-columns:repeat(5,minmax(140px,1fr));overflow-x:auto;padding-bottom:5px}#marketplace .marketplace-content{grid-template-columns:180px minmax(0,1fr)}#marketplace .market-right-rail{grid-template-columns:1fr}#marketplace #productGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#marketplace.page{padding-bottom:34px}#marketplace .market-hero{padding:28px 16px 23px;background-position:center,58% center}#marketplace .market-hero-inner{grid-template-columns:1fr;gap:16px}#marketplace .market-hero-copy,#marketplace .market-search-panel,#marketplace .market-demo-stat{grid-column:1;grid-row:auto}#marketplace .market-hero-copy h1{font-size:38px}#marketplace .market-hero-copy p{font-size:13px}#marketplace .market-demo-stat{grid-template-columns:auto auto;justify-items:start;align-items:center;padding:11px 13px}#marketplace .market-demo-stat b{grid-row:1/3;font-size:24px;margin-right:5px}#marketplace .market-demo-stat small{grid-column:2}#marketplace .market-searchbar{grid-template-columns:1fr 92px;gap:5px;padding:5px}#marketplace .market-searchbar input{grid-column:1/3}#marketplace .market-searchbar select{border-left:0;border-top:1px solid #e2e9eb}#marketplace .market-category-wrap{padding:10px 14px}#marketplace .market-category-rail{grid-template-columns:repeat(5,136px);gap:8px}#marketplace .market-category-tile{justify-content:flex-start;min-height:64px;padding:8px}#marketplace .market-category-icon{width:36px;height:36px}#marketplace .marketplace-content{grid-template-columns:1fr;width:calc(100% - 28px);margin-top:14px;gap:12px}#marketplace .market-sidebar{order:2}#marketplace .market-products-column{order:1}#marketplace .market-right-rail{order:3;grid-template-columns:1fr 1fr}#marketplace .market-right-rail .network-callout{grid-column:1/3}#marketplace .market-filter-card{position:static}#marketplace .market-products-heading{align-items:flex-start;flex-direction:column}#marketplace .market-sort{width:100%;justify-content:space-between}#marketplace .market-products-heading h2{font-size:22px}#marketplace #productGrid{grid-template-columns:1fr 1fr;gap:9px}#marketplace .product-image-wrap{height:120px}#marketplace .marketplace-product-card .product-content{padding:9px}#marketplace .marketplace-product-card .product-content h3{font-size:12px}#marketplace .marketplace-product-card .product-foot{align-items:stretch;flex-direction:column}#marketplace .marketplace-product-card .quote-btn{width:100%}#marketplace .market-callout{padding:13px}#marketplace .market-callout h3{font-size:13px}}
@media(max-width:420px){#marketplace .market-right-rail{grid-template-columns:1fr}#marketplace .market-right-rail .network-callout{grid-column:auto}#marketplace #productGrid{grid-template-columns:1fr}}
/* Refine marketplace banner and make the category tiles uniform */
#marketplace .market-hero{min-height:290px;background-position:center 44%}
#marketplace .market-hero::before{background:radial-gradient(ellipse at 47% 0%,rgba(22,178,126,.2),transparent 38%),linear-gradient(90deg,rgba(2,17,28,.96) 0%,rgba(3,23,36,.84) 46%,rgba(3,20,30,.56) 100%)}
#marketplace .market-category-wrap{padding:14px 24px;background:linear-gradient(105deg,#f4f8f5 0%,#e8f1ed 54%,#eaf1f6 100%)}
#marketplace .market-category-rail{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:12px}
#marketplace .market-category-tile{display:grid;grid-template-rows:57px auto;justify-items:center;align-content:center;gap:7px;min-width:0;min-height:105px;padding:10px 8px;text-align:center}
#marketplace .market-category-icon{width:58px;height:54px;border:1px solid rgba(29,112,79,.1);border-radius:10px;background-position:center;background-size:cover;color:transparent;font-size:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.32)}
#marketplace .market-category-icon.all-icon{display:grid;place-items:center;background:linear-gradient(145deg,#0c7555,#075847);color:#9af2bf;font-size:25px}
#marketplace .market-category-icon.metal-icon{background-image:url("assets/how-it-works-bg.png")}
#marketplace .market-category-icon.component-icon{background-image:url("assets/suppliers-3d-bg.png")}
#marketplace .market-category-icon.package-icon{background-image:url("assets/marketplace-bg.png")}
#marketplace .market-category-icon.electrical-icon{background-image:url("assets/suppliers-premium-bg.png")}
#marketplace .market-category-tile strong{max-width:100%;font-size:11px;line-height:1.25}
#marketplace .market-category-tile.active .market-category-icon:not(.all-icon){border-color:#87dcb3;box-shadow:inset 0 0 0 2px rgba(57,220,151,.35)}
#marketplace.page{background-color:#edf3f1;background-image:radial-gradient(ellipse at 2% 35%,rgba(107,183,143,.1),transparent 30%),radial-gradient(ellipse at 98% 75%,rgba(111,163,202,.1),transparent 31%),linear-gradient(145deg,#f2f6f4,#e8f0ee)}
#marketplace .marketplace-content{align-items:stretch}
@media(max-width:900px){#marketplace .market-category-wrap{padding:12px 18px}#marketplace .market-category-rail{grid-template-columns:repeat(5,minmax(140px,1fr));overflow-x:auto}#marketplace .market-category-tile{min-height:98px}}
@media(max-width:700px){#marketplace .market-hero{min-height:0;background-position:center 44%}#marketplace .market-category-rail{grid-template-columns:repeat(5,125px);gap:8px}#marketplace .market-category-tile{min-height:92px;grid-template-rows:48px auto}#marketplace .market-category-icon{width:50px;height:46px}}
/* Marketplace hero detail pass: match the reference hierarchy and compact data panels */
#marketplace .market-hero{min-height:296px;padding:30px 24px 26px;background-position:center 44%}
#marketplace .market-hero::before{background:radial-gradient(ellipse at 48% 8%,rgba(0,190,129,.17),transparent 37%),linear-gradient(90deg,rgba(2,15,26,.96) 0%,rgba(3,19,31,.89) 40%,rgba(3,19,30,.62) 100%)}
#marketplace .market-hero-inner{grid-template-columns:minmax(330px,.88fr) minmax(460px,1.38fr) 205px;gap:24px}
#marketplace .market-kicker{margin-bottom:12px;color:#a6e9d1;font-size:10px;letter-spacing:.21em}
#marketplace .market-hero-copy h1{font-size:clamp(36px,3.1vw,50px);letter-spacing:-.04em}
#marketplace .market-hero-copy h1 span{color:#00df91}
#marketplace .market-hero-copy p{max-width:445px;margin-bottom:21px;font-size:13px}
#marketplace .market-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;color:#e1eeee}
#marketplace .market-proof>div{display:flex;align-items:center;gap:8px;min-width:0}
#marketplace .market-proof>div>b{display:grid;flex:none;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(0,212,144,.12);color:#23eaa0;font-size:17px}
#marketplace .market-proof>div>span{display:grid;gap:2px}
#marketplace .market-proof>div strong{color:#f4faf8;font-size:11px;line-height:1.15}
#marketplace .market-proof>div small{color:#c5d7d9;font-size:9px;line-height:1.25}
#marketplace .market-search-panel{align-self:center}
#marketplace .market-searchbar{grid-template-columns:minmax(0,1fr) 132px 92px;padding:7px;border-radius:11px}
#marketplace .market-searchbar input,#marketplace .market-searchbar select{min-height:44px;font-size:11px}
#marketplace .market-searchbar .btn{min-height:44px}
#marketplace .popular-searches{gap:6px;margin-top:14px}
#marketplace .popular-searches>span{margin-right:4px;color:#f1f7f6}
#marketplace .popular-searches button{padding:6px 10px;background:rgba(8,37,52,.9);font-size:9px}
#marketplace .market-demo-stat{grid-column:3;grid-row:1/3;display:grid;gap:0;padding:8px 14px;border-color:rgba(79,214,162,.42);border-radius:13px;background:rgba(4,29,43,.9);box-shadow:0 14px 34px rgba(0,0,0,.28);backdrop-filter:blur(8px)}
#marketplace .market-demo-stat>div{display:flex;align-items:center;gap:11px;padding:12px 1px;border-bottom:1px solid rgba(192,223,223,.15)}
#marketplace .market-demo-stat>div:last-child{border-bottom:0}
#marketplace .market-demo-stat>div>b{display:grid;flex:none;place-items:center;width:30px;height:30px;color:#20e5a0;font-size:25px;line-height:1}
#marketplace .market-demo-stat>div>span{display:grid;gap:3px}
#marketplace .market-demo-stat strong{color:#39e8a4;font-size:21px;line-height:1}
#marketplace .market-demo-stat small{color:#edf5f4;font-size:10px;font-weight:650}
#marketplace .market-demo-stat small i{color:#b6c9cc;font-style:normal;font-weight:400}
@media(max-width:1250px){#marketplace .market-hero-inner{grid-template-columns:minmax(270px,.88fr) minmax(400px,1.28fr) 175px;gap:16px}}
@media(max-width:900px){
  #marketplace .market-hero-inner{grid-template-columns:minmax(0,1fr) 180px}
  #marketplace .market-hero-copy{grid-column:1;grid-row:1}
  #marketplace .market-search-panel{grid-column:1;grid-row:2}
  #marketplace .market-demo-stat{grid-column:2;grid-row:1/3}
}
@media(max-width:700px){
  #marketplace .market-hero{padding:26px 16px 23px}
  #marketplace .market-hero-inner{grid-template-columns:1fr;gap:17px}
  #marketplace .market-hero-copy,#marketplace .market-search-panel,#marketplace .market-demo-stat{grid-column:1;grid-row:auto}
  #marketplace .market-hero-copy h1{font-size:37px}
  #marketplace .market-proof{gap:7px}
  #marketplace .market-proof>div{gap:6px}
  #marketplace .market-proof>div>b{width:24px;height:24px;font-size:15px}
  #marketplace .market-proof>div strong{font-size:10px}
  #marketplace .market-proof>div small{font-size:8px}
  #marketplace .market-demo-stat{grid-template-columns:1fr;justify-items:stretch;padding:5px 12px}
  #marketplace .market-demo-stat>div{padding:8px 0}
  #marketplace .market-demo-stat>div>b{grid-row:auto;margin:0;font-size:22px}
  #marketplace .market-demo-stat>div>span{grid-column:auto}
}
/* Larger, clearer popular-search row and reference-sized marketplace banner */
#marketplace .market-hero{min-height:286px}
#marketplace .market-hero-inner{grid-template-columns:minmax(330px,.9fr) minmax(480px,1.36fr) 205px;gap:22px}
#marketplace .market-search-panel{align-self:center}
#marketplace .popular-searches{gap:8px;margin-top:15px}
#marketplace .popular-searches>span{font-size:12px;font-weight:750;white-space:nowrap}
#marketplace .popular-searches button{padding:8px 13px;border-color:rgba(173,220,218,.25);font-size:11px;white-space:nowrap}
@media(max-width:1250px){#marketplace .market-hero-inner{grid-template-columns:minmax(270px,.9fr) minmax(400px,1.3fr) 175px;gap:15px}}
@media(max-width:900px){#marketplace .market-hero-inner{grid-template-columns:minmax(0,1fr) 180px}}
@media(max-width:700px){
  #marketplace .market-hero{min-height:0}
  #marketplace .popular-searches{gap:7px}
  #marketplace .popular-searches>span{width:100%;font-size:11px}
  #marketplace .popular-searches button{padding:7px 11px;font-size:10px}
}
/* Reference banner copy, spacing, and wide compact proportions */
@media(min-width:901px){
  #marketplace .market-hero{min-height:270px;padding:20px 40px;background-position:center 44%}
  #marketplace .market-hero-inner{grid-template-columns:minmax(360px,.9fr) minmax(0,1.65fr) 185px;gap:24px;width:min(1500px,100%)}
  #marketplace .market-kicker{margin-bottom:10px;font-size:9px;letter-spacing:.2em}
  #marketplace .market-hero-copy h1{margin-bottom:9px;font-size:clamp(36px,2.8vw,42px);line-height:1.04}
  #marketplace .market-hero-copy p{max-width:405px;margin-bottom:16px;font-size:12px;line-height:1.45}
  #marketplace .market-proof{gap:10px}
  #marketplace .market-proof>div{gap:7px}
  #marketplace .market-proof>div>b{width:25px;height:25px}
  #marketplace .market-proof>div strong{font-size:10px}
  #marketplace .market-proof>div small{font-size:9px}
  #marketplace .market-search-panel{align-self:center}
  #marketplace .market-searchbar{grid-template-columns:minmax(0,1fr) 114px 74px;gap:6px;padding:6px}
  #marketplace .market-searchbar input,#marketplace .market-searchbar select,#marketplace .market-searchbar .btn{min-height:40px}
  #marketplace .popular-searches{flex-wrap:wrap;gap:9px;margin-top:15px;white-space:normal}
  #marketplace .popular-searches>span{font-size:14px}
  #marketplace .popular-searches button{padding:10px 14px;border-color:rgba(112,226,186,.38);border-radius:999px;background:rgba(7,41,58,.94);font-size:12px}
  #marketplace .popular-searches button:hover{background:#087552;box-shadow:0 0 16px rgba(0,221,147,.22)}
  #marketplace .market-demo-stat{padding:5px 12px}
  #marketplace .market-demo-stat>div{gap:9px;padding:10px 0}
  #marketplace .market-demo-stat>div>b{width:27px;height:27px;font-size:23px}
  #marketplace .market-demo-stat strong{font-size:19px}
}
@media(min-width:901px){
  #marketplace .market-network-graph{position:absolute;z-index:0;top:0;left:8%;width:40%;height:100%;overflow:visible;opacity:.62;pointer-events:none}
  #marketplace .market-hero::before{background:linear-gradient(90deg,rgba(2,15,26,.95) 0%,rgba(3,19,31,.79) 43%,rgba(3,19,30,.58) 100%)}
}
@media(max-width:900px){
  #marketplace .market-network-graph{position:absolute;z-index:0;inset:0;width:100%;height:100%;opacity:.28;pointer-events:none}
  #marketplace .market-hero-inner{position:relative;z-index:1}
}
@media(max-width:700px){
  #marketplace .popular-searches{gap:7px}
  #marketplace .popular-searches>span{width:100%;font-size:12px}
  #marketplace .popular-searches button{padding:8px 12px;font-size:11px}
}
/* Give popular searches more breathing room and stronger emphasis */
#marketplace .popular-searches{margin-top:24px;gap:10px}
#marketplace .popular-searches>span{font-size:15px}
#marketplace .popular-searches button{padding:11px 15px;font-size:13px}
@media(max-width:700px){
  #marketplace .popular-searches{margin-top:19px;gap:8px}
  #marketplace .popular-searches>span{font-size:13px}
  #marketplace .popular-searches button{padding:9px 13px;font-size:11px}
}
/* Keep all popular search chips on one horizontal line */
#marketplace .popular-searches{display:flex;flex-wrap:nowrap;align-items:center;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
#marketplace .popular-searches::-webkit-scrollbar{display:none}
#marketplace .popular-searches>span,#marketplace .popular-searches button{flex:none}
@media(max-width:700px){
  #marketplace .popular-searches>span{width:auto}
}
/* Slightly enlarge the 10,000+ stats panel beside the search row */
@media(min-width:901px){
  #marketplace .market-hero-inner{grid-template-columns:minmax(360px,.9fr) minmax(0,1.65fr);padding-right:248px}
  #marketplace .market-demo-stat{position:absolute;top:50%;right:0;grid-column:auto;grid-row:auto;width:224px;transform:translateY(-50%)}
}
#marketplace .market-demo-stat{align-content:center;padding:9px 14px;border:1px solid rgba(74,220,173,.46);border-radius:15px;background:linear-gradient(145deg,rgba(5,37,53,.96),rgba(4,25,39,.95));box-shadow:0 15px 34px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.07)}
#marketplace .market-demo-stat>div{min-height:62px;gap:11px;padding:10px 2px}
#marketplace .market-demo-stat>div>span.market-stat-icon{display:grid;flex:none;place-items:center;width:36px;height:36px;border:1px solid rgba(33,230,163,.22);border-radius:10px;background:rgba(0,220,145,.09);color:#24e6a0}
#marketplace .market-stat-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#marketplace .market-demo-stat>div>span:not(.market-stat-icon){display:grid;gap:4px}
#marketplace .market-demo-stat strong{font-size:21px;letter-spacing:.01em}
#marketplace .market-demo-stat small{font-size:10px}
@media(max-width:700px){
  #marketplace .market-demo-stat>div{min-height:54px}
  #marketplace .market-demo-stat>div>span.market-stat-icon{width:32px;height:32px}
}
@media(max-width:1250px){
  #marketplace .popular-searches{flex-wrap:wrap;overflow:visible;white-space:normal}
  #marketplace .popular-searches>span,#marketplace .popular-searches button{flex:none}
}
#marketplace .popular-searches{gap:8px}
#marketplace .popular-searches>span{font-size:13px}
#marketplace .popular-searches button{padding:9px 12px;font-size:12px}
@media(max-width:700px){
  #marketplace .popular-searches button{padding:8px 10px;font-size:11px}
}
/* Give marketplace category tiles a little more presence */
#marketplace .market-category-wrap{padding-top:18px;padding-bottom:18px}
#marketplace .market-category-rail{gap:14px}
#marketplace .market-category-tile{min-height:118px;grid-template-rows:64px auto;gap:9px;padding:12px 10px}
#marketplace .market-category-icon{width:66px;height:60px;border-radius:12px}
#marketplace .market-category-tile strong{font-size:12px}
@media(max-width:900px){
  #marketplace .market-category-wrap{padding-top:14px;padding-bottom:14px}
  #marketplace .market-category-tile{min-height:110px}
}
@media(max-width:700px){
  #marketplace .market-category-rail{gap:9px}
  #marketplace .market-category-tile{min-height:100px;grid-template-rows:52px auto;padding:9px 8px}
  #marketplace .market-category-icon{width:54px;height:50px}
  #marketplace .market-category-tile strong{font-size:12px}
}
#marketplace .market-category-tile strong{font-size:14px;line-height:1.25}
@media(max-width:900px){#marketplace .market-category-tile strong{font-size:13px}}
@media(max-width:700px){#marketplace .market-category-tile strong{font-size:12px}}
#marketplace .market-category-tile strong{font-size:16px;line-height:1.25}
#marketplace .market-category-filters legend,#marketplace .market-price-filter legend{font-size:15px}
#marketplace .market-category-filters label{font-size:13px}
#marketplace .market-category-filters input{width:17px;height:17px}
#marketplace .market-price-filter>div{font-size:14px}
#marketplace .market-price-filter input{font-size:13px}
@media(max-width:900px){
  #marketplace .market-category-tile strong{font-size:14px}
  #marketplace .market-category-filters legend,#marketplace .market-price-filter legend{font-size:14px}
}
@media(max-width:700px){#marketplace .market-category-tile strong{font-size:13px}}
#marketplace .market-products-heading .eyebrow{font-size:12px;letter-spacing:.13em;font-weight:850}
#marketplace .market-products-heading h2{font-size:30px;font-weight:850;letter-spacing:.015em;text-transform:uppercase}
@media(max-width:700px){#marketplace .market-products-heading h2{font-size:24px}}
#marketplace .market-products-heading{align-items:center;margin:0 0 16px;padding:19px 21px;border:1px solid rgba(53,127,104,.42);border-radius:15px;background:radial-gradient(ellipse at 84% 0%,rgba(28,137,103,.28),transparent 38%),linear-gradient(120deg,#102b3a 0%,#123c45 58%,#124d42 100%);box-shadow:0 12px 28px rgba(12,46,55,.16),inset 0 1px rgba(255,255,255,.07)}
#marketplace .market-products-heading .eyebrow{color:#71e6b3}
#marketplace .market-products-heading h2{color:#f4faf8}
#marketplace .market-products-heading p{margin:6px 0 0;color:#c2d8dc;font-size:13px}
#marketplace .market-sort{color:#e2efec}
#marketplace .market-sort label{color:#d3e5df}
#marketplace .market-sort select{border-color:rgba(190,220,212,.36);background:#f8fbfa;color:#173747}
@media(max-width:700px){
  #marketplace .market-products-heading{align-items:flex-start;padding:16px;border-radius:13px}
  #marketplace .market-products-heading .market-sort{gap:8px}
}
/* Footer navigation echoes the main header's sizing and typography */
footer{gap:22px;min-height:88px;margin-top:0;padding:20px max(24px,calc((100vw - 1308px)/2));border-top:1px solid #d2e1d5;background:linear-gradient(110deg,#edf5ef 0%,#e7f1ea 100%)}
@media(min-width:1101px){footer{padding-left:max(14px,calc((100vw - 1308px)/2))}}
footer .logo img{width:190px;height:auto}
footer p{color:#30463b;font-size:14px;font-weight:650}
footer>a:not(.logo){padding:10px 4px;border-radius:7px;color:#30463b;font-size:15px;font-weight:750;transition:color .16s,background .16s}
footer>a:not(.logo):hover{background:#e1f2e6;color:#126844}
footer small{color:#64786c;font-size:11px}
@media(max-width:1000px){footer .logo img{width:160px}footer>a:not(.logo){font-size:14px}}
@media(max-width:700px){
  footer{align-items:flex-start;gap:10px 16px;padding:20px 16px}
  footer .logo img{width:155px}
  footer p{font-size:13px}
  footer>a:not(.logo){padding:6px 0;font-size:13px}
  footer small{margin-left:0;font-size:10px}
}
@media(min-width:701px){
  footer .logo{margin-right:auto}
  footer p,footer small{margin-left:0}
}
footer p{position:relative;left:-8px;font-size:16px;font-weight:700}
@media(max-width:700px){footer p{left:0;font-size:15px}}
/* Pricing page: image-led, four-plan reference layout */
#pricing.page{width:100%;max-width:none;margin:0;padding:0 0 34px;background:linear-gradient(180deg,#eaf2f4,#f3f7f5)}
#pricing .pricing-hero{position:relative;isolation:isolate;overflow:hidden;min-height:570px;padding:42px 34px 30px;background:#061a2a url("assets/exopot-global-hero.png") center 43%/cover no-repeat}
#pricing .pricing-hero::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,rgba(3,17,30,.97) 0%,rgba(4,20,33,.88) 28%,rgba(4,22,34,.72) 62%,rgba(4,19,31,.58) 100%)}
#pricing .pricing-hero-inner{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,3fr);align-items:center;gap:18px;width:min(1540px,100%);min-height:498px;margin:0 auto}
#pricing .pricing-intro{align-self:center;padding:22px 12px 25px 4px;color:#fff}
#pricing .pricing-kicker{display:block;margin-bottom:17px;color:#d2e3e8;font-size:11px;font-weight:800;letter-spacing:.22em}
#pricing .pricing-intro h1{margin:0 0 18px;color:#f7f9fc;font-size:clamp(40px,4vw,58px);font-weight:850;letter-spacing:-.045em;line-height:1.03}
#pricing .pricing-intro h1 span{color:#25df73}
#pricing .pricing-intro>p{max-width:360px;margin:0 0 28px;color:#e0e9ee;font-size:15px;line-height:1.55}
#pricing .pricing-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#pricing .pricing-points>span{display:flex;align-items:center;gap:7px;color:#edf5f3;font-size:10px;font-weight:650;line-height:1.3}
#pricing .pricing-points b{display:grid;flex:none;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#39e96e,#11985d);color:#062d27;font-size:17px;box-shadow:0 4px 13px rgba(0,221,112,.25)}
#pricing .pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:13px;margin:0}
#pricing .pricing-card{position:relative;display:flex;min-width:0;flex-direction:column;overflow:visible;padding:22px 19px 18px;border:1px solid rgba(255,255,255,.86);border-radius:17px;background:linear-gradient(155deg,#f5fff8,#dcefe5);box-shadow:0 18px 38px rgba(0,0,0,.25);color:#142b3e}
#pricing .pricing-card:nth-child(2){background:linear-gradient(155deg,#dff9f5,#d9f0ed)}
#pricing .pricing-card:nth-child(3){background:linear-gradient(155deg,#f1f7ff,#e1ebf6)}
#pricing .pricing-card:nth-child(4){background:linear-gradient(155deg,#fff8ee,#f5e9d9)}
#pricing .pricing-card.featured{border:2px solid rgba(63,239,140,.82);box-shadow:0 20px 44px rgba(0,0,0,.29),0 0 26px rgba(20,223,122,.16)}
#pricing .pricing-card .plan-status{order:0}
#pricing .pricing-card h2{order:1}
#pricing .pricing-card>p:not(.plan-price){order:2}
#pricing .pricing-card .plan-price{order:3}
#pricing .pricing-card ul{order:4}
#pricing .pricing-card>.btn{order:5}
#pricing .pricing-card .plan-status{align-self:flex-end;min-height:25px;margin-top:3px;padding:6px 10px;border-radius:999px;background:rgba(24,202,96,.18);color:#075b39;font-size:9px;letter-spacing:.035em}
#pricing .pricing-card:nth-child(2) .plan-status{background:#0b8255;color:#fff}
#pricing .pricing-card::before{position:absolute;top:18px;left:18px;display:grid;place-items:center;width:38px;height:38px;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.72);color:#087b52;font-size:22px;font-weight:800;content:"\2618"}
#pricing .pricing-card:nth-child(2)::before{content:"\2605";color:#087b63}
#pricing .pricing-card:nth-child(3)::before{content:"\25A3";color:#1975c7}
#pricing .pricing-card:nth-child(4)::before{content:"\25B6";color:#a56a24}
#pricing .pricing-card.featured::after{position:absolute;top:-27px;left:0;padding:9px 18px;border-radius:11px 11px 7px 7px;background:linear-gradient(90deg,#087e53,#0ba76b);color:#fff;font-size:10px;font-weight:850;letter-spacing:.06em;content:"MOST POPULAR";box-shadow:0 6px 16px rgba(0,0,0,.18)}
#pricing .pricing-card:first-child .plan-status{font-size:0}
#pricing .pricing-card:first-child .plan-status::after{font-size:9px;content:"FREE FOREVER"}
#pricing .pricing-card.ad-plan h2::after{display:block;margin-top:10px;color:#10263b;font-size:30px;font-weight:900;letter-spacing:-.035em;content:"Custom"}
#pricing .pricing-card h2{min-height:27px;margin:13px 0 5px;color:#122a3d;font-size:clamp(15px,1.2vw,19px);font-weight:850;line-height:1.2}
#pricing .pricing-card>p:not(.plan-price){min-height:43px;margin:0 0 10px;color:#435b6b;font-size:11px;line-height:1.4}
#pricing .pricing-card .plan-price{margin:0 0 11px;color:#10263b;font-size:30px;font-weight:900;letter-spacing:-.035em;line-height:1.05}
#pricing .pricing-card .plan-price small{margin-left:5px;color:#314858;font-size:11px;font-weight:650;letter-spacing:0}
#pricing .pricing-card ul{display:grid;gap:4px;margin:0 0 17px;padding:0;list-style:none;color:#253d4d;font-size:10px;line-height:1.35}
#pricing .pricing-card li{position:relative;padding-left:19px}
#pricing .pricing-card li::before{position:absolute;left:0;top:0;display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#34d977;color:#075738;font-size:9px;font-weight:900;content:"\2713"}
#pricing .pricing-card:nth-child(3) li::before{background:#54aaf5;color:#fff}
#pricing .pricing-card:nth-child(4) li::before{background:#f1a34b;color:#fff}
#pricing .pricing-card .btn{min-height:38px;margin-top:auto;border-radius:9px;font-size:11px;font-weight:800}
#pricing .pricing-card .btn.outline{background:#123a36;color:#fff;border-color:#123a36}
#pricing .pricing-card:nth-child(3) .btn.outline{background:#334655;border-color:#334655;color:#fff}
#pricing .pricing-card:nth-child(4) .btn.outline{background:rgba(255,255,255,.65);border-color:#8499a4;color:#142b3e}
#pricing .pricing-card .btn:disabled{opacity:1}
#pricing .pricing-lower{width:min(1540px,calc(100% - 48px));margin:14px auto 0}
#pricing .pricing-benefits{display:grid;grid-template-columns:1.3fr repeat(4,1fr);align-items:center;gap:12px;margin-bottom:13px;padding:20px 25px;border:1px solid rgba(255,255,255,.84);border-radius:20px;background:linear-gradient(110deg,rgba(248,252,253,.97),rgba(226,239,243,.95));box-shadow:0 12px 28px rgba(19,49,62,.12)}
#pricing .pricing-benefits h2{margin:0;color:#10263b;font-size:22px;font-weight:850;line-height:1.15}
#pricing .pricing-benefits article{display:flex;align-items:center;gap:10px;min-height:56px;padding-left:12px;border-left:1px solid #d0e0e3}
#pricing .pricing-benefits article>b{display:grid;flex:none;place-items:center;width:42px;height:42px;border:1px solid #e1eceb;border-radius:50%;background:#fff;color:#12845d;font-size:23px;box-shadow:0 4px 12px rgba(10,77,54,.08)}
#pricing .pricing-benefits article span{display:grid;gap:3px}
#pricing .pricing-benefits article strong{color:#10263b;font-size:12px;font-weight:850}
#pricing .pricing-benefits article small{color:#516b78;font-size:10px;line-height:1.35}
#pricing .pricing-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 30px;border:1px solid rgba(47,217,133,.38);border-radius:17px;background:radial-gradient(ellipse at 80% 0%,rgba(0,145,87,.23),transparent 42%),linear-gradient(105deg,#061a2a,#07372f 72%,#064238);color:#f6fbf9;box-shadow:0 14px 32px rgba(8,39,43,.2)}
#pricing .pricing-cta>div:first-child>span{color:#38e887;font-size:10px;font-weight:850;letter-spacing:.18em}
#pricing .pricing-cta h2{margin:7px 0 4px;color:#f5faf8;font-size:23px;font-weight:800}
#pricing .pricing-cta h2 strong{color:#32e77b}
#pricing .pricing-cta p{margin:0;color:#c6dcdb;font-size:12px}
#pricing .pricing-cta-actions{display:flex;flex:none;gap:10px}
#pricing .pricing-cta-actions .btn{min-height:44px;padding-inline:18px;font-size:12px}
#pricing .pricing-cta-actions .btn.outline{border-color:#9bb7b5;background:rgba(255,255,255,.06);color:#fff}
#pricing>.disclaimer{width:min(1540px,calc(100% - 48px));margin:12px auto 0;padding:10px 13px;font-size:11px}
@media(max-width:1250px){
  #pricing .pricing-hero{padding:38px 24px}
  #pricing .pricing-hero-inner{grid-template-columns:1fr;gap:20px;min-height:0}
  #pricing .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  #pricing .pricing-card{padding:22px 19px 18px}
  #pricing .pricing-card ul{font-size:11px}
  #pricing .pricing-points{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  #pricing .pricing-benefits{grid-template-columns:repeat(4,1fr)}
  #pricing .pricing-benefits h2{grid-column:1/-1}
}
@media(max-width:900px){
  #pricing .pricing-hero{min-height:0;padding:34px 20px}
  #pricing .pricing-hero-inner{grid-template-columns:1fr;min-height:0;gap:30px}
  #pricing .pricing-intro{padding:10px 0 0}
  #pricing .pricing-intro h1{font-size:44px}
  #pricing .pricing-intro>p{max-width:600px}
  #pricing .pricing-points{grid-template-columns:repeat(4,minmax(0,1fr));max-width:650px}
  #pricing .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  #pricing .pricing-card{padding:22px}
  #pricing .pricing-card h2{font-size:19px}
  #pricing .pricing-card ul{font-size:11px}
  #pricing .pricing-lower{width:calc(100% - 36px)}
  #pricing .pricing-benefits{grid-template-columns:repeat(2,1fr)}
  #pricing .pricing-benefits h2{grid-column:1/-1}
}
@media(max-width:600px){
  #pricing .pricing-hero{padding:28px 16px}
  #pricing .pricing-intro h1{font-size:39px}
  #pricing .pricing-points{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pricing .pricing-grid{grid-template-columns:1fr;gap:18px}
  #pricing .pricing-card{min-height:0;padding:22px}
  #pricing .pricing-card ul{font-size:12px}
  #pricing .pricing-card h2{font-size:20px}
  #pricing .pricing-lower{width:calc(100% - 24px)}
  #pricing .pricing-benefits{grid-template-columns:1fr;padding:18px}
  #pricing .pricing-benefits h2{grid-column:auto}
  #pricing .pricing-benefits article{padding:10px 0 0;border-top:1px solid #d0e0e3;border-left:0}
  #pricing .pricing-cta{align-items:flex-start;flex-direction:column;padding:22px 19px}
  #pricing .pricing-cta h2{font-size:20px}
  #pricing .pricing-cta-actions{width:100%;flex-direction:column}
  #pricing .pricing-cta-actions .btn{width:100%}
}
body:has(#pricing.active) .topbar{background:rgba(4,17,30,.97);border-bottom-color:rgba(104,149,160,.26);box-shadow:0 6px 24px rgba(0,0,0,.24)}
body:has(#pricing.active) .topbar nav a{color:#eef5f6}
body:has(#pricing.active) .topbar nav a:hover,body:has(#pricing.active) .topbar nav a.active{color:#37e782;background:rgba(25,198,111,.12)}
body:has(#pricing.active) .topbar .logo img{filter:brightness(0) invert(1)}
body:has(#pricing.active) .topbar .btn.outline{border-color:rgba(227,239,240,.38);background:rgba(255,255,255,.06);color:#f4f8f8}
body:has(#pricing.active) .topbar .btn.primary{border-color:#20d96f;background:#20d96f;color:#052a1c}
body:has(#pricing.active) .demo-notice{background:#061a28;border-color:#19d974;color:#d8e9e8}
html[lang="zh"] #pricing .pricing-card:first-child .plan-status::after{content:"\6C38\4E45\514D\8D39"}
html[lang="zh"] #pricing .pricing-card:nth-child(2)::after{content:"\5373\5C06\63A8\51FA"}
html[lang="zh"] #pricing .pricing-card.ad-plan h2::after{content:"\5B9A\5236\5E7F\544A"}
#pricing.page{background-color:#e7eff0!important;background-image:linear-gradient(145deg,#eaf2f1,#e5eef0 52%,#edf2ef)!important}
#pricing .pricing-lower{position:relative;isolation:isolate;width:100%;margin:0;padding:18px max(24px,calc((100vw - 1540px)/2)) 28px;background:#071d2a url("assets/suppliers-showcase-bg.png") center 54%/cover no-repeat}
#pricing .pricing-lower::before{position:absolute;z-index:-1;inset:0;background:linear-gradient(100deg,rgba(4,20,32,.66),rgba(4,38,42,.57) 55%,rgba(3,24,37,.68));content:""}
#pricing .pricing-benefits{background:linear-gradient(110deg,rgba(249,253,253,.97),rgba(231,242,246,.95))}
#pricing .pricing-cta{background:radial-gradient(ellipse at 78% 0%,rgba(13,143,103,.28),transparent 42%),linear-gradient(105deg,rgba(3,20,34,.97),rgba(4,53,46,.96))}
#pricing>.disclaimer{color:#f2f7f5;border-color:rgba(159,208,194,.34);background:rgba(4,23,34,.82)}
@media(max-width:600px){#pricing .pricing-lower{padding:14px 12px 22px;background-position:58% center}}
#pricing .pricing-card:nth-child(1){background:linear-gradient(150deg,#e8faed 0%,#d2f0dc 100%)}
#pricing .pricing-card:nth-child(2){border:2px solid rgba(35,217,126,.86);background:linear-gradient(150deg,#d9f8ec 0%,#bcebdc 100%);box-shadow:0 20px 44px rgba(0,0,0,.29),0 0 26px rgba(20,223,122,.2)}
#pricing .pricing-card:nth-child(3){background:linear-gradient(150deg,#e9f3ff 0%,#d2e4f5 100%)}
#pricing .pricing-card:nth-child(4){background:linear-gradient(150deg,#fff3df 0%,#f2dfc4 100%)}
#pricing .pricing-card:first-child.featured{border:1px solid rgba(255,255,255,.86);box-shadow:0 18px 38px rgba(0,0,0,.25)}
#pricing .pricing-card:first-child.featured::after{content:none}
#pricing .pricing-card:nth-child(2)::after{position:absolute;top:-27px;left:0;padding:9px 18px;border-radius:11px 11px 7px 7px;background:linear-gradient(90deg,#087e53,#0ba76b);color:#fff;font-size:10px;font-weight:850;letter-spacing:.06em;content:"MOST POPULAR";box-shadow:0 6px 16px rgba(0,0,0,.18)}
#pricing .pricing-card:nth-child(1){background:linear-gradient(150deg,#fbfffc 0%,#eef9f1 100%)}
#pricing .pricing-card:nth-child(2){background:linear-gradient(150deg,#f4fffb 0%,#e5f8f0 100%)}
#pricing .pricing-card:nth-child(3){background:linear-gradient(150deg,#fbfdff 0%,#edf4fc 100%)}
#pricing .pricing-card:nth-child(4){background:linear-gradient(150deg,#fffdf8 0%,#faf2e6 100%)}
#pricing .pricing-card ul{padding:10px 10px 10px 27px;border:1px solid rgba(68,115,102,.1);border-radius:11px;background:rgba(255,255,255,.48)}
#pricing .pricing-card:nth-child(1) ul{background:rgba(225,245,231,.48)}
#pricing .pricing-card:nth-child(2) ul{background:rgba(217,245,234,.54)}
#pricing .pricing-card:nth-child(3) ul{background:rgba(222,236,251,.52)}
#pricing .pricing-card:nth-child(4) ul{background:rgba(249,235,213,.5)}
#pricing .pricing-card .plan-price{color:#102b3c}
/* Soft color wash across the marketplace content canvas */
#marketplace.page{background-color:#e8f0ed;background-image:radial-gradient(ellipse at 8% 16%,rgba(189,223,198,.38),transparent 34%),radial-gradient(ellipse at 94% 30%,rgba(181,211,225,.38),transparent 36%),linear-gradient(135deg,#edf4ef 0%,#e5eef0 52%,#edf1f5 100%)}
#marketplace .marketplace-content{padding:16px;border:1px solid rgba(191,211,204,.7);border-radius:18px;background:linear-gradient(125deg,rgba(236,245,238,.88),rgba(230,240,242,.88) 55%,rgba(238,241,247,.9));box-shadow:0 12px 30px rgba(28,67,65,.07)}
#marketplace #productGrid .marketplace-product-card{background:linear-gradient(145deg,#f8fbf9 0%,#edf5f1 100%)}
@media(max-width:700px){#marketplace .marketplace-content{padding:11px;border-radius:14px}}

/* Calculator page: visual layout follows the buyer-tool reference. */
.calculator-page{width:100%;max-width:none;margin:0;padding:0 0 54px;background:#eaf4f8;color:#102844;overflow:hidden}
.calculator-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(480px,1fr) minmax(470px,.98fr);align-items:center;min-height:286px;padding:32px max(44px,calc((100vw - 1536px)/2));overflow:hidden;background:#061e32 url("assets/exopot-global-hero.png") center 41%/cover no-repeat;color:#fff}
.calculator-hero::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,rgba(3,23,40,.96) 0%,rgba(3,25,45,.91) 43%,rgba(3,27,47,.33) 78%,rgba(3,25,44,.22) 100%)}
.calculator-hero-copy{position:relative;z-index:2;max-width:790px}.calculator-hero .eyebrow{display:block;margin:0 0 10px;color:#2bebb0;font-size:13px;letter-spacing:.12em}.calculator-hero h1{margin:0;color:#fff;font-size:clamp(38px,4vw,62px);font-weight:850;letter-spacing:-.045em;line-height:1.05}.calculator-hero h1 span{color:#22d5a0}.calculator-hero-copy>p{margin:12px 0 22px;color:#dbe8f2;font-size:17px;line-height:1.55}.calculator-hero-copy>p strong{color:#fff;font-weight:650}
.calculator-highlights{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.calculator-highlights span{display:flex;align-items:center;gap:9px;min-height:43px;padding:7px 13px;border:1px solid rgba(117,208,222,.13);border-radius:12px;background:rgba(3,35,54,.52);color:#edf8fb;font-size:13px;font-weight:650;white-space:nowrap}.calculator-highlights b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:linear-gradient(145deg,#0c987b,#1de5b0);color:white;font-size:17px;box-shadow:0 0 18px #09a98755}
.calculator-visual{position:relative;justify-self:stretch;align-self:stretch;min-height:220px;isolation:isolate}.calc-orbit{position:absolute;right:8%;top:-22%;width:390px;height:330px;border:1px solid rgba(22,214,171,.24);border-radius:50%;box-shadow:0 0 60px rgba(0,195,173,.12),inset 0 0 45px rgba(0,177,164,.11)}.calc-device{position:absolute;z-index:1;top:2%;left:39%;width:166px;height:210px;padding:16px 13px 12px;border:1px solid #7295a8;border-radius:22px;background:linear-gradient(145deg,#d7e3e9,#172d42 24%,#0b2238 78%,#387c72);box-shadow:0 20px 34px #00111fc4,8px 10px 0 #07192b;transform:rotate(7deg)}.calc-screen{height:40px;margin:1px 3px 13px;border:4px solid #283f50;border-radius:7px;background:linear-gradient(120deg,#101e28,#193832);box-shadow:inset 0 0 14px #000}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.calc-keys i{height:25px;border:1px solid #617d8d;border-radius:6px;background:linear-gradient(145deg,#d8e3e9,#627b8a);box-shadow:0 3px 0 #071523}.calc-keys i:nth-child(4n){background:linear-gradient(145deg,#53dca9,#08795f)}
.calc-paper{position:absolute;z-index:2;top:27%;left:59%;display:flex;width:157px;height:169px;padding:18px 16px;flex-direction:column;gap:11px;border-radius:10px;background:linear-gradient(150deg,#fff,#e7f6f5);color:#183755;box-shadow:0 15px 28px #00132380;transform:rotate(10deg)}.calc-paper>b{font-size:13px;letter-spacing:.03em}.paper-lines{height:34px;background:repeating-linear-gradient(to bottom,#d5e0ea 0 4px,transparent 4px 12px)}.paper-chart{height:24px;color:#0bbf8b;font-size:31px;line-height:.6}.calc-paper>strong{align-self:flex-end;color:#0bbf8b;font-size:50px;line-height:.8}.calc-sticker{position:absolute;z-index:3;display:flex;min-width:116px;align-items:center;justify-content:space-between;gap:18px;padding:11px 13px;border:1px solid #d4e7e8;border-radius:10px;background:#f8ffff;color:#253b53;font-size:11px;font-weight:750;box-shadow:0 10px 23px #00122166}.calc-sticker b{color:#0c876e;font-size:17px}.sticker-price{top:20%;left:12%;transform:rotate(-7deg)}.sticker-freight{top:58%;left:8%;transform:rotate(-5deg)}.sticker-charges{top:73%;left:37%;transform:rotate(-7deg)}.calc-tag{position:absolute;z-index:4;padding:9px 12px;border:1px solid rgba(114,232,206,.39);border-radius:20px;background:rgba(2,29,47,.86);color:#e5fffa;font-size:10px;font-weight:700;box-shadow:0 8px 18px #00111f66;white-space:nowrap}.tag-global{top:5%;right:1%}.tag-transparent{top:40%;right:-2%}.tag-procurement{bottom:3%;right:0}
.calculator-workspace{position:relative;z-index:3;display:grid;grid-template-columns:minmax(470px,1.52fr) minmax(330px,.92fr) minmax(245px,.56fr);align-items:stretch;gap:16px;width:min(1536px,calc(100% - 64px));margin:-1px auto 0}.calculator-workspace>.card{border:1px solid rgba(200,220,231,.9);border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 18px 48px rgba(8,41,66,.13)}.calculator-form,.cost-result-card{min-width:0;margin:0;padding:22px 24px}.calculator-card-heading{display:flex;align-items:center;gap:13px;margin-bottom:17px}.calculator-card-heading>div{min-width:0}.calc-heading-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:linear-gradient(145deg,#e8fbf5,#d0f7ed);color:#08a77d;font-size:24px;box-shadow:inset 0 0 0 1px #c6eee2}.calculator-card-heading h2{margin:0;color:#102844;font-size:21px;font-weight:800;letter-spacing:-.025em}.calculator-card-heading p{margin:3px 0 0;color:#687e92;font-size:12px;line-height:1.45}.reset-cost{margin-left:auto;padding:9px 12px;border:1px solid #d3e4e7;border-radius:9px;background:#f0f9f8;color:#087b69;font-size:12px;font-weight:750;white-space:nowrap}.calculator-form{display:flex;flex-direction:column;gap:0}.calculator-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}.calculator-fields label{display:grid;gap:6px;color:#132d48;font-size:13px;font-weight:750}.calculator-fields label>small{padding-left:7px;color:#71859a;font-size:11px;font-weight:450;line-height:1.35}.calc-input{display:flex;min-width:0;min-height:42px;align-items:center;overflow:hidden;border:1px solid #cad9e4;border-radius:9px;background:#fff;box-shadow:inset 0 1px 2px #092d4210}.calc-input:focus-within{border-color:#0cae84;box-shadow:0 0 0 3px #0cae8418}.calc-input>b{display:grid;place-items:center;width:39px;height:100%;align-self:stretch;border-right:1px solid #e4edf0;color:#07896b;font-size:19px}.calc-input input{min-width:0;min-height:40px;padding:8px 12px;border:0;border-radius:0;box-shadow:none;color:#18304b;font-size:13px;font-weight:650}.calc-input input:focus{border:0;outline:0;box-shadow:none}.calc-input input::placeholder{color:#8da0b3;font-weight:550}.calculate-button{display:flex;width:100%;min-height:46px;align-items:center;justify-content:center;gap:12px;margin-top:20px;border:0;border-radius:10px;background:linear-gradient(105deg,#04785b,#0d9e78 68%,#21c48f);color:#fff;font-size:14px;box-shadow:0 10px 22px #087c5f33}.calculate-button>span{font-size:18px}.calculate-button>b{font-size:19px}
.cost-result-card{display:flex;flex-direction:column}.cost-result-card .calculator-card-heading{margin-bottom:15px}.cost-result{display:block;min-height:0}.cost-breakdown{display:grid;gap:0;padding:0;border:0;background:transparent}.cost-breakdown h3{display:none}.cost-breakdown p{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:8px 10px;color:#566c81;font-size:12px;line-height:1.35}.cost-breakdown p strong{color:#122c48;font-size:13px;font-weight:800;white-space:nowrap}.cost-breakdown .cost-total{margin:5px 0;padding:10px 12px;border:0;border-radius:10px;background:linear-gradient(100deg,#e4f7ef,#edfaf4);color:#15364b;font-size:15px;font-weight:800}.cost-breakdown .cost-total strong{color:#07865f;font-size:22px}.cost-breakdown p:nth-last-child(1){font-weight:750;color:#1b3550}.cost-note{display:flex;align-items:flex-start;gap:9px;margin:13px 0 12px;padding:11px 12px;border-radius:10px;background:#e8f8f0;color:#466958;font-size:10px;line-height:1.5}.cost-note>b{display:grid;width:19px;height:19px;flex:none;place-items:center;border-radius:50%;background:#0e9b6d;color:#fff;font-size:12px}.cost-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:auto}.cost-result-actions .btn{min-width:0;min-height:39px;padding:8px 10px;font-size:11px;white-space:nowrap}.cost-result-actions .btn.outline{border-color:#10a878;color:#078364}.cost-result-actions .btn.primary{background:linear-gradient(105deg,#086959,#07856d);border:0}.calculator-aside{display:grid;grid-template-rows:1fr auto;gap:14px}.calculator-aside .card{padding:19px 20px;border:1px solid rgba(200,220,231,.9);border-radius:17px;background:#fff;box-shadow:0 14px 34px rgba(8,41,66,.11)}.calculator-aside h2{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:#142e49;font-size:17px;font-weight:800}.calculator-aside h2>span{color:#078d79;font-size:22px}.why-card ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.why-card li{position:relative;padding-left:28px;color:#526b82;font-size:12px;line-height:1.45}.why-card li::before{position:absolute;left:0;top:0;display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#b9ead4;color:#087d59;content:"\2713";font-size:12px;font-weight:900}.pro-tip h2>span{color:#d82f87}.pro-tip p{margin:0;color:#536c83;font-size:12px;line-height:1.6}.calculator-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:min(1450px,calc(100% - 96px));margin:27px auto 0;padding:0 10px}.calculator-benefits article{display:flex;align-items:center;gap:14px;min-width:0;padding:0 21px;border-right:1px solid #d0e1e8}.calculator-benefits article:last-child{border-right:0}.calculator-benefits article>b{display:grid;width:54px;height:54px;flex:none;place-items:center;border:1px solid #e2f0f3;border-radius:15px;background:linear-gradient(145deg,#fff,#e4f5f4);color:#09a98a;font-size:25px;box-shadow:0 8px 18px #16425b13}.calculator-benefits article:nth-child(2)>b{color:#15b998}.calculator-benefits article:nth-child(3)>b{color:#0d9fcd}.calculator-benefits article:nth-child(4)>b{color:#338cff}.calculator-benefits span{display:grid;gap:4px}.calculator-benefits strong{color:#15314c;font-size:13px;font-weight:800}.calculator-benefits small{color:#647e91;font-size:11px;line-height:1.4}.saved-estimates{width:min(1450px,calc(100% - 96px));margin:25px auto 0;padding:22px;border:1px solid #d9e7eb;border-radius:15px;background:#ffffffd9;box-shadow:0 10px 26px #10324b0d}.saved-estimates h2{margin:0;color:#132e49;font-size:19px}.saved-estimates>.subtext{margin:5px 0;color:#6a8093;font-size:12px}.calculator-page>.disclaimer{width:min(1450px,calc(100% - 96px));margin:14px auto 0}
@media(max-width:1120px){.calculator-hero{grid-template-columns:1fr .8fr;padding-inline:32px}.calculator-workspace{grid-template-columns:minmax(0,1.2fr) minmax(300px,.9fr);width:calc(100% - 48px)}.calculator-aside{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}.why-card ul{grid-template-columns:repeat(2,1fr)}.calculator-benefits{width:calc(100% - 48px)}.calculator-benefits article{padding-inline:12px}}
@media(max-width:700px){.calculator-page{padding-bottom:32px}.calculator-hero{grid-template-columns:1fr;min-height:0;padding:32px 20px 22px;background-position:65% center}.calculator-hero::before{background:linear-gradient(90deg,rgba(3,23,40,.96),rgba(3,25,45,.78))}.calculator-hero h1{font-size:39px}.calculator-hero-copy>p{font-size:14px}.calculator-highlights{gap:7px}.calculator-highlights span{min-height:37px;padding:6px 9px;font-size:11px}.calculator-highlights b{width:23px;height:23px}.calculator-visual{min-height:180px;max-width:500px;width:100%;justify-self:center;transform:scale(.86);transform-origin:center top;margin-bottom:-22px}.calc-device{left:35%;transform:scale(.82) rotate(7deg);transform-origin:top left}.calc-paper{left:57%;transform:scale(.84) rotate(10deg);transform-origin:top left}.calculator-workspace{grid-template-columns:1fr;width:calc(100% - 28px);gap:12px;margin:14px auto 0}.calculator-form,.cost-result-card{padding:17px 15px}.calculator-card-heading h2{font-size:18px}.calculator-fields{gap:14px 10px}.calculator-fields label{font-size:12px}.calculator-fields label>small{font-size:10px;padding-left:2px}.calculator-aside{grid-column:auto;grid-template-columns:1fr;gap:11px}.why-card ul{grid-template-columns:1fr 1fr;gap:10px}.calculator-benefits{grid-template-columns:1fr 1fr;row-gap:17px;width:calc(100% - 28px);margin-top:20px;padding:0}.calculator-benefits article{padding:0 8px;border:0;gap:9px}.calculator-benefits article>b{width:42px;height:42px;border-radius:12px;font-size:20px}.calculator-benefits strong{font-size:11px}.calculator-benefits small{font-size:10px}.saved-estimates,.calculator-page>.disclaimer{width:calc(100% - 28px)}.saved-estimates{margin-top:19px;padding:17px}}
@media(max-width:420px){.calculator-fields{grid-template-columns:1fr}.calculator-highlights span{flex:1}.calculator-benefits{grid-template-columns:1fr}.calculator-benefits article{padding-inline:5px}.cost-result-actions{grid-template-columns:1fr}.calculator-aside h2{font-size:16px}}

/* Surplus preview page — circular industry visual system */
.surplus-page{width:100%;max-width:none;margin:0;padding:0 0 0;background:#f3faf8;color:#12304d;overflow:hidden}
.surplus-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(550px,1fr) 210px;align-items:center;gap:26px;min-height:302px;padding:24px max(50px,calc((100vw - 1510px)/2));overflow:hidden;background:#031b2b url("assets/surplus-circular-hero.png") center 49%/cover no-repeat;color:#fff}
.surplus-hero::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,rgba(1,20,33,.94) 0%,rgba(1,24,39,.84) 40%,rgba(1,26,38,.18) 77%,rgba(1,20,31,.58) 100%)}
.surplus-hero-copy{position:relative;z-index:1;max-width:930px}.surplus-kicker,.surplus-section-kicker{display:block;color:#13e2a2;font-size:11px;font-weight:850;letter-spacing:.13em}.surplus-hero h1{margin:10px 0 6px;color:#f6fbff;font-size:clamp(38px,3.2vw,57px);font-weight:850;letter-spacing:-.045em;line-height:1.02}.surplus-hero h1 span{color:#19e99a}.surplus-hero-copy>p{margin:6px 0 15px;color:#f0f6fa;font-size:15px;font-weight:550;line-height:1.42}.surplus-highlights{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.surplus-highlights>span{display:flex;align-items:center;gap:9px;min-width:148px;padding:7px 10px;border:1px solid rgba(39,230,172,.13);border-radius:25px;background:rgba(1,33,46,.7);box-shadow:0 4px 15px #00111f50}.surplus-highlights>span>b{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid #00c58e;border-radius:50%;background:linear-gradient(145deg,#063e3c,#08745b);color:#1cf3a9;font-size:20px}.surplus-highlights strong{display:grid;gap:2px;color:#fff;font-size:10px;line-height:1.2}.surplus-highlights small{color:#c7d8de;font-size:9px;font-weight:450;white-space:nowrap}
.surplus-hero-stats{align-self:center;padding:10px 15px;border:1px solid rgba(0,227,159,.38);border-radius:14px;background:rgba(2,25,39,.88);box-shadow:0 15px 35px #00101f88;backdrop-filter:blur(8px)}.surplus-stat-heading,.surplus-stat{display:flex;align-items:center;gap:12px}.surplus-stat-heading{padding:4px 0 10px;color:white;font-size:13px;line-height:1.25}.surplus-stat-heading>b,.surplus-stat>b{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid #087c63;border-radius:50%;background:#043a38;color:#12eca4;font-size:19px}.surplus-stat{padding:8px 0;border-top:1px solid rgba(115,183,189,.17)}.surplus-stat>span{display:grid;gap:1px}.surplus-stat strong{color:#fff;font-size:16px;line-height:1.1}.surplus-stat small{color:#d5e2e8;font-size:10px}
.surplus-search-wrap{position:relative;z-index:3;width:min(1510px,calc(100% - 72px));margin:-30px auto 0}.surplus-search{display:grid;grid-template-columns:minmax(250px,1.9fr) repeat(3,minmax(145px,.9fr)) minmax(180px,1.05fr);align-items:center;gap:11px;padding:10px 12px;border:1px solid #c9d9df;border-radius:15px;background:rgba(255,255,255,.98);box-shadow:0 13px 30px rgba(10,53,71,.17)}.surplus-search label{display:flex;min-width:0;height:43px;align-items:center;gap:10px;padding:0 12px;border:1px solid #d6e1e8;border-radius:9px;background:#fff;color:#173553}.surplus-search label>span{flex:none;color:#183d5b;font-size:19px}.surplus-search input,.surplus-search select{width:100%;min-width:0;height:40px;min-height:40px;padding:7px 0;border:0;outline:0;background:transparent;color:#172f48;font-size:11px;font-weight:650;box-shadow:none}.surplus-search input::placeholder{color:#657a8e}.surplus-search select{cursor:pointer}.surplus-search button{display:flex;height:43px;align-items:center;justify-content:center;gap:15px;border:0;border-radius:9px;background:linear-gradient(105deg,#08b96e,#00745c);color:#fff;font-size:13px;font-weight:800;box-shadow:0 6px 14px #07846130}.surplus-search button b{font-size:18px}
.surplus-categories{width:min(1510px,calc(100% - 72px));margin:14px auto 0;padding:0 0 9px}.surplus-category-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px}.surplus-section-kicker{margin-bottom:5px;font-size:10px}.surplus-category-heading h2{margin:0;color:#143659;font-size:29px;font-weight:850;letter-spacing:-.035em;line-height:1.1}.surplus-category-heading p{margin:5px 0 0;color:#5e7487;font-size:13px}.surplus-eco-note{display:flex;align-items:center;gap:12px;min-width:302px;padding:10px 15px;border:1px solid #c8efe1;border-radius:10px;background:linear-gradient(100deg,#e5fbf3,#f2fffb);color:#1b3e4e;font-size:11px}.surplus-eco-note>b{color:#078957;font-size:23px}.surplus-eco-note span{display:grid;gap:2px;font-weight:750}.surplus-eco-note small{color:#58787a;font-size:10px;font-weight:450}
.surplus-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.surplus-card-grid .surplus-card{position:relative;display:grid;grid-template-rows:126px 1fr;min-width:0;min-height:229px;overflow:hidden;border:1px solid #cfe4e1;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(10,69,79,.08);transition:transform .18s,box-shadow .18s,border-color .18s}.surplus-card-grid .surplus-card:hover{transform:translateY(-3px);border-color:#8bd8bb;box-shadow:0 14px 30px rgba(10,69,79,.15)}.surplus-card[hidden]{display:none!important}.surplus-card-image{position:relative;overflow:hidden;background:#15384a}.surplus-card-image::after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,rgba(0,19,33,.03),rgba(1,25,39,.3))}.surplus-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.surplus-card:hover .surplus-card-image img{transform:scale(1.04)}.surplus-card-icon{position:absolute;z-index:1;top:95px;left:12px;display:grid;width:47px;height:47px;place-items:center;border:3px solid white;border-radius:13px;background:linear-gradient(145deg,#e2fff2,#c8f8e9);color:#058954;font-size:25px;box-shadow:0 5px 12px #00271d24}.surplus-card-body{display:flex;min-width:0;flex-direction:column;padding:7px 12px 11px 74px}.surplus-card-body h3{margin:0;color:#183857;font-size:15px;font-weight:850;letter-spacing:-.015em;line-height:1.25}.surplus-card-body p{min-height:32px;margin:3px 0 7px;color:#526d83;font-size:11px;line-height:1.3}.surplus-tags{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 8px}.surplus-tags span{padding:5px 8px;border-radius:7px;background:#e5f8f2;color:#087c69;font-size:9px;line-height:1;white-space:nowrap}.surplus-card-body button{display:flex;min-height:34px;align-items:center;justify-content:flex-start;gap:12px;margin-top:auto;padding:6px 10px;border:1px solid #b9eadb;border-radius:8px;background:linear-gradient(100deg,#f2fcf8,#e8fbf5);color:#086b50;font-size:10px;font-weight:800;text-align:left;cursor:pointer}.surplus-card-body button b{font-size:17px}.surplus-empty{padding:18px;border:1px dashed #bad9d3;border-radius:10px;color:#637b87;text-align:center}
.surplus-process{display:grid;grid-template-columns:minmax(290px,1.45fr) repeat(3,16px) repeat(4,minmax(140px,1fr));align-items:center;gap:8px;margin-top:10px;padding:10px 14px;border:1px solid #cdeee1;border-radius:11px;background:linear-gradient(100deg,#ebfaf4,#f5fffc);box-shadow:0 5px 15px #24614a0b}.process-intro,.surplus-process article{display:flex;min-width:0;align-items:center;gap:10px}.process-intro>b{display:grid;width:48px;height:48px;flex:none;place-items:center;color:#07844e;font-size:31px}.process-intro span,.surplus-process article span{display:grid;gap:3px}.process-intro strong{color:#153b37;font-size:12px;font-weight:850}.process-intro small,.surplus-process article small{color:#506d78;font-size:9px;line-height:1.35}.surplus-process article .process-number{display:grid;width:25px;height:25px;flex:none;place-items:center;border-radius:50%;background:linear-gradient(145deg,#20c17b,#006746);color:#fff;font-size:12px;box-shadow:0 3px 7px #0767473a}.surplus-process article>i{color:#079b6f;font-size:24px;font-style:normal}.surplus-process article strong{color:#163b46;font-size:10px;font-weight:850;line-height:1.25}.process-arrow{color:#12a875;font-size:23px;text-align:center}.surplus-compliance{display:flex;align-items:center;gap:11px;margin-top:8px;padding:8px 12px;border:1px solid #f5dfa3;border-radius:9px;background:linear-gradient(90deg,#fff1c8,#fff8e4);color:#66542d;font-size:10px;line-height:1.35}.surplus-compliance>b{color:#e38900;font-size:18px}
.surplus-cta{position:relative;isolation:isolate;display:flex;min-height:116px;align-items:center;justify-content:space-between;gap:22px;margin-top:0;padding:17px max(50px,calc((100vw - 1510px)/2));overflow:hidden;background:#021a29 url("assets/surplus-circular-hero.png") 81% 57%/cover no-repeat;color:#fff}.surplus-cta::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,rgba(0,18,29,.96),rgba(0,25,37,.89) 52%,rgba(0,30,38,.35))}.surplus-cta>div:first-child{position:relative;z-index:1}.surplus-cta h2{margin:0 0 4px;color:#f4fbff;font-size:23px;font-weight:850;letter-spacing:-.025em}.surplus-cta p{margin:0;color:#e2edf1;font-size:12px;line-height:1.45}.surplus-cta-actions{display:flex;align-items:center;gap:13px}.surplus-cta-actions button,.surplus-cta-actions a{display:inline-flex;min-width:205px;min-height:43px;align-items:center;justify-content:center;gap:12px;padding:9px 17px;border:1px solid #08c88d;border-radius:9px;background:#08d887;color:#062b30;font-size:12px;font-weight:850;box-shadow:0 7px 20px #00ac7042;cursor:pointer}.surplus-cta-actions button b{font-size:18px}.surplus-cta-actions a{border-color:#09bd89;background:rgba(0,32,45,.76);color:#f0fffa;text-decoration:none;box-shadow:none}.surplus-cta-tagline{position:relative;z-index:1;color:#12eaa2;font-size:10px;letter-spacing:.18em;line-height:1.35}
@media(max-width:1100px){.surplus-hero{grid-template-columns:minmax(0,1fr) 195px;padding-inline:32px}.surplus-search-wrap,.surplus-categories{width:calc(100% - 40px)}.surplus-search{grid-template-columns:minmax(200px,1.6fr) repeat(3,minmax(120px,.8fr));}.surplus-search button{grid-column:1/-1}.surplus-process{grid-template-columns:1fr 16px 1fr 16px 1fr 16px 1fr}.process-intro{grid-column:1/-1;padding-bottom:8px;border-bottom:1px solid #cdeee1}.process-arrow:nth-of-type(1){display:none}.surplus-cta{padding-inline:30px}}
@media(max-width:760px){.surplus-hero{grid-template-columns:1fr;gap:14px;min-height:0;padding:29px 20px 42px;background-position:58% center}.surplus-hero::before{background:linear-gradient(90deg,rgba(1,20,33,.96),rgba(1,24,39,.75))}.surplus-hero h1{font-size:41px}.surplus-hero-copy>p{font-size:13px}.desktop-break{display:none}.surplus-highlights{gap:6px}.surplus-highlights>span{min-width:calc(50% - 4px);padding:6px 8px}.surplus-hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:0 10px;width:100%;max-width:420px;padding:8px 12px}.surplus-stat-heading{grid-column:1/-1}.surplus-stat{padding:7px 0}.surplus-search-wrap{width:calc(100% - 24px);margin-top:-25px}.surplus-search{grid-template-columns:1fr 1fr;gap:8px;padding:9px}.surplus-search-key{grid-column:1/-1}.surplus-search button{grid-column:1/-1}.surplus-search label{height:40px;padding:0 9px}.surplus-search input,.surplus-search select{font-size:10px}.surplus-categories{width:calc(100% - 24px);margin-top:15px}.surplus-category-heading{align-items:flex-start;flex-direction:column;gap:10px}.surplus-category-heading h2{font-size:24px}.surplus-category-heading p{font-size:11px}.surplus-eco-note{min-width:0;width:100%}.surplus-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.surplus-card-grid .surplus-card{grid-template-rows:105px 1fr;min-height:220px}.surplus-card-icon{top:78px;width:42px;height:42px}.surplus-card-body{padding:8px 9px 10px 56px}.surplus-card-body h3{font-size:13px}.surplus-card-body p{font-size:10px;min-height:37px}.surplus-tags span{font-size:8px;padding:4px 6px}.surplus-card-body button{font-size:9px}.surplus-process{grid-template-columns:1fr;gap:8px}.process-intro{grid-column:auto}.surplus-process article{padding:5px 0}.process-arrow{display:none}.surplus-compliance{align-items:flex-start;font-size:9px}.surplus-cta{align-items:flex-start;flex-direction:column;gap:13px;padding:20px 18px;background-position:73% center}.surplus-cta h2{font-size:21px}.surplus-cta-actions{width:100%;align-items:stretch;flex-direction:column;gap:8px}.surplus-cta-actions button,.surplus-cta-actions a{width:100%}.surplus-cta-tagline{position:absolute;right:15px;top:18px;font-size:8px}.surplus-cta p{max-width:85%}}
@media(max-width:420px){.surplus-card-grid{grid-template-columns:1fr}.surplus-card-grid .surplus-card{grid-template-rows:140px 1fr;min-height:245px}.surplus-card-icon{top:113px}.surplus-card-body{padding-left:68px}.surplus-card-body p{min-height:0}.surplus-highlights>span{min-width:100%}.surplus-search{grid-template-columns:1fr}.surplus-search-key,.surplus-search button{grid-column:auto}}.surplus-process{grid-template-columns:minmax(290px,1.45fr) minmax(140px,1fr) 16px minmax(140px,1fr) 16px minmax(140px,1fr) 16px minmax(140px,1fr)}
@media(max-width:1100px){.surplus-process{grid-template-columns:1fr 16px 1fr 16px 1fr 16px 1fr}.process-intro{grid-column:1/-1;padding-bottom:8px;border-bottom:1px solid #cdeee1}.process-arrow:nth-of-type(1){display:none}}
@media(max-width:760px){.surplus-process{grid-template-columns:1fr}.process-intro{grid-column:auto}.surplus-process article{padding:5px 0}.process-arrow{display:none}}
/* Advertise page campaign and contact workflow */
.advertise-page{width:100%;max-width:none;margin:0;padding:0;background:#061e2d;color:#fff;overflow:hidden}
body:has(#advertise.active) .demo-notice{display:none}body:has(#advertise.active) .topbar nav a[href="#advertise"]{color:#087e55;background:#e7f7f0;box-shadow:inset 0 -2px 0 #09a875}
.advertise-hero{position:relative;isolation:isolate;min-height:clamp(680px,calc(100vh - 164px),790px);overflow:hidden;background:#031a29 url("assets/advertise-hero.png") center 57%/cover no-repeat}.advertise-hero::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,rgba(1,20,31,.89) 0%,rgba(1,22,34,.72) 37%,rgba(2,26,39,.4) 68%,rgba(2,20,31,.2) 100%),linear-gradient(0deg,rgba(0,20,29,.32),transparent 47%)}.advertise-layout{position:relative;display:grid;grid-template-columns:minmax(470px,.86fr) minmax(560px,1fr);align-items:center;gap:44px;width:min(1450px,calc(100% - 96px));min-height:inherit;margin:0 auto;padding:35px 0 48px}.advertise-copy{position:relative;align-self:center;max-width:560px;padding:5px 0 80px}.advertise-kicker{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border:1px solid #18d98d;border-radius:24px;background:rgba(0,77,58,.59);color:#e9fff5;font-size:11px;font-weight:800;letter-spacing:.045em;box-shadow:0 0 20px #00be7140}.advertise-kicker b{color:#39ebb0;font-size:16px}.advertise-copy h1{margin:16px 0 12px;color:#f9fbff;font-size:clamp(47px,4.4vw,68px);font-weight:850;letter-spacing:-.055em;line-height:.99}.advertise-copy h1 span{color:#16e891}.advertise-description{max-width:570px;margin:0;color:#edf3f6;font-size:16px;font-weight:550;line-height:1.58}.advertise-benefits{display:grid;grid-template-columns:1fr 1fr;gap:21px 23px;margin-top:29px}.advertise-benefits article{display:flex;align-items:flex-start;gap:13px;min-width:0}.advertise-benefits article>b{display:grid;width:38px;height:38px;flex:none;place-items:center;border:1px solid rgba(37,236,166,.45);border-radius:12px;background:linear-gradient(145deg,#06483f,#087b5d);color:#61f5be;font-size:21px;box-shadow:0 5px 15px #00b37b36}.advertise-benefits article span{display:grid;gap:5px}.advertise-benefits strong{color:#fff;font-size:14px;font-weight:800;line-height:1.2}.advertise-benefits small{color:#dce7ec;font-size:12px;line-height:1.45}.advertise-laptop{position:absolute;left:55px;bottom:-18px;display:flex;width:274px;height:131px;align-items:center;justify-content:center;overflow:hidden;border:6px solid #172d36;border-bottom:13px solid #101f28;border-radius:14px 14px 10px 10px;background:linear-gradient(145deg,#002028,#03191e 75%);box-shadow:0 15px 24px #0008;transform:perspective(450px) rotateY(-7deg) rotateX(2deg)}.advertise-laptop::after{position:absolute;right:30px;bottom:14px;left:30px;height:37px;border-bottom:3px solid #21e592;border-left:3px solid #21e592;content:"";transform:skewY(-18deg)}.advertise-laptop img{width:132px;filter:brightness(1.15);opacity:.94}.advertise-laptop>span{position:absolute;right:24px;bottom:40px;color:#16eb99;font-size:26px}.advertise-script{position:absolute;color:#fff;font-family:"Segoe Script","Brush Script MT",cursive;font-size:24px;font-style:italic;font-weight:500;line-height:1.04;text-shadow:0 2px 9px #00131d}.advertise-script-grow{right:4px;bottom:-7px;transform:rotate(-9deg)}.advertise-script-brand{top:22%;right:-28px;z-index:1;color:#f8fbff;font-size:23px;transform:rotate(-10deg)}.advertise-trusted{position:absolute;right:-28px;bottom:5%;display:flex;align-items:center;gap:12px;padding:11px 17px;border:1px solid rgba(40,225,168,.3);border-radius:30px;background:rgba(1,36,42,.92);box-shadow:0 8px 22px #00131d80}.advertise-trusted>b{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:#e9fff5;color:#067e62;font-size:21px}.advertise-trusted span{display:grid;gap:1px;color:#dce9eb;font-size:10px}.advertise-trusted strong{color:#fff;font-size:12px}
.advertise-form{position:relative;z-index:2;width:100%;max-width:690px;justify-self:end;padding:31px 34px 20px;border:1px solid rgba(255,255,255,.75);border-radius:19px;background:linear-gradient(140deg,rgba(255,255,255,.98),rgba(236,249,245,.96));color:#123348;box-shadow:0 22px 60px rgba(0,12,22,.3),inset 0 0 0 1px rgba(255,255,255,.8);backdrop-filter:blur(10px)}.advertise-form-heading{display:flex;align-items:center;gap:15px;margin-bottom:24px}.advertise-form-heading>b{display:grid;width:52px;height:52px;flex:none;place-items:center;border-radius:13px;background:linear-gradient(145deg,#34c58a,#07835d);color:white;font-size:27px;box-shadow:0 7px 17px #14936b38}.advertise-form-heading h2{margin:0;color:#123449;font-size:24px;font-weight:850;letter-spacing:-.035em}.advertise-form-heading p{margin:4px 0 0;color:#547287;font-size:12px}.advertise-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 25px}.advertise-fields label{display:grid;min-width:0;gap:7px;color:#123d4d;font-size:12px;font-weight:750}.advertise-fields input,.advertise-fields select,.advertise-fields textarea{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #d1e4e2;border-radius:9px;background:rgba(255,255,255,.73);color:#183b50;font-size:12px;font-weight:500;box-shadow:inset 0 1px 3px #0e3a4510}.advertise-fields input::placeholder,.advertise-fields textarea::placeholder{color:#8ba3b0}.advertise-fields select{appearance:auto;color:#78909c}.advertise-fields textarea{min-height:85px;resize:vertical}.advertise-fields input:focus,.advertise-fields select:focus,.advertise-fields textarea:focus{border-color:#0cad77;outline:0;box-shadow:0 0 0 3px #13a87920}.advertise-message-field{grid-column:1/-1}.advertise-submit{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;gap:10px;margin-top:18px;border:0;border-radius:10px;background:linear-gradient(100deg,#078358,#05a86e 64%,#21d47d);color:#fff;font-size:14px;font-weight:850;box-shadow:0 8px 19px #087b573b;cursor:pointer;transition:filter .16s,transform .16s}.advertise-submit:hover{filter:brightness(1.06);transform:translateY(-1px)}.advertise-submit>span{font-size:18px}.advertise-privacy{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:10px 12px;border-radius:8px;background:linear-gradient(90deg,#e0f2e9,#d9f2e6);color:#335f58;font-size:10px;line-height:1.45}.advertise-privacy>b{color:#087e5c;font-size:15px}.advertise-message{min-height:16px;margin:7px 0 0;color:#06734e;font-size:11px;font-weight:700}.advertise-message.error{color:#b42318}.advertise-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:0;width:100%;min-height:91px;padding:13px max(50px,calc((100vw - 1120px)/2));background:linear-gradient(90deg,#021821,#032b2a 52%,#011922);color:#fff}.advertise-stats article{display:flex;align-items:center;justify-content:center;gap:14px;min-width:0;border-right:1px solid rgba(143,225,210,.2)}.advertise-stats article:last-child{border:0}.advertise-stats article>b{color:#a0f7d5;font-size:26px}.advertise-stats span{display:grid;gap:3px}.advertise-stats strong{color:#fff;font-size:15px;font-weight:850}.advertise-stats small{color:#d4e4e9;font-size:12px}
@media(max-width:1080px){.advertise-layout{grid-template-columns:minmax(330px,.85fr) minmax(460px,1fr);gap:26px;width:calc(100% - 56px)}.advertise-form{padding:25px 24px 18px}.advertise-benefits{gap:17px 13px}.advertise-copy h1{font-size:50px}.advertise-description{font-size:14px}.advertise-script-brand,.advertise-trusted{right:0}.advertise-laptop{left:10px;width:235px}}
@media(max-width:780px){.advertise-hero{min-height:0;background-position:43% center}.advertise-hero::before{background:linear-gradient(180deg,rgba(1,20,31,.92),rgba(1,21,32,.75))}.advertise-layout{grid-template-columns:1fr;gap:23px;width:calc(100% - 32px);padding:32px 0 28px}.advertise-copy{max-width:none;padding:0 0 15px}.advertise-copy h1{font-size:44px}.advertise-description{max-width:640px}.advertise-benefits{max-width:620px;margin-top:20px}.advertise-laptop,.advertise-script-grow,.advertise-script-brand,.advertise-trusted{display:none}.advertise-form{justify-self:center;max-width:640px;padding:22px 20px 17px}.advertise-form-heading{margin-bottom:18px}.advertise-form-heading h2{font-size:21px}.advertise-fields{gap:13px 12px}.advertise-stats{grid-template-columns:repeat(2,1fr);gap:14px;padding:16px}.advertise-stats article{justify-content:flex-start;padding:4px 12px;border-right:0}.advertise-stats article>b{font-size:22px}.advertise-stats strong{font-size:13px}.advertise-stats small{font-size:10px}}
@media(max-width:460px){.advertise-layout{width:calc(100% - 24px);padding-top:23px}.advertise-copy h1{font-size:39px}.advertise-description{font-size:13px}.advertise-benefits{gap:14px 7px}.advertise-benefits article{gap:8px}.advertise-benefits article>b{width:32px;height:32px;font-size:18px}.advertise-benefits strong{font-size:11px}.advertise-benefits small{font-size:10px}.advertise-form{padding:18px 14px 14px}.advertise-fields{grid-template-columns:1fr;gap:12px}.advertise-message-field{grid-column:auto}.advertise-fields label{font-size:11px}.advertise-form-heading>b{width:44px;height:44px}.advertise-form-heading h2{font-size:19px}.advertise-privacy{font-size:9px}.advertise-stats{gap:10px 4px}.advertise-stats article{padding-inline:6px}}.advertise-laptop{display:none!important}

/* Login page inspired by the supplied split-screen workspace reference */
.login-page{width:100%;max-width:none;margin:0;padding:0;background:#051c2a;color:#fff;overflow:hidden}
body:has(#login.active) .demo-notice{display:none}body:has(#login.active) .topbar nav a[href="#home"]{color:#087e55;background:#e7f7f0;box-shadow:inset 0 -2px 0 #09a875}body:has(#login.active) #headerActions{display:flex;align-items:center;gap:10px}body:has(#login.active) #headerActions button[data-page="register"]{order:0}body:has(#login.active) #headerActions button[data-page="login"]{order:1}.login-header-tools{display:none}body:has(#login.active) .login-header-tools{display:flex;align-items:center;gap:10px}.login-header-tools button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;background:transparent;color:#102d44;font-size:22px}.login-header-tools button:hover{background:#eaf4f0;color:#08785b}
.login-hero{position:relative;isolation:isolate;min-height:calc(100vh - 76px);overflow:hidden;background:#031c29 url("assets/login-hero.png") center 54%/cover no-repeat}.login-hero::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,rgba(1,24,31,.76) 0%,rgba(1,31,37,.6) 37%,rgba(3,38,47,.14) 63%,rgba(3,30,42,.38) 100%),linear-gradient(0deg,rgba(1,21,29,.3),transparent 42%)}.login-layout{position:relative;display:grid;grid-template-columns:minmax(420px,.96fr) minmax(520px,1fr) 100px;align-items:center;gap:24px;width:min(1540px,calc(100% - 96px));min-height:calc(100vh - 76px);margin:0 auto;padding:34px 0 82px}.login-copy{position:relative;align-self:center;max-width:650px;padding:0 0 34px}.login-welcome{display:inline-block;padding:7px 13px;border:1px solid rgba(29,228,164,.33);border-radius:20px;background:rgba(0,81,63,.45);color:#82ffd0;font-size:11px;font-weight:850;letter-spacing:.22em}.login-copy h1{margin:16px 0 10px;color:#f7fbff;font-size:clamp(42px,4.2vw,67px);font-weight:850;letter-spacing:-.055em;line-height:1.02}.login-copy h1 span{color:#23e99b}.login-lead{margin:0;color:#f0f6f8;font-size:18px;line-height:1.42}.login-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:26px}.login-benefits article{display:grid;justify-items:start;gap:9px;min-width:0}.login-benefits article>b{display:grid;width:55px;height:55px;place-items:center;border:1px solid rgba(35,228,163,.23);border-radius:14px;background:linear-gradient(145deg,rgba(12,86,76,.85),rgba(6,45,49,.9));color:#49f1b0;font-size:28px;box-shadow:0 8px 20px #00141c70}.login-benefits article span{display:grid;gap:5px}.login-benefits strong{color:#fff;font-size:13px;font-weight:850;line-height:1.22}.login-benefits small{color:#d2e0e3;font-size:11px;line-height:1.4}.login-bottom-proof{position:absolute;right:0;bottom:-73px;left:0;display:flex;align-items:center;justify-content:space-between;gap:16px}.login-bottom-proof>span{color:#eff9f6;font-size:10px;font-weight:750;letter-spacing:.18em;line-height:1.65}.login-bottom-proof>div{display:flex;align-items:center;gap:8px;padding:12px 15px;border:1px solid rgba(104,219,191,.25);border-radius:14px;background:rgba(2,41,44,.73);box-shadow:0 12px 28px #00131d5c;backdrop-filter:blur(8px)}.login-bottom-proof b{color:#68f1c2;font-size:24px}.login-bottom-proof strong{color:#fff;font-size:20px;font-weight:850}.login-bottom-proof small{max-width:88px;color:#e1eeee;font-size:9px;line-height:1.2}.login-bottom-proof i{width:1px;height:33px;margin:0 7px;background:rgba(203,240,229,.35)}
.login-card{position:relative;z-index:2;width:100%;max-width:660px;justify-self:center;padding:35px 38px 23px;border:1px solid rgba(255,255,255,.85);border-radius:27px;background:linear-gradient(140deg,rgba(255,255,255,.97),rgba(242,249,247,.95));color:#142e45;box-shadow:0 22px 65px rgba(0,15,25,.3),inset 0 0 0 5px rgba(255,255,255,.45);backdrop-filter:blur(12px)}.login-card-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.login-card-brand img{width:135px;height:auto}.login-card-brand>span{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:9px;background:#e7f6f0;color:#0b785b}.login-card-brand>span>b{font-size:19px}.login-card-brand>span>strong{display:grid;gap:2px;font-size:10px;line-height:1.15}.login-card-brand>span small{color:#628477;font-size:8px;font-weight:550}.login-card h2{margin:0;color:#122d45;font-size:31px;font-weight:850;letter-spacing:-.035em}.login-card-intro{margin:5px 0 23px;color:#50677b;font-size:13px}.login-card>label{display:grid;gap:7px;margin:0 0 17px;color:#172f47;font-size:12px;font-weight:800}.login-input-wrap{display:flex;min-height:53px;align-items:center;gap:12px;padding:0 13px;border:1px solid #cedbe4;border-radius:12px;background:rgba(255,255,255,.76);box-shadow:inset 0 1px 2px #1232470d}.login-input-wrap:focus-within{border-color:#079e73;box-shadow:0 0 0 3px #0a9d741b}.login-input-wrap>b{color:#314c62;font-size:19px}.login-input-wrap input{width:100%;min-width:0;min-height:48px;padding:8px 0;border:0;outline:0;background:transparent;color:#172e45;font-size:13px;box-shadow:none}.login-input-wrap input:focus{border:0;outline:0;box-shadow:none}.login-input-wrap input::placeholder{color:#8a9aaa}.login-input-wrap button{display:grid;width:32px;height:32px;flex:none;place-items:center;border:0;border-radius:7px;background:transparent;color:#365168;font-size:20px;cursor:pointer}.forgot-password{display:block;margin:-7px 0 15px auto;padding:4px 0;border:0;background:transparent;color:#087b5d;font-size:12px;font-weight:800;cursor:pointer}.login-submit{min-height:55px;border:0;border-radius:11px;background:linear-gradient(100deg,#10bf82,#087457 66%,#075d4b);font-size:15px;box-shadow:0 9px 20px #067c5b35}.login-submit>b{margin-left:8px;font-size:19px}.login-card .message{min-height:15px;margin:8px 0 3px;font-size:11px}.login-divider{display:flex;align-items:center;gap:13px;margin:11px 0 14px;color:#617588;font-size:11px}.login-divider::before,.login-divider::after{height:1px;flex:1;content:"";background:#d9e2e7}.login-providers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.login-providers button{display:flex;min-height:47px;align-items:center;justify-content:center;gap:9px;border:1px solid #d6e0e5;border-radius:11px;background:rgba(255,255,255,.85);color:#18354a;font-size:11px;font-weight:650;cursor:pointer;transition:background .16s,border-color .16s}.login-providers button:hover{border-color:#9fcbbd;background:#fff}.google-g{font-size:19px;font-weight:900;color:#4285f4}.microsoft-mark{display:grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:2px}.microsoft-mark i:nth-child(1){background:#f25022}.microsoft-mark i:nth-child(2){background:#7fba00}.microsoft-mark i:nth-child(3){background:#00a4ef}.microsoft-mark i:nth-child(4){background:#ffb900}.login-auth-foot{margin:17px 0 0;text-align:center;color:#536b7e;font-size:12px}.login-auth-foot a{color:#087857;font-weight:850}.login-demo-note{margin:10px 0 0;color:#8a6b3c;font-size:9px;text-align:center}.login-feature-rail{display:grid;align-self:stretch;align-content:center;gap:8px;margin-right:-12px;padding:10px 0;border:1px solid rgba(37,230,161,.38);border-radius:55px 0 0 55px;background:linear-gradient(155deg,rgba(1,44,46,.83),rgba(2,24,37,.83));box-shadow:0 12px 30px #00131f55;backdrop-filter:blur(10px)}.login-feature-rail article{display:grid;min-height:130px;align-content:center;justify-items:center;gap:10px;padding:10px 6px;border-bottom:1px solid rgba(83,224,181,.18);color:#eafbf5;text-align:center}.login-feature-rail article:last-child{border:0}.login-feature-rail article>b{color:#6af3bd;font-size:27px}.login-feature-rail article span{font-size:11px;font-weight:750;line-height:1.3}.login-ecosystem{position:absolute;right:-10px;bottom:14px;display:flex;align-items:center;gap:11px;padding:12px 17px;border:1px solid rgba(31,217,153,.35);border-radius:26px;background:rgba(0,34,39,.85);color:#ecfff7;box-shadow:0 9px 20px #00141d66}.login-ecosystem>b{color:#7bf0bf;font-size:24px}.login-ecosystem span{font-size:11px;line-height:1.35}
body.login-night-mode:has(#login.active) .login-card{background:linear-gradient(145deg,#122e39,#0c2430);border-color:#286257;color:#e8f7f2}body.login-night-mode:has(#login.active) .login-card h2,body.login-night-mode:has(#login.active) .login-card>label{color:#f3fffb}body.login-night-mode:has(#login.active) .login-card-intro,body.login-night-mode:has(#login.active) .login-auth-foot{color:#b7ceca}body.login-night-mode:has(#login.active) .login-input-wrap,body.login-night-mode:has(#login.active) .login-providers button{background:#173a44;border-color:#31535a;color:#f2faf7}body.login-night-mode:has(#login.active) .login-input-wrap input{color:#fff}body.login-night-mode:has(#login.active) .login-header-tools button{color:#fff}
@media(max-width:1120px){.login-layout{grid-template-columns:minmax(360px,.8fr) minmax(480px,1fr) 74px;gap:15px;width:calc(100% - 48px)}.login-card{padding:28px 26px 20px}.login-copy h1{font-size:50px}.login-benefits{gap:12px}.login-benefits strong{font-size:11px}.login-feature-rail{margin-right:-4px}}
@media(max-width:900px){.login-hero{min-height:0}.login-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:calc(100% - 36px);min-height:0;gap:22px;padding:35px 0 85px}.login-copy{max-width:none}.login-copy h1{font-size:44px}.login-lead{font-size:15px}.login-desktop-break{display:none}.login-benefits{grid-template-columns:repeat(2,1fr);gap:17px}.login-feature-rail{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-around;align-self:auto;margin:0;padding:5px 10px;border-radius:18px}.login-feature-rail article{min-height:72px;flex:1;grid-template-columns:auto auto;justify-content:center;border-right:1px solid rgba(83,224,181,.18);border-bottom:0}.login-feature-rail article span br{display:none}.login-ecosystem{right:0;bottom:12px}.login-bottom-proof{position:relative;bottom:auto;margin-top:20px}}
@media(max-width:640px){body:has(#login.active) .topbar nav{order:3;flex-basis:100%}body:has(#login.active) .login-header-tools{margin-left:auto}.login-layout{grid-template-columns:1fr;width:calc(100% - 24px);gap:18px;padding:25px 0 30px}.login-copy{padding-bottom:0}.login-copy h1{font-size:39px}.login-lead{font-size:14px}.login-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.login-benefits article{grid-template-columns:42px 1fr;align-items:center;gap:9px}.login-benefits article>b{width:42px;height:42px;font-size:22px}.login-benefits strong{font-size:11px}.login-benefits small{font-size:10px}.login-bottom-proof{display:none}.login-card{max-width:520px;padding:22px 18px 18px;border-radius:19px}.login-card-brand img{width:112px}.login-card h2{font-size:25px}.login-card-intro{margin-bottom:18px}.login-feature-rail{grid-row:auto;order:3}.login-feature-rail article{min-height:65px;padding:7px 3px}.login-feature-rail article>b{font-size:21px}.login-feature-rail article span{font-size:9px}.login-ecosystem{position:static;justify-self:center;order:4;margin-top:-5px}.login-providers{gap:7px}.login-providers button{min-height:43px;font-size:9px}}
@media(max-width:420px){.login-copy h1{font-size:34px}.login-benefits{gap:10px 7px}.login-benefits article{grid-template-columns:36px 1fr}.login-benefits article>b{width:36px;height:36px;font-size:19px}.login-card{padding-inline:14px}.login-card-brand>span{padding:6px}.login-card-brand>span>strong{font-size:9px}.login-providers{grid-template-columns:1fr}.login-feature-rail article{gap:5px}.login-ecosystem span{font-size:10px}}

/* Registration page follows the same immersive EXOPOT workspace design */
body:has(#register.active) .demo-notice{display:none}body:has(#register.active) .topbar{background:rgba(2,17,20,.96);border-bottom-color:rgba(86,205,165,.23);box-shadow:0 6px 24px rgba(0,0,0,.24)}body:has(#register.active) .topbar nav a{color:#f0f7f5}body:has(#register.active) .topbar nav a:hover,body:has(#register.active) .topbar nav a[href="#home"]{color:#4af0b0;background:rgba(11,137,92,.15);box-shadow:inset 0 -2px 0 #13d795}body:has(#register.active) .topbar .logo img{filter:brightness(0) invert(1)}body:has(#register.active) #headerActions{display:flex;align-items:center;gap:12px}body:has(#register.active) #headerActions button[data-page="login"]{order:0;border-color:#6bdcb2;background:rgba(255,255,255,.035);color:#fff}body:has(#register.active) #headerActions button[data-page="register"]{order:1;background:linear-gradient(105deg,#13d997,#00a969);color:#03261c}body:has(#register.active) .login-header-tools{display:flex;align-items:center;gap:8px}body:has(#register.active) .login-header-tools button{color:#fff}body:has(#register.active) .login-header-tools button:hover{background:rgba(255,255,255,.12);color:#53edb5}
.register-page{width:100%;max-width:none;margin:0;padding:0;background:#031a20;color:#fff;overflow:hidden}.register-hero{position:relative;isolation:isolate;min-height:calc(100vh - 76px);overflow:hidden;background:#031a20 url("assets/login-hero.png") center 53%/cover no-repeat}.register-hero::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,rgba(1,20,23,.53) 0%,rgba(1,24,26,.45) 37%,rgba(2,20,25,.27) 62%,rgba(1,18,27,.55) 100%),linear-gradient(0deg,rgba(0,18,23,.2),transparent 43%)}.register-layout{position:relative;display:grid;grid-template-columns:minmax(430px,.96fr) minmax(520px,.98fr) 92px;align-items:center;gap:26px;width:min(1540px,calc(100% - 88px));min-height:calc(100vh - 76px);margin:0 auto;padding:28px 0 34px}.register-copy{position:relative;align-self:center;max-width:665px;padding:0 0 40px}.register-welcome{color:#54f0b6;font-size:12px;font-weight:850;letter-spacing:.28em}.register-copy h1{margin:17px 0 11px;color:#f7fbff;font-size:clamp(43px,4vw,65px);font-weight:850;letter-spacing:-.05em;line-height:1.01}.register-copy h1 span{color:#1bdc8c}.register-lead{margin:0;color:#f2f7f8;font-size:18px;line-height:1.35}.register-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:25px}.register-benefits article{display:grid;grid-template-columns:1fr;align-content:start;justify-items:start;gap:8px;min-width:0}.register-benefits article>b{display:grid;width:66px;height:66px;place-items:center;border:1px solid rgba(65,255,177,.34);border-radius:14px;background:linear-gradient(145deg,rgba(18,100,77,.88),rgba(5,42,43,.92));color:#39f2ae;font-size:33px;box-shadow:0 8px 22px #00151d80}.register-benefits strong{color:#fff;font-size:13px;font-weight:850;line-height:1.15}.register-benefits small{color:#d6e4e3;font-size:10px;line-height:1.32}.register-proof{position:absolute;bottom:-48px;left:-10px;display:flex;align-items:center;gap:9px;padding:13px 18px;border:1px solid rgba(74,235,182,.63);border-radius:15px;background:linear-gradient(100deg,rgba(2,49,49,.84),rgba(1,27,35,.82));box-shadow:0 12px 28px #00141b75;backdrop-filter:blur(10px)}.register-proof>b{color:#60edb9;font-size:26px}.register-proof>strong{color:white;font-size:19px;font-weight:850;white-space:nowrap}.register-proof>small{color:#e4f0ed;font-size:9px;line-height:1.25}.register-proof>i{width:1px;height:35px;margin:0 9px;background:#c4e8dd66}
.register-card{position:relative;z-index:2;width:100%;max-width:650px;justify-self:center;padding:25px 31px 19px;border:1px solid rgba(54,239,178,.75);border-radius:25px;background:linear-gradient(145deg,rgba(5,37,42,.94),rgba(1,29,31,.91));color:#f4fbf8;box-shadow:0 24px 70px rgba(0,13,21,.48),inset 0 0 0 4px rgba(155,255,218,.08),0 0 28px rgba(5,219,153,.16);backdrop-filter:blur(13px)}.register-card-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.register-card-brand>img{width:139px;filter:brightness(0) invert(1)}.register-card-brand>span{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #16bf83;border-radius:10px;background:rgba(0,78,60,.38);color:#eafff7}.register-card-brand>span>b{color:#34eea5;font-size:20px}.register-card-brand>span>strong{display:grid;gap:2px;font-size:10px;line-height:1.15}.register-card-brand>span small{color:#b4d7cc;font-size:8px;font-weight:550}.register-card h2{margin:0;color:#f8fffd;font-size:29px;font-weight:850;letter-spacing:-.03em}.register-card-intro{margin:3px 0 16px;color:#dce9e6;font-size:13px;line-height:1.3}.register-roles{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:12px}.register-roles .role{position:relative;display:grid;grid-template-columns:34px 1fr 17px;align-items:center;gap:10px;min-height:62px;padding:8px 10px;border:1px solid rgba(166,209,197,.23);border-radius:12px;background:rgba(4,27,31,.72);color:#e9f5f1;text-align:left;box-shadow:none}.register-roles .role>b{display:grid;width:32px;height:32px;place-items:center;color:#d5e9e4;font-size:25px}.register-roles .role span{display:grid;gap:3px}.register-roles .role strong{color:#fff;font-size:12px;font-weight:850}.register-roles .role small{color:#c3d5d1;font-size:8px;line-height:1.25}.register-roles .role>i{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:transparent;color:transparent;font-size:11px;font-style:normal}.register-roles .role.active{border-color:#19e994;background:linear-gradient(110deg,rgba(0,104,69,.78),rgba(1,36,34,.88));box-shadow:0 0 0 1px #18e994,0 0 18px rgba(0,241,147,.3)}.register-roles .role.active>b,.register-roles .role.active>i{color:#073421}.register-roles .role.active>b{width:32px;height:32px;border-radius:7px;background:#20dc91}.register-roles .role.active>i{background:#1ee795}.register-fields{display:grid;gap:8px}.register-fields>label,.register-business-fields>label{display:grid;gap:5px;margin:0;color:#f2fbf8;font-size:11px;font-weight:800}.register-input-wrap{display:flex;min-height:42px;align-items:center;gap:9px;padding:0 11px;border:1px solid rgba(200,230,223,.29);border-radius:9px;background:rgba(240,249,246,.09);box-shadow:inset 0 1px 2px #fff1}.register-input-wrap:focus-within{border-color:#34e5a2;box-shadow:0 0 0 3px rgba(27,222,144,.16)}.register-input-wrap>b{flex:none;color:#e5f3ef;font-size:16px}.register-input-wrap input,.register-input-wrap select{width:100%;min-width:0;min-height:38px;padding:7px 0;border:0;outline:0;background:transparent;color:#f6fffc;font-size:11px;box-shadow:none}.register-input-wrap select{appearance:none}.register-input-wrap select option{background:#09272c;color:#f5fffb}.register-input-wrap input:focus,.register-input-wrap select:focus{border:0;outline:0;box-shadow:none}.register-input-wrap input::placeholder{color:#c1d0ce}.register-phone-row{display:grid;grid-template-columns:134px 1fr;gap:7px}.register-country{gap:7px}.register-country select{font-weight:700}.register-business-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.register-business-fields label:last-child{grid-column:1/-1}.register-password-toggle{flex:none;width:29px;height:29px;border:0;border-radius:6px;background:transparent;color:#d9e9e4;font-size:17px}.register-submit{min-height:43px;margin-top:11px;border:0;border-radius:9px;background:linear-gradient(100deg,#24d992,#00a86e);color:#031c15;font-size:13px;font-weight:850;box-shadow:0 7px 18px rgba(0,211,136,.25)}.register-submit>b{margin-left:6px;font-size:17px}.register-card .message{min-height:14px;margin:5px 0 0;color:#9ef5cb;font-size:10px}.register-card .message.error{color:#ffabab}.register-divider{display:flex;align-items:center;gap:12px;margin:5px 0 9px;color:#d1e2dd;font-size:10px}.register-divider::before,.register-divider::after{height:1px;flex:1;content:"";background:rgba(204,233,224,.24)}.register-providers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.register-providers button{display:flex;min-height:38px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(190,223,214,.25);border-radius:9px;background:rgba(2,20,24,.6);color:#f2fbf8;font-size:10px;font-weight:700}.register-auth-foot{margin:12px 0 0;color:#e0eeea;text-align:center;font-size:11px}.register-auth-foot a{margin-left:4px;color:#2be49c;font-weight:850}.register-feature-rail{display:grid;align-self:stretch;align-content:center;gap:10px;margin-right:-10px;padding:10px 4px;border:1px solid rgba(48,226,168,.48);border-radius:44px 0 0 44px;background:linear-gradient(160deg,rgba(0,41,43,.9),rgba(2,18,28,.9));box-shadow:0 12px 28px #00121e66;backdrop-filter:blur(10px)}.register-feature-rail article{display:grid;min-height:120px;align-content:center;justify-items:center;gap:8px;border-bottom:1px solid rgba(83,224,181,.19);color:#f5fffc;text-align:center}.register-feature-rail article:last-child{border:0}.register-feature-rail article>b{color:#38e8a0;font-size:25px}.register-feature-rail article span{font-size:10px;font-weight:850;line-height:1.35;letter-spacing:.04em}
body.login-night-mode:has(#register.active) .register-card{background:linear-gradient(145deg,#112d34,#0a252a);border-color:#1c8767}body.login-night-mode:has(#register.active) .register-input-wrap{background:rgba(255,255,255,.13)}body.login-night-mode:has(#register.active) .register-roles .role{background:rgba(255,255,255,.06)}body.login-night-mode:has(#register.active) .register-roles .role.active{background:linear-gradient(110deg,rgba(0,104,69,.78),rgba(1,36,34,.88))}@media(max-width:1120px){.register-layout{grid-template-columns:minmax(345px,.82fr) minmax(480px,1fr);width:calc(100% - 48px);gap:20px}.register-feature-rail{display:none}.register-copy h1{font-size:49px}.register-lead{font-size:15px}.register-benefits{gap:10px}.register-benefits strong{font-size:11px}.register-card{padding:22px 24px 17px}}
@media(max-width:850px){.register-hero{min-height:0}.register-layout{grid-template-columns:1fr 1fr;align-items:center;min-height:0;padding:28px 0 35px}.register-copy h1{font-size:43px}.register-lead{font-size:14px}.register-desktop-break{display:none}.register-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.register-proof{position:relative;bottom:auto;left:auto;flex-wrap:wrap;margin-top:20px;padding:10px 12px}.register-proof>i{margin-inline:3px}.register-card{padding:20px 17px}.register-card-brand>img{width:110px}.register-card h2{font-size:25px}.register-roles{gap:6px}.register-roles .role{grid-template-columns:25px 1fr 14px;gap:5px;padding:7px}.register-roles .role>b{font-size:20px}.register-roles .role strong{font-size:10px}.register-roles .role small{font-size:7px}}
@media(max-width:640px){body:has(#register.active) .topbar nav{order:3;flex-basis:100%}body:has(#register.active) .login-header-tools{margin-left:auto}.register-layout{grid-template-columns:1fr;width:calc(100% - 24px);gap:19px;padding:25px 0 30px}.register-copy{padding:0}.register-copy h1{font-size:39px}.register-lead{font-size:14px}.register-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.register-benefits article{grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:9px;row-gap:2px}.register-benefits article>b{grid-column:1;grid-row:1/3;width:42px;height:42px;font-size:22px}.register-benefits strong,.register-benefits small{grid-column:2}.register-benefits strong{font-size:11px}.register-benefits small{font-size:9px}.register-proof{display:none}.register-card{max-width:540px;padding:21px 17px 17px;border-radius:19px}.register-card h2{font-size:25px}.register-card-intro{margin-bottom:13px}.register-feature-rail{display:flex;justify-content:space-around;gap:0;margin:0;padding:4px 8px;border-radius:16px}.register-feature-rail article{min-height:63px;flex:1;grid-template-columns:auto auto;justify-content:center;gap:6px;border-right:1px solid rgba(83,224,181,.19);border-bottom:0}.register-feature-rail article>b{font-size:20px}.register-feature-rail article span{font-size:8px}}
@media(max-width:420px){.register-copy h1{font-size:34px}.register-benefits{gap:10px 7px}.register-card{padding-inline:13px}.register-card-brand>img{width:98px}.register-card-brand>span{padding:6px}.register-card-brand>span>strong{font-size:9px}.register-roles{grid-template-columns:1fr}.register-roles .role{min-height:54px}.register-phone-row{grid-template-columns:112px 1fr}.register-providers{gap:6px}.register-providers button{font-size:8px}.register-feature-rail article{gap:3px}}



/* One persistent crescent control for the full site */
.login-header-tools{display:flex;align-items:center;gap:6px;flex:none}.login-header-tools #loginQuickSearch{display:none}.login-header-tools button#loginThemeToggle{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;background:transparent;color:#18364a;font-size:20px}.login-header-tools button#loginThemeToggle svg{width:21px;height:21px;fill:currentColor;stroke:currentColor;stroke-width:1.2}.login-header-tools button#loginThemeToggle:hover{background:#eaf4f0;color:#08785b}body:has(#login.active) .login-header-tools #loginQuickSearch,body:has(#register.active) .login-header-tools #loginQuickSearch{display:grid}body:has(#login.active) .login-header-tools button#loginThemeToggle,body:has(#register.active) .login-header-tools button#loginThemeToggle{color:#fff}body:has(#login.active) .login-header-tools button#loginThemeToggle:hover,body:has(#register.active) .login-header-tools button#loginThemeToggle:hover{background:rgba(255,255,255,.12);color:#53edb5}
body.site-dark-mode{color-scheme:dark;--ink:#e8eef4;--muted:#aebdca;--muted-2:#91a2b2;--line:#293947;--surface:#101d27;--page:#08131c;--navy:#eef5fa;--navy-deep:#dce7ef;--green-soft:#10392e;--blue-soft:#142a3b;--shadow:0 8px 28px rgba(0,0,0,.28);--shadow-hover:0 14px 34px rgba(0,0,0,.38);background:#08131c;color:#e8eef4}
body.site-dark-mode .topbar{background:#0b1721;border-color:#223442;box-shadow:0 4px 18px rgba(0,0,0,.3)}body.site-dark-mode .topbar .logo img{filter:brightness(0) invert(1)}body.site-dark-mode .topbar nav a{color:#dbe6ec}body.site-dark-mode .topbar nav a:hover,body.site-dark-mode .topbar nav a:focus-visible{color:#61e6ad;background:#12362d}body.site-dark-mode .language-control select{border-color:#334451;background:#12212b;color:#edf5f7}body.site-dark-mode .login-header-tools button#loginThemeToggle{color:#eef6fb}body.site-dark-mode .login-header-tools button#loginThemeToggle:hover{background:#1a303b;color:#63e6b0}body.site-dark-mode .demo-notice{background:#071019;color:#dbe6ee;border-bottom:1px solid #146746}
body.site-dark-mode main{background:#08131c}body.site-dark-mode .page:not(.login-page):not(.register-page){background-color:#08131c}body.site-dark-mode .section.muted{background:linear-gradient(115deg,#0b201f,#0c1c29);border-color:#263b42}body.site-dark-mode .section h1,body.site-dark-mode .section h2,body.site-dark-mode .section h3,body.site-dark-mode .dashboard-heading h1{color:#edf4fa}body.site-dark-mode .section p,body.site-dark-mode .subtext{color:#afbfcb}
body.site-dark-mode .category,body.site-dark-mode .card,body.site-dark-mode .product-card,body.site-dark-mode .supplier-card,body.site-dark-mode .toolbar,body.site-dark-mode .auth-card,body.site-dark-mode .stat,body.site-dark-mode .data-row,body.site-dark-mode .empty,body.site-dark-mode .pricing-card,body.site-dark-mode .cost-card,body.site-dark-mode .calculator-card,body.site-dark-mode .surplus-category,body.site-dark-mode .surplus-process,body.site-dark-mode .marketplace-sidebar{border-color:#2b3d49;background:#111f29;color:#e6eef4;box-shadow:0 8px 24px rgba(0,0,0,.25)}body.site-dark-mode .category strong,body.site-dark-mode .product-content h3,body.site-dark-mode .supplier-card h3,body.site-dark-mode .card h3,body.site-dark-mode .data-row h3,body.site-dark-mode .dashboard-heading h1,body.site-dark-mode .auth-card h1,body.site-dark-mode .pricing-card h2{color:#edf4fa}body.site-dark-mode .category small,body.site-dark-mode .product-content>p,body.site-dark-mode .product-meta,body.site-dark-mode .supplier-card p,body.site-dark-mode .card p,body.site-dark-mode .data-row p,body.site-dark-mode .pricing-card p,body.site-dark-mode .pricing-card li{color:#b6c4ce}body.site-dark-mode .toolbar input,body.site-dark-mode .toolbar select,body.site-dark-mode input,body.site-dark-mode select,body.site-dark-mode textarea{border-color:#364a58;background:#0c1922;color:#edf4f7}body.site-dark-mode input::placeholder,body.site-dark-mode textarea::placeholder{color:#8193a2}body.site-dark-mode .role-switch{background:#0c1822}body.site-dark-mode .role{color:#bdcbd4}body.site-dark-mode .role.active{background:#142820;color:#60e8ae}body.site-dark-mode .dashboard-tabs{border-color:#2a3b47}body.site-dark-mode .dash-tab{color:#b2c0ca}body.site-dark-mode footer{border-color:#273843;background:#0a1720;color:#dde8ed}body.site-dark-mode footer p,body.site-dark-mode footer small{color:#aabac5}body.site-dark-mode dialog{border-color:#344652;background:#101d27;color:#eaf1f5}body.site-dark-mode dialog h2{color:#f2f7fa}body.site-dark-mode .close{background:#1b2b36;color:#e2edf2}
body.site-dark-mode .login-card{background:linear-gradient(145deg,rgba(15,39,49,.97),rgba(8,30,39,.97));border-color:#347b66;color:#e8f7f2}body.site-dark-mode .login-card h2,body.site-dark-mode .login-card>label{color:#f3fffb}body.site-dark-mode .login-card-intro,body.site-dark-mode .login-auth-foot{color:#b7ceca}body.site-dark-mode .login-input-wrap,body.site-dark-mode .login-providers button{background:#173a44;border-color:#31535a;color:#f2faf7}body.site-dark-mode .login-input-wrap input{color:#fff}body.site-dark-mode .register-card{background:linear-gradient(145deg,rgba(9,39,43,.97),rgba(3,27,31,.97));border-color:#259c73}body.site-dark-mode .register-input-wrap{background:rgba(255,255,255,.13)}body.site-dark-mode .register-roles .role{background:rgba(255,255,255,.06)}body.site-dark-mode .register-roles .role.active{background:linear-gradient(110deg,rgba(0,104,69,.78),rgba(1,36,34,.88))}
@media(max-width:900px){.login-header-tools{order:2;margin-left:auto}.login-header-tools #loginQuickSearch{display:none!important}.login-header-tools #loginThemeToggle{display:grid!important}}
body.site-dark-mode #home .hero{background-color:#0b1923}body.site-dark-mode #home .hero::before{filter:brightness(.58)}body.site-dark-mode #home .hero h1{color:#f0f5f8}body.site-dark-mode #home .hero p{color:#cfdae2}body.site-dark-mode .toolbar,body.site-dark-mode .searchbar,body.site-dark-mode .marketplace-promo,body.site-dark-mode .sponsored-slot{border-color:#2a3d49;background:#101e28;color:#dbe6ec}body.site-dark-mode .pricing-why,body.site-dark-mode .pricing-cta,body.site-dark-mode .advertise-stats,body.site-dark-mode .surplus-process,body.site-dark-mode .surplus-cta{border-color:#29434b;background-color:#10242a;color:#e6f1ee}body.site-dark-mode .pricing-why h2,body.site-dark-mode .pricing-why h3,body.site-dark-mode .pricing-cta h2,body.site-dark-mode .surplus-process h2,body.site-dark-mode .surplus-cta h2{color:#f1f7f8}body.site-dark-mode .pricing-why p,body.site-dark-mode .pricing-cta p,body.site-dark-mode .surplus-process p,body.site-dark-mode .surplus-cta p{color:#b9c9d0}body.site-dark-mode .toolbar label,body.site-dark-mode .toolbar strong,body.site-dark-mode .marketplace-sidebar h3{color:#e7f0f3}body.site-dark-mode .login-card,body.site-dark-mode .register-card{backdrop-filter:none}
body.site-dark-mode .login-input-wrap input,body.site-dark-mode .register-input-wrap input,body.site-dark-mode .register-input-wrap select{min-height:38px;padding:7px 0;border:0;border-radius:0;background:transparent;box-shadow:none}body.site-dark-mode .login-input-wrap input{min-height:48px;padding:8px 0}body.site-dark-mode .register-password-toggle{background:transparent;color:#d9e9e4}