/* Shared frontend refinements: navigation, content hierarchy and working states. */
:root{--radius:12px;--space:24px;--body-size:15px;--small-size:13px}body{font-size:var(--body-size)}.header-action{font-size:13px;font-weight:700;white-space:nowrap;min-height:44px;display:flex;align-items:center}.mast{gap:17px}.mast .brand-crop{width:180px;height:48px}.mast .brand-crop img{width:213px;left:-20px;top:-27px}.search{margin:0}.search #clearQuery{background:transparent;color:var(--muted);font-size:23px;width:35px}.search button:last-child{flex-shrink:0}.nav{gap:25px;flex-wrap:nowrap}.nav>a{font-size:14px;white-space:nowrap}.nav .nav-quote{margin-left:auto;background:var(--navy);color:#fff;padding:0 18px;min-height:42px;border-radius:6px}.nav .nav-quote.current:after{display:none}.utility .wrap>div{gap:22px}.utility #restoreSearch{display:none}.journey-strip>a{display:flex;align-items:center;gap:13px;padding-right:14px;border-right:1px solid var(--line)}.journey-strip>a:last-child{border:0}.journey-strip>a>span:last-child{margin-left:auto;color:var(--teal)}.journey-strip>a:hover strong{text-decoration:underline}.premium-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product h3{font-size:15px;min-height:46px}.product-body{padding:18px}.product .price{font-size:15px}.product .meta,.supplier-line{font-size:12px}.product-body small{font-size:11px}.product .card-tools button{font-size:12px;min-height:38px}.card-enquire{font-size:13px;min-height:40px}.collection-heading{padding:40px;background:#eef2f7;border-radius:12px;margin:10px 0 35px}.collection-heading h1{font:800 38px/1.2 Manrope;margin:12px 0}.collection-heading p{max-width:650px;color:var(--muted)}.programme-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:25px}.programme-heading h2{font-size:34px;line-height:1.2}.programme-heading p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:14px}.programme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.programme-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.programme-card>img{width:100%;height:195px;object-fit:cover;display:block}.programme-card>div{padding:24px}.programme-card h3{font:600 21px/1.3 Manrope;margin:15px 0 10px}.programme-card p{font-size:13px;line-height:1.8;color:var(--muted)}.programme-card:hover{border-color:#9fb0cf;box-shadow:0 10px 25px #14305f12}.article{overflow:hidden;padding:0 24px 25px}.article-cover{display:block;width:calc(100% + 48px);max-width:none;height:185px;object-fit:cover;margin:0 -24px 24px}.article .eyebrow{font-size:10px}.article p{font-size:13px;line-height:1.8}.footer-brand{display:flex;align-items:center;gap:35px;padding-bottom:30px}.footer-brand p{font-size:14px;color:var(--muted)}.footer-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:30px}.footer-five>div:first-child{padding:0}.footer-five h4{font-size:14px}.footer-five a:not(.logo){font-size:13px;line-height:1.5;min-height:38px}.support-page{padding-bottom:65px;max-width:1000px}.help-search{display:block;font-size:13px;font-weight:700;margin:20px 0}.help-search input{display:block;width:100%;border:1px solid #c3cfd5;border-radius:8px;padding:15px;margin-top:8px;background:#f3f7f9}.help-item{border:1px solid var(--line);border-radius:8px;margin:12px 0;background:#fff}.help-item summary{padding:20px;cursor:pointer;font-weight:700;font-size:15px}.help-item p{padding:0 20px 20px;color:var(--muted);font-size:14px;margin:0;line-height:1.9}.help-item[open]{background:#f4f8fa}.help-topics{margin-bottom:30px}.seller-hero{padding:60px 45px;min-height:400px;background:linear-gradient(90deg,#102858ee,#102858bb 50%,#10285815),url(assets/supplier-discovery.webp) center/cover;color:white;border-radius:14px}.seller-hero>div{max-width:550px}.seller-hero h1{font:800 44px/1.15 Manrope;letter-spacing:-1.5px}.seller-hero p{font-size:15px;line-height:1.85;color:#d4dde1}.seller-hero .eyebrow{color:#8fe3e0}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.onboarding-list{padding-left:25px}.onboarding-list li{padding:12px 10px}.onboarding-list p{font-size:14px;color:var(--muted)}.category-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.category-directory svg{width:35px;height:35px;stroke:var(--teal);fill:none;stroke-width:1.5}.category-directory h2{font-size:23px;margin-top:18px}.category-directory .work-card{margin:0}.project-items>div{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:8px 0}.project-items button{border:0;background:#ecf2f5;color:var(--ink);width:35px;height:35px;border-radius:5px;font-size:20px}.review-edit{display:flex;gap:10px;flex-wrap:wrap}.review-edit button{border:1px solid #c4d1d8;background:#f1f4f9;padding:9px 13px;color:var(--teal);border-radius:5px;font-size:12px}#editDialog{border:1px solid #c3cdd2;border-radius:14px;padding:30px;width:min(440px,calc(100% - 30px));color:var(--ink)}#editDialog::backdrop{background:#0c162e77}#editDialog h2{margin-bottom:25px}#undoNotice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #9fb0b8;border-radius:8px;box-shadow:0 10px 25px #14213d25;padding:14px 18px;display:flex;align-items:center;gap:18px;z-index:70;font-size:13px}#undoNotice[hidden]{display:none}#undoNotice button{border:0;background:transparent;color:var(--teal);font-weight:700;min-height:32px}.recent-searches{display:flex;gap:8px;flex-wrap:wrap;padding-top:10px}.recent-searches button{background:#e9f1f5;border:1px solid #c8d7df;border-radius:20px;padding:8px 12px;font-size:12px;color:var(--ink)}.recent-searches .clear-history{background:white}.search-kind-note{font-size:12px;color:var(--muted)}
@media(max-width:1200px){.mast{flex-wrap:wrap}.mast .search{order:5;flex-basis:100%}.mast .logo{margin-right:auto}.nav{gap:16px;flex-wrap:wrap}.nav>a{font-size:13px}.nav-quote{margin:8px 0 8px auto}.discovery-suggestions{top:100%;left:0;width:100%}.premium-products{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-five{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.mast{display:flex;gap:12px}.mast>.logo{margin-right:auto}.header-action{font-size:12px}.mast .search{display:flex;order:6;flex-basis:100%}.trade-ai-nav{font-size:12px}.journey-strip>a{border:0;gap:10px}.premium-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.programme-grid,.benefit-grid{grid-template-columns:1fr}.programme-heading{align-items:flex-start;flex-direction:column;gap:12px}.programme-heading h2{font-size:29px}.programme-card{display:grid;grid-template-columns:38% 1fr}.programme-card>img{height:100%;min-height:240px}.programme-card>div{padding:20px}.footer-five{grid-template-columns:repeat(2,1fr)}.footer-five>div:first-child{grid-column:auto}.footer-brand{gap:20px}.category-directory{grid-template-columns:1fr 1fr}.collection-heading{padding:25px}.collection-heading h1{font-size:29px}.seller-hero{padding:35px 25px}.seller-hero h1{font-size:35px}.product h3{font-size:13px}.product-body{padding:13px}.product .price{font-size:13px}.product .meta,.supplier-line{font-size:11px}.nav.is-open{gap:0}.nav .nav-quote{margin:12px 0 0;justify-content:center;padding:10px}.nav>a{font-size:15px}.journey-strip strong{font-size:11px}#undoNotice{left:16px;right:16px;transform:none;bottom:85px;justify-content:space-between}}
@media(max-width:480px){.mast .brand-crop{width:145px}.mast .logo{flex-basis:45%}.header-action{min-height:36px}.mast>.saved-link{margin-left:auto}.mast>.trade-ai-nav{margin-left:auto}.programme-card{display:block}.programme-card>img{height:185px;min-height:0}.category-directory{grid-template-columns:1fr}.footer-brand{display:block}.footer-five{gap:25px 18px}.card-tools button{font-size:10px!important}.discovery-copy h1{font-size:42px}.hero-topics{gap:8px}.sourcing-story .actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Separate the masthead and navigation without adding visual weight. */
body>header{border-bottom:1px solid #b9cbc6;box-shadow:0 5px 16px rgba(16,40,88,.07)}
body>header .mast{border-bottom:1px solid #d4dfdb}

/* Editorial footer: clear brand, navigation and sharing tiers. */
body>footer{background:#102858;color:#eef3f5;padding:56px 0 24px;border-top:4px solid #4cd2ce}
footer .footer-brand{display:flex;align-items:center;gap:38px;padding-bottom:38px;margin-bottom:38px;border-bottom:1px solid #ffffff24}
footer .brand-crop{background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000012}
footer .footer-positioning p{margin:0;color:#e5eeea;font:400 24px/1.4 Manrope;letter-spacing:-.5px}
footer .footer-positioning .footer-kicker{font:700 10px/1.5 'DM Sans',sans-serif;letter-spacing:1.8px;color:#75dcd9;margin-bottom:10px}
footer .footer-positioning strong{font-weight:700}
footer .footer-explore{margin-left:auto;display:flex;align-items:center;gap:28px;padding:15px 20px;border:1px solid #8da6a1;border-radius:7px;font-size:14px;font-weight:700;color:#f3f6f7;transition:background .2s,border-color .2s}
footer .footer-explore:hover{background:#152854;border-color:#7cdedb}
footer .footer-five{gap:32px}
footer .footer-five h4{font-size:14px;font-weight:700;color:#fff;margin:0 0 16px}
footer .footer-five a:not(.logo){font-size:13px;line-height:1.5;color:#bfcfcb;min-height:38px;margin:2px 0;transition:color .18s;text-decoration:none}
footer .footer-five a:not(.logo):hover{color:#a9e9e7;text-decoration:underline;text-underline-offset:5px}
footer .footer-social-row{border-top:1px solid #ffffff24;margin-top:35px;padding-top:26px}
footer .social-block>span{color:#cedbd6;font-size:12px;font-weight:500}
footer .social-icons a{width:44px;height:44px;border:1px solid #607b77;background:#12234a;color:#e4ebee;border-radius:9px}
footer .social-icons a:hover{background:#b9ecea;color:#102858;border-color:#b9ecea;box-shadow:none;transform:translateY(-2px)}
footer .footer-supplier{color:#92e4e1;font-size:13px}
footer .footer-supplier:hover{text-decoration:underline;text-underline-offset:5px}
footer .footer-bottom{border-top:1px solid #ffffff1c;margin-top:26px;padding-top:22px;color:#aec2bc;font-size:11px;line-height:1.7;gap:20px}
footer a:focus-visible{outline:2px solid #a0e7e5;outline-offset:5px;border-radius:3px}
@media(max-width:1000px){footer .footer-brand{flex-wrap:wrap;gap:28px}footer .footer-explore{margin-left:0}footer .footer-five{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}}
@media(max-width:600px){body>footer{padding:38px 0 95px}footer .footer-brand{display:flex;align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:30px;padding-bottom:30px}footer .footer-positioning p{font-size:23px}footer .footer-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}footer .footer-five a:not(.logo){min-height:44px}footer .footer-social-row{align-items:flex-start;flex-direction:column;gap:24px}footer .social-block{align-items:flex-start;flex-direction:column;gap:14px}footer .footer-bottom{display:flex;flex-direction:column;gap:8px}footer .footer-bottom span{margin:0}}

/* Shared interactions: native card links, independent controls and visible keyboard focus. */
.interactive-card{position:relative;isolation:isolate;cursor:pointer}
.interactive-card .card-primary-action::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.interactive-card .card-independent-action{position:relative;z-index:2}
.interactive-card .save{position:absolute;z-index:3}
.interactive-card .card-primary-action:focus-visible{outline:none}
.interactive-card:has(.card-primary-action:focus-visible){outline:3px solid #0a2a74;outline-offset:4px}
a[href],button:not(:disabled),summary,select{touch-action:manipulation}
button:not(:disabled),summary{cursor:pointer}
a[href]:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #0a2a74;outline-offset:4px}
:where(.product,.supplier-showcase,.collection,.corridor-story,.programme-card,.article,a.work-card,.interactive-card,.workspace-stats>a,.journey-strip>a){transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}
:where(button,.button,.chip,.nav>a,.category-menu summary,.discovery-rail a,.category-panel a,.work-actions button,.detail-tabs button,.gallery-main,.gallery-thumbs button){transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}
:where(a.collection,a.corridor-story,a.programme-card,a.article,a.work-card):focus-visible{outline:3px solid #0a2a74;outline-offset:5px}
@media(hover:hover) and (pointer:fine){
 :where(.product,.supplier-showcase,a.collection,a.corridor-story,a.programme-card,a.article,a.work-card):hover{transform:translateY(-4px);box-shadow:0 12px 28px #101f421a;border-color:#7ca99a}
 :where(.agent-tile,.rfq-tile,.brief-preview,.work-card.interactive-card):hover{box-shadow:0 8px 24px #101f421a}
 .product:hover h3,.supplier-showcase:hover h3,a.work-card:hover h2{color:#1b336a}
 :where(.journey-strip>a,.workspace-stats>a):hover{background:#e9eef5;border-radius:8px;box-shadow:0 4px 14px #101f4210}
 :where(.discovery-rail a,.category-panel a):hover{background:#e9eef5;color:#162a5a;border-radius:5px}
 :where(.nav>a:not(.nav-quote),.hero-topics a,.breadcrumbs a):hover{color:#1f3b7b;text-decoration:underline;text-underline-offset:6px}
 :where(.button,button.navy,.nav-quote):hover{filter:brightness(.95);box-shadow:0 5px 14px #101f4220}
 :where(.card-tools button,.work-actions button,.review-edit button,.detail-tabs button,.chip,.context-ai):hover{background:#dee7eb;color:#101e40;border-color:#8ea3c6}
 .save:hover{background:#e6f6f5;color:#218581;box-shadow:0 3px 12px #101f4220}
 :where(.card-enquire,.text-link,.supplier-line,.project-items a):hover{text-decoration:underline;text-underline-offset:4px}
 .help-item summary:hover{background:#e8eff3;border-radius:8px}
 .gallery-main:hover{box-shadow:0 0 0 2px #8ea3c6}
}
button:disabled,[aria-disabled="true"]{cursor:not-allowed;opacity:.55}
button:not(:disabled):active,.button:active{filter:brightness(.91)}
@media(prefers-reduced-motion:reduce){.interactive-card,:where(.product,.supplier-showcase,a.collection,a.corridor-story,a.programme-card,a.article,a.work-card){transition:none!important;transform:none!important}}

/* Responsive buyer journeys and inner-page hierarchy. */
:root{--muted:#556070} main{min-height:55vh}main h1{overflow-wrap:anywhere} .detail>*,.catalogue>*,.workspace-columns>*,.form-layout>*,.wizard-layout>*{min-width:0}
.page-title{max-width:900px}.page-title h1,.workspace-heading h1{font-size:clamp(30px,3.3vw,46px);line-height:1.2;letter-spacing:-1.1px}.page-title p{max-width:750px;font-size:16px;line-height:1.8}
.detail{gap:48px;align-items:start}.detail h1{font-size:clamp(29px,3vw,43px);line-height:1.2;letter-spacing:-1px}.detail .specs{background:#f0f5f7;border:1px solid #d7dee2;border-radius:10px;padding:20px}.detail .actions{gap:12px}.detail .actions .button{min-height:46px}
.buyer-checklist{display:grid;grid-template-columns:1fr 1.2fr;gap:14px 35px;background:#edf3f6;border:1px solid #d1dbe0;border-radius:12px;padding:28px;margin:32px 0}.buyer-checklist h2{font-size:23px;margin:8px 0}.buyer-checklist ul{margin:0;padding-left:20px;color:#425c51;line-height:1.9}.buyer-checklist>a{font-size:13px}.supplier-status{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #ffffff40;padding-top:20px;margin-top:25px;font-size:12px;color:#e1e8ec}.supplier-status a{text-decoration:underline;text-underline-offset:4px;color:#a9e9e7}
.detail-panel{border:1px solid #d6dde1;border-radius:12px;padding:30px;background:#f8fbfc}.detail-panel p{max-width:850px}.detail-tabs{gap:10px;overflow:auto;padding:6px 4px 12px;scrollbar-width:thin}.detail-tabs button{white-space:nowrap;min-height:44px;flex-shrink:0}.detail-tabs button[aria-pressed=true]{background:#14305f;color:#fff;border-color:#14305f}
.prose{max-width:880px}.prose p{font-size:16px;line-height:1.9}.prose h2{font-size:25px;line-height:1.35;margin-top:35px}.article-meta{font-size:12px!important;color:#52665f;border-bottom:1px solid #dbe2ec;padding-bottom:20px}.article-next{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:1px solid #dbe2ec;margin-top:35px;padding-top:24px;font-size:14px;font-weight:700}
.form-card{border:1px solid #d8dfe2;box-shadow:0 8px 28px #101f4209}.field input,.field select,.field textarea{min-height:46px;font-size:16px}.field textarea{min-height:125px}.field input:user-invalid,.field textarea:user-invalid{border-color:#a13932}.review-list dd{overflow-wrap:anywhere}.compare-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain}.compare-table th,.compare-table td{min-width:170px;max-width:300px;overflow-wrap:anywhere}.compare-table th:first-child{min-width:140px}.image-unavailable{background:#ecf1f3;object-fit:contain}
#compareTray{bottom:18px;max-width:calc(100% - 32px);flex-wrap:wrap;gap:12px}body:has(#compareTray:not([hidden])) .ai-launcher{bottom:95px}#toast{max-width:calc(100% - 32px);overflow-wrap:anywhere}
@media(max-width:1000px){.detail{gap:28px}.supplier-cover h1{font-size:34px}.workspace-columns{grid-template-columns:1fr}.workspace-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-layout{gap:25px}}
@media(max-width:800px){.mast{flex-wrap:wrap}.detail,.form-layout,.wizard-layout{grid-template-columns:1fr}.detail .gallery{max-width:560px;width:100%;margin:auto}.form-layout,.detail{gap:28px}.buyer-checklist{grid-template-columns:1fr;padding:22px}.wizard-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.wizard-steps>div{padding:10px 6px;gap:6px;flex-direction:column;text-align:center}.wizard-steps small{display:none}.wizard-steps .local-note{grid-column:1/-1;text-align:left}.supplier-mosaic{overflow:auto;max-width:100%;}.supplier-mosaic>a{flex:0 0 140px}.result-bar{flex-wrap:wrap;gap:12px}.form-card{padding:24px}.gallery-main{width:100%}.help-item summary{min-height:48px}.chip,.filter-chips button{min-height:44px}.product .card-tools button{min-height:44px}.product .card-enquire{min-height:44px;display:flex;align-items:center}.supplier-line{flex-wrap:wrap;gap:5px}.product .meta,.product-body small,.supplier-line{font-size:12px}.product h3{font-size:14px}.detail-tabs{margin-top:24px}.journey-strip small{font-size:11px}}
@media(max-width:480px){.utility .wrap{align-items:center;gap:10px}.utility .wrap>span{display:none}.utility .wrap>div{width:100%;justify-content:space-between;gap:12px}.utility a{min-height:32px;display:flex;align-items:center}.mast{gap:10px}.mast .logo{flex-basis:auto}.mast>.saved-link{margin-left:0}.mast .header-action{min-height:44px;font-size:13px}.mast .search{min-width:0}.search select{max-width:90px;padding-left:8px;padding-right:3px;font-size:12px}.search input{font-size:14px;padding-left:8px}.search button:last-child{width:42px}.search #clearQuery{width:26px}.discovery-copy{padding:28px 22px}.discovery-copy h1{font-size:36px}.sourcing-rail{grid-template-columns:1fr}.agent-tile{display:block}.rfq-tile{min-height:0}.journey-strip{gap:15px}.journey-strip>a{align-items:flex-start}.journey-strip small{display:none}.products,.premium-products{gap:12px}.product-body{padding:11px}.product h3{min-height:60px;font-size:13px}.card-tools{gap:5px;padding:8px!important}.card-tools button{font-size:11px!important;padding:5px!important}.product .price{font-size:13px}.product .supplier-line{font-size:11px}.form-grid{grid-template-columns:1fr}.form-card{padding:20px}.wizard-actions,.project-form{flex-wrap:wrap}.wizard-actions .button{flex:1 1 140px}.project-form input{min-width:0;width:100%}.workspace-heading{display:block}.workspace-heading>a{margin-top:16px}.workspace-stats{gap:10px}.quick-layout{grid-template-columns:1fr}.quick-layout .product-photo{max-height:250px}#quickDialog{width:calc(100% - 24px);padding:20px;max-height:90dvh;overflow:auto}#aiDialog{width:calc(100% - 20px);max-height:90dvh}.supplier-cover{padding:28px 22px}.supplier-cover h1{font-size:29px}.specs{grid-template-columns:1fr 1fr}.compare-table th,.compare-table td{min-width:155px}.footer-bottom{padding-right:0;padding-bottom:45px}.social-icons a{min-height:44px}.page-title{padding-top:25px}.section-head{align-items:flex-start;flex-direction:column;gap:12px}.section-head h2{font-size:27px}.collection-photo{opacity:.6}.collection>div:first-child{position:relative;z-index:1}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
.detail-tabs{display:flex;gap:10px}.detail-tabs button{padding:11px 17px;font-size:14px;border:1px solid #cbd5da;border-radius:7px;background:#f2f7f9;color:#1d3672}.detail-tabs button[aria-pressed=true]{background:#14305f;color:#fff;border-color:#14305f}

.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
/* Stage 1: carried-over marketplace sections */
.join-tile{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;gap:8px}.join-tile small{font-size:.7rem;letter-spacing:.12em;color:var(--teal);font-weight:700}.join-tile h3{margin:0;font-size:1.05rem;color:var(--navy)}.join-tile div{display:grid;gap:8px}.join-tile .button{justify-content:center;width:100%;padding:10px 14px;font-size:.88rem}
.demand-section{padding-top:24px}.demand-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.demand-panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px}.panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}.panel-head h2{margin:.2em 0 0;font-size:clamp(1.35rem,2.4vw,1.8rem);color:var(--navy)}
.request-list,.event-list{list-style:none;margin:0;padding:0}.request-list li,.event-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--line)}.request-list li div,.event-list li div{display:grid;gap:3px;min-width:0}.request-list strong,.event-list strong{color:var(--navy);font-size:.98rem}.request-list small,.event-list small{color:var(--muted)}.request-list .sample{justify-self:start;font-size:.62rem}.request-list .button{flex:none}
.events-panel{background:var(--navy);color:#fff;border-color:var(--navy)}.events-panel h2,.events-panel strong{color:#fff}.events-panel .eyebrow,.events-panel .text-link{color:#7fe0dc}.events-panel small{color:#c4cfe6}.event-list li{justify-content:flex-start;border-color:rgba(255,255,255,.14)}.event-date{flex:none;width:72px;text-align:center;padding:8px 4px;border-radius:12px;background:rgba(15,168,166,.18);color:#7fe0dc;font-weight:800;font-size:.72rem;letter-spacing:.08em}.events-panel .button{margin-top:16px}
.route-map{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:center;background:var(--navy);border-radius:22px;padding:22px;margin:0 0 28px}.route-map svg{width:100%;height:auto;display:block}.route-map text{font-size:3px;font-weight:700;fill:#fff;font-family:inherit}.route-map .lagos-label{font-size:3.2px}.route{fill:none;stroke:#0fa8a6;stroke-width:.55;stroke-linecap:round;stroke-dasharray:2.4 1.4;animation:routeflow 2.6s linear infinite}.route-next{stroke:#8ea3c6;stroke-dasharray:1.2 1.2;animation:none}.hub{fill:#0fa8a6}.hub-halo{fill:#0fa8a6;opacity:.18}.lagos{fill:#2dd4bf}.lagos-pulse{fill:#2dd4bf;opacity:.2;transform-origin:23.4px 48.5px;animation:pulse 2.4s ease-out infinite}
@keyframes routeflow{to{stroke-dashoffset:-7.6}}@keyframes pulse{0%{transform:scale(.6);opacity:.35}100%{transform:scale(1.8);opacity:0}}
.route-legend{display:grid;gap:10px}.route-legend a{display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.07);color:#fff;text-decoration:none}.route-legend a:hover{background:rgba(15,168,166,.22)}.route-legend span{color:#c4cfe6;font-size:.86rem}
.app-section{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;background:linear-gradient(135deg,#e6f6f5,#eef3fa);border-radius:28px;padding:44px;margin-top:40px;margin-bottom:40px}.app-copy h2{color:var(--navy);font-size:clamp(1.7rem,3.4vw,2.6rem);margin:.2em 0 .5em}.app-copy ul{margin:0 0 20px;padding-left:1.2em;color:var(--ink);display:grid;gap:6px}
.store-badges{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.store-badge{display:grid;background:#0b1630;color:#fff;border-radius:12px;padding:8px 16px;min-width:150px;position:relative}.store-badge small{font-size:.66rem;opacity:.8}.store-badge strong{font-size:1.1rem}.store-badge em{position:absolute;top:-9px;right:-6px;background:#0fa8a6;color:#fff;font-style:normal;font-size:.62rem;font-weight:700;padding:2px 8px;border-radius:999px}
.app-notify{display:flex;gap:10px;flex-wrap:wrap}.app-notify input:not(.hp-field){flex:1 1 170px;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;background:#fff}.app-notify .form-status{flex-basis:100%;margin:0;font-size:.9rem;color:var(--teal)}
.phone-mock{justify-self:center;width:230px;aspect-ratio:9/18;border-radius:36px;background:#0b1630;padding:12px;box-shadow:0 30px 60px rgba(16,40,88,.25)}.phone-screen{height:100%;border-radius:26px;background:#fff;padding:22px 16px;display:flex;flex-direction:column;gap:12px;align-items:stretch}.phone-screen img{width:44px;height:44px;align-self:center}.phone-screen b{text-align:center;color:var(--navy)}.phone-search{border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:.78rem;color:var(--muted)}.phone-row{height:10px;border-radius:6px;background:#dce2ea}.phone-row.short{width:60%}.phone-card{flex:1;border-radius:14px;background:linear-gradient(135deg,#0fa8a6,#102858);opacity:.85}
@media (max-width:900px){.demand-grid,.route-map,.app-section{grid-template-columns:1fr}.app-section{padding:28px 20px}.phone-mock{width:180px}}
@media (max-width:560px){.request-list li{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion:reduce){.route,.lagos-pulse{animation:none}}
.sourcing-rail{grid-template-rows:none;grid-auto-rows:auto;align-content:start}.join-tile{padding:16px}.join-tile .button{padding:9px 12px;font-size:.84rem;min-height:0}