/* AE EXPORT — International trade website */ :root {
    --navy:#061b3d;
    --navy2:#0a2d61;
    --blue:#17477f;
    --gold:#ffc52f;
    --gold2:#e5a900;
    --ink:#10264a;
    --muted:#68788f;
    --paper:#f3f6fb;
    --white:#fff;
    --serif:"Playfair Display",Georgia,serif;
    --sans:"Poppins",Arial,sans-serif
}
* {
    box-sizing:border-box
}
html {
    scroll-behavior:smooth;
    scroll-padding-top:100px
}
body {
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font-family:var(--sans)
}
a {
    color:inherit;
    text-decoration:none
}
img {
    max-width:100%;
    display:block
}
.container {
    width:min(1180px,90%);
    margin:auto
}
.topbar {
    height:32px;
    background:#03132d;
    color:#dbe5f3;
    font-size:10px
}
.topbar-inner,.top-left,.top-social {
    display:flex;
    align-items:center
}
.topbar-inner {
    height:100%;
    justify-content:space-between
}
.top-left {
    gap:22px
}
.top-left a:hover {
    color:var(--gold)
}
.top-social {
    gap:8px
}
.top-social a,.footer-social a {
    width:19px;
    height:19px;
    display:grid;
    place-items:center;
    border:1px solid #aab9cf;
    border-radius:50%;
    font-size:9px;
    font-weight:700
}
.navbar {
    height:76px;
    background:#fff;
    position:sticky;
    top:0;
    z-index:100;
    box-shadow:0 5px 22px #061b3d12
}
.nav-inner {
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.brand {
    width:155px;
    display:flex;
    align-items:center
}
.brand img {
    width:145px;
    max-height:65px;
    object-fit:contain
}
.brand-text {
    display:none;
    font:800 25px var(--serif);
    color:var(--blue);
    line-height:1
}
.brand-text b {
    display:block;
    font:700 13px var(--sans);
    letter-spacing:4px
}
.nav-links {
    display:flex;
    align-items:center;
    gap:clamp(12px,1.8vw,24px);
    list-style:none;
    margin:0;
    padding:0
}
.nav-links a {
    font-size:10px;
    font-weight:600;
    white-space:nowrap;
    transition:.2s
}
.nav-links a:hover,.nav-links a.active {
    color:#b17b00
}
.btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:13px 22px;
    border:0;
    border-radius:28px;
    background:linear-gradient(110deg,#ffdc70,#ffb91d);
    color:#08234a;
    font:700 11px var(--sans);
    box-shadow:0 6px 18px #dca31e35;
    transition:transform .25s,box-shadow .25s;
    cursor:pointer
}
.btn:hover {
    transform:translateY(-3px);
    box-shadow:0 10px 24px #dca31e55
}
.btn-small {
    padding:11px 18px
}
.btn-ghost {
    background:transparent;
    border:1px solid var(--gold);
    color:#fff;
    box-shadow:none
}
.menu-toggle {
    display:none;
    border:0;
    background:none;
    color:var(--navy);
    font-size:27px
}
.eyebrow {
    display:block;
    color:var(--gold2);
    font-size:10px;
    font-weight:700;
    letter-spacing:2.2px;
    margin-bottom:13px
}
.home-hero {
    position:relative;
    min-height:590px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:#061b3d
}
.hero-bg {
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,#03152ff5 0%,#061d43df 37%,#061d4350 68%,#061d4310),url("https://ddindia.co.in/wp-content/uploads/2026/08/ChatGPT-Image-Aug-13-2026-04_44_04-PM.png") center/cover
}
.hero-inner {
    position:relative;
    display:flex;
    align-items:center;
    min-height:590px
}
.hero-copy {
    color:#fff;
    max-width:650px;
    padding:70px 0 95px
}
.hero-copy h1,.page-hero h1 {
    font:700 clamp(42px,5.3vw,68px)/1.08 var(--serif);
    letter-spacing:-1.4px;
    margin:0 0 18px
}
.hero-copy h1 em,.page-hero h1 em,.bridge-text h2 em,.network-preview h2 em,.story-copy h2 em,.wholesale-grid h2 em,.quote-panel h2 em {
    font-style:normal;
    color:var(--gold)
}
.hero-copy>p,.page-hero-content>p {
    max-width:540px;
    color:#e7edf7;
    font-size:14px;
    line-height:1.8;
    margin:0 0 25px
}
.hero-buttons {
    display:flex;
    gap:14px;
    flex-wrap:wrap
}
.handwritten {
    font:italic 17px var(--serif);
    color:var(--gold);
    margin-top:27px
}
.handwritten i {
    font-style:normal;
    padding:0 10px
}
.hero-stamp {
    position:absolute;
    right:4%;
    bottom:95px;
    width:118px;
    height:118px;
    border:1px solid #ffce4c99;
    border-radius:50%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:var(--gold);
    background:#071d3c88;
    transform:rotate(10deg);
    box-shadow:0 0 0 8px #ffffff12
}
.hero-stamp span,.hero-stamp small {
    font-size:9px;
    letter-spacing:3px
}
.hero-stamp b {
    font:700 23px var(--serif)
}
.flag-wave {
    position:absolute;
    bottom:-7px;
    left:-2%;
    width:104%;
    height:18px;
    display:flex;
    transform:rotate(-1.3deg)
}
.flag-wave i {
    flex:1
}
.flag-wave i:nth-child(1) {
    background:#ed8d21
}
.flag-wave i:nth-child(2) {
    background:#fff
}
.flag-wave i:nth-child(3) {
    background:#16854c
}
.section {
    padding:78px 0
}
.section-light {
    background:#fff
}
.section-title {
    text-align:center;
    margin:0 auto 36px
}
.section-title .eyebrow {
    margin-bottom:8px
}
.section-title h2,.bridge-text h2,.story-copy h2,.network-preview h2,.wholesale-grid h2,.contact-info h2 {
    font:700 clamp(29px,3.3vw,42px)/1.15 var(--serif);
    color:var(--navy);
    margin:0 0 10px
}
.section-title p {
    font-size:12px;
    color:var(--muted);
    margin:0
}
.category-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px
}
.category-card {
    height:265px;
    border-radius:17px;
    overflow:hidden;
    position:relative;
    color:#fff;
    box-shadow:0 12px 28px #061b3d22
}
.category-card:after {
    content:"";
    position:absolute;
    inset:20% 0 0;
    background:linear-gradient(transparent,#03142bf2)
}
.category-card img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .7s
}
.category-card:hover img {
    transform:scale(1.08)
}
.category-card>div {
    position:absolute;
    z-index:1;
    bottom:0;
    left:0;
    right:0;
    text-align:center;
    padding:15px
}
.round-icon {
    width:32px;
    height:32px;
    border-radius:50%;
    display:grid;
    place-items:center;
    margin:0 auto 7px;
    background:var(--gold);
    color:var(--navy);
    font-size:17px
}
.category-card h3 {
    font:700 18px var(--serif);
    margin:0 0 4px
}
.category-card p {
    font-size:10px;
    margin:0 0 8px;
    color:#e7edf7
}
.category-card b {
    font-size:10px;
    color:var(--gold)
}
.stats-band {
    background:linear-gradient(110deg,#04152f,#0b326b,#04152f);
    padding:27px 0;
    border-top:3px solid var(--gold);
    border-bottom:3px solid var(--gold);
    color:white
}
.stats-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr)
}
.stats-grid>div {
    text-align:center;
    border-right:1px solid #ffffff55
}
.stats-grid>div:last-child {
    border:0
}
.stats-grid b {
    display:block;
    color:var(--gold);
    font:700 33px var(--serif)
}
.stats-grid span {
    font-size:10px;
    color:#e3eaf4
}
.bridge-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:65px;
    align-items:center
}
.bridge-photo {
    position:relative
}
.bridge-photo img {
    width:100%;
    height:340px;
    object-fit:cover;
    border-radius:4px 55px 4px 4px;
    box-shadow:18px 18px 0 #eab52c
}
.photo-label {
    position:absolute;
    left:0;
    bottom:0;
    padding:10px 16px;
    background:var(--navy);
    color:var(--gold);
    font-size:9px;
    letter-spacing:2px
}
.bridge-text p,.story-copy p,.network-preview p,.wholesale-grid p,.contact-info>p {
    font-size:12px;
    line-height:1.9;
    color:var(--muted);
    margin:15px 0 22px
}
.network-preview {
    background:linear-gradient(120deg,#061b3d,#0b3269);
    color:white;
    overflow:hidden
}
.network-preview-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:45px
}
.network-preview h2 {
    color:white
}
.network-preview p {
    color:#d6dfed;
    max-width:480px
}
.world-visual {
    height:330px;
    position:relative;
    border-radius:50%;
    background:radial-gradient(circle at center,#17477d 0,#0b2b58 44%,#061b3d 70%);
    display:grid;
    place-items:center;
    overflow:hidden
}
.world-orbit {
    position:absolute;
    border:1px solid #ffc52f55;
    border-radius:50%;
    width:78%;
    height:50%;
    transform:rotate(-25deg)
}
.orbit-two {
    transform:rotate(35deg);
    width:90%;
    height:63%
}
.world-core {
    width:110px;
    height:110px;
    border-radius:50%;
    display:grid;
    place-content:center;
    text-align:center;
    background:linear-gradient(145deg,#fff,#dce8f7);
    color:#0b2b58;
    font:700 23px var(--serif);
    box-shadow:0 0 45px #ffc52f55
}
.world-core b {
    font:700 10px var(--sans);
    letter-spacing:2px
}
.pin {
    position:absolute;
    width:10px;
    height:10px;
    background:var(--gold);
    border-radius:50%;
    box-shadow:0 0 0 7px #ffc52f28,0 0 20px var(--gold)
}
.pin-a {
    top:24%;
    left:29%
}
.pin-b {
    top:32%;
    right:22%
}
.pin-c {
    bottom:25%;
    left:39%
}
.pin-d {
    bottom:31%;
    right:31%
}
.why-strip {
    background:#f2f5fa
}
.benefit-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px
}
.benefit-grid article {
    text-align:center;
    background:#fff;
    border:1px solid #e1e8f1;
    border-radius:14px;
    padding:26px 18px;
    box-shadow:0 8px 25px #061b3d0a
}
.benefit-grid article>span {
    width:50px;
    height:50px;
    margin:0 auto 13px;
    display:grid;
    place-items:center;
    background:#edf3fc;
    border-radius:15px;
    color:#0a326b;
    font-size:25px
}
.benefit-grid h3,.value-card h3,.process-grid h3,.bulk-steps h3 {
    font:700 16px var(--serif);
    margin:0 0 7px;
    color:var(--navy)
}
.benefit-grid p,.value-card p,.process-grid p,.bulk-steps p {
    font-size:10px;
    line-height:1.7;
    color:var(--muted);
    margin:0
}
.page-hero {
    min-height:420px;
    position:relative;
    display:flex;
    align-items:center;
    background-color:#061b3d;
    background-position:center;
    background-size:cover;
    overflow:hidden
}
.page-hero:before {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,#03152ff2,#061d43cf 49%,#061d4330)
}
.page-hero-content {
    position:relative;
    color:white;
    padding:75px 0
}
.page-hero h1 {
    font-size:clamp(40px,5vw,62px)
}
.page-hero-content>p {
    max-width:600px
}
.about-hero {
    background-image:url("https://www.incredibleindia.gov.in/content/dam/incredible-india/images/trips/uttar-pradesh/agra/iconic-agras-heritage/agra-fort-agra-uttar-pradesh-tri-iter-day1.jpg")
}
.products-hero {
    background-image:url("https://unistarimpex.com/img/handicrafts-banner.webp")
}
.network-hero {
    background-image:url("https://assets.aboutamazon.com/12/99/a6ac88134396b0c88b6edd510b1d/exports-lead2025.png")
}
.why-hero {
    background-image:url("https://img.etimg.com/thumb/width-1200,height-900,imgsize-140746,resizemode-75,msid-123904264/news/economy/foreign-trade/indias-exports-to-us-decline-by-14-in-aug-sequentially.jpg")
}
.wholesale-hero {
    background-image:url("https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1900&q=90")
}
.contact-hero {
    background-image:url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR3iHM937vhJtdevBP-UF-BUOhmdfvG7lUahg1k4u68nw&s=10")
}
.story-grid,.wholesale-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:65px;
    align-items:center
}
.story-image img,.warehouse-photo img {
    width:100%;
    height:390px;
    object-fit:cover;
    border-radius:18px
}
.check-list {
    display:grid;
    gap:11px;
    margin:22px 0 25px
}
.check-list span {
    font-size:11px;
    color:var(--ink)
}
.check-list span: first-letter {
    color:#bd8a12
}
.value-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px
}
.value-card {
    padding:30px;
    border:1px solid #e1e8f1;
    border-radius:15px;
    background:#fff
}
.value-card>span,.process-grid b,.bulk-steps b {
    display:block;
    font:700 27px var(--serif);
    color:var(--gold2);
    margin-bottom:20px
}
.catalog-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px
}
.catalog-card {
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 8px 24px #061b3d10;
    transition:.3s
}
.catalog-card:hover {
    transform:translateY(-6px);
    box-shadow:0 15px 30px #061b3d18
}
.catalog-card img {
    height:205px;
    width:100%;
    object-fit:cover
}
.catalog-card>div {
    padding:20px
}
.catalog-number {
    font-size:9px;
    letter-spacing:1.7px;
    color:#b17b00;
    font-weight:700
}
.catalog-card h3 {
    font:700 20px var(--serif);
    color:var(--navy);
    margin:8px 0
}
.catalog-card p {
    font-size:11px;
    line-height:1.8;
    color:var(--muted);
    min-height:60px
}
.catalog-card a {
    font-size:10px;
    font-weight:700;
    color:#a97600
}
.disclaimer {
    text-align:center;
    font-size:10px;
    color:#758197;
    margin:25px 0 0
}
.network-intro {
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:55px;
    align-items:start
}
.network-intro h2 {
    font:700 34px/1.2 var(--serif);
    margin:0;
    color:var(--navy)
}
.network-intro p {
    font-size:12px;
    line-height:1.9;
    color:var(--muted)
}
.network-cards {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px
}
.network-cards article {
    background:#fff;
    border:1px solid #e4eaf3;
    border-radius:13px;
    padding:21px
}
.network-cards article>span {
    font-size:27px;
    color:#c08c12
}
.network-cards h3 {
    font:700 16px var(--serif);
    margin:8px 0
}
.network-cards p {
    font-size:10px;
    margin:0
}
.network-dark {
    background:#061b3d;
    color:#fff
}
.network-dark .section-title h2 {
    color:#fff
}
.network-dark .section-title p {
    color:#c9d4e5
}
.process-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px
}
.process-grid article {
    padding:25px 20px;
    border:1px solid #ffffff2c;
    border-radius:12px;
    background:#ffffff08
}
.process-grid h3 {
    color:white
}
.process-grid p {
    color:#cbd6e6
}
.why-detail-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px
}
.why-detail {
    display:flex;
    gap:18px;
    padding:24px;
    background:#fff;
    border:1px solid #e1e8f1;
    border-radius:13px
}
.feature-icon {
    flex:0 0 48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:13px;
    background:#edf3fc;
    color:#0a326b;
    font-size:23px
}
.why-detail h3 {
    font:700 18px var(--serif);
    margin:0 0 7px;
    color:var(--navy)
}
.why-detail p {
    font-size:11px;
    line-height:1.8;
    color:var(--muted);
    margin:0
}
.why-quote {
    background:#f0f4fa
}
.quote-panel {
    text-align:center;
    background:linear-gradient(120deg,#061b3d,#0d3670);
    border-radius:18px;
    padding:55px 20px;
    color:white
}
.quote-panel h2 {
    font:700 34px/1.2 var(--serif);
    margin:0 0 12px
}
.quote-panel p {
    font-size:12px;
    color:#d5dfed;
    margin:0 0 23px
}
.wholesale-grid h2 {
    margin-bottom:15px
}
.bulk-band {
    background:#f1f5fa
}
.bulk-steps {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px
}
.bulk-steps article {
    padding:25px;
    background:white;
    border-radius:13px;
    border:1px solid #e2e9f2
}
.bulk-steps b {
    margin-bottom:10px
}
.contact-layout {
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:70px;
    align-items:start
}
.contact-info h2 {
    font-size:38px
}
.contact-method {
    display:flex;
    align-items:center;
    gap:14px;
    margin:22px 0
}
.contact-method>span {
    width:43px;
    height:43px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#eaf0f8;
    color:#0a326b;
    font-size:20px
}
.contact-method small {
    display:block;
    color:#9a700c;
    font-size:9px;
    letter-spacing:1.5px;
    font-weight:700
}
.contact-method a,.contact-method b {
    display:block;
    font-size:12px;
    margin-top:4px
}
.contact-note {
    border-top:1px solid #e0e7f0;
    padding-top:18px;
    color:#7a8798;
    font-size:10px
}
.enquiry-form {
    padding:30px;
    background:#fff;
    border-radius:17px;
    box-shadow:0 12px 34px #061b3d12
}
.enquiry-form h2 {
    font:700 27px var(--serif);
    margin:0 0 22px;
    color:var(--navy)
}
.enquiry-form label {
    display:block;
    font-size:10px;
    font-weight:600;
    color:#41516a;
    margin:0 0 14px
}
.form-row {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px
}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea {
    display:block;
    width:100%;
    margin-top:7px;
    padding:12px;
    border:1px solid #dce4ef;
    border-radius:9px;
    background:#fbfcfe;
    font:11px var(--sans);
    outline:none
}
.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus {
    border-color:#d6a11e;
    box-shadow:0 0 0 3px #ffc52f22
}
.enquiry-form textarea {
    resize:vertical
}
.form-status {
    font-size:9px;
    color:#7a8798;
    margin:12px 0 0
}
.footer-cta {
    background:linear-gradient(110deg,#061b3d,#0d3670,#061b3d);
    border-top:2px solid var(--gold);
    border-bottom:2px solid var(--gold);
    padding:28px 0;
    color:white
}
.footer-cta-inner {
    display:flex;
    align-items:center;
    justify-content:space-between
}
.footer-cta .eyebrow {
    margin:0 0 5px
}
.footer-cta h2 {
    font:700 25px var(--serif);
    color:var(--gold);
    margin:0
}
.footer {
    background:#03142d;
    color:#dbe5f3;
    padding:48px 0 0
}
.footer-grid {
    display:grid;
    grid-template-columns:1.4fr .8fr .9fr 1fr;
    gap:40px;
    padding-bottom:38px
}
.footer-grid>div:not(:first-child) {
    border-left:1px solid #ffffff35;
    padding-left:28px
}
.footer-brand {
    margin-bottom:14px
}
.footer-brand img {
    filter:brightness(0) invert(1)
}
.footer-about p {
    font-size:10px;
    line-height:1.8;
    max-width:270px;
    color:#c7d2e3
}
.footer-grid h3 {
    font:700 17px var(--serif);
    color:var(--gold);
    margin:3px 0 17px
}
.footer-grid>div>a:not(.brand),.footer-grid>div>span {
    display:block;
    font-size:10px;
    margin:10px 0;
    color:#dbe5f3
}
.footer-grid a:hover {
    color:var(--gold)
}
.footer-social {
    display:flex;
    gap:8px;
    margin-top:15px
}
.copyright {
    text-align:center;
    border-top:1px solid #ffffff2c;
    padding:17px 10px;
    font-size:9px;
    color:#bfcadd
}
.copyright span {
    color:var(--gold);
    margin-left:8px
}
.whatsapp {
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:90;
    width:52px;
    height:52px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#1fc66d;
    color:#fff;
    border:3px solid white;
    font-size:28px;
    box-shadow:0 5px 20px #0004
}
.reveal {
    opacity:0;
    transform:translateY(34px);
    transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)
}
.reveal.is-visible {
    opacity:1;
    transform:translateY(0)
}
.reveal.delay-1 {
    transition-delay:.12s
}
.reveal.delay-2 {
    transition-delay:.24s

}

.enquiry-form label.privacy-consent {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 9px;
    width: 100%;
    text-align: left;
}

.enquiry-form .privacy-consent input[type="checkbox"] {
    display: block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    margin: 2px 0 0;
    padding: 0;
    flex-shrink: 0;
}

.enquiry-form .privacy-consent span {
    display: block;
    flex: 1;
    text-align: left;
    line-height: 1.6;
}
@media(max-width:1050px) {
    .nav-links {
        gap:10px
    }
    .nav-links a {
        font-size:9px
    }
    .brand {
        width:120px
    }
    .brand img {
        width:120px
    }
    .hero-stamp {
        right:2%
    }
    .bridge-grid,.story-grid,.wholesale-grid {
        gap:35px
    }
    .footer-grid {
        gap:22px
    }
    .footer-grid>div:not(:first-child) {
        padding-left:18px
    }
}
@media(max-width:780px) {
    .topbar {
        height:auto;
        padding:8px 0
    }
    .top-left {
        gap:10px;
        flex-wrap:wrap;
        font-size:8px
    }
    .top-left span,.top-social {
        display:none
    }
    .navbar {
        height:66px
    }
    .brand img {
        width:125px
    }
    .menu-toggle {
        display:block
    }
    .nav-links {
        display:none;
        position:absolute;
        top:66px;
        left:0;
        right:0;
        background:#fff;
        padding:12px 5% 22px;
        box-shadow:0 15px 25px #061b3d20;
        align-items:stretch;
        flex-direction:column;
        gap:0
    }
    .nav-links.open {
        display:flex
    }
    .nav-links li a {
        display:block;
        padding:11px 0;
        font-size:12px
    }
    .nav-links .btn {
        display:inline-flex;
        width:max-content;
        padding:11px 18px;
        margin-top:7px
    }
    .home-hero,.hero-inner {
        min-height:550px
    }
    .hero-bg {
        background-position:61% center;
        background-image:linear-gradient(90deg,#03152ff5,#061d43b8),url("https://images.unsplash.com/photo-1494412519320-aa613dfb7738?auto=format&fit=crop&w=1200&q=85")
    }
    .hero-copy {
        padding:65px 0 80px
    }
    .hero-copy h1 {
        font-size:clamp(38px,9vw,55px)
    }
    .hero-copy>p,.page-hero-content>p {
        font-size:12px
    }
    .hero-stamp {
        display:none
    }
    .section {
        padding:58px 0
    }
    .category-grid {
        grid-template-columns:repeat(2,1fr);
        gap:13px
    }
    .category-card {
        height:220px
    }
    .category-card h3 {
        font-size:15px
    }
    .category-card p {
        font-size:9px
    }
    .stats-grid {
        grid-template-columns:repeat(2,1fr);
        gap:20px 8px
    }
    .stats-grid>div {
        border:0
    }
    .stats-grid b {
        font-size:28px
    }
    .bridge-grid,.network-preview-grid,.story-grid,.wholesale-grid,.network-intro,.contact-layout {
        grid-template-columns:1fr;
        gap:30px
    }
    .bridge-photo img,.story-image img,.warehouse-photo img {
        height:270px
    }
    .world-visual {
        height:260px
    }
    .benefit-grid {
        grid-template-columns:repeat(2,1fr)
    }
    .page-hero {
        min-height:370px
    }
    .page-hero-content {
        padding:65px 0
    }
    .page-hero h1 {
        font-size:clamp(37px,9vw,52px)
    }
    .catalog-grid {
        grid-template-columns:repeat(2,1fr);
        gap:14px
    }
    .catalog-card img {
        height:160px
    }
    .catalog-card>div {
        padding:15px
    }
    .catalog-card h3 {
        font-size:17px
    }
    .catalog-card p {
        font-size:10px
    }
    .process-grid {
        grid-template-columns:repeat(2,1fr)
    }
    .why-detail-grid {
        grid-template-columns:1fr
    }
    .bulk-steps {
        grid-template-columns:1fr
    }
    .footer-cta-inner {
        gap:18px
    }
    .footer-cta h2 {
        font-size:20px
    }
    .footer-grid {
        grid-template-columns:repeat(2,1fr);
        gap:28px 18px
    }
    .footer-grid>div:not(:first-child) {
        border:0;
        padding-left:0
    }
    .footer-about {
        grid-column:1/-1
    }
    .footer-grid h3 {
        font-size:15px
    }
    .copyright {
        line-height:1.7
    }
}
@media(max-width:440px) {
    .container {
        width:90%
    }
    .top-left a {
        font-size:8px
    }
    .category-grid,.catalog-grid {
        grid-template-columns:1fr
    }
    .category-card {
        height:245px
    }
    .catalog-card img {
        height:205px
    }
    .benefit-grid {
        grid-template-columns:1fr 1fr
    }
    .form-row {
        grid-template-columns:1fr;
        gap:0
    }
    .footer-cta-inner {
        align-items:flex-start;
        flex-direction:column
    }
    .footer-cta .btn {
        padding:11px 18px
    }
    .hero-buttons {
        align-items:flex-start;
        flex-direction:column
    }
    .btn-ghost {
        padding:12px 24px
    }
    .quote-panel h2 {
        font-size:27px
    }
}
@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto
    }
    .reveal {
        opacity:1;
        transform:none;
        transition:none
    }
    * {
        animation-duration:.01ms!important;
        transition-duration:.01ms!important
    }
}


