:root{--navy:#071a34;--navy2:#102745;--blue:#2563eb;--blue2:#4f7df3;--orange:#ff5c35;--paper:#f5f7fb;--ink:#101828;--muted:#667085;--line:#e4e8ef;--green:#12b76a;--red:#f04438;--purple:#7a5af8;--shadow:0 18px 55px rgba(7,26,52,.12);font-family:"DM Sans","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}.primary,.dark{border:0;border-radius:12px;color:white;background:var(--blue);padding:15px 22px;font-weight:700;transition:.2s ease;box-shadow:0 9px 20px rgba(37,99,235,.24)}.primary:hover{transform:translateY(-2px);background:#1555dc}.primary.small{padding:10px 16px;border-radius:10px}.ghost{background:transparent;border:1px solid var(--line);border-radius:10px;padding:9px 13px;color:var(--navy)}.outline{background:white;border:1px solid var(--line);border-radius:10px;padding:10px 14px;color:var(--navy)}
.announce{height:34px;background:var(--navy);color:#dbe8fa;display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px}.announce button{border:0;background:transparent;color:white;font-weight:700}.site-header{height:78px;display:flex;align-items:center;padding:0 clamp(22px,6vw,94px);gap:48px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(228,232,239,.8)}.brand{display:flex;align-items:center;font:800 24px/1 "Manrope",sans-serif;letter-spacing:-1.3px}.brand img{width:42px;height:42px;object-fit:contain;margin-right:8px}.brand>span>span{color:var(--blue)}.site-header nav{display:flex;gap:28px;margin-right:auto}.site-header nav a{font-size:14px;color:#475467}.site-header nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:12px}.text-link{font-size:14px;font-weight:600;color:#475467}.section{max-width:1240px;margin:0 auto;padding:106px 34px}.hero{min-height:685px;display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center;padding:60px clamp(28px,6vw,96px) 74px;overflow:hidden;background:radial-gradient(circle at 80% 28%,rgba(37,99,235,.13),transparent 31%),radial-gradient(circle at 55% 90%,rgba(255,92,53,.08),transparent 30%),linear-gradient(180deg,#fff 0%,#f6f8fc 100%)}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:1.8px;font-size:12px;color:var(--blue);font-weight:800}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:20px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{font:800 clamp(46px,5vw,76px)/1.02 "Manrope",sans-serif;letter-spacing:-4.4px;color:var(--navy);margin:20px 0 24px}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,var(--orange),#e84261,var(--blue));background-clip:text;-webkit-background-clip:text}.hero-copy>p{font-size:18px;line-height:1.7;max-width:650px;color:#56647a}.buy-bar{display:flex;align-items:center;background:white;border:1px solid #d9e0ea;padding:7px;box-shadow:var(--shadow);border-radius:16px;margin:30px 0 13px;max-width:690px}.buy-bar:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(37,99,235,.09),var(--shadow)}.buy-bar .market-badge{background:#edf3ff;color:var(--blue);border-radius:9px;padding:9px 11px;font-weight:700;font-size:13px}.buy-bar input{border:0;outline:0;flex:1;padding:10px 13px;min-width:0;font-size:15px;color:var(--navy)}.buy-bar .primary{padding:12px 20px}.quick-links{display:flex;gap:14px;flex-wrap:wrap}.quick-links button{border:0;background:transparent;padding:0;color:#667085;font-size:13px}.quick-links button:hover{color:var(--blue)}.trust-row{display:flex;gap:25px;margin-top:36px;color:#475467;font-size:13px}.trust-row b{color:var(--green);margin-right:4px}.hero-visual{position:relative;min-height:510px;display:grid;place-items:center}.glass{background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.9);box-shadow:0 38px 80px rgba(7,26,52,.16)}.world-card{width:min(440px,90%);padding:23px;border-radius:25px;position:relative;z-index:3;transform:rotate(1.4deg)}.world-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;font-weight:800;color:#667085}.live-dot{color:var(--green);letter-spacing:0}.live-dot:before{content:"";display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:6px;box-shadow:0 0 0 5px rgba(18,183,106,.09)}.route-map{height:230px;border-radius:17px;background:linear-gradient(145deg,#0a2545,#0d3763);position:relative;overflow:hidden;margin:18px 0}.route-map:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:13px 13px;mask-image:linear-gradient(to right,transparent,black,transparent)}.city{position:absolute;z-index:2;color:white;display:flex;flex-direction:column;font-size:13px}.city i{width:12px;height:12px;border:3px solid white;border-radius:50%;margin-bottom:7px;box-shadow:0 0 0 8px rgba(255,255,255,.1)}.city small{color:#a8bdd6;margin-top:2px}.city.china{left:62px;bottom:49px}.city.global{right:47px;top:52px}.city.global i{background:var(--orange);border-color:#ffd7cd}.route-line{position:absolute;left:80px;bottom:72px;width:250px;height:112px;border:2px dashed #76a9ff;border-left:0;border-bottom:0;border-radius:0 100% 0 0;transform:rotate(-9deg);z-index:1}.route-line span{position:absolute;right:-5px;top:-7px;width:10px;height:10px;background:var(--orange);clip-path:polygon(0 0,100% 50%,0 100%)}.journey-item{display:grid;grid-template-columns:46px 1fr auto;gap:11px;align-items:center}.product-thumb{height:46px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#ffddd4,#dce8ff);color:var(--navy);font-weight:800}.journey-item div:nth-child(2){display:flex;flex-direction:column}.journey-item b{font-size:14px}.journey-item span{font-size:12px;color:#667085;margin-top:3px}.journey-item strong{font-size:15px}.mini-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:20px}.mini-steps span{border-top:3px solid #d8dee8;padding-top:7px;font-size:10px;color:#98a2b3}.mini-steps .done{border-color:var(--green);color:var(--green)}.mini-steps .active{border-color:var(--blue);color:var(--blue);font-weight:700}.float-card{position:absolute;z-index:5;background:white;border:1px solid var(--line);border-radius:15px;padding:13px 15px;display:flex;align-items:center;gap:10px;box-shadow:0 18px 40px rgba(7,26,52,.13);animation:float 4s ease-in-out infinite}.float-card>span{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#eaf0ff;color:var(--blue);font-size:12px;font-weight:800}.float-card div{display:flex;flex-direction:column}.float-card b{font-size:12px}.float-card small{color:#98a2b3;margin-top:3px}.qc-card{top:60px;right:-4px}.save-card{bottom:48px;left:-10px;animation-delay:-1.6s}.save-card>span{background:#fff0eb;color:var(--orange)}.orbit{position:absolute;border:1px solid rgba(37,99,235,.14);border-radius:50%;width:450px;height:450px}.orbit-one{animation:spin 18s linear infinite}.orbit-two{width:540px;height:330px;transform:rotate(28deg);border-color:rgba(255,92,53,.14)}@keyframes float{50%{transform:translateY(-9px)}}@keyframes spin{to{transform:rotate(360deg)}}
.language-switch{min-width:62px;font-weight:700;color:var(--blue)}
.chat-launcher{position:fixed;right:24px;bottom:22px;z-index:80;border:0;background:var(--navy);color:white;border-radius:18px;padding:10px 14px 10px 10px;display:flex;align-items:center;gap:10px;box-shadow:0 18px 44px rgba(7,26,52,.3);transition:.2s}.chat-launcher:hover{transform:translateY(-3px)}.chat-launcher-icon{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),var(--blue));font-weight:800;letter-spacing:1px}.chat-launcher-copy{display:flex;flex-direction:column;text-align:left}.chat-launcher-copy b{font-size:12px}.chat-launcher-copy small{font-size:9px;color:#aebdd0;margin-top:2px}.chat-launcher>i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(18,183,106,.14)}.customer-chat{position:fixed;right:24px;bottom:84px;z-index:90;width:min(380px,calc(100vw - 28px));height:590px;background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 80px rgba(7,26,52,.25);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(18px) scale(.98);pointer-events:none;transition:.22s}.customer-chat.open{opacity:1;transform:none;pointer-events:auto}.chat-head{background:var(--navy);color:white;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:16px}.agent-avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),var(--blue));font-size:11px;font-weight:800}.chat-head>div:nth-child(2){display:flex;flex-direction:column}.chat-head b{font-size:13px}.chat-head span{font-size:9px;color:#aebdd0;margin-top:3px}.chat-head span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px}.chat-head button{border:0;background:transparent;color:white;font-size:24px}.chat-context{padding:11px 15px;background:#edf3ff;border-bottom:1px solid #dbe5fa;display:flex;flex-direction:column}.chat-context span{font-size:9px;color:#667085}.chat-context b{font-size:10px;color:var(--blue);margin-top:2px}.chat-messages{flex:1;padding:16px;overflow-y:auto;background:#f8f9fc}.message{display:flex;align-items:flex-end;gap:7px;margin-bottom:13px}.message>span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--navy);color:white;font-size:8px}.message p{max-width:76%;padding:10px 12px;background:white;border:1px solid var(--line);border-radius:13px 13px 13px 3px;margin:0;font-size:11px;line-height:1.45}.message small{font-size:8px;color:#98a2b3}.message.user{justify-content:flex-end}.message.user p{background:var(--blue);color:white;border-color:var(--blue);border-radius:13px 13px 3px 13px}.quick-replies{padding:8px 12px;display:flex;gap:6px;overflow-x:auto;border-top:1px solid var(--line)}.quick-replies button{white-space:nowrap;border:1px solid #dbe5fa;background:#f4f7ff;color:var(--blue);border-radius:99px;padding:6px 9px;font-size:9px}.chat-compose{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:9px 11px;border-top:1px solid var(--line)}.chat-compose button{border:0;background:transparent;color:#667085}.chat-compose input{border:0;outline:0;padding:9px;font-size:11px;min-width:0}.chat-compose .chat-send{width:34px;height:34px;border-radius:10px;background:var(--blue);color:white}.chat-disclaimer{text-align:center;font-size:8px;color:#98a2b3;margin:0;padding:0 8px 9px}

/* Admin */
.admin-body{background:#f3f5f9;color:#172033}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#081b34;color:white;display:flex;flex-direction:column;z-index:30}.admin-brand{height:78px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);color:white}.admin-brand img{width:38px;height:38px}.admin-brand small{font-size:8px;color:#6f8aaa;letter-spacing:1.3px;margin-left:7px;margin-top:3px}.side-nav{padding:18px 11px;display:flex;flex-direction:column;gap:4px}.side-nav button,.side-bottom button{width:100%;border:0;background:transparent;color:#91a4bd;border-radius:9px;padding:11px 12px;text-align:left;display:flex;align-items:center;gap:11px;font-size:13px}.side-nav button:hover,.side-nav button.active{background:rgba(37,99,235,.18);color:white}.side-nav button.active{box-shadow:inset 3px 0 var(--blue)}.side-nav i{font-style:normal;width:18px;text-align:center;color:#7088a5}.side-nav button.active i{color:#6f98ff}.side-nav button>span{margin-left:auto;background:#152e4c;color:#adc0d7;font-size:10px;padding:2px 6px;border-radius:6px}.side-nav button>.alert-count{background:#d92d20;color:white}.side-bottom{margin-top:auto;padding:10px 11px 15px;border-top:1px solid rgba(255,255,255,.06)}.ops-user{display:flex;align-items:center;gap:9px;padding:12px}.ops-user>span{width:34px;height:34px;display:grid;place-items:center;background:#315c99;border-radius:10px;font-size:12px}.ops-user div{display:flex;flex-direction:column}.ops-user b{font-size:12px}.ops-user small{font-size:9px;color:#7088a5;margin-top:2px}.ops-user>i{margin-left:auto;color:#7088a5}.admin-main{margin-left:236px;min-height:100vh}.admin-header{height:70px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 26px;gap:24px;position:sticky;top:0;z-index:20}.admin-header>div:first-child{display:flex;align-items:center}.time-pill{font-size:11px;color:#667085;background:#f4f6f8;padding:7px 10px;border-radius:8px}.time-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px;animation:pulse 1.4s infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(18,183,106,.12)}}.admin-search{margin:auto;width:min(480px,40vw);background:#f4f6f8;border:1px solid #edf0f4;border-radius:9px;padding:9px 12px;color:#98a2b3}.admin-search input{border:0;background:transparent;outline:0;width:90%;font-size:12px}.admin-actions{display:flex;align-items:center;gap:8px}.admin-actions button,.admin-actions a{background:white;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:11px;position:relative}.admin-actions button b{position:absolute;right:-3px;top:-5px;background:var(--red);color:white;width:14px;height:14px;border-radius:50%;font-size:8px;display:grid;place-items:center}.menu-toggle{display:none;border:0;background:transparent;font-size:20px}.panel{display:none}.panel.active{display:block}.dashboard{padding:27px}.dash-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.dash-title>div:first-child>span{font-size:11px;color:#98a2b3}.dash-title h1{font:800 26px "Manrope";margin:5px 0 4px;color:var(--navy);letter-spacing:-.8px}.dash-title p{font-size:12px;color:#667085;margin:0}.dash-title>div:last-child{display:flex;gap:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric-grid article{background:white;border:1px solid var(--line);border-radius:13px;padding:16px;position:relative;overflow:hidden}.metric-grid article>div{display:flex;justify-content:space-between;color:#667085;font-size:11px}.metric-grid article i{width:28px;height:28px;border-radius:8px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-style:normal;font-weight:800}.metric-grid strong{font:800 25px "Manrope";display:block;margin-top:8px;color:var(--navy)}.metric-grid p{font-size:10px;color:#98a2b3;margin:4px 0 0}.metric-grid p b{color:var(--green)}.metric-grid p.warn b{color:var(--orange)}.metric-grid svg{position:absolute;right:10px;bottom:10px;width:92px;height:28px}.metric-grid path{fill:none;stroke:var(--blue);stroke-width:2}.dashboard-grid{display:grid;grid-template-columns:1.5fr .76fr;gap:13px;margin-top:13px}.card{background:white;border:1px solid var(--line);border-radius:13px;padding:18px}.card-head{display:flex;align-items:start;justify-content:space-between}.card-head h2{font:700 15px "Manrope";margin:0 0 4px}.card-head p{font-size:10px;color:#98a2b3;margin:0}.card-head button{border:0;background:transparent;color:#667085;font-size:10px}.pipeline{height:210px;display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:12px;padding:24px 5px 8px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent 0,transparent 51px,#f1f3f6 52px)}.pipeline div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.pipeline span{font-size:9px;color:#667085;order:3;margin-top:6px}.pipeline strong{font:700 12px "Manrope";order:1;margin-bottom:5px}.pipeline i{width:64%;height:var(--h);min-height:12px;background:linear-gradient(180deg,#4d7ef5,#a9c0ff);border-radius:6px 6px 2px 2px;order:2}.pipeline div:nth-child(4) i{background:linear-gradient(180deg,#ff7958,#ffc1b3)}.pipeline small{font-size:8px;color:#98a2b3;order:4;margin-top:4px}.pipeline-footer{display:flex;align-items:center;gap:15px;padding-top:12px;font-size:9px;color:#667085}.pipeline-footer>span i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px}.good{background:var(--green)}.near{background:#f79009}.bad{background:var(--red)}.pipeline-footer button{margin-left:auto;border:0;background:transparent;color:var(--blue);font-size:10px}.feed-list{margin-top:15px}.feed-list>div{display:grid;grid-template-columns:30px 1fr auto;gap:9px;padding:10px 0;border-bottom:1px solid #eef1f4;align-items:center}.feed-list i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;font-style:normal;font-size:9px;font-weight:800}.feed-list i.blue{background:#edf3ff;color:var(--blue)}.feed-list i.orange{background:#fff0eb;color:var(--orange)}.feed-list i.green{background:#e9fbf3;color:var(--green)}.feed-list i.red{background:#feeceb;color:var(--red)}.feed-list i.purple{background:#f1edff;color:var(--purple)}.feed-list p{display:flex;flex-direction:column;margin:0}.feed-list b{font-size:10px}.feed-list span{font-size:9px;color:#98a2b3;margin-top:2px}.feed-list small{font-size:8px;color:#98a2b3}.exceptions{grid-column:1/-1;padding-bottom:8px}.exception-table{margin-top:13px}.table-row{display:grid;grid-template-columns:.55fr 1.1fr 1.5fr 1fr .75fr .45fr;align-items:center;gap:12px;padding:10px 7px;border-top:1px solid #edf0f3;font-size:10px}.table-row>span{display:flex;flex-direction:column}.table-row>span:nth-child(4){display:flex;flex-direction:row;align-items:center;gap:6px}.table-head{color:#98a2b3;border:0;padding-top:4px}.table-row small{font-size:8px;color:#98a2b3;margin-top:3px}.priority{padding:3px 6px;border-radius:5px;align-self:flex-start}.p0{background:#feeceb;color:var(--red)}.p1{background:#fff2e0;color:#e86902}.avatar{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#dce8ff;color:var(--blue);font-style:normal}.orange-bg{background:#fff0eb;color:var(--orange)}.purple-bg{background:#f1edff;color:var(--purple)}.countdown{font-variant-numeric:tabular-nums;color:#b54708}.countdown.danger{color:var(--red);font-weight:700}.table-row button{border:1px solid var(--line);background:white;border-radius:6px;padding:5px;color:var(--blue);font-size:9px}.support-card{grid-column:1/-1}.status-ok{font-size:9px;color:var(--green)}.support-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:13px 0}.support-stats>div{background:#f6f8fb;border-radius:8px;padding:8px;display:flex;flex-direction:column}.support-stats strong{font:700 16px "Manrope"}.support-stats span{font-size:8px;color:#98a2b3}.chat-preview{display:grid;grid-template-columns:1.3fr 1fr auto;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:12px}.customer-line{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center}.customer-line i{width:30px;height:30px;border-radius:9px;background:var(--navy);color:white;display:grid;place-items:center;font-style:normal;font-size:9px}.customer-line p{display:flex;flex-direction:column;margin:0}.customer-line b{font-size:10px}.customer-line span,.customer-line small{font-size:8px;color:#98a2b3}.context-strip{display:flex;gap:5px;flex-wrap:wrap}.context-strip span{font-size:8px;background:#f4f6f8;padding:5px 7px;border-radius:6px;color:#667085}.placeholder-panel{padding:38px}.placeholder-panel h1{font:800 28px "Manrope";color:var(--navy);margin-bottom:8px}.placeholder-panel>p{color:#667085}.schema-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.schema-cards article{background:white;border:1px solid var(--line);border-radius:13px;padding:23px;display:flex;flex-direction:column}.schema-cards b{font-size:15px}.schema-cards span{font-size:12px;color:#667085;margin-top:7px}

.support-workspace{padding:20px;height:calc(100vh - 70px);overflow:hidden}.support-toolbar{height:66px;display:flex;align-items:center;gap:10px}.support-toolbar>div:first-child{margin-right:auto}.support-toolbar>div:first-child span{font-size:9px;color:#98a2b3}.support-toolbar h1{font:800 22px "Manrope";margin:2px 0 0}.agent-presence{display:flex;align-items:center;gap:6px;background:white;border:1px solid var(--line);padding:8px 11px;border-radius:9px}.agent-presence i{width:7px;height:7px;border-radius:50%;background:var(--green)}.agent-presence b{font-size:9px}.agent-presence span{font-size:8px;color:#98a2b3}.support-layout{height:calc(100% - 66px);display:grid;grid-template-columns:260px minmax(420px,1fr) 286px;background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.conversation-list{border-right:1px solid var(--line);overflow:auto}.queue-tabs{height:50px;display:flex;align-items:end;gap:14px;padding:0 13px;border-bottom:1px solid var(--line)}.queue-tabs button{height:100%;border:0;border-bottom:2px solid transparent;background:transparent;color:#667085;font-size:9px}.queue-tabs button.active{color:var(--blue);border-color:var(--blue);font-weight:700}.queue-tabs b{background:#edf3ff;color:var(--blue);border-radius:5px;padding:2px 4px}.queue-search{margin:11px;background:#f4f6f8;border:1px solid #edf0f4;border-radius:8px;padding:8px;color:#98a2b3;font-size:10px}.queue-search input{border:0;background:transparent;outline:0;width:88%;font-size:9px}.conversation{width:100%;border:0;border-left:3px solid transparent;background:white;padding:12px 11px 12px 9px;display:grid;grid-template-columns:37px 1fr auto;gap:8px;text-align:left;position:relative}.conversation:hover,.conversation.active{background:#f4f7ff;border-left-color:var(--blue)}.contact-avatar{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;color:white;font-size:9px;font-weight:700;position:relative}.contact-avatar.navy{background:#25466c}.contact-avatar.coral{background:#d96752}.contact-avatar.violet{background:#7257b5}.contact-avatar.green{background:#218d6a}.contact-avatar i{position:absolute;right:-2px;bottom:-2px;width:8px;height:8px;border:2px solid white;border-radius:50%;background:var(--green)}.conversation>div:nth-child(2){min-width:0}.conversation b{font-size:10px}.conversation p{font-size:9px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0}.conversation small{font-size:8px;color:#98a2b3}.conversation time{font-size:8px;color:#98a2b3}.conversation em{position:absolute;right:10px;bottom:11px;width:16px;height:16px;border-radius:50%;background:var(--blue);color:white;display:grid;place-items:center;font-size:8px;font-style:normal}.agent-chat-panel{display:flex;flex-direction:column;min-width:0}.active-chat-head{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:0 14px}.active-chat-head>div:nth-child(2){display:flex;flex-direction:column}.active-chat-head>div:nth-child(2) b{font-size:11px}.active-chat-head>div:nth-child(2) span{font-size:8px;color:#98a2b3;margin-top:2px}.chat-tags{display:flex;gap:4px;margin-left:auto}.chat-tags span{font-size:8px;color:var(--blue);background:#edf3ff;border-radius:5px;padding:3px 5px}.active-chat-head>button{border:1px solid var(--line);background:white;border-radius:7px;width:29px;height:29px;color:#667085}.conversation-timeline{flex:1;overflow-y:auto;background:#f8f9fc;padding:18px}.system-event{text-align:center;border-top:1px solid var(--line);height:19px}.system-event span{position:relative;top:-7px;background:#f8f9fc;padding:0 8px;font-size:8px;color:#98a2b3}.agent-message{display:flex;gap:8px;margin:13px 0}.agent-message>div:nth-child(2),.agent-message.staff>div:first-child{max-width:68%}.agent-message p{background:white;border:1px solid var(--line);border-radius:11px 11px 11px 3px;padding:10px 12px;font-size:10px;line-height:1.5;margin:0}.agent-message small{display:block;font-size:8px;color:#98a2b3;margin-top:4px}.agent-message.staff{justify-content:flex-end}.agent-message.staff>div:first-child{text-align:right}.agent-message.staff p{background:var(--blue);color:white;border-color:var(--blue);border-radius:11px 11px 3px 11px;text-align:left}.staff-avatar{width:30px;height:30px;border-radius:9px;background:var(--navy);color:white;display:grid;place-items:center;font-size:9px}.context-event{margin:14px auto;padding:8px 10px;border:1px solid #dbe5fa;background:#f0f5ff;border-radius:8px;display:flex;flex-direction:column;text-align:center;max-width:78%}.context-event b{font-size:8px;color:var(--blue)}.context-event span{font-size:8px;color:#667085;margin-top:2px}.typing-row{font-size:8px;color:#98a2b3;display:flex;align-items:center;gap:3px}.typing-row span{width:4px;height:4px;background:#98a2b3;border-radius:50%}.agent-composer{border-top:1px solid var(--line);padding:9px 12px;background:white}.composer-tools{display:flex;gap:5px;align-items:center}.composer-tools button,.agent-composer>div:last-child button{border:0;background:transparent;color:#667085;font-size:8px;padding:4px}.composer-tools span{margin-left:auto;font-size:7px;color:#b3bbc7}.agent-composer textarea{width:100%;height:56px;resize:none;border:0;outline:0;padding:8px 4px;font:10px/1.5 inherit}.agent-composer>div:last-child{display:flex;justify-content:space-between}.customer-context-panel{border-left:1px solid var(--line);overflow:auto;background:#fbfcfd;padding:14px}.customer-profile{text-align:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.contact-avatar.large{width:48px;height:48px;margin:0 auto 7px}.customer-profile>b{display:block;font-size:12px}.customer-profile>span{font-size:8px;color:#98a2b3}.customer-profile>div:last-child{display:grid;grid-template-columns:1fr 1fr;margin-top:12px}.customer-profile strong{font:700 13px "Manrope"}.customer-profile strong+strong{border-left:1px solid var(--line)}.customer-profile small{display:block;font:8px "DM Sans";color:#98a2b3;margin-top:2px}.context-section{padding:12px 0;border-bottom:1px solid var(--line)}.context-section header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.context-section header b{font-size:9px}.context-section header button,.context-section header span{border:0;background:transparent;color:var(--blue);font-size:8px}.context-section article{background:white;border:1px solid var(--line);border-radius:8px;padding:9px}.context-section article>span{font-size:8px;color:#98a2b3}.context-section article>b{display:block;font-size:9px;margin-top:2px}.context-section article>p{font-size:8px;color:#667085;margin:3px 0}.mini-status{height:3px;background:#e8ecf2;border-radius:3px;margin-top:7px}.mini-status i{display:block;height:100%;background:var(--green)}.sku-context{display:flex;align-items:center;gap:7px;margin-top:5px}.sku-context>i{width:25px;height:25px;border-radius:6px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-style:normal;font-size:8px}.sku-context>div{display:flex;flex-direction:column}.sku-context b{font-size:8px}.sku-context span{font-size:7px;color:#98a2b3;margin-top:2px}.route-context small{display:block;font-size:7px;color:var(--green);margin-top:3px}.context-section.note p{font-size:8px;color:#667085;line-height:1.5;margin:5px 0}.context-section.note button{border:0;background:transparent;color:var(--blue);font-size:8px;padding:0}

@media(max-width:1200px){.support-layout{grid-template-columns:230px minmax(380px,1fr)}.customer-context-panel{display:none}}
@media(max-width:1050px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:80px}.hero-copy{text-align:center}.hero-copy>p,.buy-bar{margin-left:auto;margin-right:auto}.quick-links,.trust-row{justify-content:center}.hero-visual{min-height:480px}.flow-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.app-showcase{gap:40px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.exceptions,.support-card{grid-column:auto}.admin-search{display:none}}
@media(max-width:760px){.announce{font-size:11px}.site-header{height:66px;padding:0 16px}.site-header .ghost,.text-link{display:none}.site-header .language-switch{display:inline-flex;align-items:center}.header-actions{margin-left:auto}.brand img{width:36px;height:36px}.hero{padding:60px 18px}.hero h1{font-size:43px;letter-spacing:-2.5px}.hero-copy>p{font-size:16px}.buy-bar .market-badge{display:none}.trust-row{gap:10px;flex-wrap:wrap}.hero-visual{min-height:430px}.float-card{display:none}.proof-strip{grid-template-columns:repeat(2,1fr);gap:20px}.proof-strip div{border:0}.section{padding:74px 18px}.section-head{display:block}.flow-grid,.service-grid{grid-template-columns:1fr}.calculator-card{grid-template-columns:1fr;padding:30px 18px;gap:30px;border-radius:20px}.app-showcase{grid-template-columns:1fr}.app-copy{order:-1}.final-cta{padding:55px 18px;margin:0 12px 25px}.final-cta h2{font-size:36px}footer{flex-direction:column;text-align:center}.chat-launcher{right:14px;bottom:14px}.chat-launcher-copy{display:none}.customer-chat{right:14px;bottom:70px;height:min(590px,calc(100vh - 90px))}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.admin-main{margin-left:0}.menu-toggle{display:block}.admin-header{padding:0 14px}.admin-actions a,.admin-actions button:nth-child(2){display:none}.dashboard{padding:18px 12px}.dash-title{display:block}.dash-title>div:last-child{margin-top:13px}.metric-grid{grid-template-columns:1fr 1fr}.pipeline{overflow-x:auto;grid-template-columns:repeat(6,80px)}.exception-table{overflow-x:auto}.table-row{min-width:700px}.chat-preview{grid-template-columns:1fr}.schema-cards{grid-template-columns:1fr}.placeholder-panel{padding:24px 16px}.support-workspace{padding:10px;height:calc(100vh - 70px)}.support-toolbar{height:56px}.support-toolbar .agent-presence,.support-toolbar>.outline{display:none}.support-layout{height:calc(100% - 56px);grid-template-columns:1fr}.conversation-list{display:none}.active-chat-head{padding:0 8px}.conversation-timeline{padding:12px}}
@media(max-width:430px){.hero h1{font-size:37px}.buy-bar input{font-size:12px}.buy-bar .primary{padding:12px}.world-card{width:98%;padding:15px}.route-line{width:190px}.proof-strip{padding:20px 10px}.proof-strip div{padding-left:10px}.metric-grid{grid-template-columns:1fr}.admin-header .time-pill{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.float-card,.orbit-one,.time-pill i{animation:none}.primary:hover,.flow-grid article:hover{transform:none}}

/* JHuntBuy experience system v2 */
.storefront img{display:block;max-width:100%;height:auto}.storefront .section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:34px}.storefront .section-head>div{max-width:720px}.storefront .section-head>p{max-width:440px;color:#667085;line-height:1.65;font-size:12px}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:28px clamp(24px,6vw,92px)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service-grid article{position:relative;border:1px solid var(--line);border-radius:18px;padding:25px;background:#fff;display:flex;flex-direction:column;transition:.2s}.service-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-grid .service-featured{background:linear-gradient(145deg,#071a34,#123963);color:#fff;border-color:#102d51}.service-grid .pill{position:absolute;right:16px;top:16px;background:var(--orange);color:#fff;font-size:8px;padding:5px 8px;border-radius:99px;font-weight:700}.service-symbol{width:48px;height:48px;border-radius:14px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-size:13px;font-weight:800}.service-featured .service-symbol{background:rgba(255,255,255,.11);color:#fff}.service-grid h3{font-size:17px;margin:22px 0 9px}.service-grid article>p{font-size:11px;color:#667085;line-height:1.6}.service-featured>p{color:#aebdd0!important}.service-grid article>button{border:0;background:transparent;text-align:left;padding:0;margin-top:auto;color:var(--blue);font-size:10px;font-weight:700}.service-featured>button{color:#fff!important}.calculator-card{display:grid;grid-template-columns:1fr 1fr;gap:50px}.calculator-copy h2{font:800 42px/1.08 "Manrope";letter-spacing:-1.8px;margin:12px 0}.calculator-copy>p{font-size:12px;line-height:1.65;color:#9ab0ca}.calculator{display:grid;gap:12px}.calculator label{display:flex;flex-direction:column;gap:6px}.calculator input,.calculator select{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 12px;background:white;outline:none;color:var(--navy)}.calculator input:focus,.calculator select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.08)}.calculator .field-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.app-showcase{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:90px}.phone-shell{width:310px;min-height:560px;margin:auto;border:9px solid #0b1d34;border-radius:42px;background:#f7f9fc;padding:18px;box-shadow:0 32px 80px rgba(7,26,52,.22);position:relative}.phone-shell:before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:86px;height:22px;background:#0b1d34;border-radius:0 0 15px 15px}.phone-top{display:flex;justify-content:space-between;font-size:8px;padding:0 5px 16px}.phone-top i{width:50px}.mobile-brand{display:flex;align-items:center;gap:7px}.mobile-brand img{width:28px!important;height:28px!important;object-fit:contain}.mobile-brand b{font-size:12px}.mobile-brand>span{margin-left:auto}.mobile-greeting{display:flex;flex-direction:column;margin:25px 0 17px}.mobile-greeting span{font-size:9px;color:#667085}.mobile-greeting b{font-size:18px;margin-top:4px}.mobile-progress{padding:16px;border-radius:15px;background:linear-gradient(145deg,#0a2342,#174c81);color:white;display:flex;flex-direction:column}.mobile-progress small{font-size:7px;color:#91a9c5}.mobile-progress strong{font-size:16px;margin:8px 0}.mobile-progress>div{height:4px;background:rgba(255,255,255,.14);border-radius:4px}.mobile-progress>div i{display:block;height:100%;background:var(--orange);border-radius:4px}.mobile-progress>span{font-size:8px;color:#a8bad0;margin-top:7px}.mobile-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:16px 0}.mobile-actions>span{height:57px;background:white;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:var(--blue);font-size:13px}.mobile-actions small{display:block;font-size:7px;color:#667085}.mobile-update{padding:13px;border-radius:11px;background:white;border:1px solid var(--line);display:flex;flex-direction:column}.mobile-update b{font-size:9px}.mobile-update span{font-size:10px;margin-top:10px}.mobile-update small{font-size:7px;color:#98a2b3;margin-top:4px}.app-copy h2{font:800 clamp(36px,4vw,54px)/1.06 "Manrope";letter-spacing:-2.3px;color:var(--navy);margin:13px 0 18px}.app-copy>p{font-size:13px;color:#667085;line-height:1.7}.app-copy ul{list-style:none;padding:0;margin:24px 0}.app-copy li{font-size:11px;color:#667085;padding:9px 0;border-bottom:1px solid #edf0f4}.app-copy li:before{content:"✓";color:var(--green);font-weight:800;margin-right:10px}.app-copy .dark,.final-cta .dark{background:var(--navy)}.final-cta{max-width:1180px;margin:20px auto 45px;text-align:center;padding:70px 30px;border-radius:30px;background:radial-gradient(circle at 30% 10%,rgba(80,130,255,.22),transparent 30%),linear-gradient(145deg,#071a34,#0c2f57);color:white}.final-cta>img{width:68px!important;height:68px!important;object-fit:contain;margin:0 auto}.final-cta h2{font:800 clamp(38px,4vw,58px)/1.04 "Manrope";letter-spacing:-2.5px;margin:18px 0}.final-cta>p{font-size:12px;color:#a8bad0}.final-cta>button{margin:10px 4px}.ghost.light{border-color:rgba(255,255,255,.2);color:white}footer{display:flex;align-items:center;gap:28px;padding:28px clamp(24px,6vw,92px);border-top:1px solid var(--line);background:white}.footer-brand{font-size:18px}.footer-brand img{width:34px!important;height:34px!important}.storefront footer>p{margin:0 auto 0 0;font-size:9px;color:#98a2b3}.storefront footer>div{display:flex;gap:16px}.storefront footer>div a{font-size:9px;color:#667085}
.storefront-v2{background:#fff;color:#111a2d}.storefront-v2 .announce{background:linear-gradient(90deg,#071a34,#123663,#071a34);letter-spacing:.15px}.storefront-v2 .site-header{height:82px}.header-track,.currency-button{border:0;background:transparent;color:#475467;font-size:13px;font-weight:600;padding:8px 3px}.currency-button{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}.hero-v2{min-height:730px;grid-template-columns:1.04fr .96fr;padding-top:68px;background:radial-gradient(circle at 84% 20%,rgba(72,114,255,.14),transparent 30%),radial-gradient(circle at 70% 88%,rgba(255,92,53,.1),transparent 25%),linear-gradient(180deg,#fff 0,#f5f8fd 100%);position:relative}.hero-v2:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,26,52,.025) 1px,transparent 1px),linear-gradient(rgba(7,26,52,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent,#000 30%,transparent)}.hero-v2>*{position:relative;z-index:1}.hero-v2 h1{font-size:clamp(52px,5.2vw,80px);line-height:.98;margin-bottom:24px}.hero-v2 .hero-copy>p{max-width:680px}.service-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#e9eef6;border:1px solid #dee5ef;border-radius:14px;padding:5px;margin:30px 0 10px;max-width:690px}.service-switch button{border:0;background:transparent;border-radius:10px;padding:11px 13px;text-align:left;color:#667085;transition:.2s}.service-switch button b,.service-switch button small{display:block}.service-switch button b{font-size:12px}.service-switch button small{font-size:9px;margin-top:3px;color:#8c98aa}.service-switch button.active{background:#fff;color:var(--navy);box-shadow:0 6px 18px rgba(7,26,52,.09)}.service-switch button.active b{color:var(--blue)}.hero-v2 .buy-bar{margin-top:0}.hero-command{min-height:560px}.halo{position:absolute;border-radius:50%;filter:blur(.2px)}.halo-a{width:480px;height:480px;border:1px solid rgba(37,99,235,.17);animation:spin 24s linear infinite}.halo-a:before,.halo-a:after{content:"";position:absolute;width:8px;height:8px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 8px rgba(37,99,235,.08)}.halo-a:before{left:40px;top:95px}.halo-a:after{right:25px;bottom:125px;background:var(--orange);box-shadow:0 0 0 8px rgba(255,92,53,.08)}.halo-b{width:570px;height:340px;border:1px dashed rgba(255,92,53,.18);transform:rotate(25deg)}.journey-console{width:min(470px,90%);padding:24px;border-radius:27px;z-index:3;position:relative;background:rgba(255,255,255,.91)}.journey-console>header{display:flex;justify-content:space-between;align-items:center}.journey-console>header>div{display:flex;flex-direction:column;gap:5px}.console-overline{font-size:9px;letter-spacing:1.8px;color:#98a2b3;font-weight:800}.journey-console>header b{font-size:14px}.status-chip{font-size:9px;border-radius:999px;padding:7px 9px;background:#e9fbf3;color:#087a48;font-weight:700}.status-chip i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:4px}.console-product{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;margin:20px 0;padding:15px;background:#f7f9fc;border:1px solid #ebeff5;border-radius:16px}.product-art{width:62px;height:62px;border-radius:13px;background:radial-gradient(circle at 68% 25%,#ffc6b9,transparent 26%),linear-gradient(145deg,#e6edff,#bacbff);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}.product-art span{width:34px;height:24px;border-radius:50% 60% 35% 40%;background:#fff;display:grid;place-items:center;color:#315ea8;font-size:9px;font-weight:900;transform:rotate(-10deg);box-shadow:0 8px 14px rgba(49,94,168,.18)}.console-product>div:nth-child(2){display:flex;flex-direction:column}.console-product b{font-size:12px}.console-product span{font-size:9px;color:#667085;margin-top:4px}.console-product small{font-size:8px;color:var(--green);margin-top:5px}.console-product>strong{font-size:14px}.console-route{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:8px 0 20px}.route-stage{position:relative;padding-top:30px;display:flex;flex-direction:column}.route-stage:before{content:"";position:absolute;left:14px;right:-14px;top:11px;height:2px;background:#e1e6ed}.route-stage:last-child:before{right:auto;width:0}.route-stage>span{position:absolute;top:0;left:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e9edf3;color:#98a2b3;font-size:9px;font-weight:800;z-index:1}.route-stage.done:before,.route-stage.active:before{background:linear-gradient(90deg,var(--green),var(--blue))}.route-stage.done>span{background:var(--green);color:#fff}.route-stage.active>span{background:var(--blue);color:#fff;box-shadow:0 0 0 6px rgba(37,99,235,.09)}.route-stage b{font-size:10px}.route-stage small{font-size:8px;color:#98a2b3;margin-top:3px}.evidence-row{display:flex;align-items:center;justify-content:space-between;padding:13px;border:1px solid #dbe6fa;background:#f5f8ff;border-radius:13px}.evidence-row>div{display:flex;align-items:center;gap:10px}.evidence-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#dfe9ff;color:var(--blue);font-size:10px;font-weight:800}.evidence-row p{display:flex;flex-direction:column;margin:0}.evidence-row b{font-size:10px}.evidence-row small{font-size:8px;color:#667085;margin-top:2px}.evidence-row button{border:0;background:transparent;color:var(--blue);font-size:9px;font-weight:700}.bill-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin-top:17px;padding:0 3px;font-size:9px}.bill-row span{color:#667085}.bill-row b{color:var(--green)}.bill-row strong{font-size:9px;color:var(--orange)}.live-agent-card{top:42px;right:-15px}.live-agent-card>span{color:var(--green);background:#e9fbf3}.hero-command .save-card{bottom:35px;left:-20px}.proof-v2{background:#071a34;color:white;padding:24px clamp(24px,6vw,92px);gap:0}.proof-v2 div{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;border-right:1px solid rgba(255,255,255,.11);padding:5px 24px}.proof-v2 div:last-child{border:0}.proof-v2 strong{font-size:11px;color:#6f98ff}.proof-v2 span{color:#8194ad;font-size:9px;display:flex;flex-direction:column;gap:4px}.proof-v2 span b{color:#fff;font-size:11px}
.clarity-band{padding-top:92px;padding-bottom:50px}.clarity-title{max-width:720px}.clarity-title h2,.storefront-v2 .section-head h2{font:800 clamp(34px,3.5vw,50px)/1.08 "Manrope";letter-spacing:-2px;color:var(--navy);margin:10px 0 16px}.clarity-title p{color:#667085;line-height:1.7}.payment-steps{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr;align-items:center;margin-top:40px}.payment-steps article{padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff;min-height:225px;position:relative;transition:.2s}.payment-steps article:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.payment-steps article>span{font-size:9px;letter-spacing:1.5px;color:var(--blue);font-weight:800}.payment-steps article>i{position:absolute;right:20px;top:20px;width:36px;height:36px;border-radius:10px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-style:normal;font-weight:800}.payment-steps h3{font-size:16px;margin:25px 0 10px}.payment-steps p{font-size:11px;color:#667085;line-height:1.6;min-height:52px}.payment-steps article>b{font-size:9px;color:var(--green)}.payment-steps>em{text-align:center;font-style:normal;color:#a2aec0;font-size:20px}.journey-track{display:grid;grid-template-columns:repeat(7,1fr);margin-top:48px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:white}.journey-track article{padding:22px 16px;border-right:1px solid var(--line);min-height:190px;position:relative}.journey-track article:last-child{border:0}.journey-track article>span{font-size:9px;color:#98a2b3}.journey-track article>i{width:38px;height:38px;border-radius:11px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-style:normal;margin:22px 0 18px}.journey-track h3{font-size:13px;margin-bottom:6px}.journey-track p{font-size:10px;color:#667085;line-height:1.45}.journey-track article:after{content:"";position:absolute;right:-4px;top:42px;width:8px;height:8px;border-top:1px solid #a8b3c3;border-right:1px solid #a8b3c3;transform:rotate(45deg);background:#fff;z-index:1}.journey-track article:last-child:after{display:none}.service-grid-v2 article{min-height:390px}.service-grid-v2 ul{padding:0;margin:20px 0 25px;list-style:none}.service-grid-v2 li{font-size:10px;color:#667085;padding:7px 0;border-top:1px solid #edf0f4}.service-grid-v2 li:before{content:"✓";color:var(--green);font-weight:800;margin-right:7px}.service-grid-v2 .service-featured li{color:#c9d5e5;border-color:rgba(255,255,255,.11)}
.workspace-preview{padding-top:72px}.customer-dashboard{display:grid;grid-template-columns:210px 1fr;min-height:500px;background:#f5f7fb;border:1px solid #dfe4ec;border-radius:26px;overflow:hidden;box-shadow:0 30px 80px rgba(7,26,52,.12);margin-top:42px}.customer-dashboard>aside{background:#0a203c;color:white;padding:24px 13px;display:flex;flex-direction:column;gap:6px}.mini-user{display:flex;align-items:center;gap:10px;padding:4px 8px 22px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}.mini-user>span{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--orange),var(--blue));display:grid;place-items:center;font-weight:800}.mini-user>div{display:flex;flex-direction:column}.mini-user b{font-size:11px}.mini-user small{font-size:8px;color:#7f94ae;margin-top:3px}.customer-dashboard>aside button{border:0;background:transparent;color:#8296ae;border-radius:9px;text-align:left;padding:11px 12px;font-size:10px;display:flex;gap:8px}.customer-dashboard>aside button.active{background:rgba(75,125,245,.2);color:white}.customer-dashboard>aside button b,.customer-dashboard>aside button i{margin-left:auto;font-style:normal}.customer-dashboard>aside button i{background:var(--red);color:white;border-radius:6px;padding:1px 5px}.workspace-main{padding:27px}.workspace-main>header{display:flex;justify-content:space-between;align-items:center}.workspace-main>header span{font-size:9px;color:#98a2b3}.workspace-main>header h3{font:800 24px "Manrope";margin:4px 0;color:var(--navy)}.workspace-main>header button{background:white;border:1px solid var(--line);border-radius:10px;padding:10px 13px;font-size:9px;color:#667085}.workspace-main>header button b{color:var(--navy);margin-left:10px}.attention-grid{display:grid;grid-template-columns:1.55fr .7fr .7fr;gap:12px;margin-top:22px}.attention-grid article{background:white;border:1px solid var(--line);border-radius:14px;padding:17px}.attention-grid article>span{font-size:8px;color:#98a2b3;letter-spacing:.8px;font-weight:800}.attention-grid article>strong{display:block;font:800 28px "Manrope";margin:20px 0 2px;color:var(--navy)}.attention-grid article>p{font-size:9px;color:#667085}.attention-grid article>small{font-size:8px;color:#98a2b3}.attention-primary{grid-row:span 2}.attention-primary h4{font-size:14px;margin:10px 0 7px}.attention-primary p{margin-bottom:14px!important}.qc-thumbs{display:flex;gap:7px;margin:15px 0}.qc-thumbs i,.qc-thumbs b{width:46px;height:46px;border-radius:9px;background:linear-gradient(135deg,#e5ecff,#ffd8ce);display:grid;place-items:center;font-style:normal;font-size:8px;color:#45638f}.qc-thumbs b{background:#eef1f6}.attention-primary>div:last-child{display:flex;gap:7px}.attention-primary button{border:0;border-radius:8px;padding:8px 10px;font-size:9px;background:var(--blue);color:white}.attention-primary button+button{background:#f3f5f8;color:#667085}.workspace-timeline{grid-column:2/4;background:white;border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;grid-template-columns:auto repeat(3,1fr);gap:15px;align-items:center}.workspace-timeline>b{font-size:10px}.workspace-timeline>span{display:flex;align-items:center;gap:8px}.workspace-timeline i{width:8px;height:8px;border-radius:50%;background:#9aa8ba}.workspace-timeline i.done{background:var(--green)}.workspace-timeline p{display:flex;flex-direction:column;margin:0}.workspace-timeline strong{font-size:8px}.workspace-timeline small{font-size:7px;color:#98a2b3;margin-top:3px}
.calculator-v2{grid-template-columns:.82fr 1.18fr;padding:55px;gap:60px;background:linear-gradient(145deg,#071a34,#11355f);border-radius:30px}.calculator-v2 .calculator-copy h2{color:#fff;font-size:42px;line-height:1.08}.weight-example{display:grid;grid-template-columns:1fr 1fr;margin:27px 0 16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden}.weight-example span,.weight-example>strong{padding:12px;font-size:8px;color:#8ca2bc;display:flex;flex-direction:column;gap:4px}.weight-example span:first-child{border-right:1px solid rgba(255,255,255,.1)}.weight-example b{color:#fff;font-size:12px}.weight-example>strong{grid-column:1/-1;background:rgba(37,99,235,.18);color:#9db3ce}.prototype-note{color:#7690ad;font-size:8px;line-height:1.5}.advanced-calculator{background:white;border-radius:19px;padding:22px}.advanced-calculator label{font-size:9px;color:#667085}.advanced-calculator .field-row{grid-template-columns:1fr 1fr}.unit-input{position:relative}.unit-input input{width:100%}.unit-input small{position:absolute;right:12px;top:12px}.dimension-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px}.dimension-row span{position:relative}.dimension-row input{width:100%;padding-right:42px}.dimension-row small{position:absolute;right:8px;top:12px;font-size:8px}.attribute-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.attribute-chips button{border:1px solid var(--line);background:#f7f8fa;border-radius:8px;padding:7px 9px;font-size:8px;color:#667085}.attribute-chips button.active{background:#eaf1ff;border-color:#b8cdf9;color:var(--blue);font-weight:700}.compare-button{width:100%;margin-top:4px}.route-results{display:grid;gap:7px}.route-results article{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.route-results article.recommended{border-color:#b8cef9;background:#f6f8ff}.route-results span,.route-results strong{display:flex;flex-direction:column}.route-results b{font-size:10px}.route-results small{font-size:7px;color:#98a2b3;margin-top:3px}.route-results strong{font-size:12px;text-align:right}.packing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:38px}.packing-grid article{padding:24px;border:1px solid var(--line);border-radius:17px;background:white;transition:.2s}.packing-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.packing-grid i{width:42px;height:42px;border-radius:12px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-style:normal;font-size:18px}.packing-grid h3{font-size:14px;margin:18px 0 8px}.packing-grid p{font-size:10px;color:#667085;line-height:1.6;min-height:48px}.packing-grid span{font-size:8px;color:var(--orange);font-weight:700}.protection-section{padding-top:40px}.protection-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding:58px;background:#f1f5fb;border-radius:28px;overflow:hidden;position:relative}.protection-card:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(37,99,235,.08);left:-100px;bottom:-150px}.protection-card>div:first-child{position:relative;z-index:1}.protection-card h2{font:800 40px/1.1 "Manrope";letter-spacing:-1.8px;color:var(--navy);margin:12px 0}.protection-card>div:first-child p{font-size:12px;color:#667085;line-height:1.65}.protection-list{display:grid;gap:0}.protection-list article{display:grid;grid-template-columns:35px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #dce3ed}.protection-list article:last-child{border:0}.protection-list>article>span{color:var(--blue);font-size:9px;font-weight:800}.protection-list b{font-size:12px}.protection-list p{font-size:9px;color:#667085;margin:4px 0;line-height:1.5}.final-cta>span{display:block;font-size:9px;letter-spacing:2px;color:#8ba0ba;font-weight:800;margin-top:12px}

/* Operational control modules */
.module-panel{padding:27px;min-height:calc(100vh - 70px)}.module-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.module-title>div:first-child>span{font-size:9px;color:var(--blue);font-weight:800;letter-spacing:1px}.module-title h1{font:800 27px "Manrope";letter-spacing:-.8px;color:var(--navy);margin:6px 0 3px}.module-title p{font-size:10px;color:#667085;margin:0}.module-title>div:last-child{display:flex;gap:7px}.module-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.module-metrics article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 15px}.module-metrics span{font-size:9px;color:#667085}.module-metrics strong{display:block;font:800 22px "Manrope";color:var(--navy);margin:7px 0 2px}.module-metrics small{font-size:8px;color:#98a2b3}.module-metrics small.ok{color:var(--green)}.warn-text{color:#e86902!important}.data-card{background:white;border:1px solid var(--line);border-radius:13px;padding:16px}.data-toolbar{display:flex;align-items:center;gap:9px;margin-bottom:10px}.filter-tabs{display:flex;gap:4px;margin-right:auto;background:#f3f5f8;padding:3px;border-radius:8px}.filter-tabs button{border:0;background:transparent;color:#667085;font-size:9px;border-radius:6px;padding:7px 9px}.filter-tabs button.active{background:white;color:var(--blue);box-shadow:0 2px 7px rgba(7,26,52,.08);font-weight:700}.data-toolbar>label{border:1px solid var(--line);border-radius:8px;padding:7px 10px;color:#98a2b3}.data-toolbar input{border:0;outline:0;width:190px;font-size:9px}.ops-row{display:grid;gap:13px;align-items:center;padding:12px 7px;border-top:1px solid #edf0f4;font-size:9px}.order-table .ops-row,.parcel-table .ops-row{grid-template-columns:1.1fr 1.45fr 1fr 1fr .8fr .4fr}.risk-table .ops-row{grid-template-columns:1fr 1.05fr 1fr 1.25fr .8fr .4fr}.ops-head{border:0;background:#f7f8fa;border-radius:8px;color:#98a2b3;padding:9px 7px}.ops-row>span{display:flex;flex-direction:column;gap:3px}.ops-row small{font-size:8px;color:#98a2b3}.ops-row button{border:1px solid var(--line);background:white;color:var(--blue);border-radius:6px;padding:6px;font-size:8px}.tag{display:inline-flex;width:max-content;padding:4px 7px;border-radius:6px;font-style:normal;font-size:8px;font-weight:700}.tag.amber{background:#fff3df;color:#b54708}.tag.blue{background:#eaf1ff;color:#2459c4}.tag.green{background:#e8f9f1;color:#087a48}.tag.red{background:#feeceb;color:#b42318}.warehouse-board{display:grid;grid-template-columns:1fr 250px;gap:12px}.qc-item{display:grid;grid-template-columns:48px 1fr auto 70px;gap:11px;align-items:center;padding:13px 0;border-top:1px solid #edf0f4}.qc-art{width:45px;height:45px;border-radius:9px;background:linear-gradient(135deg,#ffd6cc,#e7edff);display:grid;place-items:center;font-size:8px;color:#8c5270}.blue-art{background:linear-gradient(135deg,#d7e7ff,#c9daf9)}.violet-art{background:linear-gradient(135deg,#e7dcff,#f8e6ff)}.qc-item>div{display:flex;flex-direction:column}.qc-item b{font-size:9px}.qc-item small{font-size:8px;color:#98a2b3;margin-top:2px}.measure-tags{display:flex;gap:4px;margin-top:6px}.measure-tags i{font-style:normal;font-size:7px;background:#f3f5f8;padding:3px 5px;border-radius:4px;color:#667085}.qc-item>button{border:1px solid var(--line);background:white;border-radius:6px;padding:6px;color:var(--blue);font-size:8px}.warehouse-side{display:grid;gap:12px}.warehouse-side article{display:flex;flex-direction:column;align-items:center}.warehouse-side article>span{font-size:9px;color:#667085;align-self:flex-start}.load-ring{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;margin:15px;background:conic-gradient(var(--blue) 68%,#e9edf3 0);position:relative}.load-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:white}.load-ring strong{position:relative;z-index:1;font:800 20px "Manrope"}.warehouse-side p{font-size:8px;color:#98a2b3}.warehouse-side ul{list-style:none;padding:7px 0 0;margin:0;width:100%}.warehouse-side li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf0f4;font-size:8px}.warehouse-side li em{font-style:normal;color:var(--blue)}.customer-360{display:grid;grid-template-columns:250px 1fr;gap:12px}.customer-directory{padding:10px}.customer-entry{width:100%;display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:center;border:0;background:transparent;padding:10px;border-radius:9px;text-align:left}.customer-entry.active{background:#edf3ff}.customer-entry>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--navy);color:white;font-size:8px;position:relative}.customer-entry>span i{position:absolute;right:-1px;bottom:-1px;width:7px;height:7px;border:2px solid white;background:var(--green);border-radius:50%}.customer-entry>span.coral{background:#e97256}.customer-entry>span.violet{background:#7357c5}.customer-entry>span.green{background:#258a63}.customer-entry>div{display:flex;flex-direction:column}.customer-entry b{font-size:9px}.customer-entry small{font-size:7px;color:#98a2b3;margin-top:3px}.customer-entry em{font-style:normal;font-size:8px;color:#667085}.customer-detail>header{display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--line)}.customer-detail>header>div:nth-child(2){flex:1}.customer-detail h2{font-size:15px;margin:0 0 3px}.customer-detail header p{font-size:8px;color:#98a2b3;margin:0 0 6px}.profile-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.profile-metrics article{background:#f6f8fb;border-radius:9px;padding:11px}.profile-metrics span,.profile-metrics small{font-size:7px;color:#98a2b3}.profile-metrics b{display:block;font-size:14px;margin:5px 0}.profile-columns{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.profile-columns h3{font-size:10px}.profile-event{display:flex;gap:9px;padding:8px 0;border-bottom:1px solid #edf0f4}.profile-event i{width:7px;height:7px;border-radius:50%;background:var(--blue);margin-top:4px}.profile-event p{display:flex;flex-direction:column;margin:0}.profile-event b{font-size:8px}.profile-event small{font-size:7px;color:#98a2b3;margin-top:3px}.profile-columns dl{display:grid;grid-template-columns:70px 1fr;gap:8px;font-size:8px}.profile-columns dt{color:#98a2b3}.profile-columns dd{margin:0}.finance-grid,.report-grid{display:grid;grid-template-columns:1.35fr .75fr;gap:12px}.payment-funnel{display:grid;gap:9px;margin-top:18px}.payment-funnel div{display:grid;grid-template-columns:110px 45px 1fr;align-items:center;font-size:8px}.payment-funnel span{color:#667085}.payment-funnel strong{font-size:10px}.payment-funnel i{display:block;width:var(--w);height:13px;border-radius:4px;background:linear-gradient(90deg,#3469e8,#98b6fb)}.ledger-list{list-style:none;padding:6px 0 0;margin:0}.ledger-list li{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f4}.ledger-list i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:8px;font-weight:800}.ledger-list i.refund{background:#e8f9f1;color:var(--green)}.ledger-list i.adjust{background:#eaf1ff;color:var(--blue)}.ledger-list i.alert{background:#feeceb;color:var(--red)}.ledger-list p{display:flex;flex-direction:column;margin:0}.ledger-list b{font-size:8px}.ledger-list small{font-size:7px;color:#98a2b3;margin-top:3px}.ledger-list button{border:0;background:transparent;color:var(--blue);font-size:8px}.risk-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:12px;margin-bottom:12px}.risk-score-card,.risk-stat{background:white;border:1px solid var(--line);border-radius:12px;padding:14px}.risk-score-card{display:flex;align-items:center;justify-content:space-between}.risk-score-card>div:first-child{display:flex;flex-direction:column}.risk-score-card span,.risk-stat span{font-size:8px;color:#667085}.risk-score-card strong{font:800 23px "Manrope";margin:6px 0}.risk-score-card strong small{font-size:9px;color:#98a2b3}.risk-score-card p{font-size:7px;color:#98a2b3;margin:0}.risk-ring{width:55px;height:55px;border-radius:50%;background:conic-gradient(var(--green) 94%,#e9edf3 0);display:grid;place-items:center;position:relative}.risk-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}.risk-ring b{position:relative;z-index:1;font-size:12px}.risk-stat b{display:block;font:800 21px "Manrope";margin:8px 0 3px}.risk-stat small{font-size:7px;color:#98a2b3}.report-chart{min-height:310px}.card-head>div:last-child{display:flex;gap:10px;font-size:8px;color:#667085}.revenue-dot,.profit-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;background:var(--blue)}.profit-dot{background:var(--orange)}.chart-area{height:235px;position:relative;margin-top:12px}.chart-gridlines{position:absolute;inset:0 0 25px;background:repeating-linear-gradient(0deg,transparent 0,transparent 47px,#edf0f4 48px)}.chart-area svg{position:absolute;inset:0 0 25px;width:100%;height:calc(100% - 25px);overflow:visible}.chart-area path{fill:none;stroke-width:3}.area-line{stroke:var(--blue)}.profit-line{stroke:var(--orange);stroke-dasharray:6 5}.chart-days{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#98a2b3;font-size:7px}.route-ranking ol{list-style:none;padding:8px 0 0;margin:0}.route-ranking li{display:grid;grid-template-columns:23px 1fr auto;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f4}.route-ranking li>span{width:21px;height:21px;border-radius:6px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-size:8px;font-weight:800}.route-ranking p{display:flex;flex-direction:column;margin:0}.route-ranking b{font-size:8px}.route-ranking small{font-size:7px;color:#98a2b3;margin-top:3px}.route-ranking strong{font-size:11px;color:var(--green)}

@media(max-width:1200px){.hero-v2{gap:30px}.journey-track{grid-template-columns:repeat(4,1fr)}.journey-track article:nth-child(4){border-right:0}.journey-track article:nth-child(4):after{display:none}.customer-dashboard{grid-template-columns:180px 1fr}.attention-grid{grid-template-columns:1.3fr 1fr}.attention-primary{grid-row:span 2}.workspace-timeline{grid-column:2}.module-panel{padding:20px}.warehouse-board{grid-template-columns:1fr}.warehouse-side{grid-template-columns:1fr 1fr}.risk-grid{grid-template-columns:1.2fr repeat(3,1fr)}}
@media(max-width:1050px){.header-track{display:none}.hero-v2{grid-template-columns:1fr;min-height:auto}.hero-v2 .hero-copy{text-align:left}.hero-v2 .hero-copy>p,.hero-v2 .buy-bar{margin-left:0}.hero-v2 .quick-links,.hero-v2 .trust-row{justify-content:flex-start}.service-switch{margin-left:auto;margin-right:auto}.hero-command{min-height:520px}.payment-steps{grid-template-columns:1fr}.payment-steps>em{transform:rotate(90deg);padding:5px}.journey-track{grid-template-columns:repeat(4,1fr)}.customer-dashboard{grid-template-columns:1fr}.customer-dashboard>aside{display:none}.packing-grid{grid-template-columns:repeat(2,1fr)}.calculator-v2{grid-template-columns:1fr}.module-metrics{grid-template-columns:repeat(2,1fr)}.customer-360{grid-template-columns:1fr}.customer-directory{display:none}.finance-grid,.report-grid{grid-template-columns:1fr}.risk-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.storefront-v2 .announce span{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.currency-button{display:none}.hero-v2{padding-top:48px}.hero-v2 h1{font-size:44px}.service-switch{grid-template-columns:1fr}.service-switch button small{display:none}.hero-command{min-height:450px}.journey-console{width:98%;padding:16px}.live-agent-card{display:none}.proof-v2{grid-template-columns:1fr 1fr}.proof-v2 div{border:0;padding:10px}.clarity-band{padding-top:70px}.journey-track{grid-template-columns:1fr 1fr}.journey-track article:nth-child(even){border-right:0}.journey-track article:nth-child(even):after{display:none}.customer-dashboard{min-height:0}.workspace-main{padding:16px}.attention-grid{grid-template-columns:1fr}.attention-primary{grid-row:auto}.workspace-timeline{grid-column:auto;grid-template-columns:1fr}.calculator-v2{padding:28px 16px;gap:30px}.advanced-calculator .field-row{grid-template-columns:1fr}.packing-grid{grid-template-columns:1fr}.protection-card{grid-template-columns:1fr;padding:32px 22px;gap:30px}.module-title{display:block}.module-title>div:last-child{margin-top:12px}.module-metrics{grid-template-columns:1fr 1fr}.data-toolbar{align-items:stretch;flex-wrap:wrap}.filter-tabs{overflow-x:auto;width:100%}.data-toolbar>label{flex:1}.ops-table{overflow-x:auto}.ops-row{min-width:760px}.warehouse-side{grid-template-columns:1fr}.qc-item{min-width:650px}.receive-queue{overflow-x:auto}.risk-grid{grid-template-columns:1fr}.profile-metrics{grid-template-columns:1fr 1fr}.profile-columns{grid-template-columns:1fr}}
@media(max-width:430px){.hero-v2 h1{font-size:38px}.console-product{grid-template-columns:52px 1fr}.console-product>strong{display:none}.product-art{width:52px;height:52px}.bill-row{font-size:8px}.proof-v2{grid-template-columns:1fr}.journey-track{grid-template-columns:1fr}.journey-track article{border-right:0}.journey-track article:after{display:none}.payment-steps article{min-height:0}.dimension-row{grid-template-columns:1fr}.protection-card h2{font-size:34px}.module-metrics{grid-template-columns:1fr}}

/* v3: richer surfaces, denser rhythm and readable type */
.storefront-v2{font-size:16px;background:linear-gradient(180deg,#f7faff 0,#fff8f4 32%,#f4f8ff 67%,#fff 100%)}.storefront-v2 main{overflow:hidden}.storefront-v2 .section{width:calc(100% - 32px);max-width:1320px;padding:72px 48px;margin:24px auto;border-radius:30px;position:relative;overflow:hidden}.storefront-v2 .section:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-190px;top:-180px;pointer-events:none}.storefront-v2 .workflow{background:linear-gradient(135deg,#eef5ff 0,#f8fbff 55%,#fff3ee 100%);border:1px solid #dce7f7}.storefront-v2 .workflow:before{background:rgba(37,99,235,.08)}.storefront-v2 .services{background:radial-gradient(circle at 92% 5%,rgba(70,118,255,.25),transparent 28%),linear-gradient(145deg,#071a34,#102e50);color:white}.storefront-v2 .services:before{background:rgba(255,92,53,.12)}.storefront-v2 .workspace-preview{background:linear-gradient(135deg,#fff2ec,#fffaf7 45%,#edf4ff);border:1px solid #f0ded7}.storefront-v2 .workspace-preview:before{background:rgba(255,92,53,.09)}.storefront-v2 .shipping{background:linear-gradient(135deg,#eaf3ff,#f7f9ff);border:1px solid #dbe7f7}.storefront-v2 .packing-section{background:linear-gradient(135deg,#fff8e9,#fffdf7 55%,#eef5ff);border:1px solid #f0e6cb}.storefront-v2 .protection-section{background:linear-gradient(135deg,#f0ecff,#f8f6ff 52%,#eaf6ff);border:1px solid #e2dcf5}.storefront-v2 .app-showcase{background:radial-gradient(circle at 15% 15%,rgba(37,99,235,.12),transparent 28%),linear-gradient(145deg,#f0f6ff,#fff);border:1px solid #dfe8f6}.storefront-v2 .section-head{margin-bottom:28px}.storefront-v2 .section-head>p{font-size:14px;line-height:1.7;color:#56647a}.storefront-v2 .services .section-head h2{color:#fff}.storefront-v2 .services .section-head>p{color:#afc0d4}.storefront-v2 .hero-v2{min-height:680px;padding-top:58px;padding-bottom:58px}.storefront-v2 .hero-copy>p{font-size:18px;line-height:1.72}.storefront-v2 .service-switch button b{font-size:14px}.storefront-v2 .service-switch button small{font-size:11px}.storefront-v2 .buy-bar input{font-size:15px}.storefront-v2 .quick-links button,.storefront-v2 .trust-row{font-size:13px}.storefront-v2 .console-overline,.storefront-v2 .journey-console .status-chip{font-size:11px}.storefront-v2 .journey-console>header b{font-size:16px}.storefront-v2 .console-product b{font-size:14px}.storefront-v2 .console-product span{font-size:11px}.storefront-v2 .console-product small,.storefront-v2 .route-stage small,.storefront-v2 .evidence-row small{font-size:10px}.storefront-v2 .route-stage b,.storefront-v2 .evidence-row b,.storefront-v2 .bill-row{font-size:12px}.storefront-v2 .proof-v2 span{font-size:11px}.storefront-v2 .proof-v2 span b{font-size:14px}.storefront-v2 .clarity-band{background:linear-gradient(135deg,#fff9f5,#fff 58%,#edf4ff);border:1px solid #f1e6df}.storefront-v2 .clarity-title p{font-size:15px}.storefront-v2 .payment-steps article{min-height:210px;cursor:pointer;background:rgba(255,255,255,.9)}.storefront-v2 .payment-steps article:focus,.storefront-v2 [tabindex="0"]:focus{outline:3px solid rgba(37,99,235,.22);outline-offset:3px}.storefront-v2 .payment-steps h3{font-size:18px}.storefront-v2 .payment-steps p{font-size:13px}.storefront-v2 .payment-steps article>b{font-size:11px}.storefront-v2 .journey-track article{min-height:178px;background:rgba(255,255,255,.76);cursor:pointer}.storefront-v2 .journey-track h3{font-size:15px}.storefront-v2 .journey-track p{font-size:12px;line-height:1.55}.storefront-v2 .service-grid-v2 article{min-height:360px}.storefront-v2 .service-grid h3{font-size:20px}.storefront-v2 .service-grid article>p{font-size:13px}.storefront-v2 .service-grid li{font-size:12px}.storefront-v2 .service-grid article>button{font-size:13px}.storefront-v2 .mini-user b,.storefront-v2 .workspace-main>header button,.storefront-v2 .workspace-timeline>b{font-size:13px}.storefront-v2 .mini-user small,.storefront-v2 .workspace-main>header span{font-size:11px}.storefront-v2 .customer-dashboard>aside button{font-size:12px}.storefront-v2 .attention-grid article{cursor:pointer}.storefront-v2 .attention-grid article>span{font-size:10px}.storefront-v2 .attention-grid article>p{font-size:12px}.storefront-v2 .attention-grid article>small{font-size:10px}.storefront-v2 .attention-primary h4{font-size:17px}.storefront-v2 .attention-primary button{font-size:11px}.storefront-v2 .workspace-timeline strong{font-size:11px}.storefront-v2 .workspace-timeline small{font-size:9px}.storefront-v2 .calculator-copy>p{font-size:14px}.storefront-v2 .prototype-note{font-size:10px}.storefront-v2 .advanced-calculator label{font-size:12px}.storefront-v2 .advanced-calculator input,.storefront-v2 .advanced-calculator select{font-size:13px}.storefront-v2 .attribute-chips button{font-size:10px}.storefront-v2 .route-results article{cursor:pointer;transition:.2s}.storefront-v2 .route-results article:hover{border-color:#8eacf1;transform:translateX(3px)}.storefront-v2 .route-results b{font-size:13px}.storefront-v2 .route-results small{font-size:10px}.storefront-v2 .packing-grid article{cursor:pointer;background:rgba(255,255,255,.84)}.storefront-v2 .packing-grid article.selected{border-color:var(--blue);background:#f3f7ff;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.storefront-v2 .packing-grid article.selected:after{content:"✓";position:absolute;right:15px;top:15px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:white;font-weight:800}.storefront-v2 .packing-grid h3{font-size:17px}.storefront-v2 .packing-grid p{font-size:13px}.storefront-v2 .packing-grid span{font-size:11px}.packing-summary{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:14px 17px;border:1px dashed #c9d4e4;border-radius:13px;background:rgba(255,255,255,.72)}.packing-summary span{font-size:13px;color:#667085}.packing-summary button{border:0;background:var(--navy);color:white;border-radius:9px;padding:10px 14px;font-size:12px}.storefront-v2 .protection-card>div:first-child p{font-size:14px}.storefront-v2 .protection-list article{cursor:pointer}.storefront-v2 .protection-list b{font-size:15px}.storefront-v2 .protection-list p{font-size:12px}.storefront-v2 .app-copy>p{font-size:15px}.storefront-v2 .app-copy li{font-size:13px}.storefront-v2 footer>div button{border:0;background:transparent;font-size:11px;color:#667085;padding:4px}.storefront-v2 .message p{font-size:13px}.storefront-v2 .chat-head b{font-size:15px}.storefront-v2 .chat-head span,.storefront-v2 .chat-context span,.storefront-v2 .chat-context b{font-size:11px}.storefront-v2 .quick-replies button{font-size:11px}.storefront-v2 .chat-compose input{font-size:13px}

/* Expandable customer and staff actions */
.app-overlay{position:fixed;inset:0;z-index:150;background:rgba(4,15,31,.58);backdrop-filter:blur(8px);display:flex;justify-content:flex-end;opacity:0;pointer-events:none;transition:.22s}.app-overlay.open{opacity:1;pointer-events:auto}.action-sheet{width:min(650px,100%);height:100%;background:#f7f9fc;box-shadow:-25px 0 70px rgba(3,15,31,.24);transform:translateX(45px);transition:.25s;display:flex;flex-direction:column}.app-overlay.open .action-sheet{transform:none}.action-sheet>header{min-height:92px;background:linear-gradient(135deg,#071a34,#123f70);color:white;padding:22px 25px;display:flex;align-items:center;justify-content:space-between}.action-sheet>header>div{display:flex;flex-direction:column;gap:6px}.action-sheet>header span{font-size:10px;letter-spacing:1.5px;color:#90a8c4;font-weight:800}.action-sheet>header h2{font:800 24px "Manrope";margin:0}.action-sheet>header button{width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.08);color:white;font-size:24px}.action-content{padding:22px;overflow-y:auto;flex:1}.prototype-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #f0d6a9;background:#fff8e8;border-radius:11px;color:#8a5b07;font-size:12px;line-height:1.5;margin-bottom:16px}.prototype-banner i{font-style:normal;font-weight:800}.modal-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:0 0 17px}.modal-stepper span{font-size:10px;color:#98a2b3;padding:9px 6px;border-bottom:3px solid #dce2ea}.modal-stepper span.done{color:var(--green);border-color:var(--green)}.modal-stepper span.active{color:var(--blue);border-color:var(--blue);font-weight:800}.modal-card{background:white;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px}.modal-card h3{font-size:16px;margin:0 0 11px}.modal-card>p{font-size:13px;color:#667085;line-height:1.6}.modal-product{display:grid;grid-template-columns:72px 1fr auto;gap:13px;align-items:center}.modal-product-art{width:72px;height:72px;border-radius:14px;background:linear-gradient(135deg,#dce7ff,#ffd8cf);display:grid;place-items:center;font-weight:900;color:#395e99}.modal-product>div{display:flex;flex-direction:column;gap:4px}.modal-product b{font-size:14px}.modal-product span{font-size:11px;color:#667085}.modal-product strong{font-size:16px}.modal-form{display:grid;gap:13px}.modal-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#667085}.modal-form input,.modal-form select,.modal-form textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;padding:11px;outline:0;font:13px inherit;color:var(--navy)}.modal-form textarea{min-height:84px;resize:vertical}.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.08)}.choice-row{display:flex;gap:7px;flex-wrap:wrap}.choice-row button{border:1px solid var(--line);background:white;border-radius:9px;padding:9px 12px;font-size:12px}.choice-row button.selected{border-color:var(--blue);color:var(--blue);background:#eef4ff}.cost-lines{display:grid;gap:9px}.cost-lines div{display:flex;justify-content:space-between;font-size:12px;color:#667085;padding-bottom:8px;border-bottom:1px solid #edf0f4}.cost-lines div.total{color:var(--navy);font-weight:800;font-size:14px;border:0}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.modal-actions button{border:1px solid var(--line);background:white;border-radius:10px;padding:11px 15px;color:var(--navy);font-weight:700;font-size:12px}.modal-actions button.primary-action{border-color:var(--blue);background:var(--blue);color:white}.modal-actions button.danger-action{border-color:#f4b6ae;color:#b42318;background:#fff4f2}.status-timeline{display:grid;gap:0}.status-timeline article{display:grid;grid-template-columns:18px 1fr auto;gap:10px;padding:10px 0;position:relative}.status-timeline article:not(:last-child):before{content:"";position:absolute;left:6px;top:25px;bottom:-5px;width:2px;background:#dfe5ed}.status-timeline i{width:14px;height:14px;border-radius:50%;background:#c9d2de;border:3px solid white;box-shadow:0 0 0 1px #c9d2de}.status-timeline article.done i{background:var(--green);box-shadow:0 0 0 1px var(--green)}.status-timeline article.active i{background:var(--blue);box-shadow:0 0 0 4px rgba(37,99,235,.1)}.status-timeline p{display:flex;flex-direction:column;margin:0}.status-timeline b{font-size:13px}.status-timeline span,.status-timeline time{font-size:10px;color:#98a2b3;margin-top:3px}.modal-list{display:grid;gap:9px}.modal-list article{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:12px}.modal-list article>i{width:42px;height:42px;border-radius:10px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800}.modal-list article>div{display:flex;flex-direction:column}.modal-list b{font-size:13px}.modal-list span{font-size:10px;color:#98a2b3;margin-top:3px}.modal-list strong{font-size:12px}.qc-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.qc-gallery div{aspect-ratio:1;border-radius:12px;background:linear-gradient(135deg,#dce7ff,#ffd7cd);display:grid;place-items:center;color:#4b668f;font-size:11px;font-weight:800;position:relative}.qc-gallery div:after{content:attr(data-label);position:absolute;left:8px;bottom:7px;background:rgba(7,26,52,.72);color:white;border-radius:5px;padding:3px 5px;font-size:8px}.legal-copy h3{font-size:15px;margin:20px 0 7px}.legal-copy p,.legal-copy li{font-size:12px;color:#56647a;line-height:1.65}.admin-overlay .action-sheet{width:min(560px,100%)}

/* staff readability */
.admin-body .side-nav button,.admin-body .side-bottom button{font-size:14px}.admin-body .admin-search input{font-size:13px}.admin-body .dash-title p,.admin-body .card-head p,.admin-body .module-title p{font-size:12px}.admin-body .metric-grid article>div,.admin-body .module-metrics span{font-size:12px}.admin-body .metric-grid p,.admin-body .module-metrics small{font-size:10px}.admin-body .card-head h2{font-size:17px}.admin-body .feed-list b,.admin-body .customer-line b{font-size:12px}.admin-body .feed-list span,.admin-body .context-strip span{font-size:10px}.admin-body .ops-row{font-size:11px}.admin-body .ops-row small{font-size:9px}.admin-body .tag{font-size:9px}.admin-body .filter-tabs button,.admin-body .data-toolbar input{font-size:11px}.admin-body .qc-item b,.admin-body .profile-event b{font-size:11px}.admin-body .qc-item small,.admin-body .profile-event small{font-size:9px}

@media(max-width:760px){.storefront-v2 .section{width:calc(100% - 20px);padding:54px 18px;margin:14px auto;border-radius:22px}.storefront-v2 .section-head>p{font-size:13px}.storefront-v2 .hero-v2{width:100%;border-radius:0;margin:0;padding:48px 18px}.storefront-v2 .proof-v2{width:100%;margin:0;border-radius:0}.storefront-v2 .site-header .header-track{display:inline-flex;font-size:11px;padding:8px}.action-sheet{height:min(92vh,760px);margin-top:auto;width:100%;border-radius:22px 22px 0 0;transform:translateY(55px)}.action-sheet>header{min-height:78px;padding:17px 18px;border-radius:22px 22px 0 0}.action-content{padding:16px}.modal-form .form-row{grid-template-columns:1fr}.modal-stepper{grid-template-columns:repeat(2,1fr)}.modal-product{grid-template-columns:58px 1fr}.modal-product-art{width:58px;height:58px}.modal-product>strong{display:none}.qc-gallery{grid-template-columns:1fr 1fr}.packing-summary{align-items:flex-start;gap:12px;flex-direction:column}}

/* Roadshow catalog and visual-density refinement */
.product-sprite{background-image:url('assets/jhbuy-demo-products-v1.jpg')!important;background-size:300% 200%!important;background-repeat:no-repeat!important;background-color:#edf2f8!important;color:transparent!important;overflow:hidden}
.product-sprite.p1{background-position:0 0!important}.product-sprite.p2{background-position:50% 0!important}.product-sprite.p3{background-position:100% 0!important}.product-sprite.p4{background-position:0 100%!important}.product-sprite.p5{background-position:50% 100%!important}.product-sprite.p6{background-position:100% 100%!important}
.storefront-v2 .section{width:calc(100% - 24px);padding:62px 42px;margin:16px auto}.storefront-v2 .section-head h2,.catalog-head h2{font-size:clamp(32px,3.3vw,48px);letter-spacing:-1.7px}.storefront-v2 .section-head>p,.catalog-head p{font-size:15px;line-height:1.72}.storefront-v2 .workflow{background:radial-gradient(circle at 12% 12%,rgba(43,111,255,.15),transparent 30%),linear-gradient(135deg,#dfeeff 0,#f4f8ff 50%,#ffe9e1 100%)}.storefront-v2 .workspace-preview{background:radial-gradient(circle at 88% 8%,rgba(255,91,53,.14),transparent 26%),linear-gradient(135deg,#ffe8de,#fff9f5 43%,#e3efff)}.storefront-v2 .shipping{background:radial-gradient(circle at 10% 90%,rgba(45,111,255,.14),transparent 30%),linear-gradient(135deg,#dcecff,#f4f7ff 58%,#e8f6ff)}.storefront-v2 .packing-section{background:radial-gradient(circle at 90% 10%,rgba(255,177,61,.18),transparent 28%),linear-gradient(135deg,#fff0cb,#fffaf0 52%,#e4efff)}.storefront-v2 .protection-section{background:radial-gradient(circle at 12% 15%,rgba(116,84,230,.15),transparent 30%),linear-gradient(135deg,#e7e0ff,#f8f5ff 50%,#def3ff)}.storefront-v2 .app-showcase{background:radial-gradient(circle at 80% 10%,rgba(255,92,53,.12),transparent 25%),linear-gradient(145deg,#dfeeff,#f8fbff 54%,#fff0ea)}
.storefront-v2 .product-art{box-shadow:inset 0 0 0 1px rgba(7,26,52,.08),0 10px 22px rgba(7,26,52,.12)}
.catalog-section{background:radial-gradient(circle at 88% 7%,rgba(255,102,66,.26),transparent 25%),radial-gradient(circle at 8% 88%,rgba(64,122,255,.24),transparent 28%),linear-gradient(135deg,#081f3d 0,#123b67 52%,#0f5b7d 100%);color:white;box-shadow:0 25px 65px rgba(7,26,52,.18);scroll-margin-top:104px}
.catalog-section:before{background:rgba(255,255,255,.06)!important}
.catalog-head{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:42px;align-items:end;position:relative;z-index:1}.catalog-head h2{font-family:"Manrope",sans-serif;color:#fff;margin:10px 0 13px;max-width:720px}.catalog-head p{color:#b8cce0;max-width:720px;margin:0}.catalog-section .kicker{color:#91b7ff}.catalog-api-card{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);backdrop-filter:blur(12px);border-radius:18px;padding:17px 18px;display:flex;flex-direction:column;gap:6px}.catalog-api-card>span{font-size:10px;letter-spacing:1px;color:#8ce6c7;font-weight:800}.catalog-api-card>span i{display:inline-block;width:7px;height:7px;background:#53d8a7;border-radius:50%;margin-right:5px;box-shadow:0 0 0 4px rgba(83,216,167,.12)}.catalog-api-card b{font-size:16px}.catalog-api-card small{font-size:11px;line-height:1.55;color:#b8cce0}.catalog-api-card button{border:0;background:transparent;color:#fff;text-align:left;padding:6px 0 0;font-size:12px;font-weight:800}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:30px 0 18px;position:relative;z-index:1}.catalog-tabs{display:flex;gap:7px;flex-wrap:wrap;scrollbar-width:none}.catalog-tabs::-webkit-scrollbar{display:none}.catalog-tabs button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#b9cadc;border-radius:999px;padding:10px 15px;font-size:12px;font-weight:750}.catalog-tabs button.active{background:#fff;color:#0b2a4c;border-color:#fff}.catalog-search{display:flex;align-items:center;gap:8px;min-width:270px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.1);border-radius:12px;padding:0 13px}.catalog-search span{color:#cfe0ef}.catalog-search input{width:100%;border:0;background:transparent;color:white;padding:11px 0;outline:0;font-size:13px}.catalog-search input::placeholder{color:#a9bfd4}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;position:relative;z-index:1}.catalog-loading{grid-column:1/-1;padding:40px;border:1px dashed rgba(255,255,255,.2);border-radius:16px;text-align:center;color:#b7c9da}.product-card{background:#fff;color:#0a203c;border:1px solid rgba(255,255,255,.28);border-radius:18px;overflow:hidden;box-shadow:0 15px 35px rgba(2,14,30,.18);transition:transform .22s,box-shadow .22s;cursor:pointer;display:grid;grid-template-columns:42% 1fr;min-height:190px}.product-card:hover,.product-card:focus{transform:translateY(-5px);box-shadow:0 22px 46px rgba(2,14,30,.28);outline:none}.product-card-media{min-height:190px;position:relative}.product-card-media>span{position:absolute;left:10px;top:10px;background:rgba(7,26,52,.76);color:white;border-radius:7px;padding:5px 7px;font-size:9px;font-weight:800;backdrop-filter:blur(5px)}.product-card-copy{padding:17px 15px 14px;display:flex;flex-direction:column;min-width:0}.product-card-copy>small{font-size:10px;color:#6c7b8f;font-weight:750}.product-card-copy h3{font-size:17px;line-height:1.25;margin:7px 0 7px}.product-card-copy>p{font-size:11px;line-height:1.45;color:#647387;margin:0 0 10px}.product-facts{display:flex;gap:6px;flex-wrap:wrap}.product-facts span{background:#f1f5fb;color:#4e6178;border-radius:6px;padding:5px 7px;font-size:9px}.product-card-footer{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px}.product-price{display:flex;flex-direction:column}.product-price b{font:800 20px "Manrope";color:#e44a29}.product-price small{font-size:9px;color:#8793a3}.product-card-footer button{border:0;background:#0a2a4d;color:white;border-radius:9px;padding:9px 10px;font-size:10px;font-weight:800}.catalog-note{display:flex;align-items:center;gap:18px;margin-top:17px;padding:13px 15px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);border-radius:13px;position:relative;z-index:1}.catalog-note span{font-size:10px;color:#c1d3e4}.catalog-note span i{font-style:normal;color:#68deb5}.catalog-note button{margin-left:auto;border:0;background:transparent;color:#fff;font-size:11px;font-weight:800}
.catalog-empty{grid-column:1/-1;padding:34px;border:1px dashed rgba(255,255,255,.22);border-radius:15px;text-align:center;color:#c1d3e4}.modal-product-art.product-sprite{display:block}.product-detail-hero{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:stretch;margin-bottom:12px}.product-detail-image{min-height:210px;border-radius:16px}.product-detail-copy{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column}.product-detail-copy>span{font-size:10px;color:#667085;font-weight:800;letter-spacing:.5px}.product-detail-copy h3{font-size:22px;margin:8px 0}.product-detail-copy p{font-size:12px;color:#667085;line-height:1.55}.product-detail-copy strong{font:800 26px "Manrope";color:#e44a29;margin-top:auto}.product-detail-copy small{font-size:10px;color:#98a2b3;margin-top:4px}.source-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.source-status-grid article{border:1px solid var(--line);border-radius:12px;background:#fff;padding:13px}.source-status-grid span{display:block;font-size:9px;color:#98a2b3;letter-spacing:.6px}.source-status-grid b{display:block;font-size:13px;margin-top:5px}.source-status-grid small{display:block;font-size:10px;color:#667085;margin-top:4px;line-height:1.4}.source-status-grid .ready b{color:#087a55}.source-status-grid .pending b{color:#9a5f00}.modal-list article>i.product-sprite{font-size:0}
@media(max-width:1080px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-head{grid-template-columns:1fr}.catalog-api-card{max-width:520px}.storefront-v2 .section{padding:56px 30px}}
@media(max-width:760px){.storefront-v2 .section{width:calc(100% - 16px);padding:44px 16px;margin:10px auto}.storefront-v2 .section-head h2,.catalog-head h2{font-size:32px}.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.catalog-tabs button{white-space:nowrap}.catalog-search{min-width:0}.product-grid{grid-template-columns:1fr;gap:12px}.product-card{grid-template-columns:39% 1fr;min-height:168px}.product-card-media{min-height:168px}.product-card-copy{padding:14px 12px}.product-card-copy h3{font-size:16px}.catalog-note{align-items:flex-start;flex-direction:column;gap:8px}.catalog-note button{margin-left:0}.product-detail-hero{grid-template-columns:1fr}.product-detail-image{min-height:240px}.source-status-grid{grid-template-columns:1fr}.site-header nav a[href="#protection"]{display:none}}
@media(max-width:430px){.storefront-v2 .site-header{gap:6px}.storefront-v2 .brand>span{display:none}.storefront-v2 .header-actions{gap:5px}.storefront-v2 .site-header .header-track{font-size:10px}.storefront-v2 .site-header .language-switch{min-width:48px}.storefront-v2 .site-header .primary.small{padding:10px 12px}}
@media(max-width:1050px){.storefront-v2 .customer-dashboard>aside{display:flex;flex-direction:row;grid-column:1/-1;overflow-x:auto;padding:10px;gap:5px}.storefront-v2 .customer-dashboard>aside .mini-user{display:none}.storefront-v2 .customer-dashboard>aside button{white-space:nowrap;min-width:max-content}.storefront-v2 .customer-dashboard{grid-template-columns:1fr}}

/* Category expansion, retention rails and scroll motion */
.product-sprite.sprite-v1{background-image:url('assets/jhbuy-demo-products-v1.jpg')!important}.product-sprite.sprite-v2{background-image:url('assets/jhbuy-demo-products-v2.jpg')!important}.product-sprite.sprite-v3{background-image:url('assets/jhbuy-demo-products-v3.jpg')!important}.product-sprite.sprite-v4{background-image:url('assets/jhbuy-demo-products-v4.jpg')!important}.product-sprite.sprite-v5{background-image:url('assets/jhbuy-demo-products-v5.jpg')!important}.product-sprite.sprite-v6{background-image:url('assets/jhbuy-demo-products-v6.jpg')!important}
.page-scroll-progress{position:fixed;z-index:220;left:0;right:0;top:0;height:3px;background:rgba(255,255,255,.12);pointer-events:none}.page-scroll-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#ff6b42,#7d63e8,#2f79ff);box-shadow:0 0 15px rgba(71,125,255,.55);will-change:transform}.page-scrolled .site-header{box-shadow:0 14px 35px rgba(7,26,52,.1)}.hero-command{transform:translateY(calc(var(--scroll-shift,0px)*.18));transition:transform .08s linear;will-change:transform}
.trend-shell{margin:30px 0 20px;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.045));position:relative;z-index:1;overflow:hidden}.rail-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.rail-heading h3{font:800 22px "Manrope",sans-serif;letter-spacing:-.6px;margin:4px 0 0}.rail-controls{display:flex;gap:7px}.rail-controls button,.recently-viewed .rail-heading>button{width:38px;height:38px;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:rgba(255,255,255,.1);color:white;font-weight:800}.trend-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,28%);gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 6px}.trend-rail::-webkit-scrollbar,.recent-rail::-webkit-scrollbar,.category-nav::-webkit-scrollbar,.subcategory-nav::-webkit-scrollbar{display:none}.trend-card{scroll-snap-align:start;display:grid;grid-template-columns:92px 1fr 22px;gap:12px;align-items:center;background:#fff;color:#0b2542;border-radius:16px;padding:9px;cursor:pointer;min-height:110px;transition:.22s}.trend-card:hover,.trend-card:focus{transform:translateY(-3px);outline:none;box-shadow:0 16px 28px rgba(2,15,31,.24)}.trend-art{width:92px;height:92px;border-radius:12px}.trend-card>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.trend-card span{font-size:9px;color:#2d6ee7;font-weight:850;text-transform:uppercase;letter-spacing:.7px}.trend-card b{font-size:13px;line-height:1.25;margin:5px 0}.trend-card small{font-size:10px;color:#718096}.trend-card>i{font-style:normal;color:#2f6fe8}
.category-explorer{padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(4,18,36,.26);position:relative;z-index:1}.category-explorer-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:15px}.category-explorer-head h3{font:800 24px "Manrope",sans-serif;letter-spacing:-.7px;margin:5px 0 0}.category-explorer-head p{font-size:12px;color:#b8cce0;margin:0;max-width:360px;text-align:right}.category-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.category-tile{min-height:82px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.075);color:#fff;padding:11px;text-align:left;display:flex;align-items:center;gap:10px;transition:.2s}.category-tile:hover,.category-tile.active{background:#fff;color:#0a2545;transform:translateY(-2px);box-shadow:0 12px 25px rgba(1,13,28,.2)}.category-tile i{flex:0 0 35px;height:35px;border-radius:11px;display:grid;place-items:center;font-style:normal;background:linear-gradient(135deg,#dceaff,#f4f7ff);color:#2b69d8;font-size:16px}.category-tile.all i{background:linear-gradient(135deg,#ffdbc9,#fff0e7);color:#e14d2d}.category-tile span{display:flex;flex-direction:column;gap:4px;min-width:0}.category-tile b{font-size:11px;line-height:1.2}.category-tile small{font-size:8px;color:#aac0d6}.category-tile.active small,.category-tile:hover small{color:#718299}.accent-rose i{background:#ffe5ed;color:#d44772}.accent-green i,.accent-mint i{background:#dcf7ea;color:#09865a}.accent-violet i{background:#ece6ff;color:#6f54d7}.accent-indigo i{background:#e5eaff;color:#485fca}.accent-cyan i{background:#dff7fa;color:#078397}.accent-amber i{background:#fff0cf;color:#bb6f00}.accent-slate i{background:#e7ebf0;color:#455a72}.subcategory-nav{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;padding-top:13px}.subcategory-nav button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#c3d4e5;border-radius:999px;padding:8px 11px;white-space:nowrap;font-size:10px;font-weight:750}.subcategory-nav button span{display:inline-grid;place-items:center;margin-left:5px;min-width:18px;height:18px;border-radius:9px;background:rgba(255,255,255,.1);font-size:8px}.subcategory-nav button.active{background:#85aaff;color:#071a34;border-color:#85aaff}
.catalog-result{display:flex;flex-direction:column;gap:3px}.catalog-result b{font-size:15px}.catalog-result span{font-size:10px;color:#a9bfd4}.catalog-toolbar .catalog-search{margin-left:auto}.saved-filter{height:42px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.09);color:#d7e5f1;border-radius:12px;padding:0 13px;font-size:11px;font-weight:800;white-space:nowrap}.saved-filter span{font-size:15px;margin-right:4px}.saved-filter b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:rgba(255,255,255,.11);margin-left:4px;font-size:9px}.saved-filter.active{background:#fff;color:#df4f43}.favorite-button{position:absolute;right:9px;top:9px;width:32px;height:32px;border:0;border-radius:11px;background:rgba(255,255,255,.86);color:#213c5c;font-size:17px;box-shadow:0 5px 14px rgba(7,26,52,.12);backdrop-filter:blur(7px)}.favorite-button.saved{color:#ef4d65;background:#fff}.recently-viewed{margin-top:25px;padding:18px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);position:relative;z-index:1}.recently-viewed[hidden]{display:none}.recent-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,31%);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.recent-card{scroll-snap-align:start;display:grid;grid-template-columns:68px 1fr 22px;align-items:center;gap:10px;padding:8px;background:#fff;color:#0b2440;border-radius:14px;cursor:pointer}.recent-card>div{width:68px;height:68px;border-radius:10px}.recent-card>span{display:flex;flex-direction:column;gap:5px}.recent-card b{font-size:12px}.recent-card small{font-size:9px;color:#738196}.recent-card>i{font-style:normal;color:#2c6de4}
.trust-row i,.proof-v2 i,.saved-filter i,.status-chip em{font-style:normal}.b2b-journey{background:radial-gradient(circle at 90% 10%,rgba(53,121,255,.14),transparent 28%),linear-gradient(135deg,#f2f7ff,#fff 52%,#fff2e9);border:1px solid #dce7f5}.b2b-journey-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:26px}.b2b-journey-head h2{font:800 clamp(34px,4vw,54px)/1.05 "Manrope",sans-serif;letter-spacing:-2px;margin:10px 0 0;max-width:760px}.b2b-journey-head>p{max-width:430px;color:#5c6b7e;font-size:14px;line-height:1.7}.b2b-stage-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.b2b-stage-grid article{min-height:190px;padding:20px;border:1px solid #dfe7f2;border-radius:18px;background:rgba(255,255,255,.88);display:flex;flex-direction:column;position:relative;box-shadow:0 12px 25px rgba(17,47,82,.06);transition:.22s}.b2b-stage-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(17,47,82,.12)}.b2b-stage-grid article>span{font:800 10px "Manrope";color:#8292a7}.b2b-stage-grid article>i{width:46px;height:46px;margin:22px 0 17px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#e0ebff,#f6f8ff);color:#2867da;font-style:normal;font-size:18px}.b2b-stage-grid article>b{font-size:15px}.b2b-stage-grid article>small{font-size:11px;color:#6d7c8f;line-height:1.55;margin-top:7px}.audience-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0 18px;padding:7px;border:1px solid rgba(255,255,255,.15);background:rgba(2,14,31,.22);border-radius:18px;position:relative;z-index:1}.audience-switch button{border:1px solid transparent;background:transparent;color:#b9cada;text-align:left;border-radius:13px;padding:13px 15px;transition:.2s}.audience-switch button b,.audience-switch button small{display:block}.audience-switch button b{font-size:13px}.audience-switch button small{font-size:10px;margin-top:4px;color:#8fa8bf}.audience-switch button.active{background:#fff;color:#0b294a;box-shadow:0 10px 24px rgba(0,12,28,.19)}.audience-switch button.active small{color:#687b91}.audience-switch button:first-child.active b{color:#e24c2c}.product-card.b2b-card{border-color:#dce5f2}.product-card.b2b-card .product-card-footer button{background:linear-gradient(135deg,#ff623c,#e74a28)}.product-card.b2b-card .product-price small{color:#c04a32}.b2b-fact{background:#fff1eb!important;color:#b83d24!important}.rfq-detail-note{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.rfq-detail-note span{padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#f7f9fc;display:flex;flex-direction:column;gap:4px;font-size:9px;color:#69788c}.rfq-detail-note b{font-size:12px;color:#0b294a}
.reveal-ready{opacity:0;transform:translateY(28px);filter:saturate(.88);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.72,.2,1),filter .65s;transition-delay:var(--delay,0ms)}.reveal-ready.revealed{opacity:1;transform:none;filter:none}.product-card.reveal-ready{transform:translateY(18px) scale(.985)}.product-card.reveal-ready.revealed{transform:none}.product-card.reveal-ready.revealed:hover{transform:translateY(-5px)}
@media(max-width:1120px){.category-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.trend-rail{grid-auto-columns:minmax(250px,42%)}.recent-rail{grid-auto-columns:minmax(245px,43%)}.b2b-stage-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.hero-command{transform:none}.trend-shell,.category-explorer{padding:15px;border-radius:18px}.trend-rail{grid-auto-columns:86%}.rail-controls{display:none}.category-explorer-head{align-items:flex-start;flex-direction:column;gap:5px}.category-explorer-head p{text-align:left}.category-nav{display:grid;grid-auto-flow:column;grid-auto-columns:150px;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.category-tile{scroll-snap-align:start}.catalog-toolbar{display:grid;grid-template-columns:1fr auto}.catalog-toolbar .catalog-search{grid-column:1/-1;grid-row:2;margin-left:0}.recent-rail{grid-auto-columns:88%}.product-card-media>span{max-width:calc(100% - 50px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b2b-journey-head{align-items:flex-start;flex-direction:column;gap:10px}.b2b-stage-grid{grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.b2b-stage-grid article{scroll-snap-align:start}.audience-switch{grid-template-columns:1fr}.audience-switch button small{display:none}.rfq-detail-note{grid-template-columns:1fr}}
.b2b-table .ops-row{grid-template-columns:1.15fr 1.25fr 1.25fr 1.15fr 1fr .42fr}.b2b-control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.b2b-control-grid ul{list-style:none;margin:12px 0 0;padding:0}.b2b-control-grid li{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid #edf0f4}.b2b-control-grid li b{font-size:11px;color:#162b46}.b2b-control-grid li span{font-size:9px;color:#738197;text-align:right}.b2b-program-board{background:linear-gradient(180deg,#fff,#fbfdff)}
@media(max-width:760px){.b2b-control-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-ready,.reveal-ready.revealed,.hero-command,.float-card{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;animation:none!important}}

/* Operations director command center */
.director-nav{position:relative}.side-nav button>.director-live-count{background:#073c35;color:#6ee7b7;border:1px solid rgba(110,231,183,.18);font-size:8px;letter-spacing:.6px}.director-console{padding:22px 24px 28px;background:radial-gradient(circle at 83% -5%,rgba(37,99,235,.10),transparent 24%),#f2f5f9;min-height:calc(100vh - 70px)}
.director-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;border-radius:18px;padding:22px 24px;color:#fff;background:radial-gradient(circle at 82% 15%,rgba(50,130,255,.36),transparent 32%),linear-gradient(120deg,#071a34,#0b2b50 58%,#0d4a68);box-shadow:0 16px 40px rgba(7,26,52,.18);overflow:hidden;position:relative}.director-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.13) 1px,transparent 1px);background-size:17px 17px;mask-image:linear-gradient(90deg,transparent,transparent 45%,#000);pointer-events:none}.director-hero>div{position:relative;z-index:1}.director-kicker{font-size:9px;letter-spacing:1.4px;color:#8eb8e8;font-weight:800}.director-kicker i,.director-sync i,.director-head-status i,.monitor-state i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#36d399;margin-right:7px;box-shadow:0 0 0 5px rgba(54,211,153,.11);animation:pulse 1.5s infinite}.director-hero h1{font:800 28px "Manrope";letter-spacing:-.8px;margin:8px 0 5px}.director-hero p{font-size:12px;color:#b9cae0;margin:0}.director-hero-actions{display:flex;align-items:center;gap:8px}.director-hero-actions .outline{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.17);color:#fff}.director-sync{display:grid;grid-template-columns:auto auto;align-items:center;padding:7px 11px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.07)}.director-sync i{grid-row:1/3}.director-sync b{font-size:9px}.director-sync small{font-size:8px;color:#90a9c6;margin-top:1px}
.director-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0}.director-metrics article{padding:14px 15px;border:1px solid #e1e7ef;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 6px 16px rgba(20,44,76,.04)}.director-metrics article>div{display:flex;align-items:center;gap:8px;color:#637187;font-size:10px}.director-metrics article>div i{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:800}.metric-blue{background:#e9f1ff;color:#2563eb}.metric-violet{background:#efebff;color:#7657dc}.metric-orange{background:#fff0e7;color:#e15b32}.metric-green{background:#e5f9f1;color:#0b8c61}.metric-red{background:#feeceb;color:#d92d20}.director-metrics strong{display:block;margin:8px 0 1px;font:800 23px "Manrope";color:#0a2443}.director-metrics strong small{font-size:11px;color:#97a3b3}.director-metrics p{font-size:8px;color:#8b98aa;margin:0}.director-metrics p b{color:#44546a}
.director-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.72fr);gap:12px}.director-card{border:1px solid #e0e6ee;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(17,43,73,.045);overflow:hidden}.director-card-head{min-height:69px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid #edf0f4}.director-card-head>div:first-child>span{display:block;font-size:8px;letter-spacing:1.1px;color:#3570d5;font-weight:850}.director-card-head h2{font:800 15px "Manrope";margin:4px 0 2px;color:#0a2442}.director-card-head p{font-size:9px;color:#8b96a7;margin:0}.director-head-status{font-size:9px;color:#0c7d58;background:#eaf9f3;padding:7px 9px;border-radius:8px;white-space:nowrap}.director-head-status i{width:5px;height:5px;margin-right:4px;box-shadow:none}
.director-conversation-shell{display:grid;grid-template-columns:224px minmax(0,1fr);height:400px}.director-session-list{border-right:1px solid #edf0f4;background:#fbfcfe;overflow:auto}.director-session-list button{width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;border:0;border-left:3px solid transparent;background:transparent;padding:12px 9px;text-align:left}.director-session-list button:hover,.director-session-list button.active{background:#eff5ff;border-left-color:#2f6ee5}.director-session-list .contact-avatar{width:32px;height:32px;border-radius:9px}.director-session-list div{min-width:0}.director-session-list b{font-size:9px}.director-session-list p{margin:3px 0;font-size:8px;color:#607087;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.director-session-list small{font-size:7px;color:#96a1b0}.sev{font-style:normal;font-size:7px;font-weight:850;border-radius:5px;padding:3px 5px;white-space:nowrap}.sev.p0{background:#fee4e2;color:#d92d20}.sev.p1{background:#fff0dd;color:#c55c03}.sev.normal{background:#e8f8f1;color:#087a55}
.director-monitor{display:flex;min-width:0;flex-direction:column}.director-monitor-head{min-height:55px;padding:9px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f4}.director-monitor-head>div:first-child{display:flex;align-items:center;gap:8px}.director-monitor-head p{display:flex;flex-direction:column;margin:0}.director-monitor-head b{font-size:10px}.director-monitor-head small{font-size:8px;color:#8b97a8;margin-top:2px}.monitor-state{font-size:8px;color:#087a55}.monitor-state i{width:5px;height:5px;box-shadow:none;margin-right:3px}.director-business-context{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:7px 11px;background:#f2f6fc;border-bottom:1px solid #e3eaf3}.director-business-context span{font-size:7px;color:#6b7a8e;background:#fff;border:1px solid #e0e6ef;border-radius:5px;padding:4px 6px}.director-business-context b{color:#235fc8}.director-business-context button{margin-left:auto;border:0;background:transparent;color:#2563eb;font-size:8px;font-weight:700}.director-transcript{flex:1;overflow:auto;background:#f8fafc;padding:10px 13px}.transcript-system{font-size:7px;color:#8491a3;text-align:center;margin:2px 0 10px}.transcript-system span{background:#e9eef5;padding:3px 5px;border-radius:5px;margin-right:4px}.transcript-row{display:flex;gap:7px;margin:10px 0}.transcript-row>span{flex:0 0 26px;height:26px;border-radius:8px;background:#24476e;color:#fff;display:grid;place-items:center;font-size:7px;font-weight:800}.transcript-row>div{max-width:78%}.transcript-row b{display:block;font-size:7px;color:#6b798a;margin-bottom:3px}.transcript-row p{font-size:9px;line-height:1.45;padding:8px 9px;margin:0;background:#fff;border:1px solid #e2e7ed;border-radius:3px 10px 10px 10px}.transcript-row small{display:block;font-size:7px;color:#97a2b0;margin-top:3px}.transcript-row.agent{justify-content:flex-end}.transcript-row.agent>span{order:2;background:#215cc5}.transcript-row.agent>div{text-align:right}.transcript-row.agent p{background:#215cc5;color:#fff;border-color:#215cc5;border-radius:10px 3px 10px 10px;text-align:left}.transcript-row.supervisor{justify-content:flex-end}.transcript-row.supervisor>span{order:2;background:linear-gradient(135deg,#e55732,#873bd8)}.transcript-row.supervisor>div{text-align:right}.transcript-row.supervisor p{background:#6b43c7;color:#fff;border-color:#6b43c7;border-radius:10px 3px 10px 10px;text-align:left}.director-intervention-banner{margin:7px 10px 0;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;background:#fff1ed;border:1px solid #ffd4c8}.director-intervention-banner[hidden]{display:none}.director-intervention-banner>i{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#e15431;color:white;font-style:normal;font-size:8px}.director-intervention-banner div{display:flex;flex-direction:column}.director-intervention-banner b{font-size:8px;color:#9f3019}.director-intervention-banner span{font-size:7px;color:#a75b49;margin-top:2px}.director-intervention-actions{display:flex;gap:5px;padding:9px 10px;border-top:1px solid #edf0f4}.director-intervention-actions button,.anomaly-list button{border:1px solid #dce3ec;background:#fff;border-radius:7px;padding:6px 8px;color:#42536b;font-size:8px}.director-intervention-actions .warn-action{margin-left:auto;border-color:#f5be77;color:#b45d07;background:#fff9ee}.danger-action{border-color:#fac5c1!important;color:#c63228!important;background:#fff5f4!important}
.director-collab-card{display:flex;flex-direction:column}.private-lock{width:28px;height:28px;display:grid;place-items:center;font-style:normal;font-size:8px;color:#6d4bc4;background:#f0ebff;border-radius:8px}.collab-presence{display:flex;gap:5px;flex-wrap:wrap;padding:9px 12px;border-bottom:1px solid #edf0f4;background:#fafbfe}.collab-presence span{font-size:7px;color:#68778b}.collab-presence i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#13ad70;margin-right:4px}.collab-messages{flex:1;min-height:195px;max-height:235px;overflow:auto;padding:12px;background:linear-gradient(180deg,#fbfcff,#f6f8fc)}.collab-message{padding:8px 9px;border-radius:10px;margin-bottom:8px;background:#fff;border:1px solid #e4e9ef}.collab-message.director{background:#edf3ff;border-color:#dbe6fb;margin-left:16px}.collab-message b{font-size:8px;color:#30435c}.collab-message p{font-size:8px;line-height:1.45;color:#4f6075;margin:4px 0}.collab-message small{font-size:7px;color:#98a2b3}.collab-compose{padding:9px 11px;border-top:1px solid #e5e9ef}.collab-compose textarea{width:100%;height:48px;resize:none;border:1px solid #dfe5ec;border-radius:8px;padding:8px;font-size:8px;outline:0}.collab-compose textarea:focus{border-color:#3975dc;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.collab-compose>div{display:flex;justify-content:space-between;gap:5px;margin-top:6px}.collab-compose button{padding:6px 8px;border:1px solid #dfe5ec;background:#fff;border-radius:7px;font-size:8px}.collab-compose .primary{background:#2563eb;color:#fff;border-color:#2563eb}.collab-escalation{display:flex;flex-direction:column;gap:3px;margin:0 11px 11px;padding:8px 9px;border-radius:9px;background:#fff8ea;border:1px solid #f9e0ad}.collab-escalation b{font-size:8px;color:#995b05}.collab-escalation span{font-size:7px;line-height:1.45;color:#906b34}
.director-chain-card{grid-column:1/-1}.chain-filters{display:flex;gap:4px}.chain-filters button{border:1px solid #e0e6ed;background:#fff;color:#627087;padding:6px 8px;border-radius:7px;font-size:8px}.chain-filters button.active{background:#0d2949;color:#fff;border-color:#0d2949}.chain-summary{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid #edf0f4;background:#f8fafc}.chain-summary span{display:flex;justify-content:center;align-items:center;gap:6px;padding:9px;border-right:1px solid #edf0f4;font-size:8px;color:#53647a}.chain-summary i{width:7px;height:7px;border-radius:50%;background:#2b6ddc}.chain-summary .s-domestic{background:#6689db}.chain-summary .s-qc{background:#16a575}.chain-summary .s-pack{background:#7c5ad5}.chain-summary .s-dispatch{background:#e8843b}.chain-summary .s-global{background:#0f8caa}.fulfilment-table{overflow-x:auto}.fulfilment-row{min-width:980px;display:grid;grid-template-columns:1.25fr repeat(5,1fr) 1.05fr;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #edf0f4;transition:.18s}.fulfilment-row:not(.fulfilment-head):hover,.fulfilment-row.active{background:#f7faff}.fulfilment-head{background:#fbfcfe;color:#8a96a7;font-size:7px;font-weight:750;padding-top:7px;padding-bottom:7px}.fulfilment-row>span{display:flex;min-width:0;flex-direction:column}.fulfilment-row>span:first-child b{font-size:9px}.fulfilment-row small{font-size:7px;color:#909baa;margin-top:3px}.stage{display:grid!important;grid-template-columns:21px 1fr;column-gap:6px;align-items:center}.stage i{grid-row:1/3;width:20px;height:20px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:7px;background:#edf1f5;color:#8a97a8}.stage b{font-size:8px}.stage small{margin:1px 0 0}.stage.done i{background:#e5f8f0;color:#078159}.stage.active i{background:#e7efff;color:#2864cc;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.stage.issue i{background:#fee9e7;color:#cf3128}.stage.issue b{color:#c9362d}.stage.wait{color:#778397}.fulfilment-row>span:last-child{gap:4px;align-items:flex-start}.fulfilment-row>span:last-child button{border:0;background:transparent;color:#2563eb;padding:0;font-size:7px;font-weight:750}.chain-alert{font-style:normal;font-size:7px;padding:3px 5px;border-radius:5px}.chain-alert.orange{color:#ad5806;background:#fff0dd}.chain-alert.red{color:#c62e25;background:#fee7e5}.selected-chain-timeline{display:grid;grid-template-columns:220px 1fr;gap:10px;padding:11px;background:#f8fafc}.chain-object{display:flex;flex-direction:column;padding:10px;border-radius:10px;background:#0c2949;color:white}.chain-object span{font-size:7px;color:#87a6c7}.chain-object b{font-size:9px;margin:5px 0}.chain-object small{font-size:7px;color:#aec0d2;line-height:1.45}.chain-events{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.chain-events article{position:relative;display:flex;flex-direction:column;padding:4px 7px 4px 17px;border-top:2px solid #dbe1e8}.chain-events article i{position:absolute;left:0;top:-5px;width:9px;height:9px;border-radius:50%;background:#d5dce5;border:2px solid #f8fafc}.chain-events article.done{border-color:#18a26f}.chain-events article.done i{background:#18a26f}.chain-events article.active{border-color:#2c6cd8}.chain-events article.active i{background:#2c6cd8;box-shadow:0 0 0 4px rgba(44,108,216,.1)}.chain-events b{font-size:8px}.chain-events span,.chain-events small{font-size:7px;color:#8793a4;margin-top:2px}
.director-anomaly-card{min-width:0}.anomaly-total{font-size:8px;color:#c83229;background:#feeceb;padding:6px 8px;border-radius:7px}.anomaly-list{padding:4px 13px 10px}.anomaly-list article{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #edf0f4}.anomaly-list article:last-child{border-bottom:0}.anomaly-list article>div{display:flex;flex-direction:column;min-width:0}.anomaly-list b{font-size:9px}.anomaly-list span{font-size:8px;color:#6d7b8e;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.anomaly-list small{font-size:7px;color:#9aa3b0;margin-top:3px}.director-audit-card{min-width:0}.director-audit-card .director-card-head button{border:0;background:transparent;color:#2563eb;font-size:8px}.audit-stream{padding:5px 13px 10px}.audit-stream article{display:grid;grid-template-columns:27px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid #edf0f4}.audit-stream article:last-child{border-bottom:0}.audit-stream>article>i{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:8px;font-weight:800}.audit-red{background:#fee9e7;color:#c9362d}.audit-blue{background:#e8f0ff;color:#2c65c9}.audit-green{background:#e6f8f1;color:#0b835c}.audit-violet{background:#eee9ff;color:#6f50c9}.audit-stream div{display:flex;flex-direction:column}.audit-stream b{font-size:8px}.audit-stream span{font-size:7px;color:#65758a;margin-top:2px}.audit-stream small{font-size:7px;color:#98a2b3;margin-top:2px}.director-production-note{display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px 13px;border:1px solid #d7e3f5;background:#eef5ff;border-radius:12px}.director-production-note>i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#2b68cf;color:#fff;font-style:normal;font-weight:800}.director-production-note p{display:flex;flex-direction:column;margin:0}.director-production-note b{font-size:9px;color:#164b9d}.director-production-note span{font-size:8px;color:#5c718d;margin-top:2px}
.director-call-button{border:1px solid #e2c7ff;background:#f5edff;color:#7044c5;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:750}.director-call-button i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8a56df;margin-right:5px}.director-call-button.called{background:#764bc8;color:#fff;border-color:#764bc8}.agent-director-channel{margin:9px;border:1px solid #ddd4f5;border-radius:10px;background:#fbf9ff;overflow:hidden}.agent-director-channel header{display:flex;align-items:center;justify-content:space-between;padding:7px 8px;border-bottom:1px solid #ece6f8}.agent-director-channel header div{display:flex;align-items:center;gap:5px}.agent-director-channel header i{width:6px;height:6px;border-radius:50%;background:#14ad73}.agent-director-channel header b{font-size:8px}.agent-director-channel header span{font-size:7px;color:#8b78b2}.agent-director-channel>div{max-height:82px;overflow:auto;padding:7px}.agent-director-channel p{display:flex;flex-direction:column;margin:0;padding:6px;border-radius:7px;background:#fff}.agent-director-channel p+p{margin-top:5px}.agent-director-channel p b{font-size:7px;color:#6544a8}.agent-director-channel p span{font-size:7px;line-height:1.35;color:#58677a;margin-top:2px}.agent-director-channel p small{font-size:6px;color:#9ba3af;margin-top:2px}.agent-director-channel form{display:grid;grid-template-columns:1fr auto;border-top:1px solid #ece6f8}.agent-director-channel input{min-width:0;border:0;background:#fff;padding:8px;font-size:7px;outline:0}.agent-director-channel button{border:0;background:#7048c5;color:#fff;padding:0 9px;font-size:7px}.customer-context-panel{overflow-y:auto}
.director-console.war-room{position:fixed;z-index:100;inset:0;background:#eaf0f7;overflow:auto;padding:18px}.director-console.war-room .director-hero{position:sticky;top:0;z-index:10}.director-console.war-room .director-metrics{position:relative}.director-console.war-room:before{content:"总监战情大屏 · ESC 退出";position:fixed;right:20px;bottom:16px;z-index:30;background:#071a34;color:white;border-radius:9px;padding:8px 12px;font-size:8px;box-shadow:0 10px 25px rgba(7,26,52,.25)}
@media(max-width:1280px){.director-metrics{grid-template-columns:repeat(5,minmax(140px,1fr));overflow-x:auto}.director-grid{grid-template-columns:minmax(0,1fr) 270px}.director-conversation-shell{grid-template-columns:200px minmax(0,1fr)}.director-intervention-actions button{padding:5px 6px}.director-card-head p{max-width:560px}}
@media(max-width:1050px){.director-grid{grid-template-columns:1fr}.director-collab-card,.director-audit-card{grid-column:1/-1}.director-hero{align-items:flex-start;flex-direction:column}.director-hero-actions{width:100%;flex-wrap:wrap}.director-console{padding:16px}.director-conversation-shell{height:440px}.collab-messages{max-height:190px}.director-metrics{grid-template-columns:repeat(3,minmax(165px,1fr))}.selected-chain-timeline{grid-template-columns:1fr}.support-toolbar .director-call-button{display:none}}
@media(max-width:760px){.director-console{padding:10px}.director-hero{padding:18px}.director-hero-actions .director-sync{width:100%}.director-metrics{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));overflow:visible}.director-conversation-shell{grid-template-columns:1fr;height:auto}.director-session-list{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #edf0f4}.director-session-list button{min-width:210px}.director-monitor{min-height:390px}.director-intervention-actions{flex-wrap:wrap}.director-intervention-actions .warn-action{margin-left:0}.chain-summary{grid-template-columns:repeat(3,1fr)}.chain-events{min-width:620px}.selected-chain-timeline{overflow-x:auto}.anomaly-list article{grid-template-columns:auto 1fr}.anomaly-list article button{grid-row:2}.director-card-head{flex-direction:column}.chain-filters{overflow-x:auto}.director-production-note{align-items:flex-start}}

.agent-director-inline{flex:0 0 auto;margin:0 10px 7px;display:grid;grid-template-columns:130px minmax(0,1fr) 210px;align-items:stretch}.agent-director-inline header{border:0;border-right:1px solid #ece6f8}.agent-director-inline>div{max-height:54px;white-space:nowrap;overflow:hidden}.agent-director-inline>div p{padding:4px 6px}.agent-director-inline>div p span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-director-inline form{border-top:0;border-left:1px solid #ece6f8}
@media(max-width:1050px){.support-toolbar .director-call-button{display:inline-block}.support-toolbar .agent-presence{display:none}.agent-director-inline{grid-template-columns:110px minmax(0,1fr) 175px}}
@media(max-width:600px){.agent-director-inline{grid-template-columns:1fr;margin:0 6px 6px}.agent-director-inline header{border-right:0}.agent-director-inline>div{display:none}.agent-director-inline form{border-left:0}}

/* B2C-first storefront hierarchy */
.storefront-v2 .service-switch{grid-template-columns:repeat(4,1fr);max-width:760px}.storefront-v2 .retail-featured{background:linear-gradient(145deg,#0b2b51,#164d78)!important}.storefront-v2 .business-service-card{border-color:rgba(255,154,112,.45);background:linear-gradient(180deg,#fff8f3,#fff)!important}.storefront-v2 .business-service-card .service-symbol{background:#fff0e9;color:#d84b28}.storefront-v2 .business-service-card .pill.secondary{background:#fff0e9;color:#c94525}.storefront-v2 .b2b-journey{scroll-margin-top:100px}
@media(max-width:980px){.storefront-v2 .service-switch{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.storefront-v2 .service-switch{grid-template-columns:1fr 1fr}.storefront-v2 .service-switch button{padding:10px}.storefront-v2 .service-switch button small{display:block;font-size:9px}.storefront-v2 .service-switch button b{font-size:12px}}

/* Supplied JHuntBuy icon: tuned for headers, the admin rail, phone preview and footer. */
.brand img{width:44px;height:44px;border-radius:12px;box-shadow:0 5px 14px rgba(255,92,28,.18)}
.admin-brand img{width:40px;height:40px;border-radius:11px}
.mobile-brand img{border-radius:9px}
.final-cta>img{width:72px!important;height:72px!important;border-radius:19px;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.footer-brand img{width:36px!important;height:36px!important;border-radius:10px}
@media(max-width:760px){.brand img{width:38px;height:38px;border-radius:11px}}

/* Supplied English wordmark: replace only the text immediately right of the icon. */
.brand img.brand-wordmark{width:88px!important;height:auto!important;max-height:30px;margin:0!important;border-radius:0!important;box-shadow:none!important;object-fit:contain}
.admin-brand img.brand-wordmark{width:78px!important;max-height:27px;background:#fff;padding:3px 5px;border-radius:6px!important}
.phone-shell .mobile-brand img.brand-wordmark{width:64px!important;height:auto!important;max-height:22px;border-radius:0!important;box-shadow:none!important}
.footer-brand img.brand-wordmark{width:76px!important;height:auto!important;max-height:26px;border-radius:0!important;box-shadow:none!important}
@media(max-width:760px){.site-header .brand img.brand-wordmark{width:78px!important;max-height:27px}}

/* Global language and display-currency picker. */
.locale-control{min-width:146px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px!important}.locale-control>span{font-size:15px;color:#2f6fe8}.locale-control>b{font-size:11px;white-space:nowrap}.locale-control>i{font-style:normal;font-size:9px;color:#7c899b}.regional-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px}.regional-picker .modal-card{margin:0}.locale-choices,.currency-choices{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.locale-choices button,.currency-choices button{min-height:42px;justify-content:center}.regional-note{margin-top:12px!important;padding-top:11px;border-top:1px solid #edf0f4;font-size:10px!important;line-height:1.55!important}.regional-actions{position:sticky;bottom:-2px;padding:12px 0 2px;background:linear-gradient(180deg,rgba(247,249,252,0),#f7f9fc 25%)}
@media(max-width:760px){.header-track{display:none}.locale-control{min-width:124px}.regional-picker{grid-template-columns:1fr}.locale-choices,.currency-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Layered motion on every storefront section; the JS observer supplies stagger timing. */
.storefront-v2 main{position:relative;isolation:isolate}.storefront-v2 main:before{content:"";position:fixed;z-index:-1;pointer-events:none;width:360px;height:360px;right:-160px;top:24vh;border-radius:50%;background:radial-gradient(circle,rgba(52,115,235,.10),rgba(255,103,65,.035) 48%,transparent 70%);transform:translate3d(0,calc(var(--scroll-shift,0px)*-.32),0);will-change:transform}.storefront-v2 .section.reveal-ready:nth-of-type(even){transform:translateY(30px) scale(.992)}.storefront-v2 .section.reveal-ready.revealed{transform:none}.storefront-v2 .section.revealed .section-head h2,.storefront-v2 .section.revealed .section-title h2{animation:headingSettle .62s cubic-bezier(.2,.75,.2,1) both}@keyframes headingSettle{from{opacity:.25;letter-spacing:-1px;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.storefront-v2 main:before{display:none}.storefront-v2 .section.revealed .section-head h2,.storefront-v2 .section.revealed .section-title h2{animation:none!important}}

/* Selective China-source directory and expanded customer help center. */
.source-directory{position:relative;overflow:hidden;background:radial-gradient(circle at 91% 8%,rgba(255,105,64,.16),transparent 26%),radial-gradient(circle at 8% 92%,rgba(44,111,238,.16),transparent 28%),linear-gradient(145deg,#eef5ff,#fff 48%,#fff3ed);border:1px solid #dce7f5}.source-directory:before{content:"SOURCE\A TO\A WORLD";white-space:pre;position:absolute;right:34px;top:26px;font:900 44px/.78 "Manrope",sans-serif;letter-spacing:-3px;color:rgba(8,32,62,.035);pointer-events:none}.source-directory-head{position:relative;z-index:1;display:grid;grid-template-columns:1fr 285px;gap:44px;align-items:end;margin-bottom:28px}.source-directory-head>div{max-width:760px}.source-directory-head h2{font:800 clamp(32px,3.3vw,48px)/1.08 "Manrope",sans-serif;letter-spacing:-1.8px;margin:12px 0}.source-directory-head p{font-size:14px;line-height:1.7;color:#596b81;margin:0}.source-status-button{border:1px solid #d6e1ef;background:rgba(255,255,255,.86);border-radius:15px;padding:15px;text-align:left;display:grid;grid-template-columns:14px 1fr;gap:3px 9px;color:var(--navy);box-shadow:0 12px 26px rgba(10,38,71,.07)}.source-status-button i{grid-row:1/3;width:10px;height:10px;margin-top:3px;border-radius:50%;background:#f4a62a;box-shadow:0 0 0 5px rgba(244,166,42,.13)}.source-status-button span{font-size:12px;font-weight:800}.source-status-button b{font-size:10px;color:#7b8999;font-weight:600}.source-group-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.source-group{min-height:276px;padding:22px;border:1px solid rgba(214,225,239,.95);border-radius:19px;background:rgba(255,255,255,.9);box-shadow:0 14px 36px rgba(8,32,62,.07);display:flex;flex-direction:column;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;cursor:pointer}.source-group:hover,.source-group:focus{transform:translateY(-5px);border-color:#98b6ee;box-shadow:0 22px 44px rgba(8,32,62,.13);outline:none}.source-group.featured{background:radial-gradient(circle at 92% 8%,rgba(74,136,255,.28),transparent 28%),linear-gradient(145deg,#071a34,#174d80);border-color:#1b568b;color:#fff}.source-group header{display:grid;grid-template-columns:27px 44px 1fr;gap:10px;align-items:center}.source-group header>span{font-size:9px;color:#8796a8;font-weight:850}.source-group header>i{width:42px;height:42px;border-radius:13px;background:#eaf1ff;color:#2869dd;display:grid;place-items:center;font-style:normal;font-weight:900}.source-group.featured header>i{background:rgba(255,255,255,.12);color:#fff}.source-group header>div{display:flex;flex-direction:column;gap:3px}.source-group header b{font-size:17px}.source-group header small{font-size:9px;color:#8492a4;letter-spacing:.5px}.source-group.featured header small,.source-group.featured header>span{color:#9db5d2}.source-chip-row{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0 13px}.source-chip-row span{padding:6px 8px;border-radius:8px;background:#f1f5fa;color:#4e6075;font-size:9px;font-weight:800}.source-group.featured .source-chip-row span{background:rgba(255,255,255,.1);color:#dceaff}.source-group>p{font-size:12px;line-height:1.65;color:#647489;margin:0 0 17px}.source-group.featured>p{color:#b9c9dc}.source-group>button{border:0;background:transparent;text-align:left;padding:0;margin-top:auto;color:#2563d9;font-size:11px;font-weight:850}.source-group.featured>button{color:#fff}.source-resale{border-color:#eedbc9;background:linear-gradient(145deg,#fff,#fff8f0)}.source-routing-note{position:relative;z-index:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding:14px 17px;border:1px dashed #cbd8e8;border-radius:14px;background:rgba(255,255,255,.7)}.source-routing-note>span{font-size:9px;letter-spacing:1px;color:#697a8e;font-weight:850}.source-routing-note>i{font-style:normal;color:#98a6b8}.source-routing-note>b{font-size:11px;color:#173657}.source-routing-note>p{flex-basis:100%;font-size:10px;line-height:1.55;color:#7b899b;margin:2px 0 0}.support-directory{background:radial-gradient(circle at 0 0,rgba(80,113,229,.14),transparent 29%),linear-gradient(145deg,#f0edff,#fff 48%,#ecf7ff);border:1px solid #e0dcf2}.support-column-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.support-column-grid>article{padding:18px 15px;border:1px solid #e1e6ef;border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 12px 26px rgba(18,35,67,.055)}.support-column-grid>article>i{width:38px;height:38px;border-radius:12px;background:#eaf1ff;color:#2867dc;display:grid;place-items:center;font-style:normal;font-weight:900}.support-column-grid h3{font-size:15px;margin:14px 0 10px}.support-column-grid button{display:block;width:100%;border:0;border-top:1px solid #edf0f4;background:transparent;color:#5e6d80;text-align:left;padding:9px 0;font-size:10px;transition:color .18s,transform .18s}.support-column-grid button:hover{color:#2563d9;transform:translateX(3px)}.support-assurance-row{display:grid;grid-template-columns:1.05fr .95fr;gap:11px;margin-top:12px}.payment-channel-panel,.support-contact-card{border:1px solid #dfe5ed;border-radius:17px;background:rgba(255,255,255,.9);padding:18px}.payment-channel-panel>span,.support-contact-card>div:last-child>span{font-size:9px;letter-spacing:1px;color:#637895;font-weight:850}.payment-channel-panel>div{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.payment-channel-panel b{padding:7px 9px;border-radius:8px;background:#f1f4f9;color:#253d5d;font-size:9px}.payment-channel-panel small{display:block;font-size:9px;line-height:1.5;color:#8491a2}.support-contact-card{display:grid;grid-template-columns:94px 1fr;gap:16px;align-items:center}.support-qr-placeholder{width:94px;height:94px;position:relative;border:8px solid #0b2442;border-radius:13px;background:repeating-linear-gradient(45deg,#0b2442 0 5px,#fff 5px 10px);overflow:hidden}.support-qr-placeholder:after{content:"PENDING";position:absolute;inset:auto 5px 5px;background:#fff;color:#b35c1d;text-align:center;font-size:8px;font-weight:900;padding:4px;border-radius:4px}.support-qr-placeholder span{position:absolute;inset:28px;background:#ff7147;color:#fff;border:4px solid #fff;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:900}.support-contact-card h3{font-size:17px;margin:6px 0}.support-contact-card p{font-size:10px;line-height:1.55;color:#6d7b8e;margin:0 0 10px}.support-contact-card button{border:0;background:var(--navy);color:#fff;border-radius:10px;padding:10px 13px;font-size:10px;font-weight:800}.source-platform-detail{margin-bottom:12px;padding:18px;border:1px solid #dce6f3;border-radius:16px;background:radial-gradient(circle at 90% 0,rgba(49,111,232,.19),transparent 35%),linear-gradient(145deg,#f0f6ff,#fff)}.source-platform-title>span{font-size:9px;letter-spacing:1px;color:#2563d9;font-weight:850}.source-platform-title>div{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0}.source-platform-title b{padding:7px 9px;border-radius:8px;background:#0b294b;color:#fff;font-size:10px}.source-platform-detail>p{font-size:13px;line-height:1.65;color:#596a80;margin:0}.guide-checklist{display:grid;gap:8px}.guide-checklist article{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid #e8ecf2;border-radius:10px;background:#f9fbfd}.guide-checklist i{width:30px;height:30px;border-radius:9px;background:#e8f0ff;color:#2563d9;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:850}.guide-checklist span{font-size:11px;line-height:1.45;color:#506278}.help-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.help-guide-grid article{min-height:154px;padding:15px;border:1px solid #e0e6ef;border-radius:13px;background:#fff}.help-guide-grid article>span{display:inline-flex;padding:5px 7px;border-radius:6px;background:#fff2df;color:#9a5d00;font-size:8px;font-weight:850}.help-guide-grid h3{font-size:14px;margin:12px 0 7px}.help-guide-grid p{font-size:11px;line-height:1.55;color:#6a788a;margin:0}.expanded-footer{gap:18px}.expanded-footer>p{flex:1}.expanded-footer>div{display:flex;gap:9px;flex-wrap:wrap}
@media(max-width:1080px){.source-directory-head{grid-template-columns:1fr}.source-status-button{max-width:420px}.support-column-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.support-assurance-row{grid-template-columns:1fr}.site-header nav{gap:18px}}
@media(max-width:760px){.source-group-grid,.support-column-grid,.support-assurance-row,.help-guide-grid{grid-template-columns:1fr}.source-directory-head{gap:20px}.source-directory-head h2{font-size:32px}.source-group{min-height:0}.support-contact-card{grid-template-columns:72px 1fr}.support-qr-placeholder{width:72px;height:72px;border-width:6px}.support-qr-placeholder span{inset:20px}.source-routing-note{align-items:flex-start}.expanded-footer>div{justify-content:center}}
.source-directory-head{grid-template-columns:1fr 270px;gap:32px}.source-directory-head>div{max-width:800px}.source-directory-head h2{font-size:clamp(31px,2.75vw,42px);letter-spacing:-1.5px}.source-group{min-height:260px}
@media(max-width:1080px){.source-directory-head{grid-template-columns:1fr}.source-directory-head h2{font-size:clamp(31px,4vw,42px)}}
@media(max-width:760px){.source-directory-head h2{font-size:32px}.source-group{min-height:0}}

/* Payment and collection-currency connection plan. */
.storefront-v2 .payment-readiness{background:radial-gradient(circle at 94% 8%,rgba(37,99,235,.2),transparent 29%),radial-gradient(circle at 5% 95%,rgba(255,92,53,.13),transparent 30%),linear-gradient(145deg,#071a34,#123c68);border:1px solid #174c7c;color:#fff}.storefront-v2 .payment-readiness:before{background:rgba(74,136,255,.13)}.payment-readiness .section-head h2{color:#fff}.payment-readiness .section-head>p{color:#b5c6d9}.payment-readiness-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:14px;position:relative;z-index:1}.payment-readiness-grid>article{padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(255,255,255,.075);backdrop-filter:blur(12px)}.payment-readiness-grid article>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.payment-readiness-grid article>header>span{font-size:9px;letter-spacing:1.2px;color:#91b7e8;font-weight:850}.payment-readiness-grid article>header>b{padding:6px 8px;border-radius:8px;background:rgba(255,184,83,.14);color:#ffd493;font-size:9px}.payment-readiness-grid h3{font-size:19px;line-height:1.35;margin:18px 0 15px}.payment-readiness-grid article>p{font-size:11px;line-height:1.65;color:#afc1d5;margin:15px 0 0}.payment-currency-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.payment-currency-list button{min-height:56px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.075);color:#fff;padding:9px 10px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;text-align:left;transition:.2s}.payment-currency-list button:hover{border-color:#6e9ff2;background:rgba(68,126,226,.2);transform:translateY(-2px)}.payment-currency-list strong{font-size:12px}.payment-currency-list small{font-size:9px;color:#aebfd3}.payment-currency-list em{font-style:normal;font-size:8px;color:#8fb5f2}.payment-method-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.payment-method-list button{min-height:63px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.075);color:#fff;padding:9px;display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;text-align:left;transition:.2s}.payment-method-list button:hover{border-color:#6e9ff2;background:rgba(68,126,226,.2);transform:translateY(-2px)}.payment-method-list i{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#2d6ce0,#5b92f6);display:grid;place-items:center;font-style:normal;font-size:8px;font-weight:900}.payment-method-list span{display:flex;flex-direction:column;gap:3px}.payment-method-list b{font-size:11px}.payment-method-list small{font-size:8px;color:#aec0d5}.payment-method-list em{font-style:normal;font-size:8px;color:#ffd18d}.payment-readiness-note{position:relative;z-index:1;display:flex;gap:11px;align-items:flex-start;margin-top:13px;padding:14px 16px;border:1px dashed rgba(255,255,255,.19);border-radius:14px;background:rgba(255,255,255,.055)}.payment-readiness-note>i{width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.11);display:grid;place-items:center;font-style:normal;font-weight:850}.payment-readiness-note p{display:flex;flex-direction:column;gap:4px;margin:0}.payment-readiness-note b{font-size:11px}.payment-readiness-note span{font-size:9px;line-height:1.55;color:#aec0d5}
.payment-currency-preview>h3,.payment-method-preview>h3{display:flex;align-items:center;justify-content:space-between;gap:10px}.payment-currency-preview>h3>span,.payment-method-preview>h3>span{padding:5px 7px;border-radius:7px;background:#fff2df;color:#9a5d00;font-size:8px;white-space:nowrap}.payment-currency-preview>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.payment-currency-preview>div>b{padding:10px;border:1px solid #e1e7ef;border-radius:10px;background:#f8fafc;font-size:11px;display:flex;flex-direction:column;gap:3px}.payment-currency-preview>div small{font-size:8px;color:#8491a2;font-weight:650}.payment-currency-preview>p,.payment-method-preview>p{font-size:10px!important;margin:11px 0 0!important;padding-top:10px;border-top:1px solid #edf0f4}.planned-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.planned-method-grid article{min-height:60px;padding:9px;border:1px solid #e2e7ee;border-radius:11px;background:#fafbfd;display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center}.planned-method-grid article>i{width:36px;height:36px;border-radius:10px;background:#e8f0ff;color:#2464d5;display:grid;place-items:center;font-style:normal;font-size:8px;font-weight:900}.planned-method-grid p{display:flex;flex-direction:column;gap:3px;margin:0}.planned-method-grid b{font-size:11px}.planned-method-grid small{font-size:8px;color:#8290a1}.planned-method-grid em{font-style:normal;font-size:8px;color:#9a5d00;background:#fff2df;border-radius:6px;padding:4px 5px}.pending-action{margin-top:12px;border:1px solid #d9e0ea;background:#edf1f6;color:#8b97a6;border-radius:9px;padding:10px 12px;font-size:10px;font-weight:800;cursor:not-allowed}.support-currency-row{margin-top:-5px!important;padding-top:10px;border-top:1px solid #edf0f4}.support-currency-row b{background:#e9f1ff!important;color:#285fbd!important}.wallet-balance-card{background:linear-gradient(135deg,#fff4ed,#fff 58%,#edf4ff)}
@media(max-width:1080px){.payment-readiness-grid{grid-template-columns:1fr}.payment-method-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.storefront-v2 .payment-readiness{padding:34px 19px}.payment-currency-list,.payment-method-list,.planned-method-grid{grid-template-columns:1fr}.payment-currency-preview>div{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-readiness-grid h3{font-size:17px}}

/* JHuntBuy four-column service directory. */
.storefront .jh-footer{display:block;padding:54px clamp(24px,6vw,92px) 30px;background:radial-gradient(circle at 8% 0,rgba(62,123,238,.12),transparent 27%),linear-gradient(145deg,#071a34,#0b2b50 58%,#10385f);border-top:0;color:#fff;text-align:left}
.storefront .jh-footer>.footer-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1400px;margin:0 auto}
.footer-directory-column{min-height:258px;padding:22px 20px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.055);box-shadow:inset 0 1px rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:flex-start;backdrop-filter:blur(10px)}
.footer-directory-column>span{font:800 9px/1 "Manrope",sans-serif;letter-spacing:1.5px;color:#80a9e9}.footer-directory-column h3{margin:10px 0 14px;font:750 16px/1.25 "Manrope",sans-serif;color:#fff}
.footer-directory-column button{width:100%;border:0;border-top:1px solid rgba(255,255,255,.075);background:transparent;color:#b9c9dc;padding:10px 0;text-align:left;font-size:10px;line-height:1.35;transition:color .18s,transform .18s}.footer-directory-column button:hover,.footer-directory-column button:focus-visible{color:#fff;transform:translateX(4px);outline:none}.footer-directory-column button:after{content:"↗";float:right;color:#6484ad;opacity:0;transition:opacity .18s}.footer-directory-column button:hover:after,.footer-directory-column button:focus-visible:after{opacity:1}
.storefront .jh-footer>.footer-meta{display:grid;grid-template-columns:auto minmax(260px,1fr) minmax(230px,360px);gap:20px;align-items:center;max-width:1400px;margin:22px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}
.jh-footer .footer-brand{color:#fff}.jh-footer .footer-company{display:flex;flex-direction:column;gap:5px;min-width:0}.jh-footer .footer-company b{font-size:11px;color:#fff}.storefront .jh-footer .footer-company p{margin:0;font-size:9px;line-height:1.55;color:#9fb2c9}.jh-footer .footer-company small{font-size:8px;line-height:1.5;color:#728ca9}
.jh-footer .footer-status{justify-self:end;max-width:360px;padding:10px 12px;border:1px dashed rgba(255,201,129,.28);border-radius:11px;background:rgba(255,174,73,.07);font-size:8px;line-height:1.5;color:#d6b37e;text-align:left}
@media(max-width:1000px){.storefront .jh-footer>.footer-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.storefront .jh-footer>.footer-meta{grid-template-columns:auto 1fr}.jh-footer .footer-status{grid-column:1/-1;justify-self:stretch;max-width:none}}
@media(max-width:600px){.storefront .jh-footer{padding:38px 16px 24px}.storefront .jh-footer>.footer-directory-grid{grid-template-columns:1fr}.footer-directory-column{min-height:0;padding:18px}.storefront .jh-footer>.footer-meta{grid-template-columns:1fr;text-align:left}.jh-footer .footer-brand{justify-content:flex-start}.jh-footer .footer-status{grid-column:auto}.footer-directory-column button{font-size:11px}}
/* Product storefront mega menu and full purchase-detail layout */
.site-header nav{overflow:visible}.nav-shop{position:relative;display:flex;align-items:center}.nav-shop-trigger{border:0;background:transparent;color:inherit;padding:10px 0;display:flex;align-items:center;gap:5px;font:inherit;cursor:pointer}.nav-shop-trigger i{font-style:normal;font-size:10px;transition:transform .2s}.nav-shop.open .nav-shop-trigger i,.nav-shop:focus-within .nav-shop-trigger i{transform:rotate(180deg)}.shop-mega{position:absolute;left:-150px;top:calc(100% + 15px);width:min(820px,calc(100vw - 40px));padding:20px;background:#fff;border:1px solid #dce5f0;border-radius:22px;box-shadow:0 30px 70px rgba(7,26,52,.2);opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s;z-index:80;color:#0a2545}.nav-shop:hover .shop-mega,.nav-shop:focus-within .shop-mega,.nav-shop.open .shop-mega{opacity:1;visibility:visible;transform:none}.shop-mega:before{content:"";position:absolute;left:170px;top:-8px;width:16px;height:16px;background:#fff;border-left:1px solid #dce5f0;border-top:1px solid #dce5f0;transform:rotate(45deg)}.shop-mega-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:1px 2px 14px;border-bottom:1px solid #e7edf5}.shop-mega-head>div{display:flex;flex-direction:column;gap:5px}.shop-mega-head span{font-size:9px;letter-spacing:1.2px;color:#2f6fe8;font-weight:900}.shop-mega-head b{font-size:16px}.shop-mega-head>button{border:0;background:#0a2a4d;color:#fff;border-radius:10px;padding:10px 12px;font-size:10px;font-weight:800}.shop-mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:15px 0}.shop-mega-grid>button{border:1px solid #e3e9f1;background:#f8faff;border-radius:14px;padding:11px;text-align:left;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;color:#0a2545;transition:.18s}.shop-mega-grid>button:hover,.shop-mega-grid>button:focus{border-color:#8fb1ed;background:#eef4ff;transform:translateY(-2px);outline:none}.shop-mega-grid i{width:34px;height:34px;border-radius:10px;background:#e6efff;color:#2869dd;display:grid;place-items:center;font-style:normal}.shop-mega-grid span{display:flex;flex-direction:column;gap:3px}.shop-mega-grid b{font-size:11px}.shop-mega-grid small{font-size:8px;line-height:1.35;color:#718096}.shop-mega-foot{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding-top:12px;border-top:1px solid #e7edf5}.shop-mega-foot button{border:1px solid #dce5f0;background:#fff;color:#52657b;border-radius:999px;padding:7px 10px;font-size:9px}.shop-mega-foot button:last-child{margin-left:auto;border-color:#ffd1c3;background:#fff3ee;color:#c8482c;font-weight:800}.action-sheet:has(.product-order-detail){width:min(920px,100%)}.product-order-detail{display:grid;gap:14px}.product-order-main{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(360px,1.14fr);gap:14px}.product-gallery-card,.product-order-panel{background:#fff;border:1px solid #dfe6ef;border-radius:18px;padding:16px}.product-gallery-main{min-height:330px;border-radius:15px}.product-gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.product-gallery-thumbs button{height:58px;border:1px solid #dfe6ef;border-radius:10px;background:#f4f7fb;color:#54708f;font-size:9px;font-weight:800}.product-gallery-thumbs button.active{border:2px solid #2f6fe8;background:#edf3ff}.product-source-line{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:10px;color:#687a90}.product-source-line b{color:#0a2545}.product-order-panel{display:flex;flex-direction:column}.product-order-panel>span{font-size:10px;color:#2f6fe8;font-weight:850;letter-spacing:.5px}.product-order-panel h3{font:800 25px/1.2 "Manrope",sans-serif;margin:8px 0}.product-order-panel>p{font-size:12px;color:#66778d;line-height:1.55;margin:0 0 12px}.detail-price-row{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}.detail-price-row strong{font:850 30px "Manrope",sans-serif;color:#e34c2c}.detail-price-row span{font-size:9px;color:#8795a6;text-align:right}.detail-stage-costs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.detail-stage-costs div{padding:10px;border-radius:11px;background:#f4f7fb;display:flex;flex-direction:column;gap:4px}.detail-stage-costs span{font-size:9px;color:#718096}.detail-stage-costs b{font-size:12px}.product-order-panel .modal-form{margin-top:4px}.product-order-panel .choice-row{margin-top:1px}.product-order-panel .choice-row button{padding:8px 10px}.product-order-panel .modal-actions{position:sticky;bottom:-22px;background:#fff;padding:13px 0 3px;margin-top:5px}.product-detail-tabs{display:flex;gap:7px;padding:6px;background:#edf2f8;border-radius:12px}.product-detail-tabs button{flex:1;border:0;background:transparent;border-radius:8px;padding:9px;font-size:10px;color:#66778d;font-weight:750}.product-detail-tabs button.active{background:#fff;color:#0a2545;box-shadow:0 4px 12px rgba(7,26,52,.08)}.detail-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.detail-service-grid article{background:#fff;border:1px solid #dfe6ef;border-radius:13px;padding:12px}.detail-service-grid i{font-style:normal;color:#2f6fe8;font-weight:900}.detail-service-grid b,.detail-service-grid small{display:block}.detail-service-grid b{font-size:11px;margin:8px 0 4px}.detail-service-grid small{font-size:9px;line-height:1.45;color:#718096}.detail-disclaimer{display:flex;align-items:flex-start;gap:9px;font-size:10px;line-height:1.5;color:#6b7788}.detail-disclaimer input{margin-top:2px}
@media(max-width:1050px){.shop-mega{left:-70px;width:720px}.shop-mega-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.product-order-main{grid-template-columns:1fr}.product-gallery-main{min-height:260px}.detail-service-grid{grid-template-columns:1fr 1fr}.product-order-panel h3{font-size:21px}.product-order-panel .modal-actions{bottom:-16px}.shop-mega{display:none}}
.shop-platforms{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:13px 0 2px}.shop-platforms>span{font-size:9px;color:#718096;font-weight:850;margin-right:2px}.shop-platforms button{border:1px solid #dce5f0;background:#fff;color:#53667c;border-radius:12px;padding:6px 9px;font-size:9px;display:flex;align-items:center;gap:6px}.shop-platforms button.active,.shop-platforms button:hover{border-color:#7ea6ef;background:#edf3ff;color:#245fc8}.shop-platforms button i{font-style:normal;font-size:7px;color:#be5a30;background:#fff1eb;border-radius:5px;padding:2px 4px}.marketplace-brand{display:inline-flex;align-items:center;gap:6px;min-width:0}.marketplace-brand img{display:block;width:28px;height:28px;border-radius:7px;object-fit:cover}.marketplace-brand>span{font-weight:800;white-space:nowrap}
/* CSSBuy-inspired information architecture with JHuntBuy-native visuals */
.shop-mega{width:min(940px,calc(100vw - 40px));left:-170px}.shop-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:15px 0 13px;border-bottom:1px solid #e7edf5}.shop-service-grid button{border:1px solid #dfe7f1;border-radius:14px;background:#fff;padding:12px;display:grid;grid-template-columns:38px 1fr 16px;gap:9px;align-items:center;text-align:left;color:#0a2545;transition:.18s}.shop-service-grid button:hover,.shop-service-grid button:focus{border-color:#7fa8ef;background:#f2f6ff;transform:translateY(-2px);outline:none}.shop-service-grid i{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#e7f0ff;color:#2768d8;font-style:normal;font-weight:900}.shop-service-grid span{display:flex;flex-direction:column;gap:4px}.shop-service-grid b{font-size:11px}.shop-service-grid small{font-size:8px;line-height:1.4;color:#728196}.shop-service-grid em{font-style:normal;color:#2d6ee7}.shop-platforms{padding:11px 0;border-bottom:1px solid #e7edf5}.shop-mega-grid{padding:13px 0 10px}.shop-mega-grid>button{padding:9px;min-height:62px}.product-page-open{display:block;overflow:auto;background:#f2f5f9;backdrop-filter:none}.product-page-open .action-sheet{width:100%;max-width:none;height:auto;min-height:100%;transform:none;box-shadow:none;background:#f2f5f9}.product-page-open .action-sheet>header{position:sticky;top:0;z-index:20;min-height:78px;padding:16px max(28px,calc((100vw - 1180px)/2));box-shadow:0 8px 24px rgba(7,26,52,.12)}.product-page-open .action-sheet>header h2{font-size:22px}.product-page-open .action-content{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:28px 0 50px;overflow:visible}.product-page-open .product-order-main{grid-template-columns:minmax(420px,.94fr) minmax(520px,1.06fr);gap:20px}.product-page-open .product-gallery-card,.product-page-open .product-order-panel{border-radius:16px;padding:20px}.product-page-open .product-gallery-main{min-height:470px}.product-page-open .product-order-panel h3{font-size:28px}.product-page-open .product-order-panel .modal-actions{position:static}.product-page-open .product-detail-tabs{margin-top:4px}.product-page-open .detail-service-grid article{min-height:110px}.product-page-open .prototype-banner{font-size:11px}
@media(max-width:1100px){.shop-service-grid{grid-template-columns:repeat(2,1fr)}.product-page-open .product-order-main{grid-template-columns:minmax(340px,.9fr) minmax(430px,1.1fr)}.product-page-open .product-gallery-main{min-height:390px}}
@media(max-width:760px){.product-page-open .action-sheet{height:auto;min-height:100%;border-radius:0;margin:0}.product-page-open .action-sheet>header{border-radius:0;padding:14px 16px}.product-page-open .action-content{width:calc(100% - 20px);padding:12px 0 28px}.product-page-open .product-order-main{grid-template-columns:1fr}.product-page-open .product-gallery-main{min-height:330px}.shop-service-grid{display:none}}

/* CSSBuy-style direct purchasing desk: link first, marketplace second, catalog third. */
.storefront-v2 .hero-v2{grid-template-columns:minmax(620px,1.35fr) minmax(330px,.65fr);align-items:center;gap:42px;padding-top:62px;padding-bottom:62px}
.storefront-v2 .hero-copy h1{font-size:clamp(48px,5.6vw,82px);line-height:.96;max-width:760px}
.storefront-v2 .hero-copy>p{max-width:720px;font-size:15px}
.storefront-v2 .service-switch{grid-template-columns:repeat(4,minmax(0,1fr));max-width:780px;margin-top:25px}
.storefront-v2 .buy-bar{max-width:820px;margin-top:12px;padding:6px;border:2px solid #2f6fe8;box-shadow:0 18px 42px rgba(33,92,199,.16)}
.storefront-v2 .buy-bar input{min-height:53px;font-size:14px}
.storefront-v2 .buy-bar .primary{min-width:132px;min-height:53px;font-size:13px}
.direct-platform-dock{max-width:820px;margin-top:12px;padding:13px 14px;border:1px solid #d9e3f0;border-radius:15px;background:rgba(255,255,255,.86);box-shadow:0 10px 28px rgba(7,26,52,.06)}
.direct-platform-dock>span{display:block;margin-bottom:9px;font-size:9px;letter-spacing:1px;color:#667990;font-weight:900;text-transform:uppercase}
.direct-platform-dock>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.direct-platform-dock button{min-height:64px;border:1px solid #e0e6ef;border-radius:11px;background:#fff;color:#0a2545;padding:7px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:left;transition:.18s}
.direct-platform-dock button:hover,.direct-platform-dock button.active{border-color:#2f6fe8;background:#edf4ff;transform:translateY(-2px)}
.direct-platform-dock button>.marketplace-brand{grid-row:1/3;width:48px;height:48px;border:1px solid #eef1f5;border-radius:11px;background:#fff;display:grid;place-items:center;overflow:hidden}.direct-platform-dock button>.marketplace-brand img{width:48px;height:48px;border-radius:10px;object-fit:cover}
.direct-platform-dock button b{font-size:11px}.direct-platform-dock button small{font-size:8px;color:#8a97a8}
.direct-manual-row{max-width:820px;display:flex;align-items:center;gap:13px;margin:10px 2px 0;font-size:10px;color:#687a8f}.direct-manual-row button{border:0;background:transparent;color:#245fc9;padding:3px 0;font-size:10px;font-weight:850}.storefront-v2 .hero-copy>.quick-links{display:none}
.storefront-v2 .hero-command{min-height:470px;display:flex;align-items:center;justify-content:center}
.direct-route-card{width:100%;max-width:390px;padding:28px;border:1px solid #d7e2ef;border-radius:24px;background:#fff;box-shadow:0 24px 64px rgba(7,26,52,.15)}
.direct-route-card>span{font-size:9px;letter-spacing:1.2px;color:#2c68d4;font-weight:900}.direct-route-card h2{margin:9px 0 22px;font:800 25px/1.15 "Manrope",sans-serif;color:#071a34}
.direct-route-step{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:13px;border:1px solid #dfe6ef;border-radius:13px;background:#f8fafc}.direct-route-step.active{border-color:#a8c2ef;background:#eff5ff}.direct-route-step i{width:38px;height:38px;border-radius:11px;background:#173f70;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}.direct-route-step p{margin:0;display:flex;flex-direction:column;gap:4px}.direct-route-step b{font-size:12px}.direct-route-step small{font-size:9px;line-height:1.4;color:#76869a}
.direct-route-line{height:56px;margin-left:19px;border-left:2px dashed #b7c7da;display:flex;align-items:center;padding-left:22px;position:relative}.direct-route-line em{position:absolute;left:-5px;top:23px;width:8px;height:8px;border-radius:50%;background:#2f6fe8}.direct-route-line small{font-size:9px;color:#73849a}
.direct-route-result{margin-top:13px;padding:13px;border-radius:12px;background:#0b2d51;color:#fff;display:flex;flex-direction:column;gap:4px}.direct-route-result b{font-size:12px}.direct-route-result small{font-size:9px;color:#b9cbe0}.direct-route-card>button{width:100%;margin-top:10px;border:0;border-radius:11px;background:#2f6fe8;color:#fff;padding:12px;font-size:10px;font-weight:850}
.shop-mega{width:min(790px,calc(100vw - 40px))}.shop-mega-grid,.shop-mega-foot{display:none}.shop-service-grid{grid-template-columns:repeat(2,1fr)}.shop-platforms{padding-bottom:5px;border-bottom:0}
.detail-stage-costs{position:relative}.detail-stage-costs:after{content:"→";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:25px;height:25px;border-radius:50%;background:#fff;color:#2f6fe8;border:1px solid #cddbf0;display:grid;place-items:center;font-weight:900}.product-page-open .product-order-panel .primary-action{background:#ff5c35}
@media(max-width:1100px){.storefront-v2 .hero-v2{grid-template-columns:1fr}.storefront-v2 .hero-command{min-height:auto}.direct-route-card{max-width:820px}.storefront-v2 .hero-copy h1{max-width:820px}}
@media(max-width:760px){.storefront-v2 .hero-v2{padding-top:36px}.storefront-v2 .hero-copy h1{font-size:44px}.storefront-v2 .service-switch{grid-template-columns:1fr 1fr}.direct-platform-dock>div{grid-template-columns:repeat(2,minmax(0,1fr))}.direct-manual-row{align-items:flex-start;flex-wrap:wrap}.storefront-v2 .buy-bar{display:grid;grid-template-columns:auto 1fr}.storefront-v2 .buy-bar .primary{grid-column:1/-1;width:100%}.direct-route-card{padding:20px}.detail-stage-costs:after{display:none}}

/* Official marketplace icons with locale-aware labels across source directories. */
.source-chip-row{align-items:center}.source-chip-row>span{min-height:30px;display:inline-flex;align-items:center}.source-chip-row .source-platform-chip{padding:4px 8px 4px 4px;gap:6px;background:#fff;border:1px solid #e0e7f0}.source-platform-chip img{width:25px;height:25px;border-radius:7px;object-fit:cover}.source-platform-chip b{font-size:9px;white-space:nowrap}.source-group.featured .source-chip-row .source-platform-chip{background:rgba(255,255,255,.96);color:#102b4c;border-color:rgba(255,255,255,.8)}.source-platform-title .detail-platform-chip{padding:5px 8px 5px 5px;border-radius:9px;background:#0b294b;color:#fff;display:inline-flex;align-items:center}.source-platform-title .detail-platform-chip .marketplace-brand img{width:28px;height:28px;border-radius:7px}.source-platform-title .detail-platform-chip .marketplace-brand>span{font-size:10px}
.frontend-access{display:flex;justify-content:flex-end;gap:22px;padding:8px 6%;background:#eef3fb;border-bottom:1px solid #dce5f2;font-size:12px;font-weight:650;color:#205cba}.frontend-access a{text-decoration:none;color:inherit}.frontend-access a:focus-visible{outline:3px solid #ff5c35;outline-offset:3px}@media(max-width:600px){.frontend-access{padding:10px 16px;gap:18px;justify-content:center;flex-wrap:wrap}}

/* One account entry opens the combined sign-in / registration flow. */
.auth-entry{min-width:128px;background:linear-gradient(135deg,#ff5c35,#ef4426)!important;box-shadow:0 10px 22px rgba(239,68,38,.24)!important;white-space:nowrap}.auth-entry:hover,.auth-entry:focus-visible{background:linear-gradient(135deg,#f04c27,#d93a1e)!important}
.auth-login{border:1px solid #b7c5d8;border-radius:10px;background:#fff;color:#0b294a;padding:9px 15px;font-weight:800}.auth-login:hover,.auth-login:focus-visible{border-color:#2563eb;color:#1f5fd2;background:#f3f7ff}.auth-register{background:linear-gradient(135deg,#ff5c35,#ef4426);box-shadow:0 10px 22px rgba(239,68,38,.24)}.auth-register:hover{background:linear-gradient(135deg,#f04c27,#d93a1e)}.hero-account-entry{max-width:720px;margin-top:22px;padding:13px 14px 13px 16px;border:1px solid #d9e3f0;border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 14px 34px rgba(7,26,52,.08);display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:11px}.hero-account-entry>div{display:flex;flex-direction:column;gap:4px}.hero-account-entry>div span{font-size:9px;letter-spacing:1.1px;color:#ff5c35;font-weight:900}.hero-account-entry>div b{font-size:12px;line-height:1.45;color:#223c5a}.hero-account-entry .primary{padding:11px 15px;background:linear-gradient(135deg,#ff5c35,#ef4426);box-shadow:0 8px 18px rgba(239,68,38,.2)}.hero-signin{border:0;background:transparent;color:#245fc9;padding:9px 4px;font-size:11px;font-weight:850;white-space:nowrap}.account-consent{display:grid!important;grid-template-columns:18px 1fr;align-items:start!important;gap:8px}.account-consent input{width:16px;height:16px;margin:1px 0}.account-consent span{font-size:10px;line-height:1.5;color:#66778d}.account-consent-summary{display:grid;gap:7px;padding:12px 14px;border:1px solid #cfe0f4;border-radius:12px;background:#f5f9ff;color:#38516e}.account-consent-summary b{color:#173b67}.account-consent-summary span{font-size:11px}.account-consent-summary button{justify-self:start;border:0;background:transparent;color:#1f5fd2;padding:2px 0;font-weight:800}
@media(max-width:1180px){.site-header{gap:22px}.site-header nav{gap:16px}.header-actions{gap:7px}.auth-login,.auth-register{padding-left:11px!important;padding-right:11px!important}.hero-account-entry{grid-template-columns:1fr auto}.hero-signin{grid-column:1/-1;justify-self:start}}
@media(max-width:760px){.header-actions .auth-register{display:none}.auth-login{padding:9px 11px}.hero-account-entry{grid-template-columns:1fr;margin-top:18px}.hero-account-entry .primary,.hero-signin{width:100%;justify-self:stretch;text-align:center}.hero-signin{border:1px solid #dbe3ed;border-radius:11px;background:#fff}}

/* Audit hardening: retain the compact desktop layout while giving coarse-pointer
   devices a reliable touch target around icon and table actions. */
@media (pointer:coarse){
  button,a[href],input,select,textarea,[role="button"]{min-height:44px}
  button,[role="button"]{min-width:44px}
  .favorite-button,.ops-table button,.filter-tabs button,.admin-actions button,.queue-list button{min-width:40px;min-height:40px}
}

/* Homepage composition v3: one clear task per visual layer. */
.storefront-v2{background:#f3f6fa}
.storefront-v2 .site-header{height:74px;padding-inline:clamp(24px,4.2vw,72px);gap:34px;background:rgba(255,255,255,.96);box-shadow:0 1px 0 rgba(8,31,66,.06)}
.storefront-v2 .site-header nav{gap:clamp(14px,1.55vw,25px)}
.storefront-v2 .site-header nav a,.storefront-v2 .nav-shop-trigger{font-size:13px;font-weight:700;color:#53657a}
.storefront-v2 .header-actions{gap:8px}
.storefront-v2 .hero-v2{width:min(1440px,calc(100% - 40px));min-height:0;margin:20px auto 0;padding:58px clamp(34px,4.2vw,64px) 50px;grid-template-columns:minmax(610px,1.38fr) minmax(330px,.62fr);gap:clamp(38px,4vw,68px);align-items:start;overflow:visible;border:1px solid #dfe7f1;border-radius:30px;background:radial-gradient(circle at 88% 10%,rgba(54,119,230,.14),transparent 28%),radial-gradient(circle at 10% 100%,rgba(255,92,53,.09),transparent 26%),linear-gradient(145deg,#fff 4%,#f6f9fe 72%,#eef4fd);box-shadow:0 24px 70px rgba(10,42,78,.08)}
.storefront-v2 .hero-copy{min-width:0}
.storefront-v2 .hero-copy .eyebrow{margin-top:2px}
.storefront-v2 .hero-copy h1{max-width:760px;margin:16px 0 18px;font-size:clamp(48px,5vw,72px);line-height:.98;letter-spacing:-3.8px}
.storefront-v2 .hero-copy>p{max-width:710px;margin-bottom:0;font-size:15px;line-height:1.65;color:#5f7084}
.storefront-v2 .service-switch{max-width:820px;margin:24px 0 0;padding:6px;gap:5px;border:1px solid #dbe5f1;border-radius:16px;background:rgba(236,242,250,.82)}
.storefront-v2 .service-switch button{min-height:66px;padding:10px 12px;border:1px solid transparent;border-radius:11px;background:transparent}
.storefront-v2 .service-switch button b{font-size:12px}
.storefront-v2 .service-switch button small{margin-top:4px;font-size:9px;line-height:1.3;color:#7b899b}
.storefront-v2 .service-switch button.active{border-color:#c9d9f1;background:#fff;box-shadow:0 8px 18px rgba(16,55,96,.09)}
.storefront-v2 .buy-bar{max-width:820px;margin:13px 0 0;padding:6px;border-width:1px;border-color:#8cb0ed;border-radius:15px;box-shadow:0 14px 34px rgba(33,92,199,.13)}
.storefront-v2 .buy-bar input{min-height:50px}
.storefront-v2 .buy-bar .primary{min-height:50px;border-radius:10px}
.direct-platform-dock{max-width:820px;margin-top:12px;padding:12px 13px;border-radius:14px;box-shadow:none}
.direct-platform-dock>span{margin-bottom:8px}
.direct-platform-dock button{min-height:56px;grid-template-columns:40px 1fr;padding:6px}
.direct-platform-dock button>.marketplace-brand{width:40px;height:40px;border-radius:9px}.direct-platform-dock button>.marketplace-brand img{width:40px;height:40px;border-radius:8px}
.direct-manual-row{margin-top:9px}
.storefront-v2 .hero-command{min-height:0;padding-top:22px;align-self:stretch;align-items:center}
.direct-route-card{max-width:380px;padding:25px;border-radius:22px;box-shadow:0 22px 52px rgba(8,35,68,.13)}
.direct-route-card h2{margin:8px 0 18px;font-size:23px}
.direct-route-step{padding:12px}
.direct-route-line{height:46px}
.direct-route-line em{top:18px}
.intro-feature{width:min(1440px,calc(100% - 40px));margin:18px auto 0;padding:28px clamp(28px,3.6vw,52px) 30px;border:1px solid #dfe7f1;border-radius:28px;background:#fff;box-shadow:0 18px 55px rgba(10,42,78,.07)}
.intro-feature-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,460px);align-items:end;gap:40px;margin-bottom:20px}
.intro-feature-head span{display:block;margin-bottom:8px;color:#2f6fe8;font-size:10px;font-weight:900;letter-spacing:1.5px}
.intro-feature-head h2{max-width:680px;margin:0;font:800 clamp(28px,3.2vw,44px)/1.05 "Manrope",sans-serif;letter-spacing:-1.8px;color:#071a34}
.intro-feature-head p{margin:0;color:#66778d;font-size:13px;line-height:1.65}
.intro-player-mount{width:100%}
.intro-player-mount .intro-inline-player{margin:0;min-height:260px;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);border-radius:18px;box-shadow:0 16px 36px rgba(8,31,66,.16)}
.intro-player-mount .intro-inline-media{min-height:260px}
.intro-player-mount .intro-inline-player .intro-tour-visual{min-height:260px;transform:scale(.7)}
.storefront-v2 .proof-v2{width:min(1440px,calc(100% - 40px));margin:16px auto 0;border-radius:20px;border:1px solid #dfe7f1;background:#fff;box-shadow:0 12px 32px rgba(10,42,78,.05)}

@media(max-width:1180px){
  .storefront-v2 .site-header nav{display:none}
  .storefront-v2 .hero-v2{grid-template-columns:minmax(0,1fr) 340px;padding-inline:36px;gap:32px}
  .storefront-v2 .hero-copy h1{font-size:56px}
  .storefront-v2 .service-switch{grid-template-columns:repeat(2,1fr)}
  .direct-platform-dock>div{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:920px){
  .storefront-v2 .hero-v2{grid-template-columns:1fr}
  .storefront-v2 .hero-command{padding-top:0}
  .direct-route-card{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .direct-route-card>span,.direct-route-card h2,.direct-route-card>button{grid-column:1/-1}
  .direct-route-line{display:none}
  .direct-route-result{margin-top:0}
  .intro-feature-head{grid-template-columns:1fr;gap:12px}
}
@media(max-width:760px){
  .storefront-v2 .hero-v2{width:100%;margin-top:0;padding:34px 18px 38px;border-inline:0;border-radius:0;box-shadow:none}
  .storefront-v2 .hero-copy h1{font-size:43px;letter-spacing:-2.4px}
  .storefront-v2 .service-switch{grid-template-columns:1fr 1fr}
  .direct-platform-dock>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .direct-route-card{display:block;padding:20px}
  .direct-route-line{display:flex}
  .intro-feature{width:calc(100% - 20px);margin-top:10px;padding:22px 10px 10px;border-radius:22px}
  .intro-feature-head{padding:0 8px}
  .intro-feature-head h2{font-size:30px}
  .intro-feature-head p{font-size:12px}
  .intro-player-mount .intro-inline-player{grid-template-columns:1fr;min-height:0}
  .intro-player-mount .intro-inline-media{min-height:202px}
  .intro-player-mount .intro-inline-player .intro-tour-visual{min-height:202px;transform:scale(.59)}
  .storefront-v2 .proof-v2{width:100%;margin-top:10px;border-radius:0;border-inline:0}
}

/* Home layout swap: the animated guide moves to the hero; the payment card adapts to the dark guide panel. */
.storefront-v2 .hero-v2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.storefront-v2 .hero-command.hero-intro-stage{min-width:0;min-height:520px;padding-top:0;align-self:stretch;display:flex;align-items:stretch}
.hero-intro-media{width:100%;min-height:520px;border:1px solid rgba(31,75,129,.18);border-radius:24px;background:radial-gradient(circle at 62% 30%,rgba(67,133,240,.34),transparent 38%),radial-gradient(circle at 18% 84%,rgba(255,92,53,.2),transparent 34%),#091f3d;color:#fff;box-shadow:0 24px 58px rgba(7,26,52,.18)}
.hero-intro-media .intro-tour-visual{width:100%;min-height:520px;transform:scale(.96);transform-origin:center}
.hero-intro-media .intro-tour-global{height:500px}
.hero-intro-media .intro-tour-card-ui{width:min(440px,84%);padding:30px;border-color:rgba(151,194,255,.28);border-radius:26px;background:linear-gradient(145deg,rgba(45,104,178,.26),rgba(10,36,69,.76));box-shadow:0 28px 70px rgba(0,8,24,.42),inset 0 1px rgba(255,255,255,.08)}
.hero-intro-media .intro-tour-card-ui header{font-size:12px;letter-spacing:.06em}
.hero-intro-media .intro-tour-card-ui strong{margin:22px 0 8px;color:#fff;font-size:30px;letter-spacing:-.02em}
.hero-intro-media .intro-tour-card-ui p{font-size:14px}
.hero-intro-media .intro-tour-track{gap:10px;margin-top:28px}
.hero-intro-media .intro-tour-track i{height:7px}
.hero-intro-media .intro-tour-proof{gap:10px;margin-top:20px}
.hero-intro-media .intro-tour-proof span{padding:13px;border:1px solid rgba(255,255,255,.06);font-size:11px}
.hero-intro-media.is-paused .intro-inline-play span{letter-spacing:0;transform:translateX(1px)}
.intro-player-mount .intro-inline-player.intro-layout-swapped{grid-template-columns:minmax(330px,.88fr) minmax(0,1.12fr);min-height:330px}
.intro-player-mount .intro-layout-swapped .intro-route-media{min-height:330px;padding:20px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 14% 12%,rgba(255,92,53,.18),transparent 30%),radial-gradient(circle at 88% 84%,rgba(37,99,235,.28),transparent 38%),linear-gradient(145deg,#0b2748,#07182f)}
.intro-route-media .direct-route-card{width:100%;max-width:430px;margin:0;padding:18px;border:1px solid rgba(164,197,239,.24);border-radius:18px;background:rgba(7,26,52,.72);color:#fff;box-shadow:0 20px 45px rgba(1,11,25,.34);backdrop-filter:blur(12px)}
.intro-route-media .direct-route-card>span{color:#8fbdff}
.intro-route-media .direct-route-card h2{margin:6px 0 12px;color:#fff;font-size:18px;line-height:1.18}
.intro-route-media .direct-route-step{padding:9px 10px;border-color:rgba(164,197,239,.2);background:rgba(255,255,255,.07)}
.intro-route-media .direct-route-step.active{border-color:rgba(111,159,236,.62);background:rgba(45,106,203,.2)}
.intro-route-media .direct-route-step i{width:31px;height:31px;border-radius:9px;background:#2563eb}
.intro-route-media .direct-route-step b{color:#f7fbff}
.intro-route-media .direct-route-step small,.intro-route-media .direct-route-line small{color:#aebfd3}
.intro-route-media .direct-route-line{height:31px;border-left-color:rgba(160,190,226,.5)}
.intro-route-media .direct-route-line em{top:11px}
.intro-route-media .direct-route-result{margin-top:9px;padding:10px;background:rgba(2,15,32,.72);border:1px solid rgba(255,255,255,.08)}
.intro-route-media .direct-route-card>button{margin-top:8px;padding:10px;background:linear-gradient(90deg,#2563eb,#3187e7)}
@media(max-width:1180px){.storefront-v2 .hero-v2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.storefront-v2 .hero-copy h1{font-size:52px}.hero-intro-media,.hero-intro-media .intro-tour-visual{min-height:500px}}
@media(max-width:920px){.storefront-v2 .hero-v2{grid-template-columns:1fr}.storefront-v2 .hero-command.hero-intro-stage{min-height:420px}.hero-intro-media,.hero-intro-media .intro-tour-visual{min-height:420px}.hero-intro-media .intro-tour-global{height:400px}.intro-route-media .direct-route-card{display:block}.intro-route-media .direct-route-card>span,.intro-route-media .direct-route-card h2,.intro-route-media .direct-route-card>button{grid-column:auto}.intro-route-media .direct-route-line{display:flex}}
@media(max-width:760px){.storefront-v2 .hero-copy h1{font-size:37px;letter-spacing:-1.8px}.storefront-v2 .hero-command.hero-intro-stage{min-height:350px}.hero-intro-media{min-height:350px;border-radius:18px}.hero-intro-media .intro-tour-visual{min-height:350px;transform:scale(.82)}.hero-intro-media .intro-tour-card-ui{width:min(340px,90%);padding:22px}.hero-intro-media .intro-tour-card-ui strong{margin-top:16px;font-size:23px}.hero-intro-media .intro-tour-card-ui p{font-size:12px}.hero-intro-media .intro-tour-proof span{padding:10px;font-size:10px}.hero-intro-media .intro-tour-global{height:300px}.intro-player-mount .intro-inline-player.intro-layout-swapped{grid-template-columns:1fr;min-height:0}.intro-player-mount .intro-layout-swapped .intro-route-media{min-height:0;padding:14px}.intro-route-media .direct-route-card{padding:15px}.intro-route-media .direct-route-card h2{font-size:17px}}

/* V3: keep the video, narration, voice and controls together in the former A area. */
.storefront-v2 .hero-command.hero-intro-stage{min-height:595px}
.hero-intro-stage .hero-integrated-player{width:100%;height:100%;min-height:595px;margin:0;grid-template-columns:1fr;grid-template-rows:285px minmax(0,1fr);border-radius:24px;box-shadow:0 24px 58px rgba(7,26,52,.18)}
.hero-integrated-player .intro-inline-media{min-height:285px}
.hero-integrated-player .intro-tour-visual{min-height:285px;transform:scale(.68);transform-origin:center}
.hero-integrated-player .intro-tour-global{height:285px}
.hero-integrated-player .intro-inline-content{min-height:0}
.hero-integrated-player .intro-tour-head{padding:12px 16px}
.hero-integrated-player .intro-tour-copy{padding:14px 18px 8px}
.hero-integrated-player .intro-tour-copy h2{margin:7px 0 6px;font-size:23px}
.hero-integrated-player .intro-tour-copy p{font-size:10px;line-height:1.48}
.hero-integrated-player .intro-tour-caption{margin-top:8px;padding:5px 7px;font-size:8px}
.hero-integrated-player .intro-tour-controls{padding:0 16px 13px}
.hero-integrated-player .intro-tour-control-row{margin-top:8px}
.hero-integrated-player .intro-inline-play{left:14px;bottom:14px;width:40px;height:40px}
.intro-player-mount .intro-route-stage{width:100%;min-height:250px;padding:24px;border:1px solid rgba(163,196,238,.22);border-radius:18px;background:radial-gradient(circle at 10% 20%,rgba(255,92,53,.16),transparent 25%),radial-gradient(circle at 88% 80%,rgba(37,99,235,.24),transparent 30%),#071a34;box-shadow:0 16px 36px rgba(8,31,66,.16)}
.intro-route-stage .direct-route-card{width:100%;max-width:none;min-height:200px;margin:0;padding:20px;display:grid;grid-template-columns:minmax(180px,.85fr) minmax(220px,1fr) 42px minmax(220px,1fr) minmax(190px,.9fr);grid-template-rows:auto 1fr auto;gap:12px;border:1px solid rgba(164,197,239,.2);border-radius:17px;background:rgba(7,26,52,.58);color:#fff;box-shadow:0 18px 44px rgba(0,8,24,.28)}
.intro-route-stage .direct-route-card>span{grid-column:1;grid-row:1;color:#91bcff}
.intro-route-stage .direct-route-card h2{grid-column:1;grid-row:2/4;align-self:start;margin:5px 0 0;color:#fff;font-size:24px;line-height:1.15}
.intro-route-stage .direct-route-step{align-self:stretch;padding:14px;border-color:rgba(164,197,239,.2);background:rgba(255,255,255,.07)}
.intro-route-stage .direct-route-step.active{grid-column:2;grid-row:1/4;border-color:rgba(111,159,236,.62);background:rgba(45,106,203,.2)}
.intro-route-stage .direct-route-step:not(.active){grid-column:4;grid-row:1/4}
.intro-route-stage .direct-route-step i{background:#2563eb}
.intro-route-stage .direct-route-step b{color:#fff}
.intro-route-stage .direct-route-step small,.intro-route-stage .direct-route-line small{color:#b7c7da}
.intro-route-stage .direct-route-line{grid-column:3;grid-row:1/4;width:100%;height:auto;margin:0;padding:0;border-left:0;border-top:2px dashed rgba(160,190,226,.55);align-self:center}
.intro-route-stage .direct-route-line em{left:50%;top:-5px;transform:translateX(-50%)}
.intro-route-stage .direct-route-line small{display:none}
.intro-route-stage .direct-route-result{grid-column:5;grid-row:1/3;margin:0;padding:13px;background:rgba(2,15,32,.76);border:1px solid rgba(255,255,255,.08)}
.intro-route-stage .direct-route-card>button{grid-column:5;grid-row:3;width:100%;margin:0;align-self:end;background:linear-gradient(90deg,#2563eb,#3187e7)}
@media(max-width:1180px){.hero-intro-stage .hero-integrated-player{min-height:620px;grid-template-rows:270px minmax(0,1fr)}.hero-integrated-player .intro-inline-media,.hero-integrated-player .intro-tour-visual{min-height:270px}.intro-route-stage .direct-route-card{grid-template-columns:minmax(160px,.8fr) minmax(190px,1fr) 34px minmax(190px,1fr) minmax(170px,.85fr);padding:16px;gap:9px}.intro-route-stage .direct-route-card h2{font-size:21px}}
@media(max-width:920px){.storefront-v2 .hero-command.hero-intro-stage{min-height:0}.hero-intro-stage .hero-integrated-player{height:auto;min-height:560px;grid-template-rows:250px minmax(0,1fr)}.hero-integrated-player .intro-inline-media,.hero-integrated-player .intro-tour-visual{min-height:250px}.intro-player-mount .intro-route-stage{padding:16px}.intro-route-stage .direct-route-card{display:block;min-height:0;padding:18px}.intro-route-stage .direct-route-card h2{margin:7px 0 14px}.intro-route-stage .direct-route-step{margin-top:9px}.intro-route-stage .direct-route-line{display:flex;width:auto;height:34px;margin-left:19px;padding-left:22px;border-top:0;border-left:2px dashed rgba(160,190,226,.55)}.intro-route-stage .direct-route-line em{left:-5px;top:12px;transform:none}.intro-route-stage .direct-route-line small{display:block}.intro-route-stage .direct-route-result{margin-top:10px}.intro-route-stage .direct-route-card>button{margin-top:9px}}
@media(max-width:760px){.hero-intro-stage .hero-integrated-player{min-height:590px;grid-template-rows:250px minmax(0,1fr);border-radius:18px}.hero-integrated-player .intro-tour-copy h2{font-size:21px}.hero-integrated-player .intro-tour-copy p{font-size:10px}.hero-integrated-player .intro-tour-control-row{flex-wrap:wrap}.hero-integrated-player .intro-tour-control-row span{width:auto}.intro-player-mount .intro-route-stage{padding:10px;border-radius:16px}.intro-route-stage .direct-route-card{padding:15px}.intro-route-stage .direct-route-card h2{font-size:19px}}