:root {
    --green: #16a36a;
    --green-dark: #0b7a4e;
    --green-ink: #075f3e;
    --mint: #dff7eb;
    --mint-soft: #f0faf5;
    --ink: #10231d;
    --ink-soft: #40534c;
    --muted: #6f807a;
    --line: #dfe8e3;
    --surface: #ffffff;
    --surface-muted: #f5f8f6;
    --surface-deep: #0d261f;
    --amber: #f6b842;
    --shadow-sm: 0 10px 32px rgba(25, 62, 48, .07);
    --shadow-md: 0 24px 70px rgba(16, 54, 40, .12);
    --radius-sm: 14px;
    --radius: 22px;
    --radius-lg: 32px;
    --shell: 1320px;
    --header-height: 76px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--header-height) + 18px);
}

body {
    margin: 0;
    color: var(--ink);
    background: var(--surface);
    font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body.modal-open,
body.menu-open {
    overflow: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
textarea,
select {
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

button {
    color: inherit;
}

img {
    display: block;
    max-width: 100%;
}

svg {
    width: 1em;
    height: 1em;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.svg-sprite {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.shell {
    width: min(calc(100% - 64px), var(--shell));
    margin: 0 auto;
}

.skip-link {
    position: fixed;
    z-index: 9999;
    top: 10px;
    left: 12px;
    padding: 10px 16px;
    color: #fff;
    background: var(--green-dark);
    border-radius: 10px;
    transform: translateY(-150%);
}

.skip-link:focus {
    transform: translateY(0);
}

.button {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 25px;
    border: 1px solid transparent;
    border-radius: 12px;
    font-weight: 650;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease, color .25s ease;
}

.button svg {
    font-size: 18px;
    transition: transform .25s ease;
}

.button:hover {
    transform: translateY(-2px);
}

.button:hover svg {
    transform: translateX(3px);
}

.button-primary {
    color: #fff;
    background: linear-gradient(135deg, #16aa6f, #0e8d5c);
    box-shadow: 0 13px 30px rgba(22, 163, 106, .24);
}

.button-primary:hover {
    color: #fff;
    box-shadow: 0 18px 36px rgba(22, 163, 106, .31);
}

.button-ghost {
    color: var(--ink);
    background: rgba(255,255,255,.8);
    border-color: #cfddd6;
    backdrop-filter: blur(10px);
}

.button-ghost:hover,
.button-outline:hover {
    color: var(--green-dark);
    background: #fff;
    border-color: var(--green);
}

.button-outline {
    color: var(--green-dark);
    background: transparent;
    border-color: rgba(22, 163, 106, .35);
}

.button-small {
    min-height: 42px;
    padding: 0 18px;
    border-radius: 10px;
    font-size: 14px;
}

.site-header {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--header-height);
    background: rgba(255, 255, 255, .9);
    border-bottom: 1px solid rgba(209, 224, 216, .72);
    backdrop-filter: blur(20px) saturate(155%);
    transition: box-shadow .25s ease, background .25s ease;
}

.site-header.scrolled {
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 10px 30px rgba(20, 55, 43, .07);
}

.header-inner {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 28px;
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    flex: 0 0 auto;
}

.brand-mark {
    position: relative;
    width: 41px;
    height: 41px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 13px;
    background: linear-gradient(145deg, #20bc7d, #087b4f);
    box-shadow: 0 9px 23px rgba(13, 132, 84, .22);
}

.brand-mark::before,
.brand-mark::after,
.brand-mark span::before {
    content: "";
    position: absolute;
    border-radius: 99px;
    background: #fff;
    transform-origin: bottom center;
}

.brand-mark::before {
    width: 7px;
    height: 20px;
    left: 15px;
    bottom: 8px;
    transform: rotate(-34deg);
}

.brand-mark::after {
    width: 7px;
    height: 19px;
    right: 13px;
    bottom: 8px;
    transform: rotate(36deg);
}

.brand-mark span::before {
    width: 5px;
    height: 22px;
    left: 18px;
    bottom: 5px;
    transform: rotate(2deg);
    opacity: .86;
}

.brand-copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.brand-copy strong {
    display: flex;
    align-items: baseline;
    gap: 7px;
    font-size: 18px;
    line-height: 1;
    letter-spacing: -.02em;
}

.brand-copy strong em {
    font-size: 11px;
    font-weight: 650;
    font-style: normal;
    color: var(--green-dark);
    letter-spacing: .04em;
}

.brand-copy small {
    color: #83918b;
    font-size: 8px;
    line-height: 1;
    letter-spacing: .16em;
}

.site-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(17px, 2vw, 30px);
    margin: 0 auto;
}

.site-nav a {
    position: relative;
    padding: 27px 0 25px;
    color: #405049;
    font-size: 14px;
    white-space: nowrap;
    transition: color .2s ease;
}

.site-nav a::after {
    content: "";
    position: absolute;
    right: 50%;
    bottom: 18px;
    left: 50%;
    height: 2px;
    border-radius: 9px;
    background: var(--green);
    transition: right .25s ease, left .25s ease;
}

.site-nav a:hover,
.site-nav a.active {
    color: var(--green-dark);
}

.site-nav a:hover::after,
.site-nav a.active::after {
    right: 15%;
    left: 15%;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 17px;
    flex: 0 0 auto;
}

.login-link {
    color: #3d4d46;
    font-size: 14px;
    white-space: nowrap;
}

.login-link:hover {
    color: var(--green-dark);
}

.mobile-menu-toggle {
    display: none;
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 0;
    border-radius: 11px;
    background: var(--surface-muted);
    cursor: pointer;
}

.mobile-menu-toggle span {
    width: 20px;
    height: 2px;
    display: block;
    margin: 4px auto;
    border-radius: 4px;
    background: var(--ink);
    transition: transform .25s ease, opacity .25s ease;
}

.nav-progress {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    overflow: hidden;
}

.nav-progress span {
    width: 0;
    height: 100%;
    display: block;
    background: linear-gradient(90deg, var(--green), #67d9a8);
}

.hero {
    position: relative;
    min-height: 820px;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: calc(var(--header-height) + 78px) 0 86px;
    background:
        linear-gradient(rgba(22, 163, 106, .028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(22, 163, 106, .028) 1px, transparent 1px),
        radial-gradient(circle at 78% 44%, #e8fbf2 0, rgba(232,251,242,.62) 28%, transparent 52%),
        linear-gradient(180deg, #fbfefc, #f7fbf9);
    background-size: 42px 42px, 42px 42px, auto, auto;
}

.hero::after {
    content: "";
    position: absolute;
    right: -120px;
    bottom: -250px;
    width: 620px;
    height: 620px;
    border: 1px solid rgba(22, 163, 106, .12);
    border-radius: 50%;
    box-shadow: 0 0 0 55px rgba(22, 163, 106, .025), 0 0 0 110px rgba(22, 163, 106, .018);
}

.hero-orb {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(2px);
}

.hero-orb-one {
    top: 145px;
    left: -90px;
    width: 240px;
    height: 240px;
    background: radial-gradient(circle at 65% 30%, rgba(55, 211, 146, .16), rgba(55, 211, 146, 0) 70%);
}

.hero-orb-two {
    top: 112px;
    right: 6%;
    width: 180px;
    height: 180px;
    border: 1px dashed rgba(22,163,106,.16);
}

.hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(560px, 1.12fr);
    align-items: center;
    gap: clamp(42px, 5vw, 82px);
}

.hero-copy {
    max-width: 610px;
}

.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 13px;
    color: var(--green-dark);
    background: rgba(222, 248, 235, .78);
    border: 1px solid rgba(22, 163, 106, .15);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 650;
    letter-spacing: .04em;
}

.eyebrow-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 0 5px rgba(22,163,106,.12);
}

.hero h1 {
    max-width: 580px;
    margin: 25px 0 22px;
    color: #0c231b;
    font-size: clamp(48px, 5vw, 72px);
    line-height: 1.12;
    letter-spacing: -.055em;
}

.hero-subtitle {
    margin: 0 0 16px;
    color: #314a40;
    font-size: clamp(18px, 1.65vw, 22px);
    line-height: 1.75;
}

.hero-description {
    max-width: 590px;
    margin: 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.85;
}

.hero-actions {
    display: flex;
    gap: 14px;
    margin-top: 32px;
}

.hero-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 22px;
    margin-top: 30px;
    color: #53675f;
    font-size: 13px;
}

.hero-proof span {
    display: flex;
    align-items: center;
    gap: 6px;
}

.hero-proof svg {
    color: var(--green);
    font-size: 15px;
    stroke-width: 2.4;
}

.hero-visual {
    position: relative;
    min-height: 570px;
    isolation: isolate;
}

.visual-glow {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 52%;
    width: 500px;
    height: 430px;
    border-radius: 50%;
    background: rgba(102, 221, 166, .26);
    filter: blur(70px);
    transform: translate(-50%, -50%);
}

.desktop-device {
    position: absolute;
    top: 28px;
    right: 0;
    width: 88%;
    height: 430px;
    overflow: hidden;
    border: 1px solid rgba(202, 219, 211, .9);
    border-radius: 19px;
    background: #f2f6f4;
    box-shadow: 0 42px 90px rgba(12, 67, 43, .19), 0 4px 12px rgba(9, 43, 31, .08);
    transform: perspective(1200px) rotateY(-3deg) rotateX(1deg);
}

.desktop-topbar {
    height: 43px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    color: #687870;
    background: #fff;
    border-bottom: 1px solid #e5ece8;
    font-size: 11px;
}

.window-dots {
    display: flex;
    gap: 5px;
    margin-right: 35px;
}

.window-dots i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d4ddd8;
}

.window-dots i:first-child {background: #ff7b71;}
.window-dots i:nth-child(2) {background: #ffd168;}
.window-dots i:nth-child(3) {background: #5ed494;}

.desktop-user {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-left: auto;
}

.desktop-user i {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: linear-gradient(145deg, #cfede0, #79c9a5);
}

.desktop-body {
    height: calc(100% - 43px);
    display: grid;
    grid-template-columns: 62px 1fr;
}

.mock-sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 16px 0;
    background: #123d30;
}

.mock-sidebar b {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    margin-bottom: 10px;
    color: white;
    background: var(--green);
    border-radius: 9px;
}

.mock-sidebar b svg {font-size: 17px;}

.mock-sidebar i {
    width: 19px;
    height: 6px;
    border-radius: 6px;
    background: rgba(255,255,255,.24);
}

.mock-sidebar i.on {
    width: 30px;
    height: 24px;
    background: rgba(61, 215, 151, .25);
    box-shadow: inset 4px 0 0 #5fdaa7;
}

.mock-dashboard {
    padding: 19px 21px;
    overflow: hidden;
}

.mock-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mock-heading div {display: flex;flex-direction: column;gap: 3px;}
.mock-heading small {color: #9ba9a2;font-size: 9px;}
.mock-heading strong {font-size: 15px;}
.mock-heading button {padding: 6px 10px;color: #fff;background: var(--green);border: 0;border-radius: 6px;font-size: 8px;}

.mock-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 14px;
}

.mock-metrics div {
    display: grid;
    gap: 7px;
    padding: 12px;
    background: #fff;
    border: 1px solid #e6ede9;
    border-radius: 10px;
}

.mock-metrics span {color: #87958e;font-size: 8px;}
.mock-metrics strong {font-size: 16px;letter-spacing: -.02em;}
.mock-metrics small {color: var(--green);font-size: 7px;}
.mock-metrics small.amber {color: #d49521;}

.mock-chart {
    height: 152px;
    margin-top: 11px;
    padding: 12px 14px 10px;
    background: #fff;
    border: 1px solid #e6ede9;
    border-radius: 11px;
}

.chart-label {
    display: flex;
    justify-content: space-between;
    color: #6d7e76;
    font-size: 8px;
}

.chart-label small {color: #a2aea8;font-size: 7px;}

.chart-bars {
    height: 108px;
    display: flex;
    align-items: flex-end;
    gap: 13px;
    padding: 8px 10px 0;
    background: repeating-linear-gradient(to top, #eef3f0 0 1px, transparent 1px 26px);
}

.chart-bars i {
    width: 17px;
    height: 42%;
    display: block;
    border-radius: 5px 5px 2px 2px;
    background: linear-gradient(180deg, #55d09c, #1ca56e);
}

.chart-bars i:nth-child(2) {height: 57%;}
.chart-bars i:nth-child(3) {height: 45%;}
.chart-bars i:nth-child(4) {height: 70%;}
.chart-bars i:nth-child(5) {height: 62%;}
.chart-bars i:nth-child(6) {height: 86%;}
.chart-bars i:nth-child(7) {height: 76%;}

.mock-orders {
    display: grid;
    gap: 6px;
    margin-top: 10px;
}

.mock-orders span {
    height: 8px;
    border-radius: 5px;
    background: linear-gradient(90deg, #dfe7e3 0 22%, transparent 22% 27%, #edf2ef 27% 55%, transparent 55% 60%, #edf2ef 60% 79%, transparent 79% 84%, #dff5e9 84%);
}

.configured-screen {
    width: 100%;
    height: calc(100% - 43px);
    object-fit: cover;
    object-position: top center;
}

.phone-device {
    position: absolute;
    z-index: 3;
    bottom: 15px;
    left: 0;
    width: 206px;
    height: 423px;
    padding: 8px;
    overflow: hidden;
    border: 2px solid #153c30;
    border-radius: 31px;
    background: #09291f;
    box-shadow: 0 32px 60px rgba(8, 50, 35, .27);
    transform: rotate(-2deg);
}

.phone-speaker {
    position: absolute;
    z-index: 5;
    top: 12px;
    left: 50%;
    width: 64px;
    height: 16px;
    border-radius: 0 0 11px 11px;
    background: #09291f;
    transform: translateX(-50%);
}

.phone-device > .configured-screen {
    height: 100%;
    border-radius: 23px;
    object-fit: cover;
}

.phone-screen {
    height: 100%;
    overflow: hidden;
    border-radius: 22px;
    background: #f6f8f6;
}

.mini-status {
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 10px 0;
    color: #3b5148;
    font-size: 7px;
}

.mini-status b {font-size: 7px;font-weight: 600;}
.mini-status i {font-size: 6px;font-style: normal;letter-spacing: 1px;}

.mini-location {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    color: #243e34;
    background: #fff;
    font-size: 7px;
}

.mini-banner {
    height: 78px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    margin: 8px;
    padding: 11px;
    color: #fff;
    border-radius: 11px;
    background: radial-gradient(circle at 85% 20%, rgba(255,255,255,.2), transparent 32%), linear-gradient(135deg, #158f5e, #3fc98c);
}

.mini-banner small {font-size: 6px;opacity: .75;}
.mini-banner strong {font-size: 10px;}
.mini-banner span {width: fit-content;padding: 3px 6px;color: var(--green-dark);background: white;border-radius: 5px;font-size: 6px;}

.mini-categories {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    padding: 1px 9px 8px;
}

.mini-categories i {
    display: grid;
    place-items: center;
    height: 25px;
    color: #4d6058;
    background: #e7f4ed;
    border-radius: 7px;
    font-size: 6px;
    font-style: normal;
}

.mini-products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    padding: 0 9px;
}

.mini-products > div {
    min-height: 78px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2px;
    padding: 6px;
    background: #fff;
    border-radius: 8px;
}

.mini-products .produce {grid-column: 1 / -1;height: 39px;border-radius: 6px;}
.mini-products span {color: #41554c;font-size: 6px;}
.mini-products strong {color: #ed7055;font-size: 6px;}
.produce-leaf {background: radial-gradient(ellipse at 60% 50%, #8ad56b 0 28%, transparent 30%), radial-gradient(ellipse at 35% 58%, #59bb58 0 25%, transparent 27%), #edf7e9;}
.produce-orange {background: radial-gradient(circle at 42% 55%, #f7aa35 0 24%, transparent 26%), radial-gradient(circle at 66% 46%, #f6bf45 0 20%, transparent 22%), #fff7df;}
.produce-tomato {background: radial-gradient(circle at 42% 55%, #e85b49 0 24%, transparent 26%), radial-gradient(circle at 66% 47%, #f1795f 0 20%, transparent 22%), #fff0ec;}
.produce-grape {background: radial-gradient(circle at 44% 52%, #9c78c7 0 11%, transparent 13%), radial-gradient(circle at 58% 47%, #7657aa 0 11%, transparent 13%), radial-gradient(circle at 51% 67%, #8d68ba 0 11%, transparent 13%), #f3eef9;}

.mini-tabbar {
    position: absolute;
    right: 8px;
    bottom: 8px;
    left: 8px;
    height: 34px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    background: rgba(255,255,255,.95);
    border-radius: 0 0 22px 22px;
}

.mini-tabbar i {color: #8c9893;font-size: 6px;font-style: normal;text-align: center;}
.mini-tabbar i.active {color: var(--green);font-weight: 700;}

.merchant-float {
    position: absolute;
    z-index: 4;
    right: 14px;
    bottom: 50px;
    min-width: 244px;
    min-height: 88px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 14px 17px;
    overflow: hidden;
    color: #213c31;
    background: rgba(255,255,255,.93);
    border: 1px solid rgba(198, 221, 210, .94);
    border-radius: 15px;
    box-shadow: 0 20px 40px rgba(15, 70, 49, .16);
    backdrop-filter: blur(12px);
}

.merchant-float > .configured-screen {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;}
.merchant-icon {width: 45px;height: 45px;display:grid;place-items:center;flex:0 0 auto;color:var(--green-dark);background:#e1f7eb;border-radius:12px;}
.merchant-icon svg {font-size: 23px;}
.merchant-float > div:last-child {display:flex;flex-direction:column;gap:5px;}
.merchant-float small {color:#819089;font-size:9px;}
.merchant-float strong {font-size:12px;}
.merchant-float span {color:#73847c;font-size:8px;}
.merchant-float span i {width:6px;height:6px;display:inline-block;border-radius:50%;background:#f1b63d;}

.visual-caption {
    position: absolute;
    right: 16px;
    bottom: 14px;
    color: #93a19b;
    font-size: 9px;
}

.trust-section {
    position: relative;
    z-index: 5;
    background: #fff;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.trust-item {
    min-height: 126px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 25px 24px;
    border-right: 1px solid var(--line);
}

.trust-item:last-child {border-right: 0;}
.trust-item > strong {color: var(--green-dark);font-size: 31px;letter-spacing: -.04em;}
.trust-item > div {display:flex;flex-direction:column;gap:5px;}
.trust-item b {font-size: 14px;}
.trust-item span {color: var(--muted);font-size: 11px;line-height:1.45;}

.section {
    padding: 112px 0;
}

.section-muted {
    background: var(--surface-muted);
}

.section-heading {
    max-width: 730px;
    margin-bottom: 52px;
}

.section-heading > span,
.section-heading > div > span,
.faq-intro > span {
    display: block;
    margin-bottom: 13px;
    color: var(--green-dark);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .18em;
}

.section-heading h2,
.faq-intro h2 {
    margin: 0;
    font-size: clamp(34px, 3.5vw, 50px);
    line-height: 1.22;
    letter-spacing: -.04em;
}

.section-heading p,
.faq-intro p {
    max-width: 650px;
    margin: 17px 0 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.8;
}

.section-heading-center {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.section-heading-center p {margin-right:auto;margin-left:auto;}

.section-heading-split {
    max-width: none;
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    align-items: end;
    gap: 50px;
}

.section-heading-split p {
    max-width: 560px;
    margin: 0 0 4px auto;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.product-card {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e0e9e4;
    border-radius: var(--radius);
    box-shadow: 0 4px 0 rgba(23, 65, 49, .02);
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.product-card:hover {
    transform: translateY(-8px);
    border-color: rgba(22,163,106,.3);
    box-shadow: var(--shadow-md);
}

.product-card-top {
    position: absolute;
    z-index: 3;
    top: 18px;
    right: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
}

.product-card-top span {color: rgba(255,255,255,.66);font-size:12px;font-weight:750;letter-spacing:.1em;}
.product-card-top small {padding:5px 9px;color:#fff;background:rgba(5,71,44,.3);border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:9px;backdrop-filter:blur(8px);}

.product-visual {
    position: relative;
    height: 285px;
    overflow: hidden;
    background: linear-gradient(135deg, #0c6946, #20b576);
}

.product-visual::before,
.product-visual::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.12);
}

.product-visual::before {width:280px;height:280px;right:-90px;top:-70px;box-shadow:0 0 0 28px rgba(255,255,255,.025);}
.product-visual::after {width:160px;height:160px;left:-70px;bottom:-85px;box-shadow:0 0 0 25px rgba(255,255,255,.025);}
.product-platform .product-visual {background:linear-gradient(135deg,#124e3d,#173d35);}
.product-merchant .product-visual {background:linear-gradient(135deg,#0b8254,#34b67d);}

.product-phone {
    position: absolute;
    top: 42px;
    left: 50%;
    width: 128px;
    height: 240px;
    padding: 7px;
    border: 2px solid rgba(255,255,255,.86);
    border-radius: 24px;
    background: #0a3a29;
    box-shadow: 0 20px 35px rgba(0,0,0,.22);
    transform: translateX(-50%) rotate(5deg);
}

.product-phone > i {position:absolute;z-index:2;top:9px;left:50%;width:43px;height:10px;border-radius:0 0 8px 8px;background:#0a3a29;transform:translateX(-50%);}
.product-phone > div {height:100%;padding:28px 8px 8px;border-radius:17px;background:#f5fbf7;}
.product-phone b {height:50px;display:block;border-radius:9px;background:linear-gradient(135deg,#5ad29c,#138b5b);}
.product-phone span {height:28px;display:block;margin-top:9px;border-radius:7px;background:linear-gradient(90deg,#dcebe3 35%,#edf4f0 35%);}

.product-fresh-chip {position:absolute;right:38px;bottom:38px;display:flex;align-items:center;gap:6px;padding:9px 11px;color:var(--green-dark);background:#fff;border-radius:10px;box-shadow:0 12px 20px rgba(0,0,0,.15);font-size:9px;font-weight:700;}
.product-fresh-chip svg {font-size:15px;}

.product-console {position:absolute;right:25px;bottom:24px;left:25px;height:205px;display:grid;grid-template-columns:39px 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.4);border-radius:12px;background:#f4f7f5;box-shadow:0 20px 35px rgba(0,0,0,.22);transform:perspective(900px) rotateX(3deg) rotateY(-4deg);}
.product-console aside {display:flex;flex-direction:column;align-items:center;gap:17px;padding-top:18px;background:#0b2f26;}
.product-console aside i {width:14px;height:4px;border-radius:4px;background:rgba(255,255,255,.35);}
.product-console aside i:first-child {width:21px;height:21px;background:var(--green);border-radius:7px;}
.product-console main {padding:16px;}
.product-console main > span {width:32%;height:7px;display:block;border-radius:4px;background:#c7d5ce;}
.product-console main > div {display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:13px;}
.product-console main > div i {height:45px;border-radius:7px;background:#fff;border:1px solid #e0e7e3;}
.product-console main b {height:73px;display:block;margin-top:8px;border-radius:8px;background:repeating-linear-gradient(to top,#eaf0ed 0 1px,transparent 1px 18px),linear-gradient(135deg,transparent 49%,#39b77e 50% 52%,transparent 53%);}
.product-console main em {height:6px;display:block;margin-top:8px;background:linear-gradient(90deg,#d7e2dc 22%,transparent 22% 27%,#d7e2dc 27% 55%,transparent 55% 60%,#d7e2dc 60%);}

.product-merchant-ui {position:absolute;right:30px;bottom:25px;left:30px;height:205px;overflow:hidden;border:1px solid rgba(255,255,255,.4);border-radius:14px;background:#f8fbf9;box-shadow:0 20px 35px rgba(0,0,0,.18);}
.product-merchant-ui header {height:34px;display:flex;align-items:center;gap:8px;padding:0 11px;background:#fff;border-bottom:1px solid #e4ebe7;}
.product-merchant-ui header i {width:18px;height:18px;border-radius:6px;background:var(--green);}
.product-merchant-ui header span {width:40%;height:6px;border-radius:4px;background:#d6e2dc;}
.product-merchant-ui > div {display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:16px 12px 10px;}
.product-merchant-ui b {height:77px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green-dark);background:#fff;border:1px solid #e2eae6;border-radius:9px;}
.product-merchant-ui b svg {font-size:27px;}
.product-merchant-ui footer {display:grid;gap:7px;padding:0 12px;}
.product-merchant-ui footer i {height:7px;border-radius:5px;background:linear-gradient(90deg,#d9e3de 18%,transparent 18% 23%,#e7eeea 23% 67%,transparent 67% 74%,#dff4e9 74%);}

.product-content {padding:28px 28px 30px;}
.product-content h3 {margin:0;font-size:24px;letter-spacing:-.03em;}
.product-content > p {min-height:79px;margin:14px 0 19px;color:var(--muted);font-size:14px;line-height:1.85;}
.tag-list {min-height:94px;display:flex;align-content:flex-start;flex-wrap:wrap;gap:8px;}
.tag-list span {padding:6px 9px;color:#50645b;background:#f3f7f5;border-radius:7px;font-size:11px;}
.text-link {display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:var(--green-dark);font-size:14px;font-weight:700;}
.text-link svg {font-size:17px;transition:transform .25s ease;}
.text-link:hover svg {transform:translateX(4px);}

.platform-notice {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    max-width: 720px;
    margin: 34px auto 0;
    padding: 17px 22px;
    color: #375248;
    background: #e8f7ef;
    border: 1px solid #cdebdc;
    border-radius: 14px;
}

.platform-notice > svg {flex:0 0 auto;color:#09a762;font-size:26px;}
.platform-notice > div {display:flex;flex-direction:column;gap:4px;}
.platform-notice strong {font-size:13px;}
.platform-notice span {color:#6d8178;font-size:11px;line-height:1.55;}

.feature-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:17px;}
.feature-card {position:relative;min-height:294px;padding:28px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;}
.feature-card::after {content:"";position:absolute;right:-40px;bottom:-40px;width:100px;height:100px;border:1px solid rgba(22,163,106,.12);border-radius:50%;box-shadow:0 0 0 18px rgba(22,163,106,.025);transition:transform .3s ease;}
.feature-card:hover {color:#fff;background:linear-gradient(145deg,#11885a,#0b714a);border-color:transparent;box-shadow:0 20px 45px rgba(15,119,78,.22);transform:translateY(-6px);}
.feature-card:hover::after {border-color:rgba(255,255,255,.15);box-shadow:0 0 0 18px rgba(255,255,255,.04);transform:scale(1.2);}
.feature-icon {width:48px;height:48px;display:grid;place-items:center;color:var(--green-dark);background:#e5f7ed;border-radius:13px;transition:background .28s ease,color .28s ease;}
.feature-icon svg {font-size:24px;}
.feature-number {position:absolute;top:29px;right:28px;color:#a7b5ae;font-size:11px;font-weight:750;letter-spacing:.12em;}
.feature-card h3 {margin:30px 0 12px;font-size:20px;letter-spacing:-.02em;}
.feature-card p {margin:0;color:var(--muted);font-size:13px;line-height:1.8;transition:color .28s ease;}
.feature-more {position:absolute;bottom:25px;left:28px;display:flex;align-items:center;gap:7px;color:var(--green-dark);font-size:11px;font-weight:700;opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease,color .28s ease;}
.feature-more svg {font-size:14px;}
.feature-card:hover .feature-icon {color:#fff;background:rgba(255,255,255,.14);}
.feature-card:hover .feature-number,.feature-card:hover p {color:rgba(255,255,255,.7);}
.feature-card:hover .feature-more {color:#fff;opacity:1;transform:translateY(0);}

.solution-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.solution-card {display:grid;grid-template-columns:45% 55%;min-height:320px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:transform .3s ease,box-shadow .3s ease;}
.solution-card:hover {transform:translateY(-6px);box-shadow:var(--shadow-md);}
.solution-visual {min-height:100%;overflow:hidden;}
.solution-visual > img {width:100%;height:100%;object-fit:cover;}
.solution-scene {position:relative;height:100%;min-height:318px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;overflow:hidden;color:#fff;background:linear-gradient(145deg,#0e6848,#24aa73);}
.solution-card:nth-child(2) .solution-scene {background:linear-gradient(145deg,#174b43,#2a7c67);}
.solution-card:nth-child(3) .solution-scene {background:linear-gradient(145deg,#176f5b,#39b087);}
.solution-card:nth-child(4) .solution-scene {background:linear-gradient(145deg,#103e35,#157457);}
.scene-grid {position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);}
.solution-scene > b {position:relative;z-index:2;width:84px;height:84px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:25px;background:rgba(255,255,255,.12);box-shadow:0 18px 40px rgba(0,0,0,.18);backdrop-filter:blur(8px);}
.solution-scene > b svg {font-size:40px;}
.solution-scene > small {position:relative;z-index:2;padding:6px 10px;background:rgba(3,47,32,.3);border-radius:999px;font-size:9px;letter-spacing:.12em;}
.scene-orbit {position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;}
.scene-orbit.one {width:210px;height:210px;}
.scene-orbit.two {width:270px;height:270px;border-style:dashed;}
.solution-content {display:flex;flex-direction:column;justify-content:center;padding:34px;}
.solution-content > span {color:var(--green-dark);font-size:10px;font-weight:750;letter-spacing:.14em;}
.solution-content h3 {margin:11px 0 13px;font-size:24px;letter-spacing:-.03em;}
.solution-content p {margin:0;color:var(--muted);font-size:13px;line-height:1.82;}
.solution-content .text-link {margin-top:24px;}

.advantages-section {background:linear-gradient(180deg,#fff,#f9fcfa);}
.advantage-list {display:grid;gap:42px;}
.advantage-row {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(50px,8vw,115px);}
.advantage-row:nth-child(even) .advantage-art {order:2;}
.advantage-row:nth-child(even) .advantage-copy {order:1;padding-left:9%;}
.advantage-art {position:relative;min-height:380px;display:grid;place-items:center;overflow:hidden;border:1px solid #dce8e2;border-radius:var(--radius-lg);background:linear-gradient(145deg,#f0faf5,#e4f5ec);}
.advantage-row:nth-child(2n) .advantage-art {background:linear-gradient(145deg,#edf7f3,#f7fbf9);}
.advantage-art::before {content:"";position:absolute;inset:0;background:linear-gradient(rgba(22,163,106,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(22,163,106,.045) 1px,transparent 1px);background-size:34px 34px;}
.advantage-art-inner {position:relative;width:240px;height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green-dark);border-radius:50%;background:rgba(255,255,255,.75);box-shadow:0 30px 65px rgba(28,104,73,.12);}
.advantage-art-inner > svg {font-size:72px;}
.advantage-art-inner > small {position:absolute;right:50%;bottom:-12px;min-width:220px;padding:10px 14px;color:#36594a;background:#fff;border:1px solid #d6e9df;border-radius:10px;box-shadow:var(--shadow-sm);font-size:10px;font-weight:650;text-align:center;transform:translateX(50%);}
.art-ring {position:absolute;border:1px solid rgba(22,163,106,.15);border-radius:50%;}
.ring-one {inset:-31px;}
.ring-two {inset:-68px;border-style:dashed;animation:spin 30s linear infinite;}
.advantage-copy {max-width:520px;}
.advantage-copy > span {color:#9db1a7;font-size:12px;font-weight:750;letter-spacing:.18em;}
.advantage-copy h3 {margin:18px 0 16px;font-size:clamp(29px,3vw,40px);letter-spacing:-.04em;}
.advantage-copy p {margin:0;color:var(--muted);font-size:16px;line-height:1.9;}
.advantage-copy b {display:flex;align-items:center;gap:9px;margin-top:25px;color:var(--green-dark);font-size:13px;font-weight:650;}
.advantage-copy b svg {width:21px;height:21px;padding:4px;color:#fff;background:var(--green);border-radius:50%;stroke-width:2.4;}

@keyframes spin {to {transform:rotate(360deg);}}

.process-section {color:#fff;background:var(--surface-deep);}
.process-section .section-heading > span {color:#67d9a8;}
.process-section .section-heading p {color:#93aaa0;}
.process-track {position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:10px;}
.process-track::before {content:"";position:absolute;top:37px;right:7%;left:7%;height:1px;background:linear-gradient(90deg,rgba(89,211,157,.15),rgba(89,211,157,.65),rgba(89,211,157,.15));}
.process-step {position:relative;z-index:2;text-align:center;}
.step-icon {position:relative;width:76px;height:76px;display:grid;place-items:center;margin:0 auto 23px;color:#73e0af;background:#153b30;border:1px solid rgba(110,224,173,.23);border-radius:20px;box-shadow:0 12px 30px rgba(0,0,0,.18);}
.step-icon svg {font-size:30px;}
.step-icon span {position:absolute;top:-8px;right:-8px;width:25px;height:25px;display:grid;place-items:center;color:#083522;background:#6ce0ad;border:3px solid var(--surface-deep);border-radius:50%;font-size:7px;font-weight:800;}
.process-step h3 {margin:0 0 10px;font-size:16px;}
.process-step p {margin:0;color:#8fa79d;font-size:11px;line-height:1.7;}

.service-columns {display:grid;grid-template-columns:repeat(2,1fr);gap:23px;}
.service-column {padding:35px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);}
.service-column-accent {background:#eff9f4;border-color:#d2ebdf;}
.service-column-title {display:flex;align-items:center;gap:16px;padding-bottom:25px;border-bottom:1px solid var(--line);}
.service-column-title > span {width:47px;height:47px;display:grid;place-items:center;flex:0 0 auto;color:var(--green-dark);background:#e4f6ec;border-radius:13px;font-size:12px;font-weight:750;}
.service-column-title small {display:block;margin-bottom:4px;color:#9aa9a2;font-size:8px;font-weight:700;letter-spacing:.13em;}
.service-column-title h3 {margin:0;font-size:22px;}
.service-list {display:grid;gap:0;}
.service-list > div {display:flex;gap:12px;padding:19px 0;border-bottom:1px solid #e8eeeb;}
.service-list > div:last-child {border-bottom:0;padding-bottom:0;}
.service-list svg {width:22px;height:22px;padding:4px;flex:0 0 auto;color:#fff;background:var(--green);border-radius:50%;stroke-width:2.4;}
.service-list p {display:flex;flex-direction:column;gap:5px;margin:0;}
.service-list strong {font-size:14px;}
.service-list span {color:var(--muted);font-size:11px;line-height:1.55;}
.scope-note {display:flex;align-items:flex-start;gap:14px;margin-top:22px;padding:20px 22px;color:#53665d;background:#fff7e5;border:1px solid #f2dfb3;border-radius:15px;}
.scope-note > svg {flex:0 0 auto;color:#c68b1b;font-size:24px;}
.scope-note p {display:flex;flex-direction:column;gap:5px;margin:0;}
.scope-note strong {color:#7b5718;font-size:13px;}
.scope-note span {font-size:11px;line-height:1.7;}

.scenarios-section {background:#fff;}
.scenario-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:17px;}
.scenario-card {min-height:315px;display:flex;flex-direction:column;padding:27px;background:#f7faf8;border:1px solid var(--line);border-radius:18px;transition:transform .28s ease,background .28s ease,border-color .28s ease;}
.scenario-card:hover {background:#eef9f3;border-color:#cce9da;transform:translateY(-6px);}
.scenario-index {display:flex;align-items:center;justify-content:space-between;color:var(--green-dark);}
.scenario-index span {padding:5px 9px;background:#dff4e9;border-radius:999px;font-size:9px;font-weight:700;}
.scenario-index svg {font-size:20px;}
.scenario-card h3 {margin:32px 0 13px;font-size:21px;letter-spacing:-.025em;}
.scenario-card > p {margin:0;color:var(--muted);font-size:12px;line-height:1.8;}
.scenario-card > div:last-child {display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:26px;}
.scenario-card > div:last-child span {padding:5px 8px;color:#566b61;background:#fff;border:1px solid #e1e9e5;border-radius:6px;font-size:9px;}

.faq-section {background:var(--surface-muted);}
.faq-layout {display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(55px,8vw,120px);align-items:start;}
.faq-intro {position:sticky;top:calc(var(--header-height) + 45px);}
.faq-intro .button {margin-top:30px;}
.faq-list {display:grid;}
.faq-item {border-bottom:1px solid #dce5e0;}
.faq-item:first-child {border-top:1px solid #dce5e0;}
.faq-item > button {width:100%;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 4px;border:0;background:transparent;text-align:left;cursor:pointer;}
.faq-item > button > span {display:flex;align-items:center;gap:20px;font-size:16px;font-weight:650;}
.faq-item > button small {color:#9aa9a1;font-size:9px;font-weight:750;letter-spacing:.1em;}
.faq-item > button i {position:relative;width:25px;height:25px;flex:0 0 auto;border:1px solid #cddbd4;border-radius:50%;}
.faq-item > button i::before,.faq-item > button i::after {content:"";position:absolute;top:50%;left:50%;width:9px;height:1px;background:#4f665c;transform:translate(-50%,-50%);transition:transform .25s ease;}
.faq-item > button i::after {transform:translate(-50%,-50%) rotate(90deg);}
.faq-item > button[aria-expanded="true"] {color:var(--green-dark);}
.faq-item > button[aria-expanded="true"] i {border-color:var(--green);background:var(--green);}
.faq-item > button[aria-expanded="true"] i::before,.faq-item > button[aria-expanded="true"] i::after {background:#fff;}
.faq-item > button[aria-expanded="true"] i::after {transform:translate(-50%,-50%) rotate(0);}
.faq-answer {overflow:hidden;}
.faq-answer p {margin:-4px 0 24px;padding:0 50px 0 33px;color:var(--muted);font-size:13px;line-height:1.85;}

.final-cta {padding:80px 0;color:#fff;background:radial-gradient(circle at 80% 30%,rgba(117,237,184,.25),transparent 31%),linear-gradient(135deg,#0c734c,#16a36a);}
.final-cta-inner {display:flex;align-items:center;justify-content:space-between;gap:50px;}
.final-cta-inner > div:first-child {max-width:780px;}
.final-cta span {display:block;margin-bottom:12px;color:rgba(255,255,255,.65);font-size:10px;font-weight:750;letter-spacing:.2em;}
.final-cta h2 {margin:0;font-size:clamp(34px,4vw,52px);line-height:1.24;letter-spacing:-.04em;}
.final-cta p {margin:15px 0 0;color:rgba(255,255,255,.76);font-size:15px;}
.final-cta-actions {display:flex;gap:12px;flex:0 0 auto;}
.button-white {color:var(--green-dark);background:#fff;}
.button-white:hover {color:var(--green-dark);box-shadow:0 18px 35px rgba(0,0,0,.15);}
.button-white-ghost {color:#fff;background:transparent;border-color:rgba(255,255,255,.5);}
.button-white-ghost:hover {color:#fff;background:rgba(255,255,255,.1);border-color:#fff;}

.site-footer {color:#d5e0db;background:#0a211a;}
.footer-main {display:grid;grid-template-columns:1.65fr repeat(4,1fr);gap:clamp(28px,4vw,60px);padding:75px 0 55px;}
.brand-light .brand-copy strong {color:#fff;}
.brand-light .brand-copy strong em {color:#6ed9aa;}
.brand-light .brand-copy small {color:#6f847a;}
.footer-brand > p {max-width:300px;margin:23px 0 20px;color:#82978d;font-size:12px;line-height:1.8;}
.company-name {color:#b8c8c0;font-size:12px;font-weight:550;}
.footer-column {display:flex;flex-direction:column;align-items:flex-start;gap:13px;}
.footer-column h3 {margin:1px 0 10px;color:#fff;font-size:14px;}
.footer-column a,.footer-column span,.footer-column button {padding:0;color:#81968c;background:none;border:0;font-size:11px;line-height:1.55;text-align:left;cursor:pointer;transition:color .2s ease;}
.footer-column a:hover,.footer-column button:hover {color:#71ddb0;}
.footer-contact img {width:94px;margin-top:4px;padding:6px;background:#fff;border-radius:8px;}
.footer-contact-button {padding:9px 11px!important;color:#70dcae!important;border:1px solid rgba(112,220,174,.32)!important;border-radius:8px!important;}
.footer-bottom {min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#63786f;border-top:1px solid rgba(255,255,255,.08);font-size:10px;}
.footer-bottom > div {display:flex;align-items:center;gap:20px;}
.footer-bottom a:hover {color:#a7bbb1;}

.consult-modal {position:fixed;z-index:2000;inset:0;display:flex;align-items:center;justify-content:center;padding:25px;visibility:hidden;opacity:0;transition:visibility .3s ease,opacity .3s ease;}
.consult-modal.is-open {visibility:visible;opacity:1;}
.consult-backdrop {position:absolute;inset:0;background:rgba(6,27,20,.72);backdrop-filter:blur(7px);}
.consult-dialog {position:relative;z-index:2;width:min(920px,100%);max-height:calc(100vh - 50px);display:grid;grid-template-columns:1.3fr .7fr;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 35px 100px rgba(0,0,0,.28);transform:translateY(22px) scale(.98);transition:transform .3s ease;}
.consult-modal.is-open .consult-dialog {transform:translateY(0) scale(1);}
.consult-close {position:absolute;z-index:4;top:18px;right:18px;width:37px;height:37px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(7,59,42,.35);cursor:pointer;}
.consult-close span {position:absolute;top:50%;left:50%;width:14px;height:1px;background:#fff;transform:translate(-50%,-50%) rotate(45deg);}
.consult-close span:last-child {transform:translate(-50%,-50%) rotate(-45deg);}
.consult-form-side {padding:45px 48px;}
.consult-kicker {display:block;margin-bottom:10px;color:var(--green-dark);font-size:9px;font-weight:800;letter-spacing:.2em;}
.consult-form-side h2 {margin:0;font-size:34px;letter-spacing:-.04em;}
.consult-form-side > p {margin:10px 0 26px;color:var(--muted);font-size:12px;line-height:1.7;}
.consult-form-side form {display:grid;gap:15px;}
.form-row {display:grid;grid-template-columns:repeat(2,1fr);gap:13px;}
.consult-form-side label {display:flex;flex-direction:column;gap:7px;color:#485b53;font-size:11px;font-weight:650;}
.consult-form-side input,.consult-form-side textarea,.consult-form-side select {width:100%;padding:12px 13px;color:var(--ink);background:#fafcfb;border:1px solid #dbe5e0;border-radius:9px;outline:none;font-size:12px;font-weight:400;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;}
.consult-form-side input {height:44px;}
.consult-form-side textarea {min-height:85px;resize:vertical;}
.consult-form-side select {height:44px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#72837b 50%),linear-gradient(135deg,#72837b 50%,transparent 50%);background-position:calc(100% - 16px) 19px,calc(100% - 11px) 19px;background-size:5px 5px;background-repeat:no-repeat;}
.consult-form-side input:focus,.consult-form-side textarea:focus,.consult-form-side select:focus {background:#fff;border-color:var(--green);box-shadow:0 0 0 3px rgba(22,163,106,.1);}
.consult-form-side .field-error {border-color:#e45b55!important;box-shadow:0 0 0 3px rgba(228,91,85,.08)!important;}
.consult-submit {width:100%;margin-top:2px;}
.consult-submit.is-loading {pointer-events:none;opacity:.75;}
.form-message {display:none;padding:10px 12px;border-radius:8px;font-size:11px;line-height:1.5;}
.form-message.success {display:block;color:#0c744b;background:#e7f7ef;}
.form-message.error {display:block;color:#ad403b;background:#fff0ef;}
.privacy-tip {color:#9aa8a2;font-size:9px;line-height:1.5;}
.honeypot {position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.consult-aside {display:flex;flex-direction:column;padding:50px 36px;color:#fff;background:radial-gradient(circle at 80% 15%,rgba(100,226,169,.25),transparent 30%),linear-gradient(145deg,#0f6f4b,#0b4c36);}
.consult-aside-icon {width:54px;height:54px;display:grid;place-items:center;color:#0c724b;background:#73e0ae;border-radius:16px;}
.consult-aside-icon svg {font-size:28px;}
.consult-aside h3 {margin:25px 0 20px;font-size:23px;line-height:1.45;letter-spacing:-.02em;}
.consult-aside ul {display:grid;gap:14px;margin:0;padding:0;list-style:none;}
.consult-aside li {display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.78);font-size:11px;line-height:1.5;}
.consult-aside li svg {width:18px;height:18px;padding:4px;flex:0 0 auto;color:#0c704a;background:#74dfaf;border-radius:50%;stroke-width:2.5;}
.consult-response {margin-top:auto;padding-top:32px;border-top:1px solid rgba(255,255,255,.15);}
.consult-response span {display:block;font-size:27px;font-weight:750;letter-spacing:-.03em;}
.consult-response p {margin:6px 0 0;color:rgba(255,255,255,.65);font-size:10px;}
.consult-qr {display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:auto;padding-top:25px;border-top:1px solid rgba(255,255,255,.15);}
.consult-qr img {width:112px;padding:7px;background:#fff;border-radius:9px;}
.consult-qr span {color:rgba(255,255,255,.72);font-size:9px;}

.back-to-top {position:fixed;z-index:900;right:24px;bottom:24px;width:45px;height:45px;display:grid;place-items:center;color:#fff;background:var(--green-dark);border:0;border-radius:13px;box-shadow:0 14px 30px rgba(9,87,56,.25);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease;}
.back-to-top.visible {opacity:1;visibility:visible;transform:translateY(0);}
.back-to-top svg {font-size:20px;}

.reveal {opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
.reveal.is-visible {opacity:1;transform:translateY(0);}
.reveal-stagger .reveal:nth-child(2) {transition-delay:.06s;}
.reveal-stagger .reveal:nth-child(3) {transition-delay:.12s;}
.reveal-stagger .reveal:nth-child(4) {transition-delay:.18s;}
.reveal-stagger .reveal:nth-child(5) {transition-delay:.24s;}
.reveal-stagger .reveal:nth-child(6) {transition-delay:.30s;}
.reveal-stagger .reveal:nth-child(7) {transition-delay:.36s;}
.reveal-stagger .reveal:nth-child(8) {transition-delay:.42s;}

@media (prefers-reduced-motion: reduce) {
    html {scroll-behavior:auto;}
    *,*::before,*::after {animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}
    .reveal {opacity:1;transform:none;}
}

@media (max-width: 1240px) {
    :root {--shell:1120px;}
    .header-inner {gap:18px;}
    .site-nav {gap:17px;}
    .site-nav a {font-size:13px;}
    .hero-grid {grid-template-columns:.9fr 1.1fr;gap:35px;}
    .desktop-device {width:90%;}
    .product-content {padding:25px 24px 27px;}
    .product-content h3 {font-size:21px;}
    .solution-content {padding:28px;}
}

@media (max-width: 1080px) {
    :root {--header-height:70px;}
    .shell {width:min(calc(100% - 44px),var(--shell));}
    .brand-copy strong em,.brand-copy small {display:none;}
    .site-nav {gap:14px;}
    .site-nav a {font-size:12px;}
    .header-actions {gap:10px;}
    .login-link {display:none;}
    .hero {min-height:auto;padding-top:135px;}
    .hero-grid {grid-template-columns:1fr;}
    .hero-copy {max-width:760px;text-align:center;margin:0 auto;}
    .hero h1,.hero-description {margin-right:auto;margin-left:auto;}
    .hero-actions,.hero-proof {justify-content:center;}
    .hero-visual {width:min(720px,100%);margin:18px auto 0;}
    .trust-item {padding:22px 13px;}
    .trust-item > strong {font-size:26px;}
    .product-grid {grid-template-columns:repeat(2,1fr);}
    .product-card:last-child {grid-column:1/-1;width:calc(50% - 11px);margin:0 auto;}
    .feature-grid {grid-template-columns:repeat(2,1fr);}
    .scenario-grid {grid-template-columns:repeat(2,1fr);}
    .footer-main {grid-template-columns:1.4fr repeat(3,1fr);}
    .footer-contact {grid-column:2/-1;flex-direction:row;flex-wrap:wrap;align-items:center;}
    .footer-contact h3 {width:100%;}
}

@media (max-width: 900px) {
    .site-nav {position:fixed;z-index:998;top:var(--header-height);right:0;left:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:14px 22px 24px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 40px rgba(15,51,37,.1);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease;}
    .site-nav.open {opacity:1;visibility:visible;transform:translateY(0);}
    .site-nav a {padding:14px 8px;border-bottom:1px solid #edf2ef;font-size:14px;}
    .site-nav a::after {display:none;}
    .mobile-menu-toggle {display:block;margin-left:auto;}
    .mobile-menu-toggle[aria-expanded="true"] span:first-child {transform:translateY(6px) rotate(45deg);}
    .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2) {opacity:0;}
    .mobile-menu-toggle[aria-expanded="true"] span:last-child {transform:translateY(-6px) rotate(-45deg);}
    .header-actions {margin-left:0;}
    .trust-grid {grid-template-columns:repeat(2,1fr);}
    .trust-item:nth-child(2) {border-right:0;}
    .trust-item:nth-child(-n+2) {border-bottom:1px solid var(--line);}
    .section {padding:88px 0;}
    .section-heading-split {grid-template-columns:1fr;gap:14px;}
    .section-heading-split p {margin-left:0;}
    .solution-grid {grid-template-columns:1fr;}
    .advantage-row {gap:45px;}
    .advantage-art {min-height:330px;}
    .process-track {grid-template-columns:repeat(3,1fr);row-gap:45px;}
    .process-track::before {display:none;}
    .service-columns {grid-template-columns:1fr;}
    .faq-layout {grid-template-columns:1fr;gap:48px;}
    .faq-intro {position:static;}
    .final-cta-inner {flex-direction:column;align-items:flex-start;}
    .footer-main {grid-template-columns:repeat(3,1fr);}
    .footer-brand {grid-column:1/-1;}
    .footer-contact {grid-column:1/-1;}
}

@media (max-width: 700px) {
    :root {--header-height:64px;}
    .shell {width:min(calc(100% - 32px),var(--shell));}
    .site-header .shell {width:calc(100% - 24px);}
    .brand-mark {width:37px;height:37px;border-radius:11px;}
    .brand-copy strong {font-size:16px;}
    .header-actions .button {display:none;}
    .hero {padding:112px 0 66px;background-size:32px 32px,32px 32px,auto,auto;}
    .hero-grid {gap:32px;}
    .hero-copy {text-align:left;}
    .eyebrow {font-size:11px;}
    .hero h1 {margin-top:20px;font-size:44px;line-height:1.15;}
    .hero-subtitle {font-size:17px;line-height:1.65;}
    .hero-description {font-size:13px;line-height:1.75;}
    .hero-actions,.hero-proof {justify-content:flex-start;}
    .hero-actions {flex-direction:column;}
    .hero-actions .button {width:100%;}
    .hero-proof {display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:11px;}
    .hero-visual {min-height:440px;margin-top:0;}
    .desktop-device {top:24px;width:94%;height:320px;border-radius:15px;transform:none;}
    .desktop-topbar {height:34px;}
    .desktop-body {height:calc(100% - 34px);grid-template-columns:46px 1fr;}
    .mock-dashboard {padding:13px;}
    .mock-sidebar {gap:14px;padding-top:12px;}
    .mock-sidebar b {width:26px;height:26px;margin-bottom:4px;}
    .mock-metrics div {padding:8px;}
    .mock-metrics strong {font-size:11px;}
    .mock-chart {height:104px;}
    .chart-bars {height:73px;gap:8px;}
    .phone-device {width:148px;height:306px;bottom:11px;border-radius:24px;}
    .phone-screen {border-radius:17px;}
    .phone-speaker {width:43px;height:11px;}
    .mini-status {height:24px;}
    .mini-location {height:23px;}
    .mini-banner {height:56px;margin:5px;padding:7px;}
    .mini-categories {padding:1px 6px 5px;}
    .mini-categories i {height:18px;font-size:5px;}
    .mini-products {gap:4px;padding:0 6px;}
    .mini-products > div {min-height:55px;padding:4px;}
    .mini-products .produce {height:25px;}
    .mini-tabbar {height:25px;}
    .merchant-float {right:0;bottom:38px;min-width:184px;min-height:66px;padding:10px;}
    .merchant-icon {width:35px;height:35px;}
    .merchant-float strong {font-size:9px;}
    .merchant-float span,.visual-caption {font-size:6px;}
    .trust-item {min-height:108px;justify-content:flex-start;gap:10px;padding:18px 12px;}
    .trust-item > strong {font-size:23px;}
    .trust-item b {font-size:12px;}
    .trust-item span {font-size:9px;}
    .section {padding:72px 0;}
    .section-heading {margin-bottom:36px;}
    .section-heading h2,.faq-intro h2 {font-size:34px;}
    .section-heading p,.faq-intro p {font-size:14px;}
    .section-heading-center {text-align:left;}
    .product-grid {grid-template-columns:1fr;}
    .product-card:last-child {grid-column:auto;width:100%;}
    .product-visual {height:255px;}
    .product-content > p {min-height:0;}
    .tag-list {min-height:0;}
    .feature-grid {grid-template-columns:1fr;}
    .feature-card {min-height:260px;}
    .solution-card {grid-template-columns:1fr;}
    .solution-scene {min-height:210px;}
    .solution-content {padding:27px;}
    .advantage-list {gap:28px;}
    .advantage-row {grid-template-columns:1fr;gap:27px;padding-bottom:12px;}
    .advantage-row:nth-child(even) .advantage-art,.advantage-row:nth-child(even) .advantage-copy {order:initial;}
    .advantage-row:nth-child(even) .advantage-copy {padding-left:0;}
    .advantage-art {min-height:290px;}
    .advantage-art-inner {width:180px;height:180px;}
    .advantage-art-inner > svg {font-size:55px;}
    .advantage-copy p {font-size:14px;}
    .process-track {grid-template-columns:repeat(2,1fr);gap:38px 18px;}
    .step-icon {width:68px;height:68px;}
    .service-column {padding:25px 21px;}
    .scenario-grid {grid-template-columns:1fr;}
    .scenario-card {min-height:270px;}
    .faq-item > button {min-height:75px;}
    .faq-item > button > span {gap:12px;font-size:14px;}
    .faq-answer p {padding-left:26px;padding-right:30px;}
    .final-cta {padding:65px 0;}
    .final-cta-actions {width:100%;flex-direction:column;}
    .final-cta-actions .button {width:100%;}
    .footer-main {grid-template-columns:repeat(2,1fr);padding-top:58px;}
    .footer-brand,.footer-contact {grid-column:1/-1;}
    .footer-contact {flex-direction:column;align-items:flex-start;}
    .footer-bottom {align-items:flex-start;flex-direction:column;padding:22px 0;}
    .footer-bottom > div {flex-wrap:wrap;gap:12px 17px;}
    .consult-modal {padding:10px;align-items:flex-end;}
    .consult-dialog {max-height:calc(100vh - 20px);grid-template-columns:1fr;border-radius:22px 22px 14px 14px;}
    .consult-form-side {padding:35px 22px 26px;}
    .consult-form-side h2 {font-size:29px;}
    .consult-aside {display:none;}
    .consult-close {top:12px;right:12px;background:#e9f5ef;border-color:#d5e8df;}
    .consult-close span {background:var(--green-dark);}
    .form-row {grid-template-columns:1fr;}
    .back-to-top {right:16px;bottom:16px;}
}

@media (max-width: 420px) {
    .hero h1 {font-size:39px;}
    .hero-proof {grid-template-columns:1fr;}
    .trust-grid {grid-template-columns:1fr 1fr;}
    .trust-item {flex-direction:column;align-items:flex-start;}
    .trust-item > strong {font-size:25px;}
    .process-track {grid-template-columns:1fr 1fr;}
    .footer-main {gap:35px 20px;}
}
/* Partner brands */
.partner-section {position:relative;background:#fff;scroll-margin-top:var(--header-height);}
.partner-section::before {content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(18,167,104,.055),transparent 22%),linear-gradient(rgba(11,87,59,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(11,87,59,.025) 1px,transparent 1px);background-size:auto,70px 70px,70px 70px;mask-image:linear-gradient(to bottom,#000,transparent 90%);}
.partner-section .shell {position:relative;z-index:1;}
.partner-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:46px;}
.partner-card {position:relative;min-width:0;overflow:hidden;background:#fff;border:1px solid #e0e9e4;border-radius:14px;box-shadow:0 8px 28px rgba(18,64,47,.045);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;}
.partner-card::after {content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);opacity:0;transform:scaleX(.25);transition:opacity .25s ease,transform .25s ease;}
.partner-card:hover {border-color:#c8ded3;box-shadow:0 18px 44px rgba(14,75,52,.1);transform:translateY(-4px);}
.partner-card:hover::after {opacity:1;transform:scaleX(1);}
.partner-logo {height:104px;display:flex;align-items:center;justify-content:center;padding:24px 19px;background:linear-gradient(160deg,#fff,#f9fbfa);border-bottom:1px solid #edf2ef;}
.partner-logo img {display:block;width:100%;height:100%;max-width:150px;object-fit:contain;object-position:center;}
.partner-info {min-height:72px;padding:15px 17px 17px;}
.partner-info h3 {overflow:hidden;margin:0 0 7px;color:#152b22;font-size:13px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap;}
.partner-info span {display:block;color:#89968f;font-size:9px;letter-spacing:.04em;}
.partner-wordmark {display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;align-items:center;column-gap:10px;color:#192e26;}
.partner-wordmark i {grid-row:1/3;width:31px;height:31px;display:block;border:3px solid currentColor;border-right-width:1px;border-left-width:1px;border-radius:8px;transform:rotate(45deg);}
.partner-wordmark strong {align-self:end;font-size:19px;line-height:1.1;letter-spacing:.03em;}
.partner-wordmark em {align-self:start;margin-top:4px;color:#8a9891;font-size:7px;font-style:normal;font-weight:700;letter-spacing:.15em;}
.partner-aliyun .partner-wordmark {color:#ff6a00;}
.partner-aliyun .partner-wordmark em {color:#ff8b3b;}
.partner-suding .partner-wordmark {color:#0b7650;}
.partner-canyinbang .partner-logo {padding:12px 42px;background:#086a3d;}
.partner-canyinbang .partner-logo img {max-width:80px;}
.partner-wuhan-love .partner-logo,.partner-mengqi .partner-logo,.partner-jubaotui .partner-logo {padding:13px 45px;}
.partner-wuhan-love .partner-logo img,.partner-mengqi .partner-logo img,.partner-jubaotui .partner-logo img {max-width:78px;}
.partner-dongfang .partner-logo img,.partner-leyi .partner-logo img,.partner-finance .partner-logo img {max-width:165px;}
.partner-note {margin:24px 0 0;color:#a0aaa5;text-align:right;font-size:9px;}
@media (max-width:1180px) {.partner-grid {grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (max-width:760px) {
    .partner-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px;}
    .partner-logo {height:88px;padding:19px 14px;}
    .partner-info {min-height:65px;padding:13px 14px 15px;}
    .partner-info h3 {font-size:12px;}
    .partner-wordmark strong {font-size:16px;}
    .partner-canyinbang .partner-logo,.partner-wuhan-love .partner-logo,.partner-mengqi .partner-logo,.partner-jubaotui .partner-logo {padding:10px 32px;}
    .partner-note {text-align:left;line-height:1.6;}
}