:root {
    --ink: #182033;
    --muted: #667085;
    --line: #e7eaf0;
    --surface: #ffffff;
    --canvas: #f7f9fc;
    --red: #f04438;
    --red-dark: #d92d20;
    --blue: #4f7cff;
    --blue-soft: #eef4ff;
    --shadow: 0 24px 70px rgba(25, 40, 72, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--surface); font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }

.site-header { position: sticky; top: 0; z-index: 50; height: 76px; background: rgba(255,255,255,.88); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(231,234,240,.72); }
.nav-wrap { height: 100%; display: flex; align-items: center; gap: 34px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 800; font-size: 19px; letter-spacing: -.5px; white-space: nowrap; }
.brand > span:last-child { display: flex; flex-direction: column; line-height: 1.05; }
.brand small { margin-top: 5px; font-size: 7px; letter-spacing: 1.8px; font-weight: 700; color: #98a2b3; }
.brand-mark { position: relative; width: 35px; height: 35px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(145deg, #ff6b5f, #e82f25); box-shadow: 0 8px 18px rgba(240,68,56,.25); }
.brand-mark::before { content: ""; width: 16px; height: 17px; background: #fff; border-radius: 50% 50% 45% 45%; }
.brand-mark i { position: absolute; top: 7px; width: 8px; height: 5px; border-radius: 100% 0; background: #fff; transform: rotate(25deg); }
.brand-mark i:first-child { left: 10px; }
.brand-mark i:last-child { right: 9px; transform: rotate(155deg); }
.main-nav { display: flex; align-items: center; justify-content: center; gap: 27px; margin-left: auto; }
.main-nav a { color: #344054; font-size: 14px; transition: color .2s; }
.main-nav a:hover { color: var(--red); }
.main-nav a.current { color: var(--red); font-weight: 750; }
.nav-cta { display: inline-flex; align-items: center; gap: 12px; padding: 12px 17px; border-radius: 11px; color: #fff; background: var(--ink); font-size: 13px; font-weight: 700; box-shadow: 0 9px 24px rgba(24,32,51,.16); }
.nav-cta span { color: #ff8f86; }
.menu-toggle { display: none; margin-left: auto; border: 0; color: var(--ink); background: transparent; font-size: 24px; cursor: pointer; }

.hero { position: relative; overflow: hidden; padding: 90px 0 0; background: linear-gradient(180deg, #fff 0%, #fbfcff 67%, #f7f9fc 100%); }
.hero::before { content: ""; position: absolute; inset: 0; opacity: .3; background-image: linear-gradient(#e9edf5 1px, transparent 1px), linear-gradient(90deg, #e9edf5 1px, transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(to bottom, transparent, #000 25%, transparent 76%); }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(3px); }
.hero-glow-one { width: 480px; height: 480px; top: -170px; right: 6%; background: radial-gradient(circle, rgba(79,124,255,.13), transparent 66%); }
.hero-glow-two { width: 400px; height: 400px; bottom: 0; left: -190px; background: radial-gradient(circle, rgba(240,68,56,.09), transparent 66%); }
.hero-grid { position: relative; display: grid; grid-template-columns: .86fr 1.14fr; align-items: center; gap: 38px; min-height: 560px; }
.eyebrow, .section-kicker { color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: 2px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 8px 12px; border: 1px solid #dce6ff; border-radius: 999px; background: rgba(255,255,255,.8); }
.eyebrow span { width: 7px; height: 7px; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 4px rgba(240,68,56,.1); }
.hero h1 { margin: 26px 0 23px; font-size: clamp(42px, 4.2vw, 64px); line-height: 1.12; letter-spacing: -3px; }
.hero h1 em { color: var(--red); font-style: normal; }
.hero-copy > p { max-width: 545px; margin: 0; color: var(--muted); font-size: 17px; line-height: 1.9; }
.hero-actions { display: flex; gap: 13px; margin-top: 33px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 50px; padding: 0 23px; border: 0; border-radius: 12px; font-size: 14px; font-weight: 750; cursor: pointer; transition: transform .2s, box-shadow .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: #fff; background: linear-gradient(135deg, #fa5549, #e83329); box-shadow: 0 12px 28px rgba(240,68,56,.26); }
.button-secondary { color: #344054; background: #fff; border: 1px solid var(--line); box-shadow: 0 8px 24px rgba(32,48,80,.06); }
.hero-promises { display: flex; flex-wrap: wrap; gap: 17px; margin-top: 26px; color: #667085; font-size: 12px; }
.hero-promises b { display: inline-grid; place-items: center; width: 17px; height: 17px; margin-right: 4px; border-radius: 50%; color: var(--blue); background: var(--blue-soft); }

.product-stage { position: relative; height: 500px; perspective: 1000px; }
.stage-dots { position: absolute; inset: 35px 0 0 70px; border-radius: 50%; background: radial-gradient(circle at center, rgba(79,124,255,.15) 0 1.5px, transparent 1.7px); background-size: 17px 17px; mask-image: radial-gradient(circle, #000 12%, transparent 67%); }
.dashboard-window { position: absolute; width: 550px; height: 370px; top: 46px; right: 10px; border: 1px solid rgba(213,220,232,.9); border-radius: 18px; overflow: hidden; background: #fff; box-shadow: 0 32px 80px rgba(39,59,98,.16); transform: rotateY(-3deg) rotateX(1deg); }
.window-top { height: 38px; display: flex; align-items: center; gap: 6px; padding: 0 13px; background: #fbfcfe; border-bottom: 1px solid #edf0f5; }
.window-top span { width: 7px; height: 7px; border-radius: 50%; background: #ff8a81; }
.window-top span:nth-child(2) { background: #ffd074; }.window-top span:nth-child(3) { background: #7fd9a8; }
.window-top b { margin-left: 9px; font-size: 9px; color: #98a2b3; }
.dashboard-body { display: grid; grid-template-columns: 48px 1fr; height: calc(100% - 38px); }
.dashboard-body aside { display: flex; flex-direction: column; align-items: center; gap: 21px; padding-top: 16px; background: #25304a; }
.dashboard-body aside strong { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 8px; color: #fff; background: var(--red); font-size: 11px; }
.dashboard-body aside i { width: 15px; height: 15px; border-radius: 5px; border: 2px solid #6a748a; }
.dashboard-body aside i.active { border-color: #fff; background: rgba(255,255,255,.16); }
.dashboard-main { padding: 21px 23px; background: #f8f9fc; }
.dash-head { display: flex; align-items: center; justify-content: space-between; }
.dash-head div { display: flex; flex-direction: column; gap: 2px; }.dash-head small { font-size: 8px; color: #98a2b3; }.dash-head b { font-size: 13px; }
.dash-head button { padding: 7px 9px; border: 1px solid #e5e9f0; background: #fff; border-radius: 7px; color: #667085; font-size: 8px; }
.metric-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 17px; }
.metric-row div { display: flex; flex-direction: column; gap: 5px; padding: 13px; border: 1px solid #ebedf2; border-radius: 10px; background: #fff; }
.metric-row span { color: #98a2b3; font-size: 8px; }.metric-row b { font-size: 17px; }.metric-row small { color: #12b76a; font-size: 7px; }
.chart-panel { margin-top: 11px; padding: 13px; border: 1px solid #ebedf2; border-radius: 10px; background: #fff; }
.chart-title { display: flex; align-items: center; justify-content: space-between; }.chart-title b { font-size: 9px; }.chart-title span { color: #98a2b3; font-size: 7px; }
.chart-panel svg { display: block; width: 100%; height: 145px; margin-top: 5px; overflow: visible; }
.chart-panel .grid-line { fill: none; stroke: #eff2f6; stroke-width: 1; }.chart-panel .area { fill: url(#chartFill); }.chart-panel .line { fill: none; stroke: #4f7cff; stroke-width: 3; stroke-linecap: round; }
.phone-window { position: absolute; z-index: 3; width: 185px; height: 355px; left: 12px; bottom: 10px; padding: 12px 10px; border: 7px solid #fff; border-radius: 27px; background: #f8fafc; box-shadow: 0 28px 55px rgba(33,46,75,.22); transform: rotate(-5deg); }
.phone-speaker { width: 52px; height: 12px; margin: -9px auto 5px; border-radius: 0 0 10px 10px; background: #fff; }
.phone-title { display: flex; justify-content: space-between; align-items: center; font-size: 6px; }.phone-title b { font-size: 9px; }.phone-title i { font-size: 11px; }
.phone-banner { display: flex; flex-direction: column; align-items: flex-start; height: 105px; margin-top: 12px; padding: 17px 13px; border-radius: 14px; color: #fff; background: radial-gradient(circle at 85% 20%, #ff9f94, transparent 32%), linear-gradient(140deg, #ee4036, #ff7167); }
.phone-banner small { opacity: .78; font-size: 7px; }.phone-banner strong { margin: 5px 0 12px; font-size: 13px; }.phone-banner button { border: 0; border-radius: 8px; padding: 5px 8px; color: var(--red); background: #fff; font-size: 6px; }
.phone-menu { display: grid; grid-template-columns: repeat(4,1fr); gap: 5px; margin: 12px 0; }.phone-menu span { display: grid; place-items: end center; height: 34px; padding-bottom: 2px; border-radius: 9px; color: #667085; background: #fff; font-size: 6px; box-shadow: 0 3px 9px rgba(28,39,64,.05); }
.phone-menu span::before { content: ""; align-self: center; width: 14px; height: 14px; border-radius: 5px; background: #eef4ff; }
.phone-products { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }.phone-products i { height: 105px; border-radius: 11px; background: linear-gradient(150deg, #eaf0fb, #fff); box-shadow: inset 0 -30px #fff; }
.ai-card { position: absolute; z-index: 4; right: -12px; bottom: 2px; width: 235px; padding: 15px; border: 1px solid #e7ebf3; border-radius: 14px; background: rgba(255,255,255,.94); box-shadow: 0 20px 48px rgba(47,66,105,.16); }
.ai-card-head { display: flex; align-items: center; gap: 9px; }.ai-card-head span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; color: #fff; background: linear-gradient(135deg, var(--blue), #8b6cff); }.ai-card-head b { font-size: 10px; }.ai-card-head i { width: 6px; height: 6px; margin-left: auto; border-radius: 50%; background: #12b76a; box-shadow: 0 0 0 3px rgba(18,183,106,.12); }
.ai-card p { margin: 12px 0 0; color: #667085; font-size: 9px; line-height: 1.7; }.ai-card p strong { color: var(--red); }.ai-typing { display: flex; gap: 3px; margin-top: 8px; }.ai-typing span { width: 4px; height: 4px; border-radius: 50%; background: #b4bdcc; }
.code-chip { position: absolute; z-index: 5; top: 18px; left: 50px; padding: 9px 12px; border-radius: 9px; background: #fff; color: var(--blue); box-shadow: 0 10px 28px rgba(46,65,103,.12); font: 800 8px ui-monospace,monospace; }.code-chip span { margin-left: 7px; color: #12b76a; }
.trust-strip { position: relative; margin-top: 70px; padding: 24px 0 28px; border-top: 1px solid #e8ecf3; }.trust-strip p { margin: 0 0 15px; color: #98a2b3; text-align: center; font-size: 11px; }.trust-strip div { display: flex; justify-content: center; align-items: center; gap: 18px; color: #344054; font-size: 12px; font-weight: 650; }.trust-strip i { color: #c4cad4; font-style: normal; }

.section { padding: 110px 0; }
.section-heading h2 { margin: 15px 0 0; font-size: clamp(34px, 3.6vw, 50px); line-height: 1.18; letter-spacing: -2px; }
.section-heading > p, .split-heading > p { color: var(--muted); line-height: 1.85; }
.split-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 110px; align-items: end; margin-bottom: 48px; }.split-heading > p { max-width: 500px; margin: 0 0 4px; font-size: 15px; }.split-heading > a { justify-self: end; color: var(--blue); font-size: 14px; font-weight: 700; }
.centered-heading { max-width: 700px; margin: 0 auto 55px; text-align: center; }.centered-heading > p { margin: 18px auto 0; }
.services { background: #fff; }
.service-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.service-card { min-height: 270px; padding: 26px; border: 1px solid var(--line); border-radius: 18px; background: #fff; transition: transform .25s, box-shadow .25s, border-color .25s; }
.service-card:hover { transform: translateY(-6px); box-shadow: 0 20px 48px rgba(31,48,84,.1); border-color: #d8deea; }
.service-top { display: flex; align-items: flex-start; justify-content: space-between; }.service-top > span { color: #b1b9c7; font-size: 10px; font-weight: 800; }.service-top b { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 15px; font-size: 11px; }
.service-card.coral .service-top b { color: #e83d32; background: #fff0ef; }.service-card.blue .service-top b { color: #3e6df2; background: #edf3ff; }.service-card.mint .service-top b { color: #079455; background: #ecfdf3; }.service-card.violet .service-top b { color: #7f56d9; background: #f4f0ff; }.service-card.amber .service-top b { color: #dc6803; background: #fff7e8; }.service-card.cyan .service-top b { color: #088ab2; background: #ecfdff; }
.service-card h3 { margin: 32px 0 12px; font-size: 20px; }.service-card p { min-height: 52px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.8; }.service-card a { display: inline-flex; gap: 12px; margin-top: 24px; color: #344054; font-size: 12px; font-weight: 750; }.service-card a span { color: var(--red); }

.ai-consultant { background: var(--canvas); }
.consultant-shell { display: grid; grid-template-columns: .78fr 1.22fr; gap: 80px; align-items: center; padding: 70px; overflow: hidden; border: 1px solid #e5eaf3; border-radius: 30px; background: radial-gradient(circle at 90% 15%, rgba(79,124,255,.11), transparent 36%), radial-gradient(circle at 8% 92%, rgba(240,68,56,.08), transparent 32%), #fff; box-shadow: 0 28px 80px rgba(33,48,80,.08); }
.consultant-copy h2 { margin: 15px 0 19px; font-size: 48px; line-height: 1.15; letter-spacing: -2px; }.consultant-copy > p { color: var(--muted); font-size: 14px; line-height: 1.85; }.consultant-copy ul { display: grid; gap: 12px; margin: 28px 0 0; padding: 0; list-style: none; }.consultant-copy li { color: #344054; font-size: 13px; }.consultant-copy li span { display: inline-grid; place-items: center; width: 28px; height: 28px; margin-right: 10px; border-radius: 9px; color: var(--blue); background: var(--blue-soft); font-size: 9px; font-weight: 800; }
.consultant-panel { border: 1px solid #e2e7f0; border-radius: 22px; overflow: hidden; background: #fff; box-shadow: 0 22px 54px rgba(42,60,100,.14); }
.chat-top { display: flex; align-items: center; gap: 11px; padding: 17px 20px; border-bottom: 1px solid #edf0f5; }.ai-avatar { display: grid; place-items: center; width: 37px; height: 37px; border-radius: 12px; color: #fff; background: linear-gradient(135deg,var(--blue),#8f6bff); }.chat-top > div:nth-child(2) { display: flex; flex-direction: column; gap: 4px; }.chat-top b { font-size: 12px; }.chat-top small { color: #98a2b3; font-size: 8px; }.chat-top small i { display: inline-block; width: 5px; height: 5px; margin-right: 4px; border-radius: 50%; background: #12b76a; }.chat-top > span { margin-left: auto; color: #98a2b3; }
.chat-body { min-height: 250px; padding: 25px 23px; background: #f9fafc; }.message { max-width: 78%; padding: 12px 14px; border-radius: 4px 14px 14px; color: #344054; background: #fff; box-shadow: 0 5px 14px rgba(42,57,88,.06); font-size: 11px; line-height: 1.65; }.message.muted { margin-top: 13px; color: #667085; }.quick-options { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }.quick-options button { padding: 8px 11px; border: 1px solid #dbe4f7; border-radius: 9px; color: #3d65cb; background: #f4f7ff; font-size: 9px; }
.chat-input { display: flex; align-items: center; margin: 15px 18px 0; padding: 7px 7px 7px 14px; border: 1px solid #dfe4ec; border-radius: 12px; }.chat-input span { color: #a4acb9; font-size: 10px; }.chat-input button { display: grid; place-items: center; width: 33px; height: 33px; margin-left: auto; border: 0; border-radius: 9px; color: #fff; background: var(--red); }.chat-note { margin: 10px 0 15px; color: #a0a8b5; text-align: center; font-size: 8px; }

.cases { background: #fff; }
.case-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.case-card { overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: #fff; transition: transform .25s, box-shadow .25s; }.case-card:hover { transform: translateY(-5px); box-shadow: 0 20px 50px rgba(33,49,80,.1); }
.case-visual { position: relative; height: 260px; overflow: hidden; padding: 45px 20px 0; }.case-visual-1 { background: linear-gradient(145deg,#eef3ff,#e5eaff); }.case-visual-2 { background: linear-gradient(145deg,#eefaf4,#ddf4e9); }.case-visual-3 { background: linear-gradient(145deg,#fff1ef,#ffe4df); }
.case-label { position: absolute; top: 17px; left: 18px; padding: 6px 9px; border-radius: 999px; color: #667085; background: rgba(255,255,255,.8); font-size: 8px; font-weight: 800; }
.case-screen { height: 220px; overflow: hidden; border: 5px solid rgba(255,255,255,.88); border-radius: 13px 13px 0 0; background: #fff; box-shadow: 0 20px 35px rgba(31,48,82,.16); transform: rotate(-2deg); }.case-card:nth-child(2) .case-screen { transform: rotate(2deg); }
.case-screen-bar { height: 25px; display: flex; align-items: center; gap: 4px; padding: 0 8px; border-bottom: 1px solid #edf0f4; }.case-screen-bar i { width: 5px; height: 5px; border-radius: 50%; background: #d6dbe4; }.case-screen-bar span { margin-left: auto; color: #98a2b3; font-size: 6px; }
.case-screen-body { display: grid; grid-template-columns: 36px 1fr; height: calc(100% - 25px); background: #f8f9fc; }.case-screen-body aside { background: #263149; }.case-screen-body main { padding: 15px; }.screen-title { width: 35%; height: 7px; border-radius: 5px; background: #344054; }.screen-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin-top: 13px; }.screen-cards i { height: 42px; border-radius: 7px; background: #fff; border: 1px solid #edf0f4; }.screen-chart { height: 80px; margin-top: 9px; border-radius: 8px; background: linear-gradient(180deg, rgba(79,124,255,.22), rgba(79,124,255,.02)), repeating-linear-gradient(0deg,#fff 0 18px,#edf0f5 19px); }
.case-content { padding: 24px; }.case-content small { color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: 1px; }.case-content h3 { margin: 10px 0; font-size: 19px; }.case-content p { min-height: 68px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.8; }.case-content > div { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; padding-top: 17px; border-top: 1px solid #edf0f4; }.case-content strong { color: #344054; font-size: 10px; }.case-content a { color: var(--red); font-size: 10px; font-weight: 800; }

.reasons { background: var(--canvas); }.reasons-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 100px; }.reasons .section-heading { position: sticky; top: 130px; align-self: start; }.reasons .section-heading p { max-width: 430px; }.reason-list { display: grid; gap: 13px; }.reason-list article { display: grid; grid-template-columns: 52px 1fr; gap: 18px; padding: 24px; border: 1px solid #e3e8f0; border-radius: 16px; background: #fff; }.reason-list article > span { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; color: var(--red); background: #fff0ef; font-size: 10px; font-weight: 800; }.reason-list h3 { margin: 2px 0 8px; font-size: 16px; }.reason-list p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.75; }

.process { overflow: hidden; background: #fff; }.process-line { position: relative; display: grid; grid-template-columns: repeat(6,1fr); margin-top: 70px; }.process-line::before { content: ""; position: absolute; left: 8%; right: 8%; top: 43px; height: 1px; background: #dfe4ec; }.process-step { position: relative; text-align: center; }.process-step > span { color: #a9b1bf; font-size: 9px; font-weight: 800; }.process-step > i { position: relative; z-index: 2; display: block; width: 16px; height: 16px; margin: 18px auto 24px; border: 4px solid #fff; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 1px #cfd7e5; }.process-step:nth-child(odd) > i { background: var(--red); }.process-step h3 { margin: 0 0 8px; font-size: 15px; }.process-step p { margin: 0; color: var(--muted); font-size: 10px; }

.insights { background: var(--canvas); }.insight-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.insight-grid article { padding: 12px 12px 24px; border: 1px solid #e2e7ef; border-radius: 18px; background: #fff; }.insight-cover { position: relative; display: grid; place-items: center; height: 190px; margin-bottom: 20px; overflow: hidden; border-radius: 13px; }.insight-cover::before, .insight-cover::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; }.insight-cover::before { width: 160px; height: 160px; }.insight-cover::after { width: 100px; height: 100px; }.insight-cover span { position: relative; z-index: 2; color: #fff; font-size: 30px; font-weight: 900; letter-spacing: -2px; }.cover-one { background: linear-gradient(135deg,#4f7cff,#8d6af5); }.cover-two { background: linear-gradient(135deg,#15a36e,#54c896); }.cover-three { background: linear-gradient(135deg,#ef4b40,#ff8b76); }.insight-grid small { padding: 0 9px; color: #98a2b3; font-size: 9px; }.insight-grid h3 { min-height: 54px; margin: 10px 9px 17px; font-size: 16px; line-height: 1.65; }.insight-grid a { margin: 0 9px; color: var(--blue); font-size: 10px; font-weight: 800; }

.contact-section { padding: 95px 0; background: #fff; }.contact-card { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; padding: 65px 75px; border: 1px solid #e5e9f1; border-radius: 28px; background: radial-gradient(circle at 5% 100%,rgba(240,68,56,.1),transparent 30%), radial-gradient(circle at 100% 0,rgba(79,124,255,.12),transparent 34%),#f9fbff; }.contact-card h2 { margin: 15px 0; font-size: 42px; line-height: 1.2; letter-spacing: -2px; }.contact-card > div > p { color: var(--muted); line-height: 1.8; }.contact-form { display: grid; gap: 13px; padding: 25px; border: 1px solid #e2e7ef; border-radius: 18px; background: rgba(255,255,255,.9); box-shadow: 0 20px 45px rgba(36,53,88,.08); }.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.contact-form label { display: grid; gap: 7px; color: #475467; font-size: 10px; font-weight: 700; }.contact-form input,.contact-form select,.contact-form textarea { width: 100%; padding: 11px 12px; outline: none; border: 1px solid #dce2eb; border-radius: 9px; color: var(--ink); background: #fff; font-size: 11px; resize: vertical; }.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color: #9db5ff; box-shadow: 0 0 0 3px rgba(79,124,255,.1); }.contact-form .button { width: 100%; }.contact-form > small { color: #98a2b3; text-align: center; font-size: 8px; }

.site-footer { padding: 65px 0 25px; background: #f5f7fa; border-top: 1px solid #e6e9ef; }.footer-top { display: grid; grid-template-columns: 1.7fr repeat(3,1fr); gap: 55px; }.footer-brand p { max-width: 330px; margin-top: 20px; color: var(--muted); font-size: 12px; line-height: 1.8; }.footer-top > div:not(:first-child) { display: flex; flex-direction: column; gap: 12px; }.footer-top b { margin-bottom: 7px; font-size: 12px; }.footer-top a,.footer-top span { color: #667085; font-size: 10px; }.footer-bottom { display: flex; justify-content: space-between; margin-top: 45px; padding-top: 20px; border-top: 1px solid #e0e4eb; color: #98a2b3; font-size: 9px; }
.floating-advisor { position: fixed; z-index: 40; right: 24px; bottom: 24px; display: flex; align-items: center; gap: 9px; padding: 10px 15px 10px 10px; border: 1px solid #e2e6ee; border-radius: 999px; color: #344054; background: rgba(255,255,255,.94); box-shadow: 0 12px 35px rgba(32,48,80,.17); cursor: pointer; }.floating-advisor span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: #fff; background: linear-gradient(135deg,var(--blue),#8a6af4); }.floating-advisor b { font-size: 11px; }.floating-advisor i { width: 6px; height: 6px; border-radius: 50%; background: #12b76a; box-shadow: 0 0 0 3px rgba(18,183,106,.12); }

@media (max-width: 1050px) {
    .main-nav { gap: 16px; }.main-nav a { font-size: 12px; }.hero-grid { grid-template-columns: 1fr; }.hero-copy { max-width: 750px; text-align: center; margin: auto; }.hero-copy > p { margin: auto; }.hero-actions,.hero-promises { justify-content: center; }.product-stage { width: min(680px,100%); margin: 0 auto; }.dashboard-window { right: 4%; }.consultant-shell { padding: 50px; gap: 45px; }.service-grid,.case-grid,.insight-grid { grid-template-columns: repeat(2,1fr); }.case-card:last-child,.insight-grid article:last-child { grid-column: span 2; }.footer-top { grid-template-columns: 1.4fr repeat(3,1fr); gap: 28px; }
}

@media (max-width: 780px) {
    .container { width: min(100% - 30px, 620px); }.site-header { height: 66px; }.main-nav { position: absolute; display: none; top: 66px; left: 15px; right: 15px; flex-direction: column; align-items: stretch; padding: 18px; border: 1px solid var(--line); border-radius: 15px; background: #fff; box-shadow: var(--shadow); }.main-nav.is-open { display: flex; }.main-nav a { padding: 9px; font-size: 14px; }.nav-cta { display: none; }.menu-toggle { display: block; }.hero { padding-top: 55px; }.hero h1 { letter-spacing: -2px; }.product-stage { height: 410px; transform: scale(.82); transform-origin: top center; margin-bottom: -70px; }.dashboard-window { width: 540px; right: -90px; }.phone-window { left: -60px; }.trust-strip { margin-top: 10px; }.trust-strip div { flex-wrap: wrap; gap: 10px; }.trust-strip i { display: none; }.section { padding: 75px 0; }.split-heading,.reasons-grid,.contact-card { grid-template-columns: 1fr; gap: 30px; }.split-heading { margin-bottom: 32px; }.service-grid,.case-grid,.insight-grid { grid-template-columns: 1fr; }.case-card:last-child,.insight-grid article:last-child { grid-column: auto; }.consultant-shell { grid-template-columns: 1fr; padding: 30px 20px; }.consultant-copy h2 { font-size: 38px; }.reasons .section-heading { position: static; }.process-line { grid-template-columns: repeat(2,1fr); gap: 35px 0; }.process-line::before { display: none; }.contact-card { padding: 40px 22px; }.contact-card h2 { font-size: 34px; }.footer-top { grid-template-columns: 1fr 1fr; }.footer-brand { grid-column: span 2; }.footer-bottom { flex-direction: column; gap: 8px; }.floating-advisor { right: 14px; bottom: 14px; }
}

@media (max-width: 480px) {
    .hero-actions { flex-direction: column; }.hero-actions .button { width: 100%; }.hero-promises { gap: 10px; }.product-stage { transform: scale(.65); height: 330px; margin-top: 20px; margin-bottom: -110px; }.section-heading h2 { font-size: 34px; }.service-card { min-height: 240px; }.field-row { grid-template-columns: 1fr; }.footer-top { grid-template-columns: 1fr; }.footer-brand { grid-column: auto; }.floating-advisor b { display: none; }.floating-advisor { padding-right: 10px; }
}
.site-footer{padding-top:52px;background:linear-gradient(180deg,#f8f9fc,#f3f5f9)}.footer-top{grid-template-columns:1.05fr .62fr .62fr 1.45fr;align-items:start;gap:34px}.footer-brand p{margin-bottom:18px}.footer-project-link{display:inline-flex!important;align-items:center;gap:12px;width:max-content;padding:9px 12px;border:1px solid #dfe4ec;border-radius:9px;color:#344054!important;background:#fff;font-weight:750;box-shadow:0 6px 18px rgba(31,48,84,.05)}.footer-project-link span{color:var(--red)!important}.footer-link-group>a{transition:.2s}.footer-link-group>a:hover{color:var(--red);transform:translateX(2px)}.footer-contact-card{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:17px;overflow:hidden;padding:21px;border:1px solid #ffc9c4;border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(79,124,255,.14),transparent 36%),linear-gradient(145deg,#fff,#fff6f5);box-shadow:0 18px 45px rgba(240,68,56,.12)}.footer-contact-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--red),#ff8a7f)}.footer-contact-copy{display:flex;min-width:0;flex-direction:column;gap:0}.footer-contact-copy>small{color:var(--red);font-size:7px;font-weight:850;letter-spacing:1.35px}.footer-contact-copy>b{margin:8px 0 6px;font-size:16px}.footer-contact-copy>p{margin:0;color:#667085;font-size:9px;line-height:1.75}.footer-contact-copy>div{display:flex;flex-direction:column;gap:5px;margin-top:12px}.footer-contact-copy>div span,.footer-contact-copy>div a{color:#475467;font-size:8px}.footer-contact-copy strong{color:#182033;font-size:9px}.footer-qr{display:flex;align-items:center;flex-direction:column;gap:6px}.footer-qr img{display:block;width:108px;height:108px;padding:5px;border:1px solid #e5e9f0;border-radius:10px;background:#fff;object-fit:contain;box-shadow:0 8px 20px rgba(31,48,84,.1)}.footer-qr span{color:#475467!important;font-size:7px!important;font-weight:750}.footer-contact-action{align-self:end;display:inline-flex!important;align-items:center;justify-content:space-between;min-width:105px;padding:10px 12px;border-radius:9px;color:#fff!important;background:var(--red);font-size:9px!important;font-weight:800;box-shadow:0 8px 20px rgba(240,68,56,.23)}
@media(max-width:1050px){.footer-top{grid-template-columns:1fr 1fr 1fr}.footer-brand{grid-column:auto}.footer-contact-card{grid-column:1/-1}}
@media(max-width:780px){.footer-top{grid-template-columns:1fr 1fr}.footer-brand,.footer-contact-card{grid-column:1/-1}.footer-contact-card{grid-template-columns:1fr auto}}
@media(max-width:480px){.footer-top{grid-template-columns:1fr}.footer-brand,.footer-contact-card{grid-column:auto}.footer-contact-card{grid-template-columns:1fr}.footer-qr{align-items:flex-start}.footer-contact-action{align-self:start}.footer-qr img{width:124px;height:124px}}
.floating-consult{position:fixed;z-index:45;right:20px;top:50%;display:grid;overflow:hidden;width:92px;border:1px solid rgba(224,229,238,.95);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 18px 55px rgba(35,51,84,.16);backdrop-filter:blur(15px);transform:translateY(-50%)}.floating-consult>button{display:flex;align-items:center;flex-direction:column;gap:7px;padding:15px 6px;border:0;border-bottom:1px solid #edf0f4;color:#263149;background:transparent;cursor:pointer}.floating-consult>button:hover{color:#f04438;background:#fff6f5}.floating-consult>button:last-child{border-bottom:0}.floating-consult svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.floating-consult span{font-size:12px;font-weight:700}.floating-consult .floating-to-top{padding:11px 6px;color:#667085}.floating-consult .floating-to-top span{font-size:10px}.consult-drawer{position:fixed;z-index:70;inset:0;visibility:hidden;opacity:0;transition:.2s}.consult-drawer.open{visibility:visible;opacity:1}.consult-drawer-mask{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(25,35,56,.24);backdrop-filter:blur(2px)}.consult-drawer-card{position:absolute;right:28px;top:50%;width:min(390px,calc(100vw - 34px));max-height:calc(100vh - 42px);overflow:auto;border:1px solid #e4e8ef;border-radius:22px;background:#fff;box-shadow:0 24px 80px rgba(27,42,73,.24);transform:translate(20px,-50%);transition:.25s}.consult-drawer.open .consult-drawer-card{transform:translate(0,-50%)}.consult-drawer-card>header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #edf0f4;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.consult-drawer-card header small,.consult-service-intro small{color:#f04438;font-size:9px;font-weight:800;letter-spacing:1.3px}.consult-drawer-card header h2{margin:5px 0 0;font-size:20px}.consult-close{width:34px;height:34px;border:1px solid #e0e5ed;border-radius:10px;color:#667085;background:#fff;font-size:21px}.consult-panel{padding:22px}.consult-agent{display:flex;gap:12px;padding:15px;border-radius:14px;background:#f7f9fc}.consult-agent>span{display:grid;flex:0 0 40px;height:40px;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#ff6257,#e9382f);font-size:11px;font-weight:900}.consult-agent b{font-size:14px}.consult-agent p{margin:6px 0 0;color:#778195;font-size:12px;line-height:1.7}.consult-question{margin-top:20px}.consult-question>b{font-size:13px}.consult-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.consult-options button{min-height:42px;padding:8px;border:1px solid #dfe5ed;border-radius:10px;color:#475467;background:#fff;font-size:12px;cursor:pointer}.consult-options button:hover,.consult-options button.active{border-color:#ff8b83;color:#d92d20;background:#fff3f1}.consult-advice{margin-top:16px;padding:16px;border:1px solid #ffd8d4;border-radius:13px;background:#fff8f7}.consult-advice small{color:#d92d20;font-size:9px;font-weight:800}.consult-advice h3{margin:7px 0;font-size:14px}.consult-advice p{margin:0;color:#667085;font-size:12px;line-height:1.8}.consult-advice a,.consult-primary-link{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:11px 13px;border-radius:9px;color:#fff;background:#f04438;font-size:12px;font-weight:750}.consult-service-intro h3{margin:8px 0;font-size:21px}.consult-service-intro p{margin:0;color:#667085;font-size:12px;line-height:1.8}.consult-qr{display:flex;align-items:center;flex-direction:column;margin:18px 0;padding:14px;border:1px solid #e5e9f0;border-radius:14px;background:#fafbfc}.consult-qr img{width:150px;height:150px;padding:7px;border-radius:10px;background:#fff;object-fit:contain}.consult-qr span{margin-top:8px;color:#667085;font-size:11px}.consult-contact-list{display:grid;gap:8px}.consult-contact-list>a,.consult-contact-list>div{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border:1px solid #e7eaf0;border-radius:10px;color:#475467;background:#fff}.consult-contact-list span{font-size:11px}.consult-contact-list b{font-size:12px}.consult-primary-link{margin-top:16px}.consult-panel[hidden]{display:none}@media(max-width:760px){.floating-consult{top:auto;right:12px;bottom:14px;grid-template-columns:1fr 1fr;width:auto;border-radius:14px;transform:none}.floating-consult>button{min-width:76px;padding:10px 9px;border-right:1px solid #edf0f4;border-bottom:0}.floating-consult .floating-to-top{display:none}.floating-consult svg{width:21px;height:21px}.floating-consult span{font-size:10px}.consult-drawer-card{right:10px;bottom:10px;top:auto;max-height:calc(100vh - 20px);transform:translateY(20px)}.consult-drawer.open .consult-drawer-card{transform:none}}