/* Readability update: slightly larger, comfortable website typography */
body{font-size:15px}
.topbar{font-size:11px}
.top-left a{font-size:11px}
.nav-links a{font-size:12px}
.btn{font-size:13px}
.btn-small{font-size:12px}
.eyebrow{font-size:11px}
.hero-copy>p,.page-hero-content>p{font-size:16px;line-height:1.75}
.section-intro,.section-heading>p,.story-copy>p,.bridge-text>p,.network-preview>p,.wholesale-grid p,.quote-panel>p{font-size:15px;line-height:1.75}
.category-card p,.catalog-card p,.benefit-card p,.feature-card p,.footer-about p{font-size:14px;line-height:1.7}
.category-card a,.catalog-card a,.text-link{font-size:13px}
.form-row label,.form-group label,.contact-form label{font-size:13px}
input,select,textarea{font-size:14px}
.footer-grid p,.footer-grid a,.copyright{font-size:13px}
@media(max-width:760px){.nav-links a{font-size:14px}.top-left a{font-size:10px}.hero-copy>p,.page-hero-content>p{font-size:15px}}

.legal-footer-links{display:flex;flex-wrap:wrap;gap:10px 18px;padding:18px 0 8px;border-top:px solid #ffffff20;margin-top:18px}.legal-footer-links a{color:#c6d2e3;font-size:11px;text-decoration:none}.legal-footer-links a:hover{color:#fff;text-decoration:underline}.privacy-consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;color:#526078;margin:12px 0}.privacy-consent input{margin-top:4px}.privacy-consent a{color:#17477f;text-decoration:underline}.cookie-notice{position:fixed;z-index:9999;left:18px;right:18px;bottom:18px;max-width:760px;margin:auto;background:#fff;color:#24334b;border:px solid #dce3ec;border-radius:12px;box-shadow:0 12px 40px #061b3d30;padding:17px 19px;display:none}.cookie-notice p{font-size:12px;line-height:1.65;margin:0 0 12px}.cookie-actions{display:flex;gap:9px;flex-wrap:wrap}.cookie-actions button{border:1px solid #cbd5e1;border-radius:6px;padding:8px 13px;background:#fff;color:#10264a;font:600 11px Poppins,Arial;cursor:pointer}.cookie-actions button.primary{background:#061b3d;color:#fff;border-color:#061b3d}.cookie-notice a{color:#17477f}

/* Polished, centered legal links in the footer */
.legal-footer-section {
    width: min(100% - 40px, 1180px);
    margin: 22px auto 0;
    padding: 22px 0 18px;
    border-top: 1px solid rgba(255,255,255,.16);
    text-align: center;
    box-sizing: border-box;
}
.legal-footer-title {
    margin: 0 0 15px;
    color: var(--gold, #d8b56d);
    font: 700 15px var(--serif, Georgia, serif);
    letter-spacing: .04em;
    text-align: center;
}
.legal-footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px 12px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing:border-box;
    text-align: center;
}
.legal-footer-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    min-height: 34px;
    padding: 7px 13px;
   
    border-radius: 999px;
    color: #dbe5f3;
    background: rgba(255,255,255,.045);
    font-size: 11px;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: anywhere;
    box-sizing: border-box;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.legal-footer-links a:hover,
.legal-footer-links a:focus-visible {
    color: #fff;
    background: rgba(255,255,255,.12);
    border-color: var(--gold, #d8b56d);
    outline: none;
}
@media (max-width: 600px) {
    .legal-footer-section {
        width: calc(100% - 30px);
        padding: 19px 0 15px;
    }
    .legal-footer-links {
        gap: 8px;
    }
    .legal-footer-links a {
        min-height: 32px;
        padding: 7px 10px;
        font-size: 10px;
    }
    .copyright {
        padding: 14px 15px;
        line-height: 1.8;
    }
    .copyright span {
        display: block;
        margin: 3px 0 0;
    }
}


/* Contact page: details only, no public enquiry form */
.contact-details-only{grid-template-columns:minmax(0,760px);justify-content:center}
.contact-details-only .contact-info{width:100%;max-width:760px;margin:0 auto}
.contact-details-only .contact-info>p{max-width:620px}
.contact-details-only .contact-method{margin-top:22px}
.product-public-price{font-weight:700;color:#0b6b45;margin-top:12px}