/* Metince public website. Deliberately scoped away from portal and auth screens. */
.site-modern {
    --ink: #191b26;
    --muted: #646877;
    --line: #e4e6ee;
    --soft: #f6f6fa;
    --brand: #222331;
    --brand-dark: #514584;
    --brand-soft: #f0edf8;
    --radius: 24px;
    color: var(--ink);
    background: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif;
}
.site-modern .container { width: min(1240px, calc(100% - 80px)); }
.site-modern .narrow { max-width: 840px; }
.site-modern main { outline: none; }
.site-modern main [id] { scroll-margin-top: 96px; }
.site-modern .button { min-height: 50px; gap: 16px; border-radius: 14px; font-size: 14px; font-weight: 650; background: var(--brand); border-color: var(--brand); color: #fff; box-shadow: none; }
.site-modern .button:hover { background: #434057; border-color: #434057; transform: translateY(-2px); box-shadow: 0 8px 22px #1a123314; }
.site-modern .button-secondary { color: var(--ink); background: #fff; border-color: #dcdde6; }
.site-modern .button-secondary:hover { color: #3e3268; background: #f2f0f8; border-color: #cbc3e0; }
.site-modern .button-light { color: #1e2030; background: #fff; border-color: #fff; }
.site-modern .button-light:hover { color: #302342; background: #ede8fa; border-color: #ede8fa; }
.site-modern :is(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid #9280cc; outline-offset: 4px; }
.site-modern .eyebrow { color: #676176; font-size: 11px; letter-spacing: .16em; font-weight: 650; margin-bottom: 22px; }
.site-modern .eyebrow i { width: 19px; height: 1px; }
.site-modern h1, .site-modern h2, .site-modern h3 { text-wrap: balance; }
.site-modern p { text-wrap: pretty; }
.public-skip-link { position: fixed; top: 10px; left: 20px; z-index: 150; padding: 12px 20px; background: #fff; border-radius: 10px; transform: translateY(-160%); }
.public-skip-link:focus { transform: none; }
.site-modern .site-header { position: sticky; top: 0; z-index: 120; background: #fffffffa; box-shadow: none; border-bottom: 1px solid #e9e9ef; }
.site-modern .header-inner { min-height: 80px; }
.site-modern .site-header .brand-logo { width: 150px; }
.site-modern .main-nav { gap: 4px; }
.site-modern .main-nav > a { color: #505365; font-size: 13px; padding: 10px 13px; font-weight: 550; }
.site-modern .main-nav > a:hover, .site-modern .main-nav > a.active { color: #453961; background: #f1eff6; }
.site-modern .main-nav > .button { min-height: 42px; color: #fff; padding-inline: 19px; border-radius: 12px; }
.site-modern .main-nav > .button:hover { background: #434057; color: #fff; }
.site-modern .main-nav > .nav-login { color: #222331; }

/* The slow ambient color matches the approved login experience. */
.public-ambient { position: relative; isolation: isolate; overflow: hidden; background: #1c1d25; color: #fff; }
.public-ambient::before, .public-ambient::after { content: ""; position: absolute; z-index: 0; inset: -20%; pointer-events: none; width: auto; height: auto; border: 0; border-radius: 0; box-shadow: none; }
.public-ambient::before { background: radial-gradient(ellipse at 82% 18%, #696aba66, transparent 50%), radial-gradient(ellipse at 10% 80%, #377c803d, transparent 48%); animation: public-ambient-cool 26s ease-in-out infinite alternate; }
.public-ambient::after { background: radial-gradient(ellipse at 80% 84%, #a16b874d, transparent 48%), radial-gradient(ellipse at 10% 10%, #aa83552b, transparent 45%); animation: public-ambient-warm 34s ease-in-out -12s infinite alternate; }
.public-ambient > * { position: relative; z-index: 1; }
@keyframes public-ambient-cool { 0% { transform: translate3d(-3%, -2%, 0); opacity: .75; } 100% { transform: translate3d(3%, 5%, 0) scale(1.04); opacity: 1; } }
@keyframes public-ambient-warm { 0% { transform: translate3d(3%, 3%, 0); opacity: .5; } 100% { transform: translate3d(-3%, -4%, 0) scale(1.05); opacity: .85; } }
.site-modern .public-ambient .eyebrow { color: #c8c8db; }
.site-modern .public-hero { padding: 90px 0 96px; }
.public-hero-grid { display: grid; grid-template-columns: 1.13fr .87fr; gap: clamp(40px, 7vw, 108px); align-items: center; }
.site-modern .public-hero h1 { margin: 0; font-size: clamp(50px, 5.4vw, 78px); line-height: 1.035; font-weight: 600; letter-spacing: -.06em; color: #fff; }
.site-modern .public-hero h1 em { font-style: normal; color: #bcb9db; }
.public-hero-copy > p { max-width: 510px; margin: 28px 0 30px; color: #d0cedd; font-size: 17px; line-height: 1.8; }
.site-modern .public-quiet-link { display: inline-flex; align-items: center; gap: 17px; color: #eeedf4; font-size: 14px; padding: 14px 0 14px 8px; }
.public-quiet-link:hover { text-decoration: underline; text-underline-offset: 6px; }
.public-hero-note { display: flex; align-items: center; gap: 9px; margin-top: 37px; color: #aeafc1; font-size: 11px; }
.public-hero-note > span { width: 5px; height: 5px; border-radius: 50%; background: #afb9ce; }
.public-operation-board { padding: 30px; border: 1px solid #ffffff24; border-radius: 28px; background: linear-gradient(135deg, #ffffff13, #ffffff06); box-shadow: 0 26px 75px #07091229; }
.public-board-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 25px; border-bottom: 1px solid #ffffff1c; }
.public-board-head img { width: 116px; height: auto; }
.public-board-head > span { font-size: 8px; color: #ccc9dd; letter-spacing: .12em; }
.site-modern .public-operation-board h2 { margin: 29px 0 9px; font-size: 25px; font-weight: 550; letter-spacing: -.04em; color: #fff; }
.public-operation-board > p { margin: 0 0 25px; color: #c8c6d4; font-size: 12px; }
.public-operation-steps { display: grid; gap: 10px; list-style: none; padding: 0; margin: 0; }
.public-operation-steps li { display: flex; align-items: center; gap: 16px; padding: 17px 16px; border: 1px solid #ffffff13; border-radius: 14px; background: #ffffff07; }
.public-step-number { display: grid; place-items: center; width: 32px; height: 34px; flex: 0 0 32px; border-radius: 9px; background: #b3a7e826; color: #d7d0f3; font-size: 10px; }
.public-operation-steps li:nth-child(2) .public-step-number { background: #83afc526; color: #bfdeeb; }
.public-operation-steps li:nth-child(3) .public-step-number { background: #aacabd26; color: #cfe7d9; }
.public-operation-steps li:nth-child(4) .public-step-number { background: #d3b89826; color: #eddbc8; }
.public-operation-steps strong, .public-operation-steps small { display: block; }
.public-operation-steps strong { color: #f5f4fa; font-size: 13px; font-weight: 550; }
.public-operation-steps small { color: #bebdcc; font-size: 10px; margin-top: 5px; line-height: 1.5; }
.public-step-symbol { margin-left: auto; font-size: 17px; color: #a7a6bb; }
.public-board-foot { display: flex; justify-content: space-between; gap: 15px; margin-top: 23px; color: #aaa9bb; font-size: 10px; }
.public-proof { padding: 38px 0; border-bottom: 1px solid var(--line); background: #fafafd; }
.public-proof-grid { display: grid; grid-template-columns: repeat(3,1fr); }
.public-proof-grid > div { padding: 5px 35px; border-left: 1px solid #e2e2eb; }
.public-proof-grid > div:first-child { padding-left: 0; border-left: 0; }
.public-proof-grid strong { display: block; font-size: 27px; font-weight: 580; letter-spacing: -.04em; }
.public-proof-grid span { display: block; margin-top: 8px; color: var(--muted); font-size: 12px; }

/* Shared rhythm, typography and surfaces for all public sections. */
.site-modern :is(.section, .public-catalog, .dropship-section, .service-story, .integration-showcase, .faq-section, .integration-method) { padding: 96px 0; }
.site-modern :is(.section-heading h2, .catalog-showcase-head h2, .dropship-grid h2, .service-story-intro h2, .integration-copy h2, .faq-section h2, .content-grid h2, .form-grid h2) { font-size: clamp(32px, 3.4vw, 48px); line-height: 1.12; letter-spacing: -.045em; font-weight: 600; color: var(--ink); }
.site-modern .section-heading { max-width: 720px; margin-bottom: 42px; }
.site-modern :is(.section-heading p, .catalog-showcase-head p, .dropship-grid > div > p, .service-story-intro > p, .integration-copy p, .content-grid p, .form-grid > div > p) { color: var(--muted); font-size: 16px; line-height: 1.85; }
.site-modern .section-soft { background: #f6f6fa; }
.site-modern .catalog-showcase-head { display: grid; grid-template-columns: 1fr .8fr; gap: 75px; align-items: end; margin-bottom: 26px; }
.site-modern .catalog-showcase-head p { max-width: 480px; margin: 0 0 4px; }
.site-modern .product-group-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; }
.site-modern .product-group-tags span { padding: 8px 13px; font-size: 11px; color: #656374; border: 1px solid #e5e2ec; border-radius: 9px; background: #faf9fc; }
.site-modern .public-product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; width: 100%; margin: 0; overflow: visible; }
.site-modern .public-product-card { min-width: 0; padding: 10px; border: 1px solid #e9e7f0; border-radius: 20px; box-shadow: none; background: #fff; }
.site-modern .public-product-card figure { height: 235px; border-radius: 13px; background: linear-gradient(135deg,#f3f1f8,#f6f7fb); overflow: hidden; }
.site-modern .public-product-card figure img { width: 100%; height: 100%; object-fit: contain; transition: transform .4s ease; }
.site-modern .public-product-card:hover figure img { transform: scale(1.025); }
.site-modern .public-product-card-copy { padding: 17px 10px 12px; }
.site-modern .public-product-card-copy > span { color: #817394; font-size: 10px; }
.site-modern .public-product-card h3 { font-size: 16px; line-height: 1.5; margin: 8px 0; }
.site-modern .public-product-card small { color: #787585; font-size: 11px; }
.site-modern .catalog-showcase-foot { margin-top: 28px; gap: 22px; }
.site-modern .catalog-showcase-foot > span { font-size: 12px; color: #696676; }
.site-modern .catalog-empty-note { padding: 35px; background: #f7f6fb; border: 1px solid #e5e2ef; border-radius: 18px; }
.site-modern .dropship-section { background: #f4f3f8; color: var(--ink); border: 0; }
.site-modern .dropship-grid { gap: 85px; align-items: center; }
.site-modern .dropship-grid > div:first-child { position: static; }
.site-modern .text-link { color: #54476e; font-size: 14px; font-weight: 650; }
.site-modern .dropship-benefits { gap: 0; border: 0; }
.site-modern .dropship-benefits article { grid-template-columns: 48px minmax(0,1fr); gap: 22px; align-items: start; padding: 26px 0; border: 0; border-bottom: 1px solid #dfdce8; border-radius: 0; background: transparent; }
.site-modern .dropship-benefits article:first-child { padding-top: 0; }
.site-modern .dropship-benefits article:last-child { border-bottom: 0; padding-bottom: 0; }
.site-modern .dropship-benefits article > span { display: grid; place-items: center; width: 48px; height: 48px; align-self: start; color: #77638f; background: #e9e5f2; border: 0; border-radius: 13px; font-size: 13px; line-height: 1; font-weight: 650; letter-spacing: .02em; }
.site-modern .dropship-benefits h3 { color: var(--ink); font-size: 19px; font-weight: 600; }
.site-modern .dropship-benefits p { color: #6a6675; font-size: 14px; line-height: 1.8; }
.site-modern .service-story-grid { grid-template-columns: .85fr 1.15fr; gap: 65px; }
.site-modern .service-story-intro { position: sticky; top: 115px; }
.site-modern .operations-photo { height: auto; margin: 34px 0 0; border-radius: 21px; overflow: hidden; background: #f3f1f8; box-shadow: none; }
.site-modern .operations-photo img { width: 100%; height: 230px; object-fit: cover; object-position: center; }
.site-modern .operations-photo > span { display: none; }
.site-modern .service-list { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; border: 0; }
.site-modern .service-row { display: block; padding: 24px; margin: 0; border: 1px solid #e8e6ef; border-radius: 19px; background: #faf9fc; }
.site-modern .service-plus { display: grid; place-items: center; width: 30px; height: 30px; margin-bottom: 22px; border: 0; border-radius: 9px; color: #756292; background: #ece7f4; font-size: 19px; }
.site-modern .service-row h3 { margin: 0 0 11px; font-size: 17px; font-weight: 600; line-height: 1.4; }
.site-modern .service-row p { color: #6c6777; font-size: 12px; line-height: 1.85; }
.site-modern .integration-showcase { background: #f7f7fb; }
.site-modern .integration-showcase-grid { grid-template-columns: .85fr 1.15fr; gap: 80px; }
.public-channel-stack { padding: 40px 30px 25px; border: 1px solid #e3e0ed; border-radius: 28px; background: linear-gradient(140deg,#fbfaff,#f0eff7); }
.public-channel-center { width: min(310px,100%); display: flex; flex-direction: column; align-items: center; gap: 17px; margin-inline: auto; padding: 25px 16px; background: #fff; border: 1px solid #e3deec; border-radius: 17px; box-shadow: 0 8px 28px #5645700a; }
.public-channel-center img { width: 138px; height: auto; }
.public-channel-center span { color: #71667f; font-size: 11px; text-align: center; }
.public-channel-bridge { width: 1px; height: 37px; background: #c9bfdc; margin-inline: auto; }
.public-channel-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.public-channel-grid > div { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; padding: 21px 10px; gap: 12px; border: 1px solid #e3deec; border-radius: 14px; background: #fff; }
.public-channel-grid img { width: 100%; max-width: 104px; height: 36px; object-fit: contain; }
.public-channel-grid span { color: #716b7a; font-size: 9px; text-align: center; }
.public-channel-stack > p { text-align: center; color: #746c82; font-size: 11px; margin: 25px 0 0; }
.site-modern .conversion-section, .site-modern .cta-section { padding: 72px 0; background: #fff; }
.site-modern .conversion-card, .site-modern .cta-card { padding: 64px; border-radius: 28px; }
.site-modern .conversion-card h2, .site-modern .cta-card h2 { color: #fff; font-size: clamp(34px,3.6vw,48px); font-weight: 550; letter-spacing: -.04em; }
.site-modern .conversion-card p { color: #c7c5d6; max-width: 630px; font-size: 15px; line-height: 1.8; }
.site-modern .conversion-kicker { color: #ccc7df; font-size: 11px; }
.site-modern .faq-section { background: #f7f6fa; color: var(--ink); }
.site-modern .faq-wrap { max-width: 900px; }
.site-modern .faq-section h2 { margin-bottom: 35px; }
.site-modern .faq-list { display: grid; gap: 10px; border: 0; }
.site-modern .faq-list details { border: 1px solid #e5e2ee; border-radius: 16px; background: #fff; padding: 0 25px; }
.site-modern .faq-list summary { padding: 24px 0; color: var(--ink); font-size: 16px; font-weight: 550; }
.site-modern .faq-list summary > span { border-color: #78678e; }
.site-modern .faq-list details p { color: #696573; font-size: 14px; line-height: 1.85; padding-bottom: 24px; margin: 0; }

/* Interior pages retain their content and use the same design vocabulary. */
.site-modern .page-hero { padding: 84px 0 88px; }
.site-modern .page-hero.public-ambient { background: #1c1d25; }
.site-modern .page-hero h1 { font-size: clamp(42px,4.7vw,65px); font-weight: 570; line-height: 1.08; letter-spacing: -.05em; }
.site-modern .page-hero.public-ambient h1 { color: #fff; }
.site-modern .page-hero.public-ambient em { color: #c1badd; }
.site-modern .page-hero p { max-width: 710px; font-size: 16px; line-height: 1.85; }
.site-modern .page-hero.public-ambient p { color: #cecbdd; }
.site-modern .page-hero.public-ambient .button:not(.button-secondary) { background: #fff; border-color: #fff; color: #222331; }
.site-modern .page-hero.public-ambient .button-secondary { background: #ffffff09; border-color: #ffffff38; color: #fff; }
.site-modern .integrations-hero-grid { gap: 70px; grid-template-columns: 1.1fr .9fr; align-items: center; }
.site-modern .integrations-hero .public-channel-stack > p { color: #746c82; font-size: 11px; }
.site-modern .integration-capacity-section { padding: 0; background: #f7f6fb; }
.site-modern .integration-capacity-grid { padding-block: 38px; background: transparent; color: var(--ink); gap: 0; }
.site-modern .integration-capacity-grid article { border-color: #ddd9e8; padding: 12px 26px; min-height: 0; }
.site-modern .integration-capacity-grid article:first-child { padding-left: 0; }
.site-modern .integration-capacity-grid strong { color: #2f2b3d; font-size: 34px; }
.site-modern .integration-capacity-grid span { color: #62566f; }
.site-modern .integration-capacity-grid p { color: #756d81; font-size: 12px; line-height: 1.7; }
.site-modern .platform-card { background: #faf9fc; border: 1px solid #e6e2ee; box-shadow: none; padding: 32px; border-radius: 24px; }
.site-modern .platform-card > span { color: #7c6695; }
.site-modern .platform-logo { margin-bottom: 34px; }
.site-modern .platform-card h3 { font-size: 27px; font-weight: 600; }
.site-modern .platform-card p { color: #6d6776; min-height: 0; line-height: 1.85; }
.site-modern .platform-card li::before { background: #a693bf; }
.site-modern .integration-method { background: #f6f5fa; }
.site-modern .method-steps article { padding: 25px 0; border-color: #e0dce9; }
.site-modern .method-steps article > span { color: #9587aa; font-weight: 500; }
.site-modern .integration-dropship-section { padding: 90px 0; }
.site-modern .integration-dropship-card { padding: 50px; background: #f0edf7; color: var(--ink); border-radius: 26px; }
.site-modern .integration-dropship-card h2 { font-size: 40px; line-height: 1.15; }
.site-modern .integration-dropship-card p { color: #6c627b; }
.site-modern .integration-dropship-list { border-color: #d7cfe3; }
.site-modern .integration-dropship-list span { color: #514660; border-color: #d7cfe3; line-height: 1.7; }
.site-modern .about-content { gap: 80px; align-items: center; }
.site-modern .principles-card { padding: 36px; background: #f4f2f9; box-shadow: none; border: 1px solid #e8e1f0; border-radius: 24px; }
.site-modern .principles-card h3 { font-size: 22px; font-weight: 550; }
.site-modern .check-list { gap: 18px; }
.site-modern .check-list li { color: #625b70; font-size: 14px; line-height: 1.65; }
.site-modern .check-list li::before { color: #70558d; background: #e7dff1; }
.site-modern .about-pillars { gap: 12px; border: 0; background: transparent; overflow: visible; }
.site-modern .about-pillars > div { min-height: 210px; border: 1px solid #e3dfeb; border-radius: 18px; padding: 25px; }
.site-modern .about-pillars b { color: #9a8cac; }
.site-modern .about-pillars span { line-height: 1.7; }
.site-modern .about-dropship { padding: 90px 0 50px; }
.site-modern .about-dropship-grid { background: #f3f0f8; border: 1px solid #e4ddec; border-radius: 26px; color: var(--ink); padding: 48px; gap: 65px; }
.site-modern .about-dropship-grid h2 { color: var(--ink); font-size: 37px; line-height: 1.15; }
.site-modern .about-dropship-grid .eyebrow { color: #81728e; }
.site-modern .about-dropship-grid p { color: #6e647b; line-height: 1.85; }
.site-modern .form-section { background: #f7f6fa; padding-top: 70px; }
.site-modern .form-grid { grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 80px; align-items: start; }
.site-modern .form-card { background: #fff; border: 1px solid #e5e1ed; border-radius: 26px; padding: 36px; box-shadow: 0 14px 50px #27203605; backdrop-filter: none; }
.site-modern .form-card-intro h2 { font-size: 28px; }
.site-modern .form-card-intro p, .site-modern .field-help { color: #716b7c; }
.site-modern .contact-details { display: grid; gap: 0; margin-top: 32px; }
.site-modern .contact-details > div { padding: 24px 0; border-bottom: 1px solid #e1dce9; }
.site-modern .contact-details span { color: #82758e; font-size: 11px; }
.site-modern .contact-details a, .site-modern .contact-details strong { display: block; margin-top: 10px; color: #332b41; font-size: 16px; font-weight: 550; line-height: 1.7; overflow-wrap: anywhere; }
.site-modern .stack-form { gap: 13px; }
.site-modern .stack-form label { color: #51495e; font-size: 12px; font-weight: 600; }
.site-modern .stack-form :is(input:not([type="checkbox"]):not([type="hidden"]), textarea, select) { width: 100%; min-width: 0; min-height: 50px; border: 1px solid #ded9e7; border-radius: 11px; background: #fdfcfe; padding: 12px 14px; color: #282331; font-size: 15px; }
.site-modern .stack-form input:focus, .site-modern .stack-form textarea:focus, .site-modern .stack-form select:focus { border-color: #a491bd; }
.site-modern .stack-form .button { margin-top: 12px; }
.site-modern .number-list li > span { color: #79608f; background: #e9e2f0; border-radius: 12px; }
.site-modern .number-list p { color: #746a7e; line-height: 1.8; }
.site-modern .application-side-note { background: #eee9f5; border: 1px solid #e0d7eb; border-radius: 18px; }
.site-modern .upload-field { background: #f9f7fc; border: 1px dashed #cfc3df; border-radius: 14px; }
.site-modern .checkbox-grid label { background: #f6f3fa; border-radius: 10px; border: 1px solid #e4ddec; }
.site-modern input[type="checkbox"] { accent-color: #79608f; }
.site-modern .consent { line-height: 1.7; }
.site-modern .legal-hero { background: linear-gradient(135deg,#f0ecf8,#f4f7fb); }
.site-modern .legal-hero .eyebrow { color: #8d77a2; }
.site-modern .legal-meta { color: #746380; }
.site-modern .legal-layout { gap: 55px; }
.site-modern .legal-document { min-width: 0; }
.site-modern .legal-document p { color: #625c6d; line-height: 1.9; }
.site-modern .legal-block { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ebe7f0; }
.site-modern .legal-block h2 { font-size: 24px; font-weight: 600; }
.site-modern .legal-contact-card, .site-modern .legal-nav { border: 1px solid #e3dcec; border-radius: 18px; background: #f6f3fa; padding: 24px; }
.site-modern .legal-document-list { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.site-modern .legal-document-list > a { padding: 28px; border: 1px solid #e5dfed; border-radius: 19px; background: #faf8fd; align-items: center; gap: 22px; }
.site-modern .legal-document-list > a:hover { border-color: #b5a4c9; background: #f3edf9; }
.site-modern .legal-document-list h2 { font-size: 21px; line-height: 1.4; }
.site-modern .legal-document-list p { color: #706879; line-height: 1.75; }
.site-modern .legal-document-list em { color: #887198; white-space: nowrap; }

/* Footer is deliberately quiet and carries the complete institutional links. */
.site-modern .site-footer { background: #191a23 !important; padding: 60px 0 24px; border: 0; color: #efedf6; }
.public-footer-intro { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 40px; margin-bottom: 45px; border-bottom: 1px solid #ffffff1a; }
.public-footer-intro > span { color: #f1edf8; font-size: 29px; font-weight: 500; letter-spacing: -.035em; }
.public-footer-intro > a { display: inline-flex; align-items: center; gap: 28px; color: #d7cce9; font-size: 15px; }
.site-modern .footer-grid { grid-template-columns: 1.6fr .8fr .8fr 1fr; gap: 45px; }
.site-modern .footer-grid > div:first-child { grid-column: auto; }
.site-modern .footer-brand .brand-logo { width: 156px; }
.site-modern .footer-grid p { color: #b7b3c6; font-size: 13px; line-height: 1.85; }
.site-modern .footer-grid h3 { color: #ece8f5; font-size: 12px; font-weight: 600; }
.site-modern .footer-grid > div:not(:first-child) a { color: #b7b3c6; font-size: 12px; }
.site-modern .footer-grid a:hover { color: #fff; }
.site-modern .footer-company, .site-modern .footer-address { color: #a7a2b9; line-height: 1.9; }
.site-modern .footer-contact-button { background: #ffffff08; color: #e5dff1 !important; border: 1px solid #ffffff29; border-radius: 10px; padding: 12px 14px; }
.site-modern .footer-bottom { border-color: #ffffff1a; color: #9d97af; font-size: 10px; margin-top: 45px; padding-top: 24px; gap: 20px; }

/* Maintenance entry shares the same ambient identity, without changing access. */
.public-construction { min-height: 100vh; background: #1c1d25; }
.public-construction .construction-grid { display: none; }
.public-construction .construction-copy h1 { color: #fff; }
.public-construction .construction-copy p { color: #c9c6d7; }
.public-construction .construction-copy .eyebrow { color: #bcb7cc; }
.public-construction .construction-features span { color: #d2cbdc; border-color: #ffffff29; background: #ffffff09; }
.public-construction .access-card { color: #20212c; background: #fff; box-shadow: 0 24px 70px #070b1826; }

@media (max-width: 1100px) {
    .site-modern .container { width: min(1240px, calc(100% - 48px)); }
    .public-hero-grid { gap: 40px; }
    .site-modern .public-hero h1 { font-size: 58px; }
    .public-operation-board { padding: 24px; }
    .site-modern .service-story-grid, .site-modern .integration-showcase-grid, .site-modern .form-grid, .site-modern .about-content { gap: 38px; }
    .site-modern .service-row { padding: 20px; }
    .site-modern .footer-grid { gap: 26px; }
}
@media (max-width: 980px) {
    .site-modern .site-header { z-index: 120; }
    .site-modern .header-inner { min-height: 70px; }
    .site-modern .menu-toggle { display: block; border-color: #dfdce6; border-radius: 12px; }
    .site-modern .main-nav { gap: 7px; padding-top: 20px; }
    .site-modern .main-nav > a { padding: 12px 17px; font-size: 15px; }
    .site-modern .main-nav > .button { padding: 13px; }
    .site-modern .main-nav > .nav-login { padding: 16px; }
    .site-modern .public-hero { padding: 64px 0; }
    .public-hero-grid { gap: 36px; grid-template-columns: 1fr 1fr; }
    .site-modern .public-hero h1 { font-size: 48px; }
    .public-hero-copy > p { font-size: 15px; }
    .public-board-head { align-items: flex-start; flex-direction: column; gap: 12px; }
    .public-operation-board { padding: 23px; }
    .public-operation-steps li { gap: 10px; padding: 13px 10px; }
    .public-step-symbol { display: none; }
    .site-modern .catalog-showcase-head { gap: 40px; }
    .site-modern .public-product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .site-modern .service-story-grid { grid-template-columns: 1fr; }
    .site-modern .service-story-intro { position: static; display: grid; grid-template-columns: 1fr 1fr; column-gap: 35px; }
    .site-modern .service-story-intro .eyebrow { grid-column: 1 / -1; }
    .site-modern .service-story-intro h2 { grid-column: 1; }
    .site-modern .service-story-intro > p { grid-column: 1; margin-top: 18px; }
    .site-modern .operations-photo { grid-column: 2; grid-row: 2 / 4; margin: 0; align-self: center; }
    .site-modern .integration-showcase-grid, .site-modern .integrations-hero-grid { grid-template-columns: 1fr; gap: 42px; }
    .site-modern .integrations-hero-grid > div:first-child { max-width: 700px; }
    .public-channel-stack { width: min(600px,100%); }
    .site-modern .platform-card-grid { grid-template-columns: 1fr; }
    .site-modern .integration-capacity-grid { grid-template-columns: repeat(2,1fr); }
    .site-modern .integration-capacity-grid article { padding: 18px 22px; border-bottom: 1px solid #dfd9e9; }
    .site-modern .integration-capacity-grid article:first-child { padding-left: 22px; }
    .site-modern .about-pillars { grid-template-columns: repeat(3,1fr); }
    .site-modern .form-grid { grid-template-columns: 1fr 1.2fr; gap: 30px; }
    .site-modern .field-row { grid-template-columns: 1fr; }
    .site-modern .form-card { padding: 26px; }
    .site-modern .footer-grid { grid-template-columns: repeat(3,1fr); }
    .site-modern .footer-grid > div:first-child { grid-column: 1 / -1; max-width: 600px; }
    .site-modern .legal-layout { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .site-modern .container { width: calc(100% - 40px); }
    .site-modern .site-header .brand-logo { width: 136px; }
    .site-modern .public-hero { padding: 52px 0; }
    .public-hero-grid { grid-template-columns: 1fr; gap: 38px; }
    .site-modern .public-hero h1 { font-size: clamp(43px,10.2vw,66px); }
    .public-hero-copy > p { font-size: 15px; margin: 24px 0; }
    .public-hero-note { margin-top: 25px; }
    .public-operation-board { max-width: 510px; width: 100%; margin-inline: auto; padding: 25px; }
    .public-board-head { align-items: center; flex-direction: row; }
    .public-operation-steps li { padding: 16px 13px; gap: 15px; }
    .public-step-symbol { display: block; }
    .public-proof { padding: 27px 0; }
    .public-proof-grid { grid-template-columns: 1fr; }
    .public-proof-grid > div, .public-proof-grid > div:first-child { padding: 18px 0; border-left: 0; border-bottom: 1px solid #e4e0ed; }
    .public-proof-grid > div:last-child { border: 0; }
    .public-proof-grid strong { font-size: 27px; }
    .site-modern :is(.section, .public-catalog, .dropship-section, .service-story, .integration-showcase, .faq-section, .integration-method) { padding: 62px 0; }
    .site-modern :is(.section-heading h2, .catalog-showcase-head h2, .dropship-grid h2, .service-story-intro h2, .integration-copy h2, .faq-section h2, .content-grid h2, .form-grid h2) { font-size: 34px; }
    .site-modern .catalog-showcase-head { grid-template-columns: 1fr; gap: 14px; }
    .site-modern .catalog-showcase-head p { font-size: 14px; }
    .site-modern .public-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
    .site-modern .public-product-card { padding: 7px; border-radius: 15px; }
    .site-modern .public-product-card figure { height: 190px; }
    .site-modern .public-product-card-copy { padding: 13px 6px 8px; }
    .site-modern .public-product-card h3 { font-size: 14px; }
    .site-modern .catalog-showcase-foot { flex-direction: column; align-items: flex-start; }
    .site-modern .catalog-empty-note { padding: 25px; }
    .site-modern .dropship-grid { grid-template-columns: 1fr; gap: 36px; }
    .site-modern .dropship-benefits article { grid-template-columns: 42px minmax(0,1fr); gap: 16px; }
    .site-modern .dropship-benefits article > span { width: 42px; height: 42px; border-radius: 11px; }
    .site-modern .service-story-intro { display: block; }
    .site-modern .operations-photo { margin-top: 24px; }
    .site-modern .operations-photo img { height: 220px; }
    .site-modern .service-list { gap: 12px; }
    .site-modern .service-row { padding: 22px 18px; }
    .site-modern .service-row h3 { font-size: 16px; }
    .site-modern .service-row p { font-size: 12px; }
    .public-channel-stack { padding: 28px 18px 22px; border-radius: 22px; }
    .public-channel-grid { gap: 7px; }
    .public-channel-grid > div { padding: 18px 8px; border-radius: 11px; }
    .public-channel-grid img { height: 28px; }
    .public-channel-grid span { font-size: 8px; }
    .site-modern .conversion-section, .site-modern .cta-section { padding: 48px 0; }
    .site-modern .conversion-card, .site-modern .cta-card { padding: 36px 26px; gap: 30px; flex-direction: column; align-items: flex-start; border-radius: 23px; }
    .site-modern .conversion-card h2, .site-modern .cta-card h2 { font-size: 34px; }
    .site-modern .page-hero { padding: 60px 0; }
    .site-modern .page-hero h1 { font-size: 43px; }
    .site-modern .page-hero p { font-size: 15px; }
    .site-modern .about-content, .site-modern .form-grid { grid-template-columns: 1fr; gap: 35px; }
    .site-modern .form-card { padding: 26px 22px; border-radius: 20px; }
    .site-modern .form-card-intro h2 { font-size: 27px; }
    .site-modern .form-grid > div > p { font-size: 15px; }
    .site-modern .about-pillars { grid-template-columns: 1fr 1fr; }
    .site-modern .about-pillars > div { min-height: 175px; }
    .site-modern .about-dropship { padding: 60px 0 40px; }
    .site-modern .about-dropship-grid { grid-template-columns: 1fr; gap: 20px; padding: 32px 25px; }
    .site-modern .about-dropship-grid h2 { font-size: 32px; }
    .site-modern .integration-dropship-section { padding: 60px 0; }
    .site-modern .integration-dropship-card { padding: 32px 25px; }
    .site-modern .integration-dropship-card h2 { font-size: 32px; }
    .site-modern .legal-document-list { grid-template-columns: 1fr; }
    .site-modern .legal-document-list > a { padding: 24px; }
    .public-footer-intro { flex-direction: column; align-items: flex-start; gap: 18px; }
    .public-footer-intro > span { font-size: 28px; }
    .site-modern .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px 25px; }
    .site-modern .footer-grid > div:last-child { grid-column: 1 / -1; max-width: 300px; }
    .site-modern .footer-bottom { align-items: flex-start; line-height: 1.8; }
}
@media (max-width: 380px) {
    .site-modern .container { width: calc(100% - 32px); }
    .site-modern .public-hero h1 { font-size: 42px; }
    .site-modern .public-hero .hero-actions { flex-direction: column; align-items: flex-start; }
    .public-operation-board { padding: 20px; }
    .public-board-head > span { font-size: 7px; }
    .site-modern .service-list { grid-template-columns: 1fr; }
    .site-modern .public-product-card figure { height: 150px; }
    .site-modern .page-hero h1 { font-size: 37px; }
    .site-modern .checkbox-grid { grid-template-columns: 1fr; }
    .site-modern .legal-document-list > a { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
    .public-ambient::before, .public-ambient::after { animation: none; transform: none; opacity: .7; }
    .site-modern *, .site-modern *::before, .site-modern *::after { scroll-behavior: auto; transition: none; }
}