/* Cargo Max 1.8 — premium creative-direction layer.
 * Loaded last so the established component architecture remains intact. */

:root {
    --display-xl: clamp(3.2rem, 2rem + 5.2vw, 5.4rem);
    --display-section: clamp(2.25rem, 1.55rem + 3vw, 3.65rem);
    --shadow-premium: 0 32px 80px rgba(18,18,18,.16), 0 8px 24px rgba(18,18,18,.08);
    --gold-glow: 0 14px 38px rgba(247,201,72,.26);
}

body { color: var(--color-text-body); background: #fff; }
.section { position: relative; }
.section__head { max-width: 52rem; }
.section__title { font-size: var(--display-section); letter-spacing: -.035em; line-height: 1.06; text-wrap: balance; }
.section__lead { max-width: 43rem; line-height: 1.75; }
.section__head--center .section__lead { margin-inline: auto; }
.eyebrow { display: inline-flex; align-items: center; gap: .7rem; color: var(--color-primary-hover); font-weight: 750; letter-spacing: .11em; }
.eyebrow::before { content: ''; width: 26px; height: 2px; border-radius: 2px; background: currentColor; }

/* Buttons: depth, sheen and directional movement. */
.btn { position: relative; isolation: isolate; overflow: hidden; min-height: 48px; border-radius: 12px; font-weight: 720; box-shadow: 0 1px 0 rgba(255,255,255,.35) inset; }
.btn::before { content: ''; position: absolute; z-index: -1; inset: 0; transform: translateX(-115%) skewX(-18deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,.32), transparent); transition: transform .55s ease; }
.btn:hover::before { transform: translateX(115%) skewX(-18deg); }
.btn:hover .btn__icon { transform: translateX(3px); }
.btn__icon { transition: transform var(--transition-fast); }
.btn--primary { background: linear-gradient(135deg,#FFD95B,var(--color-primary)); box-shadow: 0 10px 24px rgba(247,201,72,.28), inset 0 1px rgba(255,255,255,.6); }
.btn--primary:hover { box-shadow: 0 16px 34px rgba(247,201,72,.38); transform: translateY(-3px); }
.btn--dark { background: linear-gradient(135deg,#292929,#111); box-shadow: 0 12px 28px rgba(0,0,0,.2); }
.btn--whatsapp { box-shadow: 0 10px 26px rgba(37,211,102,.22); }

/* Hero: near-viewport editorial stage. */
.hero { min-height: min(820px, calc(100svh - var(--topbar-height))); display: grid; align-items: center; background: #151515; color: #fff; }
.hero::before { content: ''; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(90deg,rgba(13,13,13,.94) 0%,rgba(13,13,13,.78) 40%,rgba(13,13,13,.18) 72%,rgba(13,13,13,.08) 100%), linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.38)); }
.hero::after { content: ''; position: absolute; z-index: 1; width: 520px; height: 520px; left: -160px; bottom: -290px; border-radius: 50%; background: rgba(247,201,72,.14); filter: blur(80px); pointer-events: none; }
.hero__inner { position: static; display: block; padding-block: clamp(5rem,10vh,8rem); }
.hero__content { position: relative; z-index: 3; max-width: 720px; }
.hero__eyebrow { color: var(--color-primary); }
.hero__title { max-width: 12ch; margin: 1rem 0 1.35rem; color: #fff; font-size: var(--display-xl); line-height: .98; letter-spacing: -.055em; text-wrap: balance; }
.hero__title-accent { color: var(--color-primary); text-shadow: 0 8px 34px rgba(247,201,72,.22); }
.hero__subtitle { max-width: 57ch; color: rgba(255,255,255,.8); font-size: clamp(1.05rem,.95rem + .55vw,1.28rem); line-height: 1.7; }
.hero__actions { margin-block: 2rem; }
.hero__benefits { max-width: 630px; padding: 1rem 1.15rem; border: 1px solid rgba(255,255,255,.13); border-radius: 16px; background: rgba(255,255,255,.07); box-shadow: inset 0 1px rgba(255,255,255,.08); backdrop-filter: blur(14px); }
.hero__benefits li { color: rgba(255,255,255,.88); }
.hero__visual { position: absolute; inset: 0; z-index: 0; display: block; }
.hero__panel { width: 100%; height: 100%; aspect-ratio: auto; border-radius: 0; box-shadow: none; }
.hero__panel::after { background: linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.28)); }
.hero__photo { object-position: center; }
.hero__panel:hover .hero__photo { transform: scale(1.012); }
.hero__panel-badge { right: max(var(--container-pad),calc((100vw - var(--container-max))/2)); left: auto; bottom: 8%; padding: .9rem 1.15rem; border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.88); box-shadow: var(--shadow-premium); backdrop-filter: blur(18px); }
.hero__panel-badge-num { font-size: 2.3rem; }

/* Carrier rail bridges hero into the narrative. */
.carriers { z-index: 5; padding-block: 0 var(--space-section); background: linear-gradient(180deg,#f7f7f7,#fff); }
.carriers .container { position: relative; margin-top: -34px; padding: clamp(1.4rem,3vw,2rem); border: 1px solid rgba(0,0,0,.07); border-radius: 22px; background: rgba(255,255,255,.96); box-shadow: var(--shadow-premium); }
.carriers .section__head { margin-bottom: 1.5rem; }
.carriers__card { min-height: 104px; justify-content: center; border: 0; border-right: 1px solid var(--color-gray-200); border-radius: 0; background: transparent; padding-inline: 1.35rem; }
.carriers__card:nth-child(4n) { border-right: 0; }
.carriers__card:hover { transform: translateY(-3px); box-shadow: none; border-color: var(--color-gray-200); }
.carriers__dot { width: 22px; height: 4px; border-radius: 4px; }
.carriers__name { font-size: 1.18rem; letter-spacing: -.02em; }

/* Broker value story: asymmetric lead tile. */
.why { overflow: hidden; background: linear-gradient(180deg,#fff 0%,#faf8f2 100%); }
.why::after { content: ''; position: absolute; width: 420px; height: 420px; right: -230px; top: 15%; border: 1px solid rgba(247,201,72,.22); border-radius: 50%; box-shadow: 0 0 0 55px rgba(247,201,72,.04),0 0 0 110px rgba(247,201,72,.025); }
.why__grid { position: relative; z-index: 1; grid-template-columns: repeat(4,1fr); grid-auto-flow: dense; }
.why__card { position: relative; min-height: 230px; overflow: hidden; border: 0; padding: 2rem; box-shadow: 0 18px 45px rgba(24,24,24,.07); }
.why__card:first-child { grid-column: span 2; grid-row: span 2; min-height: 484px; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; background: radial-gradient(500px 280px at 15% 10%,rgba(247,201,72,.27),transparent 60%),linear-gradient(145deg,#292929,#111); }
.why__card:first-child .why__card-title { max-width: 10ch; color: #fff; font-size: clamp(2rem,3vw,3rem); }
.why__card:first-child p { max-width: 34ch; color: rgba(255,255,255,.72); font-size: 1.05rem; line-height: 1.7; }
.why__card:first-child .icon-chip { width: 72px; height: 72px; margin-bottom: auto; color: var(--color-black); background: var(--color-primary); box-shadow: var(--gold-glow); }
.why__card:nth-child(4),.why__card:nth-child(5) { background: var(--color-primary-soft); }
.why__card:hover { transform: translateY(-7px); box-shadow: 0 26px 55px rgba(24,24,24,.12); }
.icon-chip { width: 60px; height: 60px; border-radius: 18px; box-shadow: inset 0 0 0 1px rgba(247,201,72,.2); }
.icon-chip svg { width: 30px; height: 30px; }

/* Sequential route — larger and more sculptural. */
.hiw { background: #fff; }
.hiw__steps { gap: 0; padding: 2.2rem 1.4rem; border-radius: 24px; background: linear-gradient(180deg,#fff,#f7f7f7); box-shadow: 0 24px 65px rgba(20,20,20,.08); }
.hiw__step { padding: 1.25rem 1.5rem; }
.hiw__num { width: 68px; height: 68px; margin-bottom: 1.25rem; border: 8px solid #fff; box-shadow: 0 0 0 1px var(--color-gray-200),var(--gold-glow); }
.hiw__icon svg { width: 30px; height: 30px; }
.hiw__title { font-size: 1.12rem; }
.hiw__step:not(:last-child)::after { top: 47px; left: calc(50% + 42px); right: calc(-50% + 42px); background: linear-gradient(90deg,var(--color-primary),rgba(247,201,72,.2)); }

/* Services: bento rhythm rather than six equal cards. */
.services { background: #111; color: rgba(255,255,255,.72); }
.services .section__title { color: #fff; }
.services .section__lead { color: rgba(255,255,255,.68); }
.services__grid { grid-template-columns: repeat(12,1fr); grid-auto-flow: dense; }
.services__card { grid-column: span 4; min-height: 330px; position: relative; overflow: hidden; border-color: rgba(255,255,255,.1); padding: 2rem; color: #fff; background: linear-gradient(145deg,#242424,#181818); }
.services__card:nth-child(1),.services__card:nth-child(4) { grid-column: span 8; }
.services__card:nth-child(1) { background: radial-gradient(620px 300px at 0% 0%,rgba(247,201,72,.24),transparent 55%),linear-gradient(135deg,#2c2c2c,#111); }
.services__card:nth-child(4) { background: radial-gradient(520px 260px at 100% 100%,rgba(247,201,72,.18),transparent 60%),linear-gradient(145deg,#252525,#151515); }
.services__card-title { color: #fff; font-size: clamp(1.35rem,2vw,1.85rem); }
.services__card-desc { max-width: 46ch; color: rgba(255,255,255,.68); line-height: 1.7; }
.services__best { color: rgba(255,255,255,.55); }
.services__best span,.services__card .link-arrow { color: var(--color-primary); }
.services__card .icon-chip { color: var(--color-primary); background: rgba(247,201,72,.12); }
.services__card:hover { transform: translateY(-8px); border-color: rgba(247,201,72,.5); box-shadow: 0 28px 65px rgba(0,0,0,.34); }
.services__card::after { content: ''; position: absolute; width: 180px; height: 180px; right: -100px; top: -100px; border: 1px solid rgba(247,201,72,.14); border-radius: 50%; transition: transform .5s ease; }
.services__card:hover::after { transform: scale(1.3); }

/* Dark packing story and richer global stage. */
.wws { background: linear-gradient(135deg,#f7f2e5,#fff 55%); }
.wws__card { border: 0; padding: 2.2rem; box-shadow: 0 20px 48px rgba(26,26,26,.08); }
.wws__card:nth-child(2) { transform: translateY(30px); background: var(--color-charcoal); color: #fff; }
.wws__card:nth-child(2) h3,.wws__card:nth-child(2) li { color: #fff; }
.wws__card:nth-child(2) p { color: #cfcfcf; }
.dest { overflow: hidden; background: radial-gradient(800px 400px at 50% -15%,rgba(247,201,72,.16),transparent 65%),#171717; }
.dest::before { content: ''; position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom,black,transparent 85%); }
.dest .container { position: relative; }
.dest__card { min-height: 145px; justify-content: center; background: rgba(255,255,255,.055); backdrop-filter: blur(8px); }
.dest__card:hover { transform: translateY(-6px) scale(1.02); background: rgba(247,201,72,.08); box-shadow: 0 20px 40px rgba(0,0,0,.2); }

/* Business/proof/testimonial chapters. */
.biz { overflow: hidden; }
.biz__inner { padding: clamp(2rem,5vw,4.5rem); border-radius: 28px; background: linear-gradient(135deg,#fff 0%,#fffaf0 100%); box-shadow: var(--shadow-premium); }
.biz__intro .section__title { font-size: var(--display-section); }
.biz__feature { border: 0; border-left: 4px solid var(--color-primary); box-shadow: 0 12px 30px rgba(20,20,20,.06); transition: transform var(--transition-fast),box-shadow var(--transition-fast); }
.biz__feature:hover { transform: translateX(6px); box-shadow: 0 16px 36px rgba(20,20,20,.1); }
.stats { background: var(--color-primary); }
.stats__grid { gap: 0; }
.stats__item { position: relative; padding: 1rem 1.5rem; }
.stats__item:not(:last-child)::after { content: ''; position: absolute; top: 10%; bottom: 10%; right: 0; width: 1px; background: rgba(26,26,26,.2); }
.stats__num { font-size: clamp(3rem,5vw,4.6rem); letter-spacing: -.06em; }
.stats__num span { color: var(--color-black); }
.stats__label { color: rgba(26,26,26,.72); font-weight: 650; }
.tstm { background: #f7f7f7; }
.tstm__grid { grid-template-columns: 1.5fr 1fr; }
.tstm__card { border: 0; padding: 2rem; box-shadow: 0 16px 42px rgba(20,20,20,.07); }
.tstm__card:first-child { grid-row: span 2; display: flex; flex-direction: column; justify-content: center; padding: clamp(2.4rem,5vw,4rem); background: linear-gradient(145deg,#292929,#111); }
.tstm__card:first-child .tstm__quote { color: #fff; font-size: clamp(1.4rem,2.3vw,2rem); line-height: 1.5; }
.tstm__card:first-child .tstm__author strong { color: #fff; }
.tstm__card:first-child .tstm__author small { color: #aaa; }

/* FAQ and final conversion. */
.faq__container { max-width: 920px; }
.faq__accordion { gap: .9rem; }
.faq__item { border: 0; border-radius: 16px; box-shadow: 0 10px 30px rgba(20,20,20,.055); transition: box-shadow .25s ease,transform .25s ease; }
.faq__item[open] { transform: translateY(-2px); box-shadow: 0 18px 42px rgba(20,20,20,.09); }
.faq__question { padding: 1.35rem 1.5rem; font-size: 1.1rem; }
.faq__answer { padding: 0 1.5rem 1.5rem; }
.cta-band { padding-block: clamp(5rem,9vw,8rem); background: radial-gradient(700px 350px at 50% -5%,rgba(247,201,72,.28),transparent 60%),linear-gradient(135deg,#272727,#0d0d0d); }
.cta-band::after { content: ''; position: absolute; inset: 0; opacity: .12; background-image: radial-gradient(circle at center,rgba(255,255,255,.7) 1px,transparent 1.5px); background-size: 30px 30px; mask-image: linear-gradient(90deg,transparent,black,transparent); }
.cta-band__inner { position: relative; z-index: 1; max-width: 880px; }
.cta-band__title { font-size: var(--display-section); letter-spacing: -.04em; }

/* WhatsApp pulse — stops on interaction and for reduced motion. */
.wa-float::after { content: ''; position: absolute; inset: -1px; border: 1px solid rgba(37,211,102,.75); border-radius: inherit; animation: wa-pulse 2.4s ease-out infinite; }
.wa-float:hover::after,.wa-float:focus-visible::after { animation: none; }
@keyframes wa-pulse { 0% { transform: scale(.92); opacity: .75; } 75%,100% { transform: scale(1.35); opacity: 0; } }

/* Page-load choreography is restrained and keeps content visible without JS. */
.hero__content > * { animation: premium-rise .72s cubic-bezier(.2,.75,.2,1) both; }
.hero__content > :nth-child(2) { animation-delay: .08s; }
.hero__content > :nth-child(3) { animation-delay: .16s; }
.hero__content > :nth-child(4) { animation-delay: .24s; }
.hero__content > :nth-child(5) { animation-delay: .32s; }
.hero__visual { animation: premium-image-in 1s cubic-bezier(.2,.75,.2,1) both; }
@keyframes premium-rise { from { opacity: 0; transform: translateY(24px); } }
@keyframes premium-image-in { from { opacity: 0; transform: scale(1.04); } }

@media (max-width: 1100px) {
    .why__grid { grid-template-columns: repeat(2,1fr); }
    .services__card { grid-column: span 6; }
    .services__card:nth-child(1),.services__card:nth-child(4) { grid-column: span 6; }
}
@media (max-width: 900px) {
    .hero { min-height: auto; }
    .hero__inner { padding-block: 5rem 3.5rem; }
    .hero::before { background: linear-gradient(90deg,rgba(13,13,13,.92),rgba(13,13,13,.67)),linear-gradient(180deg,transparent,rgba(0,0,0,.5)); }
    .hero__content { max-width: 650px; text-align: left; }
    .hero__subtitle { margin-inline: 0; }
    .hero__actions { justify-content: flex-start; }
    .hero__benefits { margin-inline: 0; justify-items: start; }
    .hero__panel-badge { display: none; }
    .carriers .container { margin-top: -20px; }
    .carriers__card:nth-child(2n) { border-right: 0; }
    .why__card:first-child { min-height: 390px; }
    .tstm__grid { grid-template-columns: 1fr; }
    .tstm__card:first-child { grid-row: auto; }
}
@media (max-width: 640px) {
    .section { padding-block: clamp(4.5rem,16vw,6rem); }
    .hero__inner { padding-block: 4.5rem 3rem; }
    .hero__title { font-size: clamp(3rem,14vw,4.25rem); }
    .hero__subtitle { font-size: 1rem; }
    .hero__actions .btn { width: 100%; }
    .hero__benefits { grid-template-columns: 1fr; }
    .carriers { padding-bottom: 4.5rem; }
    .carriers .container { width: calc(100% - 24px); padding: 1.25rem; border-radius: 18px; }
    .carriers__grid { grid-template-columns: repeat(2,1fr); }
    .carriers__card { padding: .9rem; border-bottom: 1px solid var(--color-gray-200); }
    .carriers__tag { font-size: .72rem; }
    .why__grid { grid-template-columns: 1fr; }
    .why__card:first-child { grid-column: auto; grid-row: auto; min-height: 410px; }
    .hiw__steps { grid-template-columns: 1fr; padding: 1rem; }
    .hiw__step { display: grid; grid-template-columns: 70px 1fr; gap: .15rem 1rem; text-align: left; }
    .hiw__num { grid-row: span 3; }
    .hiw__icon { margin: 0; }
    .hiw__step p { grid-column: 2; }
    .services__grid { grid-template-columns: 1fr; }
    .services__card,.services__card:nth-child(1),.services__card:nth-child(4) { grid-column: auto; min-height: 300px; }
    .wws__card:nth-child(2) { transform: none; }
    .stats__item:nth-child(2)::after { display: none; }
    .cta-band__actions .btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .wa-float::after { animation: none; }
    .hero__content > *,.hero__visual { animation: none; }
    .hero__photo,.btn::before,.services__card::after { transition: none; }
}

/* Inner-page art direction: carry the homepage story system across the site. */
.page-hero { isolation: isolate; min-height: 430px; display: grid; place-items: center; padding-block: clamp(5rem,10vw,8rem); background: radial-gradient(700px 360px at 75% 0%,rgba(247,201,72,.25),transparent 62%),linear-gradient(135deg,#282828 0%,#0c0c0c 72%); }
.page-hero::before { content: ''; position: absolute; z-index: -1; inset: 0; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(100deg,black,transparent 72%); }
.page-hero::after { content: ''; position: absolute; z-index: -1; width: 360px; height: 360px; right: -120px; bottom: -240px; border: 1px solid rgba(247,201,72,.25); border-radius: 50%; box-shadow: 0 0 0 55px rgba(247,201,72,.04),0 0 0 110px rgba(247,201,72,.025); }
.page-hero__inner { max-width: 68rem; }
.page-hero__title { max-width: 18ch; margin-inline: auto; font-size: clamp(2.8rem,1.8rem + 4vw,5rem); line-height: 1.02; letter-spacing: -.055em; text-wrap: balance; }
.page-hero__description { max-width: 58ch; margin-inline: auto; font-size: clamp(1.05rem,.95rem + .45vw,1.3rem); line-height: 1.75; }
.breadcrumbs { background: rgba(255,255,255,.94); backdrop-filter: blur(12px); }

/* Editorial prose and resource pages. */
.content-area { background: linear-gradient(180deg,#fff,#faf9f5); }
.content-area__inner { max-width: 58rem; }
.prose { font-size: clamp(1.04rem,.99rem + .18vw,1.15rem); }
.prose > p:first-child { color: var(--color-black); font-family: var(--font-heading); font-size: clamp(1.35rem,1.15rem + .65vw,1.75rem); line-height: 1.55; letter-spacing: -.02em; }
.prose blockquote { margin-block: 2.5rem; padding: 1.5rem 1.75rem; border: 0; border-left: 5px solid var(--color-primary); border-radius: 0 16px 16px 0; background: #fff; box-shadow: 0 16px 42px rgba(20,20,20,.07); }
.resource-cat,.post-card { border: 0; box-shadow: 0 14px 40px rgba(20,20,20,.07); }
.resource-cat { min-height: 190px; padding: 2rem; transition: transform .3s ease,box-shadow .3s ease; }
.resource-cat:hover,.post-card:hover { transform: translateY(-7px); box-shadow: 0 26px 58px rgba(20,20,20,.13); }
.post-card__thumb img { transition: transform .7s cubic-bezier(.2,.75,.2,1); }
.post-card:hover .post-card__thumb img { transform: scale(1.045); }
.post-card__thumb--placeholder { background: radial-gradient(450px 230px at 20% 10%,rgba(247,201,72,.3),transparent 60%),linear-gradient(145deg,#292929,#101010); }

/* Services become alternating chapters instead of a repeated specification list. */
.svc-jump { box-shadow: 0 8px 26px rgba(20,20,20,.06); }
.svc-jump__chip { border: 0; background: var(--color-gray-100); transition: transform .2s ease,background .2s ease,box-shadow .2s ease; }
.svc-jump__chip:hover,.svc-jump__chip:focus-visible { transform: translateY(-2px); background: var(--color-primary); box-shadow: var(--gold-glow); }
.svc-jump__inner { scroll-padding-inline: var(--container-pad); scrollbar-width: none; }
.svc-jump__inner::-webkit-scrollbar { display: none; }
.svc-detail { overflow: hidden; padding-block: clamp(5rem,9vw,8rem); }
.svc-detail:nth-child(even) { background: #151515; color: rgba(255,255,255,.72); }
.svc-detail:nth-child(even) .svc-detail__grid { direction: rtl; }
.svc-detail:nth-child(even) .svc-detail__grid > * { direction: ltr; }
.svc-detail:nth-child(even) h2,.svc-detail:nth-child(even) h3,.svc-detail:nth-child(even) .svc-detail__best span,.svc-detail:nth-child(even) .svc-detail__benefits li { color: #fff; }
.svc-detail:nth-child(even) .svc-detail__lead,.svc-detail:nth-child(even) .svc-detail__best,.svc-detail:nth-child(even) .svc-detail__process li { color: rgba(255,255,255,.68); }
.svc-detail__grid { gap: clamp(3rem,8vw,7rem); align-items: center; }
.svc-detail__intro h2 { font-size: clamp(2.35rem,1.7rem + 2.4vw,4rem); letter-spacing: -.045em; line-height: 1.04; }
.svc-detail__intro > .icon-chip { width: 78px; height: 78px; border-radius: 24px; color: var(--color-black); background: var(--color-primary); box-shadow: var(--gold-glow); }
.svc-detail__body { padding: clamp(1.7rem,4vw,3rem); border: 1px solid rgba(0,0,0,.06); border-radius: 24px; background: rgba(255,255,255,.88); box-shadow: var(--shadow-premium); backdrop-filter: blur(12px); }
.svc-detail:nth-child(even) .svc-detail__body { border-color: rgba(255,255,255,.11); background: rgba(255,255,255,.065); box-shadow: 0 30px 70px rgba(0,0,0,.3); }
.svc-detail__process { gap: .9rem; }
.svc-detail__process li { min-height: 40px; padding: .45rem 0 .45rem 3.2rem; }
.svc-detail__process li::before { top: 0; width: 38px; height: 38px; box-shadow: 0 8px 20px rgba(247,201,72,.25); }

/* Conversion pages: tactile forms, stronger reassurance and focus feedback. */
.form-section { position: relative; background: linear-gradient(145deg,#f5f4ef,#fff 55%); }
.form-card,.contact-card { border: 0; border-radius: 24px; box-shadow: var(--shadow-premium); }
.form-card { padding: clamp(1.75rem,5vw,3.5rem); }
.contact-card { color: rgba(255,255,255,.72); background: radial-gradient(440px 260px at 0 0,rgba(247,201,72,.2),transparent 62%),#171717; }
.contact-card strong { color: #fff; }
.contact-card .icon-chip { color: var(--color-black); background: var(--color-primary); box-shadow: var(--gold-glow); }
.contact-map { border: 1px solid rgba(255,255,255,.14); filter: saturate(.72) contrast(1.05); }
.form-group { padding: 1.35rem; border-radius: 18px; background: #fafafa; }
.form-group legend { padding-inline: .35rem; font-size: 1.35rem; }
.form-field input,.form-field select,.form-field textarea { min-height: 52px; border-color: transparent; border-radius: 12px; background: #fff; box-shadow: inset 0 0 0 1px var(--color-gray-200),0 5px 15px rgba(20,20,20,.025); transition: box-shadow .2s ease,transform .2s ease; }
.form-field textarea { min-height: 130px; }
.form-field input:hover,.form-field select:hover,.form-field textarea:hover { box-shadow: inset 0 0 0 1px var(--color-gray-300),0 8px 20px rgba(20,20,20,.05); }
.form-field input:focus,.form-field select:focus,.form-field textarea:focus { transform: translateY(-1px); box-shadow: 0 0 0 4px rgba(247,201,72,.2),0 12px 24px rgba(20,20,20,.08); }
.quote-trust { padding: 1.15rem; border-radius: 14px; background: var(--color-primary-soft); }

/* Calculator, tracking and utility panels share the premium surface language. */
.track-panel,.calc-card,.centered-panel { border-radius: 24px; box-shadow: var(--shadow-premium); }
.track-note { border: 1px solid rgba(59,130,246,.16); box-shadow: 0 10px 28px rgba(30,58,138,.07); }
.error-page__code { color: transparent; background: linear-gradient(135deg,var(--color-primary),#8c6c00); background-clip: text; }

@media (max-width: 860px) {
    .page-hero { min-height: 360px; }
    .svc-detail:nth-child(even) .svc-detail__grid { direction: ltr; }
    .svc-detail__body { padding: 1.5rem; }
    .form-section__grid { gap: 1.25rem; }
}

@media (max-width: 640px) {
    .page-hero { min-height: 330px; padding-block: 4.5rem; }
    .page-hero__title { font-size: clamp(2.55rem,12vw,3.55rem); }
    .hero__title { max-width: 100%; font-size: clamp(2.8rem,12vw,3.25rem); overflow-wrap: anywhere; }
    .svc-detail { padding-block: 3.5rem; }
    .svc-detail__grid { gap: 2rem; }
    .svc-detail__body { padding: 1.25rem; }
    .svc-detail__actions .btn,.form-card > form > .btn { width: 100%; }
    .form-card,.contact-card { border-radius: 18px; padding: 1.25rem; }
    .form-group { padding: 1rem; }
    .site-footer__socials a { width: 44px; height: 44px; }
    .site-footer__links a,.site-footer__contact a,.site-footer__legal-links a { display: inline-flex; align-items: center; min-height: 44px; padding-block: .45rem; }
}

@media (max-width: 360px) {
    .biz__inner { padding: 1.25rem; }
    .biz__intro,.biz__features,.biz__feature { min-width: 0; }
    .biz__intro .btn { width: 100%; white-space: normal; text-align: center; }
    .stats__item { min-width: 0; padding-inline: .35rem; }
    .stats__num { font-size: clamp(2.25rem,13vw,2.75rem); }
}