:root {
  --colorInk: #172720;
  --colorMuted: #607069;
  --colorBrand: #0b5148;
  --colorBrandDeep: #073f38;
  --colorBrandSoft: #e7f1eb;
  --colorAccent: #f3cb5c;
  --colorAccentSoft: #fbf0c9;
  --colorPage: #f7f7f2;
  --colorPaper: #ffffff;
  --colorLine: #dfe5dd;
  --colorSuccess: #1c7456;
  --colorWarning: #9a6814;
  --colorDanger: #b1453e;
  --colorInfo: #336d8c;
  --colorDark: #12221f;
  --radiusSmall: 10px;
  --radiusMedium: 18px;
  --radiusLarge: 30px;
  --shadowSoft: 0 18px 54px rgba(14, 39, 29, .10);
  --shadowCard: 0 6px 24px rgba(14, 39, 29, .07);
  --motionFast: 180ms;
  --motionMedium: 320ms;
  --contentWidth: 1190px;
  --fontSans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fontMono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; background: var(--colorPage); color: var(--colorInk); font-family: var(--fontSans); font-size: 16px; line-height: 1.62; -webkit-font-smoothing: antialiased; }
body, button, input, select, textarea { font-family: var(--fontSans); }
button, input, select, textarea { font-size: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
button { color: inherit; }
img, svg { max-width: 100%; }
:focus-visible { outline: 3px solid #bd8e17; outline-offset: 3px; }
::selection { background: var(--colorAccent); color: var(--colorInk); }

.skipLink { position: fixed; z-index: 80; top: 10px; left: 10px; transform: translateY(-150%); padding: 10px 16px; background: var(--colorInk); color: white; border-radius: 9px; }
.skipLink:focus { transform: translateY(0); }
.siteHeader { position: sticky; z-index: 50; top: 0; background: rgba(247,247,242,.91); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(223,229,221,.76); }
.siteHeaderInner { max-width: var(--contentWidth); min-height: 78px; padding: 0 30px; margin: 0 auto; display: flex; align-items: center; gap: 38px; }
.brandLockup { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; flex: 0 0 auto; }
.brandMark { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: var(--colorBrand); }
.brandMark svg { width: 31px; height: 31px; fill: none; stroke: var(--colorAccent); stroke-width: 2.7; stroke-linecap: round; stroke-linejoin: round; }
.brandWord { color: var(--colorInk); font-size: 21px; font-weight: 760; letter-spacing: -.055em; }
.siteNav { display: flex; align-items: center; justify-content: center; gap: clamp(16px, 2.2vw, 30px); margin-left: auto; }
.navLink, .signInLink { color: #384941; font-size: 13px; font-weight: 600; text-decoration: none; transition: color var(--motionFast); }
.navLink:hover, .signInLink:hover { color: var(--colorBrand); }
.navLinkActive { color: var(--colorBrand); }
.headerActions { display: flex; align-items: center; gap: 18px; }
.mobileNavActions, .menuToggle { display: none; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; border: 1px solid transparent; border-radius: 999px; padding: 0 23px; font-size: 14px; font-weight: 680; line-height: 1.1; text-decoration: none; cursor: pointer; transition: transform var(--motionFast), background var(--motionFast), border-color var(--motionFast), box-shadow var(--motionFast); }
.button:hover { transform: translateY(-2px); }
.buttonPrimary { background: var(--colorAccent); color: #16251d; box-shadow: 0 6px 18px rgba(243,203,92,.22); }
.buttonPrimary:hover { background: #f7d777; box-shadow: 0 8px 24px rgba(243,203,92,.3); }
.buttonSecondary { background: transparent; border-color: rgba(255,255,255,.42); color: white; }
.buttonQuiet { border-color: var(--colorLine); background: white; color: var(--colorInk); }
.buttonSmall { min-height: 42px; padding: 0 18px; font-size: 13px; }
.buttonDark { background: var(--colorBrandDeep); color: white; }
.buttonText { display: inline-flex; align-items: center; gap: 8px; color: var(--colorBrand); font-weight: 700; text-decoration: none; }
.buttonText:hover { text-decoration: underline; }
.button:disabled { cursor: not-allowed; opacity: .62; transform: none; }

main { min-height: 60vh; }
.sectionWrap { width: min(var(--contentWidth), calc(100% - 48px)); margin: 0 auto; padding: 106px 0; }
.sectionWrapCompact { padding: 76px 0; }
.sectionTint { background: #eff2ea; }
.sectionDark { background: var(--colorBrandDeep); color: white; }
.sectionHead { max-width: 700px; margin-bottom: 44px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 17px; color: var(--colorBrand); font-size: 11px; font-weight: 800; letter-spacing: .14em; line-height: 1.3; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 18px; height: 2px; background: var(--colorAccent); }
.sectionDark .eyebrow { color: #f9d76f; }
h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3 { color: inherit; line-height: 1.09; letter-spacing: -.052em; }
h1 { max-width: 850px; margin-bottom: 22px; font-size: clamp(42px, 6.5vw, 76px); font-weight: 760; }
h2 { margin-bottom: 18px; font-size: clamp(31px, 4.1vw, 50px); font-weight: 730; }
h3 { margin-bottom: 12px; font-size: clamp(19px, 2vw, 25px); font-weight: 700; }
.leadText { max-width: 690px; color: var(--colorMuted); font-size: clamp(17px, 1.7vw, 20px); line-height: 1.62; }
.sectionDark .leadText { color: #d6e2db; }
.sectionIntro { max-width: 735px; margin: 0 0 30px; color: var(--colorMuted); font-size: 17px; }
.mutedText { color: var(--colorMuted); }
.smallNote { color: var(--colorMuted); font-size: 12px; line-height: 1.5; }
.chipRow, .inlineActions, .buttonRow { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.chip { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border: 1px solid var(--colorLine); border-radius: 999px; background: white; color: #4c6055; font-size: 11px; font-weight: 650; line-height: 1.2; }
.chipAccent { border-color: #e4c65a; background: var(--colorAccentSoft); color: #614d17; }
.chipDark { border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.09); color: white; }
.statusBadge { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--colorLine); border-radius: 999px; padding: 5px 9px; background: white; color: #4e5e55; font-size: 11px; font-weight: 700; white-space: nowrap; }
.statusBadge::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.statusActive, .statusSuccess { border-color: #c6e0d2; background: #eff8f2; color: var(--colorSuccess); }
.statusWarning { border-color: #eddbb6; background: #fff7e7; color: var(--colorWarning); }
.statusDanger { border-color: #f0cfca; background: #fff2f0; color: var(--colorDanger); }
.statusInfo { border-color: #d3e4ee; background: #eff7fb; color: var(--colorInfo); }
.sampleLabel { display: inline-flex; align-items: center; gap: 8px; width: fit-content; border: 1px solid rgba(243,203,92,.45); border-radius: 999px; padding: 6px 10px; background: #fff8e2; color: #6c561b; font-size: 10px; font-weight: 760; letter-spacing: .025em; }
.sampleLabel::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #c18a10; }
.panelFrame { overflow: hidden; border: 1px solid rgba(216,224,215,.9); border-radius: 18px; background: var(--colorPaper); box-shadow: var(--shadowCard); }
.panelTop { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 53px; padding: 12px 18px; border-bottom: 1px solid #e8ece6; }
.panelTitle { margin: 0; color: #34463c; font-size: 12px; font-weight: 730; }
.panelBody { padding: 21px; }
.panelFooter { padding: 12px 18px; border-top: 1px solid #e8ece6; background: #fafbf8; }
.browserDots { display: flex; gap: 5px; }
.browserDots span { width: 7px; height: 7px; border-radius: 50%; background: #d6ddd4; }
.browserDots span:first-child { background: #dc8a78; }
.browserDots span:nth-child(2) { background: #e2c26b; }
.browserDots span:nth-child(3) { background: #86ba97; }
.consoleDark { background: var(--colorDark); color: white; border-color: #243c35; }
.consoleDark .panelTop, .consoleDark .panelFooter { border-color: #2d4039; background: #192c27; }
.consoleDark .panelTitle { color: #ecf4ef; }
.metricGrid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
.metricCard { padding: 13px 14px; border: 1px solid #e8ede7; border-radius: 12px; background: #fff; }
.metricLabel { display: block; color: #748078; font-size: 10px; font-weight: 650; }
.metricValue { display: block; margin-top: 3px; color: var(--colorInk); font-size: 21px; font-weight: 780; letter-spacing: -.04em; }
.metricSub { display: block; margin-top: 3px; color: #8a948d; font-size: 9px; }
.consoleDark .metricCard { border-color: #30413b; background: #1c302a; }
.consoleDark .metricLabel, .consoleDark .metricSub { color: #9eafa6; }
.consoleDark .metricValue { color: #f6f7f2; }
.dataTable { width: 100%; border-collapse: collapse; text-align: left; font-size: 12px; }
.dataTable th { padding: 10px 12px; color: #758078; font-size: 10px; font-weight: 720; text-transform: uppercase; letter-spacing: .07em; }
.dataTable td { padding: 13px 12px; border-top: 1px solid #ecf0eb; vertical-align: middle; }
.dataTable tr:first-child td { border-top: 0; }
.tableScroll { overflow-x: auto; }
.inputField, .selectField, .textArea { width: 100%; min-height: 46px; border: 1px solid #cfd8d0; border-radius: 10px; padding: 10px 12px; background: white; color: var(--colorInk); }
.textArea { min-height: 126px; resize: vertical; }
.fieldGroup { display: grid; gap: 6px; }
.fieldGroup label { color: #34473d; font-size: 12px; font-weight: 700; }
.formGrid { display: grid; gap: 16px; }
.formTwoCol { grid-template-columns: 1fr 1fr; }
.errorText { color: #a63f39; font-size: 12px; }
.formMessage { padding: 13px 15px; border: 1px solid #c7e1d1; border-radius: 11px; background: #eff8f2; color: #235e44; font-size: 13px; }
.formMessageNote { border-color: #d5e1e8; background: #f0f7fa; color: #315c71; }
.formError { margin: 0 0 5px; color: #a63f39; font-size: 12px; }
.divider { height: 1px; margin: 19px 0; background: var(--colorLine); }
.emptyState { padding: 30px 18px; border: 1px dashed #cdd7ce; border-radius: 14px; text-align: center; background: #fbfcf9; }
.emptyState h3 { margin-bottom: 8px; font-size: 18px; }
.emptyState p { margin-bottom: 16px; color: var(--colorMuted); font-size: 13px; }

.heroSection { position: relative; overflow: hidden; padding: 64px 0 90px; background: var(--colorBrandDeep); color: white; }
.heroSection::before { position: absolute; right: -160px; top: -240px; width: 660px; height: 660px; border: 1px solid rgba(255,255,255,.11); border-radius: 50%; content: ""; }
.heroSection::after { position: absolute; right: -10px; top: -90px; width: 410px; height: 410px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; content: ""; }
.heroInner { position: relative; z-index: 1; width: min(var(--contentWidth), calc(100% - 48px)); margin: 0 auto; display: grid; grid-template-columns: minmax(0,.88fr) minmax(460px,1.12fr); align-items: center; gap: 48px; }
.heroCopy { padding: 35px 0; }
.heroCopy .eyebrow { color: #f5d976; }
.heroCopy h1 { max-width: 660px; font-size: clamp(46px,6.3vw,76px); }
.heroCopy h1 em { color: var(--colorAccent); font-style: normal; }
.heroCopy p { max-width: 580px; color: #d4e0d9; font-size: 18px; }
.heroLine { margin-top: 20px; color: #eff5ee; font-size: 12px; font-weight: 650; letter-spacing: .02em; }
.heroActions { display: flex; flex-wrap: wrap; gap: 12px; margin: 27px 0 13px; }
.heroVisual { position: relative; padding: 12px 0 26px; }
.heroVisual .panelFrame { transform: rotate(.3deg); }
.floatingCard { position: absolute; right: -22px; bottom: -8px; z-index: 2; width: 200px; padding: 14px; border: 1px solid #e5e9df; border-radius: 14px; background: #fff; color: var(--colorInk); box-shadow: var(--shadowSoft); }
.floatingCardTop { display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px; font-size: 10px; font-weight: 700; }
.floatingCard p { margin: 0; color: var(--colorMuted); font-size: 11px; }
.heroTrust { display: flex; gap: 9px; flex-wrap: wrap; margin-top: 19px; }
.heroTrust .chip { border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.08); color: #eaf0eb; }

.workflowRail { display: grid; grid-template-columns: repeat(10,minmax(112px,1fr)); gap: 4px; overflow-x: auto; padding: 8px 0 18px; }
.workflowNode { position: relative; min-width: 112px; padding: 14px 12px 12px; border: 1px solid var(--colorLine); border-radius: 12px; background: white; text-decoration: none; transition: border-color var(--motionFast), background var(--motionFast), transform var(--motionFast); }
.workflowNode:hover, .workflowNode:focus-visible { transform: translateY(-3px); border-color: var(--colorBrand); background: #f6fbf7; }
.workflowNode strong { display: block; color: var(--colorInk); font-size: 11px; }
.workflowNode span { display: block; margin-top: 3px; color: var(--colorMuted); font-size: 9px; line-height: 1.35; }
.funnelStrip { display: grid; grid-template-columns: repeat(9,minmax(90px,1fr)); gap: 7px; margin-top: 34px; }
.funnelItem { min-width: 0; padding: 12px 10px; border-radius: 10px; background: #e8eee7; }
.funnelItem strong { display: block; color: var(--colorBrand); font-size: 19px; letter-spacing: -.04em; }
.funnelItem span { display: block; color: #65746a; font-size: 9px; }
.storyGrid { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: clamp(35px,7vw,100px); }
.storyGridReverse { grid-template-columns: 1.12fr .88fr; }
.storyCopy { max-width: 525px; }
.storyCopy p { color: var(--colorMuted); font-size: 16px; }
.storyCopy .smallNote { margin-top: 14px; }
.featureTags { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 25px; }
.demoStage { min-width: 0; }
.demoStack { display: grid; gap: 14px; }

/* Interactive product surfaces */
.dashboardLayout { display: grid; grid-template-columns: 1.35fr .75fr; gap: 18px; }
.dashboardChart { width: 100%; min-height: 180px; margin-top: 12px; }
.chartLegend { display: flex; flex-wrap: wrap; gap: 14px; color: #89958d; font-size: 10px; }
.chartLegend span { display: inline-flex; align-items: center; gap: 6px; }
.legendDot { width: 7px; height: 7px; border-radius: 50%; background: #65ba91; }
.legendOpened { background: #f0c35b; }
.legendReplied { background: #82acd2; }
.activityList { display: grid; gap: 14px; }
.activityItem { display: grid; grid-template-columns: 8px 1fr auto; gap: 9px; align-items: start; font-size: 11px; }
.activityDot { width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; background: #74b690; }
.activityText { color: #dce7df; }
.activityTime { color: #94a69b; white-space: nowrap; font-size: 9px; }
.chartBars { display: flex; align-items: end; justify-content: space-between; gap: 8px; height: 125px; padding: 10px 2px 0; border-bottom: 1px solid #dfe7df; }
.chartBarGroup { display: flex; align-items: end; gap: 3px; width: 100%; height: 100%; }
.chartBar { width: 33%; min-height: 2px; border-radius: 3px 3px 0 0; background: #76bd98; }
.chartBarOpened { background: #efc75e; }
.chartBarReplied { background: #80a9ce; }
.chartDates { display: flex; justify-content: space-between; gap: 8px; padding-top: 8px; color: #8d9990; font-size: 9px; }
.rangeControls { display: flex; gap: 5px; padding: 3px; border: 1px solid #e2e8e1; border-radius: 999px; background: #f7f9f5; }
.rangeControls button, .filterTabs button, .segmented button { min-height: 32px; border: 0; border-radius: 999px; padding: 0 11px; background: transparent; color: #637169; font-size: 10px; font-weight: 700; cursor: pointer; }
.rangeControls button[aria-pressed="true"], .filterTabs button[aria-pressed="true"], .segmented button[aria-pressed="true"] { background: var(--colorBrand); color: white; }
.filterTabs { display: flex; flex-wrap: wrap; gap: 4px; }
.queueStatus { font-size: 10px; }
.queueActions { display: flex; gap: 5px; flex-wrap: wrap; }
.miniButton { min-height: 32px; border: 1px solid #dbe3dc; border-radius: 8px; padding: 0 9px; background: white; color: #3c5547; font-size: 10px; font-weight: 690; cursor: pointer; }
.miniButton:hover { border-color: var(--colorBrand); background: #f4faf5; }
.demoControlGrid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.demoControl { display: grid; gap: 6px; padding: 13px; border: 1px solid #e4eae2; border-radius: 11px; background: #fbfcfa; }
.demoControl label { font-size: 11px; font-weight: 700; }
.demoControl output { color: var(--colorBrand); font-size: 13px; font-weight: 760; }
.demoControl input[type="range"] { width: 100%; accent-color: var(--colorBrand); }
.pipelineChecks { display: grid; gap: 8px; }
.pipelineCheck { display: flex; align-items: center; gap: 9px; padding: 9px 11px; border-radius: 9px; background: #f2f7f2; color: #3c5e4a; font-size: 11px; }
.pipelineCheck::before { display: grid; width: 17px; height: 17px; place-items: center; border-radius: 50%; background: #d9eee0; color: #26714e; content: "✓"; font-size: 10px; font-weight: 800; }
.pipelineCheck.isFailed { background: #fff1ee; color: #9c463b; }
.pipelineCheck.isFailed::before { background: #f9d9d3; color: #a7463c; content: "!"; }
.resultBox { padding: 12px 14px; border: 1px solid #bfdac8; border-radius: 11px; background: #eff8f2; color: #276044; font-size: 12px; font-weight: 700; }
.resultBox.isWarning { border-color: #efcfaa; background: #fff6e7; color: #845814; }
.mailboxGrid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.mailboxCard { min-width: 0; padding: 17px; border: 1px solid #e2e8e1; border-radius: 14px; background: #fff; }
.mailboxCard h3 { margin: 10px 0 2px; font-size: 14px; word-break: break-word; }
.meterTrack { height: 7px; overflow: hidden; border-radius: 99px; background: #e8eee8; }
.meterFill { height: 100%; border-radius: inherit; background: #64a982; }
.meterRow { display: flex; justify-content: space-between; margin: 10px 0 5px; color: #738077; font-size: 10px; }
.rampChart { display: grid; grid-template-columns: repeat(13,minmax(11px,1fr)); align-items: end; gap: 4px; height: 132px; padding: 12px 5px 0; border-bottom: 1px solid #dfe5df; }
.rampBar { min-height: 14px; border-radius: 4px 4px 0 0; background: #b9d4c1; }
.rampBar.isCurrent { background: var(--colorBrand); }
.replyDemoLayout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 15px; }
.replyList { display: grid; gap: 7px; }
.replySelect { width: 100%; border: 1px solid #e0e6df; border-radius: 10px; padding: 10px; background: white; text-align: left; cursor: pointer; }
.replySelect[aria-pressed="true"] { border-color: var(--colorBrand); background: #eef6f0; }
.replySelect strong { display: block; font-size: 11px; }
.replySelect span { color: #78847c; font-size: 9px; }
.replyMessage { padding: 18px; border: 1px solid #e2e8e1; border-radius: 13px; background: white; }
.replyMessage p { margin: 8px 0 0; color: #58675f; font-size: 12px; }
.reactionList { display: grid; gap: 8px; margin: 14px 0 0; padding: 0; list-style: none; }
.reactionList li { padding: 9px 11px; border-radius: 9px; background: #f3f7f2; color: #405b4a; font-size: 11px; }
.pipelineBoard { display: grid; grid-auto-columns: minmax(150px,1fr); grid-auto-flow: column; gap: 9px; overflow-x: auto; padding: 3px 2px 12px; scroll-snap-type: x mandatory; }
.pipelineColumn { min-height: 168px; padding: 10px; border: 1px solid #e3e9e2; border-radius: 12px; background: #f7f9f5; scroll-snap-align: start; }
.pipelineColumn h4 { display: flex; justify-content: space-between; gap: 8px; margin: 0 0 10px; color: #4d5f54; font-size: 10px; }
.leadCard { margin-bottom: 7px; padding: 10px; border: 1px solid #e4e9e3; border-radius: 9px; background: white; box-shadow: 0 2px 6px rgba(18,34,31,.04); }
.leadCard strong { display: block; font-size: 10px; }
.leadCard span { display: block; margin: 4px 0 7px; color: #77837b; font-size: 9px; }
.taskList { display: grid; gap: 9px; }
.taskRow { display: grid; grid-template-columns: 18px 1fr auto; align-items: center; gap: 10px; padding: 11px 13px; border: 1px solid #e4e9e3; border-radius: 11px; background: white; }
.taskRow.isComplete { opacity: .55; }
.taskRow.isComplete .taskTitle { text-decoration: line-through; }
.taskTitle { font-size: 11px; font-weight: 730; }
.taskMeta { color: #77837b; font-size: 9px; }
.leadTableRow { cursor: pointer; }
.leadTableRow:hover td { background: #f4f8f3; }
.leadDrawer { position: fixed; z-index: 70; inset: 0 0 0 auto; display: none; width: min(440px,100vw); padding: 28px; overflow-y: auto; background: white; box-shadow: -20px 0 60px rgba(13,34,28,.2); }
.leadDrawer.isOpen { display: block; }
.drawerBackdrop { position: fixed; z-index: 69; inset: 0; display: none; background: rgba(12,31,25,.42); }
.drawerBackdrop.isOpen { display: block; }
.leadDrawer header { display: flex; align-items: start; justify-content: space-between; gap: 15px; }
.roleMatrix { width: 100%; border-collapse: collapse; font-size: 11px; }
.roleMatrix td, .roleMatrix th { padding: 9px 8px; border-bottom: 1px solid #edf0ec; text-align: left; }
.roleMatrix th { color: #64736a; font-size: 10px; }
.tokenMask { padding: 9px 12px; border: 1px dashed #b7c8bb; border-radius: 9px; background: #f6f8f5; color: #4b6354; font-family: var(--fontMono); font-size: 12px; }

.pageHero { padding: 82px 0 55px; }
.pageHeroInner { width: min(var(--contentWidth), calc(100% - 48px)); margin: 0 auto; }
.pageHero h1 { font-size: clamp(39px,5.6vw,65px); }
.pageHero .leadText { max-width: 790px; }
.pageBlock { padding: 56px 0; border-top: 1px solid #e3e8e0; }
.pageBlockInner { width: min(var(--contentWidth), calc(100% - 48px)); margin: 0 auto; }
.pageBlock:nth-of-type(even) { background: #eff2ea; }
.pageBlockGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: center; }
.featureNav { position: sticky; z-index: 20; top: 78px; display: flex; gap: 7px; overflow-x: auto; padding: 13px max(24px, calc((100% - var(--contentWidth))/2)); border-block: 1px solid #e2e8e0; background: rgba(247,247,242,.96); }
.featureNav a { white-space: nowrap; border: 1px solid #dce4dc; border-radius: 999px; padding: 7px 11px; background: white; text-decoration: none; color: #4b5b51; font-size: 10px; font-weight: 700; }
.featureNav a:hover { border-color: var(--colorBrand); color: var(--colorBrand); }
.featureItem { display: grid; grid-template-columns: .82fr 1.18fr; gap: 40px; align-items: center; padding: 56px 0; border-bottom: 1px solid #e3e8e0; }
.featureItem:nth-child(even) { grid-template-columns: 1.18fr .82fr; }
.featureItem:nth-child(even) .featureCopy { order: 2; }
.featureList { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px 14px; padding: 0; list-style: none; color: #526259; font-size: 12px; }
.featureList li::before { content: "✓"; margin-right: 8px; color: var(--colorSuccess); font-weight: 800; }
.journeyList { position: relative; display: grid; gap: 0; }
.journeyStep { display: grid; grid-template-columns: 95px 1fr 220px; gap: 28px; align-items: center; padding: 29px 0; border-bottom: 1px solid #e2e8df; }
.journeyNumber { color: var(--colorBrand); font-size: 33px; font-weight: 790; letter-spacing: -.06em; }
.journeyStep p { margin: 0; color: var(--colorMuted); font-size: 14px; }
.journeyVisual { min-height: 80px; display: flex; align-items: center; justify-content: center; gap: 7px; padding: 12px; border: 1px solid #e1e8df; border-radius: 13px; background: #fff; color: var(--colorBrand); font-size: 10px; text-align: center; }
.packageGrid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.packageCard { display: flex; flex-direction: column; gap: 13px; padding: 23px; border: 1px solid #e0e6df; border-radius: 16px; background: white; box-shadow: var(--shadowCard); }
.packageCard h3 { margin: 0; font-size: 18px; }
.packagePrice { color: var(--colorBrand); font-size: 22px; font-weight: 780; letter-spacing: -.04em; }
.packageCard .button { margin-top: auto; }
.sampleBanner { padding: 13px 15px; border: 1px solid #e9d9a3; border-radius: 11px; background: #fff8e2; color: #68551b; font-size: 12px; }
.faqList { display: grid; gap: 9px; max-width: 820px; }
.faqList details { padding: 14px 16px; border: 1px solid #e2e8e0; border-radius: 11px; background: white; }
.faqList summary { cursor: pointer; color: #35483e; font-size: 13px; font-weight: 700; }
.faqList p { margin: 10px 0 0; color: var(--colorMuted); font-size: 12px; }
.formCard { width: min(700px,100%); padding: clamp(22px,4vw,42px); border: 1px solid #e2e8e0; border-radius: 19px; background: white; box-shadow: var(--shadowCard); }
.authWrap { width: min(510px, calc(100% - 38px)); margin: 70px auto 95px; }
.authWrap .formCard { width: 100%; }
.checkoutLayout { display: grid; grid-template-columns: 1fr .85fr; gap: 26px; align-items: start; }
.noticeBox { padding: 15px; border: 1px solid #d8e5dc; border-radius: 12px; background: #f3f8f3; color: #4f6558; font-size: 12px; }
.ctaBand { padding: 68px 0; background: var(--colorBrandDeep); color: white; }
.ctaBandInner { width: min(var(--contentWidth), calc(100% - 48px)); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.ctaBand h2 { max-width: 720px; margin: 0 0 10px; font-size: clamp(32px,4vw,48px); }
.ctaBand p { max-width: 670px; margin: 0; color: #d2dfd7; }


.revealOnView { opacity: 1; transform: none; }
html.hasJs .revealOnView { opacity: 0; transform: translateY(14px); transition: opacity 430ms ease, transform 430ms ease; }
.revealOnView.isVisible, html.hasJs .demoStage.revealOnView { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } .revealOnView { opacity: 1; transform: none; } }

@media (max-width: 980px) {
  .siteHeaderInner { gap: 18px; padding-inline: 23px; }
  .siteNav { gap: 14px; }
  .navLink { font-size: 12px; }
  .headerActions { gap: 11px; }
  .heroInner { grid-template-columns: 1fr; gap: 8px; }
  .heroCopy { max-width: 800px; padding-bottom: 10px; }
  .heroVisual { width: min(760px,100%); margin: 0 auto; }
  .dashboardLayout { grid-template-columns: 1fr; }
  .storyGrid, .storyGridReverse { grid-template-columns: 1fr; }
  .storyGridReverse .storyCopy { order: -1; }
  .pageBlockGrid { grid-template-columns: 1fr; }
  .funnelStrip { grid-template-columns: repeat(5,minmax(86px,1fr)); }
  .packageGrid { grid-template-columns: 1fr 1fr; }
  .featureItem, .featureItem:nth-child(even) { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  .siteHeaderInner { min-height: 70px; }
  .menuToggle { display: flex; flex-direction: column; justify-content: center; gap: 5px; width: 44px; height: 44px; margin-left: auto; border: 1px solid #dce4dc; border-radius: 50%; background: white; cursor: pointer; }
  .menuToggle span { width: 16px; height: 2px; margin: 0 auto; border-radius: 2px; background: var(--colorBrand); transition: transform var(--motionFast); }
  .menuToggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .menuToggle[aria-expanded="true"] span:nth-child(2) { transform: translateY(-3.5px) rotate(-45deg); }
  .siteNav { position: absolute; top: calc(100% + 1px); right: 0; left: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 13px 20px 19px; border-bottom: 1px solid var(--colorLine); background: var(--colorPage); box-shadow: 0 12px 25px rgba(14,39,29,.08); }
  .siteNav.isOpen { display: flex; }
  .navLink { padding: 13px 7px; border-bottom: 1px solid #e5e9e2; font-size: 14px; }
  .headerActions { display: none; }
  .mobileNavActions { display: flex; gap: 10px; padding-top: 14px; }
  .mobileNavActions .button { flex: 1; }
  .sectionWrap { width: min(100% - 36px, var(--contentWidth)); padding: 72px 0; }
  .sectionWrapCompact { padding: 50px 0; }
  .heroSection { padding: 45px 0 58px; }
  .heroInner, .pageHeroInner, .pageBlockInner, .ctaBandInner { width: min(100% - 36px, var(--contentWidth)); }
  .heroCopy { padding-top: 18px; }
  .heroCopy h1 { font-size: clamp(40px,12vw,60px); }
  .heroCopy p { font-size: 16px; }
  .heroActions { width: 100%; }
  .heroActions .button { flex: 1; }
  .heroVisual { padding: 0 0 62px; }
  .floatingCard { right: 2px; bottom: 0; width: min(206px,75%); }
  .panelBody { padding: 15px; }
  .panelTop { padding-inline: 14px; }
  .metricGrid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .workflowRail { grid-template-columns: repeat(10,128px); margin-right: -18px; padding-right: 18px; }
  .funnelStrip { grid-template-columns: repeat(3,minmax(80px,1fr)); }
  .mailboxGrid { grid-template-columns: 1fr; }
  .replyDemoLayout { grid-template-columns: 1fr; }
  .replyList { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .demoControlGrid { grid-template-columns: 1fr; }
  .packageGrid { grid-template-columns: 1fr; }
  .featureNav { top: 69px; padding-inline: 18px; }
  .featureItem, .featureItem:nth-child(even) { grid-template-columns: 1fr; gap: 18px; padding: 36px 0; }
  .featureItem:nth-child(even) .featureCopy { order: 0; }
  .featureList { grid-template-columns: 1fr; }
  .journeyStep { grid-template-columns: 50px 1fr; gap: 12px; padding: 20px 0; }
  .journeyVisual { grid-column: 2; min-height: 58px; }
  .journeyNumber { font-size: 25px; }
  .formTwoCol, .checkoutLayout { grid-template-columns: 1fr; }
  .ctaBandInner { align-items: start; flex-direction: column; }
      
  .tableScroll { overflow: visible; }
  .dataTable, .dataTable tbody, .dataTable tr, .dataTable td { display: block; width: 100%; }
  .dataTable thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
  .dataTable tbody { display: grid; gap: 9px; }
  .dataTable tr { padding: 11px; border: 1px solid #e4e9e3; border-radius: 11px; background: white; }
  .dataTable td { display: flex; justify-content: space-between; gap: 14px; padding: 6px 3px; border: 0; }
  .dataTable td::before { content: attr(data-label); color: #7a877e; font-size: 9px; font-weight: 700; }
  .leadDrawer { padding: 22px; }
}

.dialogPanel { width: min(560px,calc(100vw - 30px)); max-width: none; max-height: min(88vh,720px); padding: 23px; border: 1px solid #dbe3dc; border-radius: 18px; background: white; color: var(--colorInk); box-shadow: var(--shadowSoft); }
.dialogPanel::backdrop { background: rgba(12,31,25,.5); }
.dialogPanel h3 { margin: 0; font-size: 21px; }
@media (max-width:720px) { .dialogPanel { width:100vw; max-width:none; max-height:100dvh; min-height:100dvh; margin:0; padding:24px 19px; border:0; border-radius:0; } }

/* --------------------------------------------------------------------------
   SiSender visual polish layer
   Keeps the existing palette, type direction and brand language intact.
   -------------------------------------------------------------------------- */
.homeHero .heroInner { grid-template-columns: minmax(0,.92fr) minmax(420px,.88fr); gap: 58px; }
.homeHero .heroCopy { max-width: 690px; }
.homeHero .heroCopy h1 { max-width: 650px; }
.homeHeroVisual { padding: 8px 0 22px; }
.heroSignal { max-width: 640px; margin-left: auto; transform: rotate(.18deg); }
.heroSignal .panelBody { padding: 23px; }
.heroSignalHeader { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:18px; }
.heroSignalHeader .eyebrow { margin-bottom: 7px; }
.heroSignalHeader h2 { margin-bottom: 0; font-size: clamp(26px,3.4vw,39px); }
.metricGridThree { grid-template-columns: repeat(3,minmax(0,1fr)); }
.heroSignalFlow { display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-top:18px; padding-top:17px; border-top:1px solid #e9eee8; }
.heroSignalFlow span { padding:7px 10px; border:1px solid #e1e8df; border-radius:999px; background:#fafcf9; color:#41534a; font-size:10px; font-weight:730; }
.heroSignalFlow i { width:14px; height:1px; background:#b8c5bb; position:relative; }
.heroSignalFlow i::after { content:""; position:absolute; right:0; top:-2px; width:5px; height:5px; border-top:1px solid #8ea095; border-right:1px solid #8ea095; transform:rotate(45deg); }
.heroSignalReply { margin-top:18px; padding:13px 14px; border-radius:12px; background:#f2f7f2; border:1px solid #dbe7dc; }
.heroSignalReply > div { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.heroSignalReply strong { font-size:12px; }
.heroSignalReply p { margin:8px 0 0; color:#4e6256; font-size:11px; }
.homeIntro { padding-top: 88px; }
.capabilityGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.capabilityCard { display:grid; grid-template-columns:45px 1fr; gap:14px; padding:22px; border:1px solid #e0e7df; border-radius:16px; background:#fff; box-shadow:var(--shadowCard); }
.capabilityIndex { color:var(--colorBrand); font-size:12px; font-weight:800; letter-spacing:.08em; }
.capabilityCard .eyebrow { margin-bottom:8px; font-size:10px; }
.capabilityCard h3 { margin-bottom:9px; font-size:22px; }
.capabilityCard p:not(.eyebrow) { margin-bottom:14px; color:var(--colorMuted); font-size:13px; }
.homeWorkflowSection { padding-top: 92px; padding-bottom: 92px; }
.workflowCompact { display:flex; align-items:stretch; gap:8px; overflow-x:auto; padding:4px 2px 8px; }
.workflowCompactItem { min-width:150px; flex:1; padding:16px 14px; border:1px solid #dde5dc; border-radius:13px; background:#fff; box-shadow:0 2px 9px rgba(14,39,29,.04); }
.workflowCompactItem > span { display:block; color:var(--colorBrand); font-size:10px; font-weight:800; letter-spacing:.08em; }
.workflowCompactItem strong { display:block; margin-top:7px; color:var(--colorInk); font-size:13px; }
.workflowCompactItem small { display:block; margin-top:3px; color:#748078; font-size:10px; line-height:1.35; }
.workflowConnector { flex:0 0 18px; align-self:center; height:1px; background:#b8c4ba; position:relative; }
.workflowConnector::after { content:""; position:absolute; right:0; top:-2px; width:5px; height:5px; border-top:1px solid #8b9a91; border-right:1px solid #8b9a91; transform:rotate(45deg); }
.homeWorkflowActions { display:flex; align-items:center; gap:17px; margin-top:20px; }
.homeFocusSection { padding-top:94px; padding-bottom:106px; }
.focusGrid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.focusCard { display:flex; flex-direction:column; min-height:170px; padding:19px; border:1px solid #e1e7df; border-radius:15px; background:#fff; text-decoration:none; transition:transform var(--motionFast),border-color var(--motionFast),box-shadow var(--motionFast); }
.focusCard:hover { transform:translateY(-3px); border-color:#c6d6c9; box-shadow:var(--shadowCard); }
.focusCardLabel { color:var(--colorBrand); font-size:10px; font-weight:800; letter-spacing:.13em; }
.focusCard strong { margin-top:12px; color:var(--colorInk); font-size:17px; line-height:1.15; }
.focusCard span:last-child { margin-top:auto; color:var(--colorMuted); font-size:11px; line-height:1.45; }
.productHero .pageHeroInner { max-width: 920px; }
.productOverview { padding-top:80px; }
.productOverviewGrid { display:grid; grid-template-columns:.8fr 1.2fr; gap:58px; align-items:center; }
.productStory h2 { max-width:600px; }
.productAreaList { display:grid; gap:9px; margin-top:25px; }
.productAreaList > div { display:grid; grid-template-columns:190px 1fr; gap:15px; padding:13px 14px; border:1px solid #e2e8e0; border-radius:11px; background:#fff; }
.productAreaList strong { font-size:12px; }
.productAreaList span { color:var(--colorMuted); font-size:11px; }
.productPreview { min-width:0; }
.productPreview .panelBody { padding:17px; }
.productPillars { padding-top:82px; padding-bottom:88px; }
.productLayerGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.productLayer { padding:22px; border:1px solid #dfe7df; border-radius:16px; background:#fff; }
.productLayer > span { color:var(--colorBrand); font-size:11px; font-weight:800; }
.productLayer .eyebrow { margin-top:18px; margin-bottom:8px; font-size:10px; }
.productLayer h3 { margin-bottom:9px; }
.productLayer p:not(.eyebrow) { color:var(--colorMuted); font-size:13px; }
.productPreviewSection { padding-top:88px; padding-bottom:104px; }
.previewGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.previewCard .panelBody { min-height:168px; display:flex; flex-direction:column; }
.previewBody h3 { font-size:18px; }
.previewTimeline { display:grid; gap:7px; margin:4px 0 20px; }
.previewTimeline span { padding:8px 10px; border-radius:9px; background:#f3f7f2; color:#415b4b; font-size:11px; }
.previewBody .buttonText { margin-top:auto; font-size:12px; }
.previewReply { padding:12px; border:1px solid #e2e8e1; border-radius:11px; background:#fafcf9; margin-bottom:18px; }
.previewReply strong { display:block; margin-top:9px; font-size:12px; }
.previewReply p { margin:4px 0 0; color:var(--colorMuted); font-size:10px; }
.featureCatalog { padding-top:56px; }
.featureItem { padding:49px 0; }
.featureItem h2 { font-size:clamp(27px,3.4vw,42px); }
.featureItem p { font-size:13px; }
.featureList { font-size:11px; }
.featureMiniPanel { min-width:0; box-shadow:var(--shadowCard); }
.featureItemFeatured { grid-template-columns:.75fr 1.25fr; }
.featureItemFeatured:nth-child(even) { grid-template-columns:.75fr 1.25fr; }
.featureItemFeatured:nth-child(even) .featureCopy { order:initial; }
.personalisationPreview { padding:17px; border:1px solid #e3e9e2; border-radius:12px; background:#fbfcfa; }
.personalisationPreview p { margin-bottom:9px; color:#53645b; font-size:12px; }
.personalisationPreview p strong { color:var(--colorInk); }
.leadPreview, .roleSummary { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:12px 13px; border:1px solid #e4e9e3; border-radius:11px; background:#fff; }
.leadPreview strong, .roleSummary strong { display:block; font-size:12px; }
.leadPreview span:not(.statusBadge), .roleSummary span:not(.statusBadge) { display:block; margin-top:4px; color:#748078; font-size:10px; }
.previewMeta { display:grid; grid-template-columns:1fr 1fr; gap:7px 12px; margin-top:12px; font-size:10px; }
.previewMeta span { color:#7a887e; }
.previewMeta strong { color:#405248; }
.compactActivity .activityItem { padding:10px 0; }
.miniBoard { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.miniBoard > div { min-height:150px; padding:11px; border:1px solid #e2e8e1; border-radius:10px; background:#f7f9f6; }
.miniBoard span, .miniBoard strong { display:block; }
.miniBoard span { color:#718076; font-size:9px; font-weight:700; }
.miniBoard strong { margin-top:4px; font-size:16px; color:var(--colorBrand); }
.miniBoard em { display:block; margin-top:10px; padding:8px; border-radius:8px; background:#fff; color:#46594e; font-size:9px; font-style:normal; }
.queueSummary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:14px; }
.queueSummary span { padding:11px; border:1px solid #e4e9e3; border-radius:10px; background:#fff; color:#68766d; font-size:10px; }
.queueSummary strong { display:block; color:var(--colorBrand); font-size:17px; }
.reactionGrid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.reactionGrid > div { padding:15px; border:1px solid #dfe6de; border-radius:12px; background:#fff; }
.reactionGrid p { margin:10px 0 0; color:var(--colorMuted); font-size:11px; line-height:1.45; }
.journeyCompact { padding-top:55px; }
.journeyIntroBar { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:12px; }
.journeyRail { display:grid; gap:0; border-top:1px solid #e1e7df; }
.journeyCard { display:grid; grid-template-columns:72px 1fr; gap:22px; padding:30px 0; border-bottom:1px solid #e1e7df; }
.journeyCardMarker { width:42px; height:42px; display:grid; place-items:center; border:1px solid #d7e1d9; border-radius:50%; background:#fff; color:var(--colorBrand); font-size:11px; font-weight:800; }
.journeyCardBody .eyebrow { margin-bottom:8px; }
.journeyCardBody h2 { margin-bottom:9px; font-size:clamp(24px,3vw,37px); }
.journeyCardBody p:last-child { margin:0; max-width:760px; color:var(--colorMuted); font-size:14px; }
.responseFlowGrid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.responseFlowGrid > div { display:flex; flex-direction:column; min-height:145px; padding:15px; border:1px solid #dde6de; border-radius:12px; background:#fff; }
.responseFlowGrid strong { margin-top:12px; font-size:12px; }
.responseFlowGrid small { margin-top:6px; color:var(--colorMuted); font-size:10px; line-height:1.4; }
.compactFunnel { margin-top:12px; }
.journeyCta { margin-top:20px; }
.flowChevron { display:inline-block; width:11px; height:11px; border-top:1px solid currentColor; border-right:1px solid currentColor; transform:rotate(45deg); color:#7f9185; }
.sitePage .eyebrow::before { width:14px; }

@media (max-width: 980px) {
  .homeHero .heroInner { grid-template-columns:1fr; }
  .heroSignal { max-width:780px; margin:0 auto; }
  .capabilityGrid, .productLayerGrid, .previewGrid { grid-template-columns:1fr 1fr; }
  .focusGrid { grid-template-columns:1fr 1fr; }
  .productOverviewGrid { grid-template-columns:1fr; gap:35px; }
  .featureItemFeatured, .featureItemFeatured:nth-child(even) { grid-template-columns:1fr 1fr; }
  .reactionGrid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .responseFlowGrid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width: 720px) {
  .homeHero .heroInner { gap:16px; }
  .heroSignal .panelBody { padding:15px; }
  .heroSignalHeader { flex-direction:column; gap:9px; }
  .metricGridThree { grid-template-columns:1fr; }
  .heroSignalFlow { gap:6px; }
  .heroSignalFlow i { display:none; }
  .capabilityGrid, .productLayerGrid, .previewGrid, .focusGrid { grid-template-columns:1fr; }
  .capabilityCard { grid-template-columns:1fr; gap:8px; }
  .homeWorkflowActions { align-items:flex-start; flex-direction:column; }
  .productAreaList > div { grid-template-columns:1fr; gap:4px; }
  .featureItemFeatured, .featureItemFeatured:nth-child(even) { grid-template-columns:1fr; }
  .miniBoard, .reactionGrid, .responseFlowGrid { grid-template-columns:1fr; }
  .queueSummary { grid-template-columns:1fr 1fr; }
  .journeyCard { grid-template-columns:46px 1fr; gap:13px; padding:24px 0; }
  .journeyCardMarker { width:38px; height:38px; }
  .journeyIntroBar { align-items:flex-start; flex-direction:column; }
  .siteHeaderInner { padding-inline:18px; }
  .heroActions .button { flex:initial; }
}
.iconMark { position:relative; display:inline-block; width:18px; height:18px; flex:0 0 18px; color:var(--colorBrand); }
.iconMail { border:1.5px solid currentColor; border-radius:4px; }
.iconMail::after, .iconMail::before { content:""; position:absolute; top:3px; width:8px; height:1.5px; background:currentColor; }
.iconMail::before { left:1px; transform:rotate(30deg); }
.iconMail::after { right:1px; transform:rotate(-30deg); }
.iconPulse::before { content:""; position:absolute; left:2px; right:2px; top:8px; height:2px; background:currentColor; border-radius:2px; box-shadow:4px -4px 0 -0.25px currentColor, 8px 2px 0 -0.25px currentColor; }

/* --------------------------------------------------------------------------
   SiSender focused marketing refinement
   Same theme variables, palette, type direction and brand language.
   -------------------------------------------------------------------------- */
.heroProofRow { display:flex; flex-wrap:wrap; gap:9px 16px; margin-top:26px; color:#516159; font-size:11px; font-weight:650; }
.heroProofRow span { display:inline-flex; align-items:center; gap:7px; }
.heroProofRow .iconMark { width:15px; height:15px; flex-basis:15px; }
.iconReply { border:1.5px solid currentColor; border-radius:50%; }
.iconReply::after { content:""; position:absolute; left:4px; top:4px; width:7px; height:5px; border-left:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:skewY(-28deg); }
.homeProductPreview { overflow:hidden; box-shadow:var(--shadowSoft); }
.homeProductPreview .panelBody { padding:20px; }
.homePreviewToolbar { display:flex; justify-content:space-between; align-items:start; gap:15px; padding-bottom:18px; border-bottom:1px solid #e7ebe5; }
.homePreviewToolbar strong { display:block; margin-top:5px; font-size:17px; }
.homePreviewMetrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; padding:16px 0; }
.homePreviewMetrics > div { padding:12px 13px; border:1px solid #e2e8e1; border-radius:11px; background:#fbfcfa; }
.homePreviewMetrics small,.homePreviewMetrics span { display:block; color:#758078; font-size:9px; }
.homePreviewMetrics strong { display:block; margin:3px 0 2px; color:var(--colorBrand); font-size:23px; line-height:1; letter-spacing:-.05em; }
.homePreviewMain { display:grid; grid-template-columns:1.25fr .75fr; gap:11px; }
.homePreviewList,.homePreviewNext { padding:13px; border:1px solid #e2e8e1; border-radius:11px; background:#fff; }
.homePreviewListHead { display:flex; justify-content:space-between; color:#79867d; font-size:9px; font-weight:700; padding-bottom:8px; }
.homePreviewListRow { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 0; border-top:1px solid #edf0ec; }
.homePreviewListRow strong { display:block; font-size:11px; }
.homePreviewListRow small { display:block; margin-top:3px; color:#7c8880; font-size:9px; }
.homePreviewNext { background:#f6f8f4; }
.homePreviewNext > strong { display:block; margin-top:9px; font-size:13px; }
.homePreviewNext > p { margin:6px 0 16px; color:#66756b; font-size:10px; line-height:1.45; }
.previewKicker { color:var(--colorBrand); font-size:9px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.homeTrustBand { border-block:1px solid #e2e7e0; background:#fff; }
.homeTrustBand .sectionWrap { padding:43px 0; }
.homeTrustInner { display:grid; grid-template-columns:.95fr 1.45fr; gap:60px; align-items:center; }
.homeTrustInner h2 { margin:0; max-width:450px; font-size:clamp(25px,3.2vw,39px); }
.homeTrustStats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.homeTrustStats > div { padding:13px 14px; border-left:2px solid var(--colorAccent); }
.homeTrustStats strong { display:block; color:var(--colorBrand); font-size:11px; }
.homeTrustStats span { display:block; margin-top:4px; color:#596960; font-size:11px; }
.homeSectionHeadWide { max-width:790px; }
.homeWorkflowStory { padding-top:94px; padding-bottom:98px; }
.homeWorkflowRail { display:flex; align-items:stretch; gap:8px; overflow-x:auto; padding-bottom:6px; }
.homeWorkflowStep { min-width:164px; flex:1; padding:16px 15px; border:1px solid #dfe6df; border-radius:14px; background:#fff; }
.homeWorkflowNumber { color:var(--colorBrand); font-size:10px; font-weight:800; letter-spacing:.08em; }
.homeWorkflowStep strong,.homeWorkflowStep span { display:block; }
.homeWorkflowStep strong { margin-top:8px; font-size:13px; }
.homeWorkflowStep span:last-child { margin-top:5px; color:#738078; font-size:10px; line-height:1.45; }
.homeWorkflowArrow { flex:0 0 18px; align-self:center; height:1px; background:#bdc8bf; position:relative; }
.homeWorkflowArrow::after { content:""; position:absolute; right:0; top:-3px; width:6px; height:6px; border-top:1px solid #89988d; border-right:1px solid #89988d; transform:rotate(45deg); }
.homeWorkflowNote { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:13px; margin-top:18px; padding:13px 15px; border:1px solid #dde5dd; border-radius:13px; background:#f7faf6; }
.homeWorkflowNote p { margin:0; color:#58675e; font-size:11px; }
.homeWorkflowNote .buttonText { white-space:nowrap; font-size:11px; }
.homeMomentsSection { padding-top:94px; padding-bottom:100px; }
.homeMomentGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.homeMomentCard { display:flex; flex-direction:column; padding:22px; border:1px solid #dfe6df; border-radius:18px; background:#fff; box-shadow:var(--shadowCard); }
.homeMomentTop { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.homeMomentIndex { color:var(--colorBrand); font-size:10px; font-weight:800; letter-spacing:.08em; }
.homeMomentCard h3 { margin:16px 0 8px; font-size:20px; }
.homeMomentCard > p { min-height:63px; margin-bottom:16px; color:#637169; font-size:12px; }
.homeMomentCard .buttonText { margin-top:auto; font-size:11px; }
.homeMiniUi { display:grid; gap:7px; margin:0 0 19px; padding:10px; border:1px solid #e3e9e2; border-radius:12px; background:#f7f9f6; }
.homeMiniUi > div { padding:9px 10px; border:1px solid #e5eae4; border-radius:9px; background:#fff; }
.homeMiniUi span,.homeMiniUi em { display:block; color:#79867d; font-size:9px; font-style:normal; }
.homeMiniUi strong { display:block; margin:3px 0; font-size:10px; }
.homeMiniSending { grid-template-columns:1.1fr 1fr; }
.homeMiniSending > div:first-child { grid-row:span 2; }
.homeMiniMeter i { display:block; height:7px; margin:6px 0; border-radius:99px; background:#e7ede7; overflow:hidden; }
.homeMiniMeter i b { display:block; height:100%; border-radius:inherit; background:#71ad89; }
.homeMiniResult { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.homeMiniReply { gap:9px; }
.homeReplyMeta { display:grid; grid-template-columns:auto 1fr; gap:7px 9px; align-items:center; }
.homeReplyMeta strong { margin:0; font-size:11px; }
.homeReplyMeta small { grid-column:2; margin-top:-6px; color:#7a867e; font-size:9px; }
.homeMiniReply > p { margin:0; color:#5b6a61; font-size:10px; line-height:1.45; }
.homeReplyActions { display:flex; flex-wrap:wrap; gap:5px; }
.homeReplyActions span { padding:5px 7px; border-radius:7px; background:#f1f6f1; color:#4c6254; font-size:8px; }
.homeSplitHead { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:end; margin-bottom:42px; }
.homeSplitHead h2 { max-width:640px; }
.homeSplitHead > p { max-width:500px; margin:0; color:#647269; font-size:14px; }
.homeWhyGrid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.homeWhyGrid article { padding:20px; border-top:2px solid var(--colorAccent); border-radius:0 0 14px 14px; background:#fbfcfa; }
.homeWhyIcon { display:grid; place-items:center; width:34px; height:34px; margin-bottom:18px; border:1px solid #d6e0d7; border-radius:10px; color:var(--colorBrand); font-size:10px; font-weight:800; }
.homeWhyGrid h3 { margin-bottom:8px; font-size:17px; }
.homeWhyGrid p { margin:0; color:#69766e; font-size:11px; line-height:1.55; }
.homeExploreSection { padding-top:84px; padding-bottom:94px; }
.homeExploreGrid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; }
.homeExploreGrid a { position:relative; display:flex; flex-direction:column; min-height:170px; padding:20px; border:1px solid #dce4dc; border-radius:15px; background:#fff; text-decoration:none; transition:transform var(--motionFast),box-shadow var(--motionFast),border-color var(--motionFast); }
.homeExploreGrid a:hover { transform:translateY(-3px); border-color:#c5d4c7; box-shadow:var(--shadowCard); }
.homeExploreGrid span { color:var(--colorBrand); font-size:9px; font-weight:800; letter-spacing:.13em; }
.homeExploreGrid strong { margin-top:11px; font-size:16px; }
.homeExploreGrid p { margin:8px 0 0; color:#6a776f; font-size:10px; line-height:1.5; }
.homeExploreGrid b { margin-top:auto; align-self:flex-end; color:var(--colorBrand); font-size:17px; }
.homeCtaBand { margin-top:0; }
.contactPageHero .pageHeroInner { max-width:910px; }
.contactHeroBadges { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.contactHeroBadges span { padding:8px 11px; border:1px solid #dce5dd; border-radius:999px; background:#fff; color:#54665a; font-size:10px; font-weight:700; }
.contactMainSection { padding-top:86px; padding-bottom:90px; }
.contactLayout { display:grid; grid-template-columns:minmax(0,1.28fr) minmax(310px,.72fr); gap:22px; align-items:start; }
.contactFormCard { width:100%; padding:clamp(24px,3.2vw,38px); }
.contactFormHeader { display:flex; justify-content:space-between; gap:24px; margin-bottom:20px; }
.contactFormHeader h2 { margin:0 0 9px; font-size:31px; }
.contactFormHeader p:not(.eyebrow) { margin:0; max-width:620px; color:#647269; font-size:12px; }
.contactFormBadge { display:grid; place-items:center; align-content:center; width:70px; height:70px; flex:0 0 70px; border:1px solid #dfe7e0; border-radius:18px; background:#f7f9f6; }
.contactFormBadge span { color:var(--colorBrand); font-size:17px; font-weight:800; }
.contactFormBadge small { color:#748078; font-size:8px; margin-top:2px; }
.contactTopicRow { display:flex; flex-wrap:wrap; gap:7px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e7ebe5; }
.contactTopicButton { min-height:34px; padding:0 11px; border:1px solid #dce4dc; border-radius:999px; background:#fff; color:#516158; font-size:10px; font-weight:700; cursor:pointer; }
.contactTopicButton:hover,.contactTopicButton.isActive { border-color:var(--colorBrand); color:var(--colorBrand); background:#f2f7f2; }
.contactTextArea { min-height:210px; }
.contactFormFooter { display:flex; justify-content:space-between; align-items:center; gap:17px; margin-top:5px; }
.contactFormFooter > span { max-width:410px; color:#7a867d; font-size:9px; line-height:1.45; }
.contactAside { display:grid; gap:12px; }
.contactAsideCard { padding:20px; border:1px solid #dfe6df; border-radius:16px; background:#fff; box-shadow:var(--shadowCard); }
.contactAsideCard h3 { margin-bottom:8px; font-size:21px; }
.contactAsideCard > p:not(.eyebrow) { color:#65736a; font-size:11px; line-height:1.55; }
.contactAsideHighlight { background:#f0f4ed; }
.contactTopicList { display:flex; flex-wrap:wrap; gap:6px; margin-top:16px; }
.contactTopicList span { padding:6px 8px; border:1px solid #d7e1d8; border-radius:8px; color:#496054; background:#fff; font-size:9px; }
.contactChecklist { display:grid; gap:9px; }
.contactChecklist > div { display:grid; grid-template-columns:27px 1fr; gap:9px; align-items:start; padding-top:9px; border-top:1px solid #edf0ec; }
.contactChecklist > div:first-child { border-top:0; padding-top:0; }
.contactChecklist span { color:var(--colorBrand); font-size:9px; font-weight:800; }
.contactChecklist p { margin:0; color:#5e6d63; font-size:10px; line-height:1.45; }
.contactAsideQuiet { background:#f7f9f6; }
.contactAsideQuiet strong { display:block; margin-top:12px; font-size:14px; }
.contactAsideQuiet p { margin:5px 0 0; }
.contactAsideQuiet .buttonText { margin-top:12px; font-size:10px; }
.contactSuccessState { min-height:470px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.contactSuccessIcon { display:grid; place-items:center; width:54px; height:54px; border-radius:50%; background:#e4f1e8; color:var(--colorSuccess); font-weight:900; }
.contactSuccessState h2 { margin-bottom:10px; font-size:37px; }
.contactSuccessState p:not(.eyebrow) { max-width:600px; color:#617068; font-size:14px; }
.contactSuccessMeta { display:grid; gap:5px; margin:14px 0 20px; padding:13px; border:1px solid #e0e7e0; border-radius:11px; background:#f8faf7; color:#66756c; font-size:10px; }
.contactProcessSection { padding-top:82px; padding-bottom:90px; }
.contactProcessGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.contactProcessGrid article { padding:21px; border:1px solid #dfe6df; border-radius:15px; background:#fff; }
.contactProcessGrid span { color:var(--colorBrand); font-size:10px; font-weight:800; }
.contactProcessGrid h3 { margin:14px 0 7px; font-size:18px; }
.contactProcessGrid p { margin:0; color:#67756c; font-size:11px; line-height:1.55; }
.contactFaqSection { padding-top:86px; padding-bottom:96px; }
.contactFaqGrid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.contactFaqGrid details { padding:17px 18px; border:1px solid #e0e7e0; border-radius:13px; background:#fff; }
.contactFaqGrid summary { color:#3a4d41; font-size:12px; font-weight:750; cursor:pointer; }
.contactFaqGrid p { margin:10px 0 0; color:#68766e; font-size:11px; line-height:1.55; }
.contactCtaBand { margin-top:0; }
.pricingPageHero .pageHeroInner { max-width:1050px; }
.pricingHeroTop { display:grid; grid-template-columns:1.25fr .55fr; gap:55px; align-items:end; }
.pricingHeroNote { padding:18px; border:1px solid #e0e8e1; border-radius:15px; background:#fff; box-shadow:var(--shadowCard); }
.pricingHeroNote strong,.pricingHeroNote small { display:block; }
.pricingHeroNote strong { margin-top:11px; font-size:15px; }
.pricingHeroNote small { margin-top:5px; color:#707d75; font-size:10px; line-height:1.45; }
.pricingMainSection { padding-top:78px; padding-bottom:94px; }
.pricingIntroRow { display:grid; grid-template-columns:1.2fr .8fr; gap:50px; align-items:end; margin-bottom:36px; }
.pricingIntroRow h2 { margin:0; }
.pricingIntroRow > p { margin:0 0 3px; color:#65736a; font-size:13px; line-height:1.6; }
.pricingGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.pricingCard { position:relative; display:flex; flex-direction:column; padding:24px; border:1px solid #dfe6df; border-radius:18px; background:#fff; box-shadow:var(--shadowCard); overflow:hidden; }
.pricingCardFeatured { border-color:#b9cdbd; box-shadow:0 14px 36px rgba(14,39,29,.11); }
.pricingPopular { display:inline-flex; align-items:center; min-height:22px; padding:0 8px; border-radius:999px; background:var(--colorAccent); color:#354323; font-size:8px; font-weight:900; letter-spacing:.1em; }
.pricingPopularSmall { margin-left:auto; font-size:7px; }
.pricingCardHead { display:flex; justify-content:space-between; gap:15px; align-items:start; margin-top:5px; }
.pricingPlanEyebrow { color:var(--colorBrand); font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.13em; }
.pricingCard h3 { max-width:230px; margin:8px 0 0; font-size:19px; }
.pricingPlanNumber { color:#bbc5bd; font-size:10px; font-weight:800; }
.pricingDescription { min-height:55px; margin:17px 0 13px; color:#67756c; font-size:11px; line-height:1.55; }
.pricingPriceRow { padding:15px 0; border-block:1px solid #e6ebe6; }
.pricingPriceRow > div { display:flex; align-items:baseline; }
.pricingCurrency { color:#738078; font-size:10px; font-weight:700; margin-right:3px; }
.pricingPriceRow strong { color:var(--colorBrand); font-size:41px; line-height:1; letter-spacing:-.06em; }
.pricingPer { margin-left:5px; color:#7a867e; font-size:9px; }
.pricingChoose { width:100%; margin-top:16px; }
.pricingIncludes { margin-top:20px; }
.pricingIncludes > span { color:#738078; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.pricingIncludes ul { display:grid; gap:8px; margin:11px 0 0; padding:0; list-style:none; }
.pricingIncludes li { position:relative; padding-left:17px; color:#58675e; font-size:10px; line-height:1.45; }
.pricingIncludes li::before { content:"✓"; position:absolute; left:0; color:var(--colorSuccess); font-weight:900; }
.pricingAssurance { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:center; margin-top:17px; padding:14px 16px; border:1px solid #dce6de; border-radius:13px; background:#f5f8f4; }
.pricingAssurance strong { display:block; margin-top:7px; font-size:13px; }
.pricingAssurance p { margin:0; color:#66746b; font-size:10px; line-height:1.55; }
.pricingCompareSection { padding-top:88px; padding-bottom:92px; }
.pricingCompareTableWrap { overflow:auto; border:1px solid #dfe6df; border-radius:15px; background:#fff; }
.pricingCompareTable { width:100%; min-width:780px; border-collapse:collapse; }
.pricingCompareTable th,.pricingCompareTable td { padding:14px 16px; border-bottom:1px solid #edf0ec; text-align:left; }
.pricingCompareTable th { background:#f7f9f6; color:#6b786f; font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.pricingCompareTable th:not(:first-child),.pricingCompareTable td:not(:first-child) { text-align:center; width:18%; }
.pricingCompareTable td { color:#4e5f55; font-size:10px; }
.pricingCompareTable td strong,.pricingCompareTable td span { display:block; }
.pricingCompareTable td span { margin-top:3px; color:#88928c; font-size:9px; }
.pricingCompareSection + .pricingFaqSection { padding-top:90px; }
.pricingFaqLayout { display:grid; grid-template-columns:.72fr 1.28fr; gap:65px; align-items:start; }
.pricingFaqList { max-width:none; }
.pricingFaqList details { padding:16px 17px; }
.pricingCtaBand { margin-top:0; }
.servicePageHero .pageHeroInner { max-width:900px; }
.serviceMainSection { padding-top:70px; padding-bottom:94px; }
.serviceIntroRow { display:flex; justify-content:space-between; align-items:end; gap:25px; margin-bottom:28px; }
.serviceIntroRow h2 { margin:0; }
.serviceStatus { display:flex; flex-direction:column; align-items:flex-end; gap:5px; }
.serviceStatus small { color:#78847b; font-size:9px; }
.serviceLayout { display:grid; grid-template-columns:1.12fr .88fr; gap:17px; align-items:start; }
.servicePackageList { display:grid; gap:10px; }
.servicePlanCard { padding:18px; border:1px solid #dfe6df; border-radius:15px; background:#fff; transition:transform var(--motionFast),border-color var(--motionFast),box-shadow var(--motionFast); }
.servicePlanCard:hover { transform:translateY(-2px); box-shadow:var(--shadowCard); }
.servicePlanCard.isSelected { border-color:#9db9a4; box-shadow:0 10px 26px rgba(14,39,29,.08); }
.servicePlanTop { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.servicePlanCard > p { margin:10px 0 11px; color:#68766d; font-size:10px; line-height:1.5; }
.servicePlanPrice { display:flex; align-items:baseline; gap:5px; }
.servicePlanPrice strong { color:var(--colorBrand); font-size:28px; letter-spacing:-.05em; }
.servicePlanPrice span { color:#78847b; font-size:9px; }
.servicePlanCard ul { display:grid; gap:6px; margin:13px 0 15px; padding:0; list-style:none; }
.servicePlanCard li { padding-left:16px; position:relative; color:#58675e; font-size:9px; }
.servicePlanCard li::before { content:"✓"; position:absolute; left:0; color:var(--colorSuccess); font-weight:900; }
.servicePlanCard .button { width:100%; min-height:42px; }
.checkoutPanel { position:sticky; top:101px; padding:23px; border:1px solid #d8e3d9; border-radius:18px; background:#fff; box-shadow:var(--shadowSoft); }
.checkoutPanelHead { display:flex; justify-content:space-between; align-items:start; gap:14px; }
.checkoutPanelHead h2 { margin:0; font-size:27px; }
.checkoutSummaryCard { display:grid; grid-template-columns:1fr auto; gap:3px 12px; margin:17px 0; padding:15px; border:1px solid #dfe7df; border-radius:12px; background:#f5f8f4; }
.checkoutSummaryCard span { color:#4f6256; font-size:11px; font-weight:700; }
.checkoutSummaryCard strong { grid-row:span 2; align-self:center; color:var(--colorBrand); font-size:25px; }
.checkoutSummaryCard small { color:#7d8982; font-size:9px; }
.checkoutProviderField { border:0; padding:0; margin:0; }
.checkoutProviderField legend { padding:0; margin-bottom:8px; color:#45574d; font-size:10px; font-weight:750; }
.checkoutProviderOptions { display:flex; gap:8px; flex-wrap:wrap; }
.checkoutProviderOptions label { display:inline-flex; align-items:center; gap:6px; padding:8px 10px; border:1px solid #dfe6df; border-radius:9px; background:#fff; color:#54635a; font-size:9px; font-weight:700; }
.serviceTrustSection { padding-top:72px; padding-bottom:78px; }
.serviceTrustGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.serviceTrustGrid article { padding:19px; border:1px solid #dce5dd; border-radius:14px; background:#fff; }
.serviceTrustGrid span { color:var(--colorBrand); font-size:10px; font-weight:800; }
.serviceTrustGrid strong { display:block; margin-top:10px; font-size:15px; }
.serviceTrustGrid p { margin:6px 0 0; color:#69766e; font-size:10px; line-height:1.55; }
@media (max-width: 980px) {
  .homeTrustInner,.homeSplitHead,.pricingHeroTop,.pricingIntroRow,.pricingAssurance,.pricingFaqLayout,.serviceLayout { grid-template-columns:1fr; }
  .homeTrustStats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .homeMomentGrid,.homeWhyGrid,.homeExploreGrid,.pricingGrid,.serviceTrustGrid { grid-template-columns:1fr 1fr; }
  .contactLayout { grid-template-columns:1fr; }
  .checkoutPanel { position:static; }
}
@media (max-width: 720px) {
  .homePreviewMetrics,.homePreviewMain,.homeMomentGrid,.homeWhyGrid,.homeExploreGrid,.pricingGrid,.serviceTrustGrid,.contactProcessGrid,.contactFaqGrid { grid-template-columns:1fr; }
  .homePreviewToolbar,.contactFormHeader,.serviceIntroRow { flex-direction:column; align-items:flex-start; }
  .homeTrustStats { grid-template-columns:1fr 1fr; }
  .homeWorkflowNote,.contactFormFooter { grid-template-columns:1fr; }
  .homeWorkflowNote { align-items:start; }
  .homeMiniSending { grid-template-columns:1fr; }
  .homeMiniSending > div:first-child { grid-row:auto; }
  .pricingHeroTop { gap:26px; }
  .pricingHeroNote { max-width:420px; }
  .pricingAssurance { gap:10px; }
  .contactSuccessState { min-height:390px; }
  .contactTextArea { min-height:180px; }
  .serviceStatus { align-items:flex-start; }
}

/* --------------------------------------------------------------------------
   SiSender final product-marketing polish
   Same theme, tighter proportions, stronger hierarchy, smaller demos.
   -------------------------------------------------------------------------- */
.pricingPageHero { padding-bottom: 62px; }
.pricingHeroInner { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(280px,.58fr); gap:52px; align-items:end; }
.pricingHeroCopy { max-width:760px; }
.pricingHeroCopy h1 { max-width:760px; }
.pricingHeroProof { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:24px; color:#dfe9e2; font-size:11px; font-weight:650; }
.pricingHeroProof span { display:inline-flex; align-items:center; gap:7px; }
.iconCheck { display:inline-grid; place-items:center; width:16px; height:16px; border:1px solid currentColor; border-radius:50%; font-style:normal; flex:0 0 16px; }
.iconCheck::before { content:""; width:5px; height:3px; border-left:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-1px) rotate(-45deg); }
.pricingHeroCard { max-width:340px; justify-self:end; padding:22px; border:1px solid rgba(255,255,255,.22); border-radius:18px; background:rgba(255,255,255,.06); color:#fff; }
.pricingHeroCardLabel { color:#f5d976; font-size:9px; font-weight:850; letter-spacing:.13em; }
.pricingHeroCard strong { display:block; margin-top:10px; font-size:20px; line-height:1.15; letter-spacing:-.03em; }
.pricingHeroCard p { margin:8px 0 16px; color:#d7e2db; font-size:11px; line-height:1.55; }
.pricingHeroCard .buttonQuiet { border-color:rgba(255,255,255,.25); background:#fff; }
.pricingMainSection { padding-top:72px; padding-bottom:82px; }
.pricingSectionLead { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:30px; }
.pricingSectionLead h2 { margin:0; max-width:650px; }
.pricingSectionLeadSide { display:flex; align-items:end; gap:15px; max-width:430px; }
.pricingSectionLeadSide p { margin:0; color:#68776e; font-size:12px; line-height:1.55; }
.pricingGridPro { gap:16px; align-items:stretch; }
.pricingCardPro { padding:26px; border-radius:19px; }
.pricingCardPro.pricingCardFeatured { box-shadow:0 15px 38px rgba(14,39,29,.12); transform:translateY(-4px); }
.pricingCardPro .pricingCardTop { display:flex; justify-content:space-between; align-items:start; gap:14px; margin-top:7px; }
.pricingCardPro .pricingCardTop h3 { margin:8px 0 0; font-size:21px; }
.pricingCardIndex { color:#bcc6be; font-size:10px; font-weight:800; }
.pricingDescriptionPro { min-height:68px; margin:16px 0 0; font-size:11px; line-height:1.6; }
.pricingPriceRowPro { margin-top:17px; padding:18px 0; }
.pricingPriceRowPro strong { font-size:50px; }
.pricingCardPro .pricingChoose { margin-top:17px; min-height:48px; }
.pricingIncludesPro { margin-top:22px; }
.pricingIncludesHead { display:flex; justify-content:space-between; gap:12px; color:#738078; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.pricingIncludesHead span:last-child { color:#a1aaa4; font-weight:700; }
.pricingIncludesPro ul { gap:9px; margin-top:12px; }
.pricingIncludesPro li { display:flex; align-items:flex-start; gap:8px; padding-left:0; color:#55655c; font-size:10px; line-height:1.45; }
.pricingIncludesPro li .iconCheck { width:14px; height:14px; flex-basis:14px; margin-top:1px; color:var(--colorSuccess); background:#f0f8f2; border-color:#c7dfcf; }
.pricingIncludedBar { display:grid; grid-template-columns:.65fr 1.35fr; gap:25px; align-items:center; margin-top:18px; padding:18px 20px; border:1px solid #dce5dd; border-radius:14px; background:#f1f5ef; }
.pricingIncludedEyebrow { color:var(--colorBrand); font-size:9px; font-weight:850; letter-spacing:.12em; }
.pricingIncludedBar strong { display:block; margin-top:5px; font-size:14px; }
.pricingIncludedItems { display:flex; flex-wrap:wrap; justify-content:end; gap:8px; }
.pricingIncludedItems span { padding:7px 9px; border:1px solid #d8e2d9; border-radius:999px; background:#fff; color:#53645a; font-size:9px; font-weight:650; }
.pricingCompareSection { padding-top:78px; padding-bottom:84px; }
.pricingCompareHead { margin-bottom:30px; }
.pricingCompareTablePro th,.pricingCompareTablePro td { padding:15px 17px; }
.pricingCompareTablePro td { font-size:11px; }
.pricingCompareTablePro td strong { color:#3c5045; }
.pricingCompareTablePro td span { font-size:9px; }
.pricingCompareTablePro td:not(:first-child) { font-weight:700; color:#4e6657; }
.pricingFaqSection { padding-top:82px; padding-bottom:88px; }
.pricingFaqLayoutPro { gap:62px; }
.pricingFaqLayoutPro .sectionHead { margin-bottom:0; }
.pricingFaqLayoutPro .buttonText { margin-top:18px; font-size:11px; }

/* Prevent feature previews from becoming giant page-filling surfaces. */
.featureItem { align-items:start; grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr); gap:46px; padding:52px 0; }
.featureItem:nth-child(even), .featureItemFeatured, .featureItemFeatured:nth-child(even) { grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr); }
.featureItem:nth-child(even) .featureCopy, .featureItemFeatured:nth-child(even) .featureCopy { order:initial; }
.featureItem > div:last-child { width:100%; max-width:610px; justify-self:end; }
.featureItem .panelFrame { max-height:520px; }
.featureMiniPanel .panelBody { padding:18px; }
.miniBoard > div { min-height:122px; }
.featureItemFeatured .panelFrame { box-shadow:var(--shadowCard); }

/* Compact, professional product surfaces. */
.demoStage { max-width:610px; margin-left:auto; }
.demoStage .panelFrame { max-height:560px; overflow:auto; }
.homeProductPreview, .heroSignal { max-width:590px; margin-left:auto; }
.homeProductPreview .panelBody, .heroSignal .panelBody { padding:18px; }

/* Modal / drawer cleanup: never use the whole viewport for small demo actions. */
.dialogPanel { width:min(500px,calc(100vw - 28px)); max-height:min(82vh,650px); margin:auto; padding:22px; border-radius:18px; }
.dialogPanel form { display:grid; gap:12px; }
.dialogPanel .inlineActions { margin:0 !important; }
.drawerBackdrop { background:rgba(12,31,25,.32); }
.leadDrawer { width:min(400px,calc(100vw - 20px)); padding:24px; border-radius:18px 0 0 18px; box-shadow:-14px 0 40px rgba(13,34,28,.15); }
.leadDrawer header h2 { font-size:25px !important; }
.leadDrawer section { padding-top:4px; }
.leadDrawer .filterTabs { overflow-x:auto; }

@media (max-width:980px) {
  .pricingHeroInner { grid-template-columns:1fr; gap:25px; }
  .pricingHeroCard { justify-self:start; }
  .pricingSectionLead { align-items:start; flex-direction:column; gap:18px; }
  .pricingSectionLeadSide { max-width:none; align-items:center; }
  .pricingIncludedBar { grid-template-columns:1fr; }
  .pricingIncludedItems { justify-content:start; }
  .featureItem, .featureItem:nth-child(even), .featureItemFeatured, .featureItemFeatured:nth-child(even) { grid-template-columns:1fr 1fr; }
  .featureItem > div:last-child { max-width:560px; }
}
@media (max-width:720px) {
  .pricingPageHero { padding-bottom:46px; }
  .pricingHeroProof { gap:8px 12px; }
  .pricingHeroCard { max-width:none; width:100%; }
  .pricingMainSection { padding-top:55px; padding-bottom:65px; }
  .pricingGridPro { gap:12px; }
  .pricingCardPro.pricingCardFeatured { transform:none; }
  .pricingPriceRowPro strong { font-size:44px; }
  .pricingIncludedBar { gap:15px; }
  .pricingCompareSection { padding-top:62px; padding-bottom:65px; }
  .pricingFaqSection { padding-top:62px; padding-bottom:68px; }
  .pricingFaqLayoutPro { gap:32px; }
  .featureItem, .featureItem:nth-child(even), .featureItemFeatured, .featureItemFeatured:nth-child(even) { grid-template-columns:1fr; gap:20px; padding:38px 0; }
  .featureItem > div:last-child, .demoStage { max-width:none; }
  .featureItem .panelFrame, .demoStage .panelFrame { max-height:none; }
  .dialogPanel { width:min(480px,calc(100vw - 22px)); max-height:84dvh; padding:20px; }
  .leadDrawer { inset:auto 0 0; width:100%; max-height:78dvh; padding:22px; border-radius:20px 20px 0 0; box-shadow:0 -18px 42px rgba(13,34,28,.14); }
}
body.dialogOpen { overflow:hidden; }

/* Home page redesign: uses the existing SiSender visual language without changing global theme tokens. */
.homeProHero { position: relative; overflow: hidden; background: var(--colorBrandDeep); color: white; }
.homeProHero::before { position: absolute; inset: auto -180px -310px auto; width: 680px; height: 680px; border: 1px solid rgba(255,255,255,.10); border-radius: 50%; content: ""; pointer-events: none; }
.homeProHero::after { position: absolute; top: -160px; right: 120px; width: 320px; height: 320px; border: 1px solid rgba(243,203,92,.14); border-radius: 50%; content: ""; pointer-events: none; }
.homeProHeroInner { position: relative; z-index: 1; min-height: 670px; display: grid; grid-template-columns: minmax(0, .98fr) minmax(500px, 1.02fr); gap: 68px; align-items: center; padding-top: 88px; padding-bottom: 92px; }
.homeProHeroCopy { max-width: 670px; }
.homeProHeroCopy .eyebrow { color: #f7d76d; }
.homeProHeroCopy h1 { max-width: 680px; margin-bottom: 24px; font-size: clamp(47px, 5.8vw, 72px); line-height: 1.02; }
.homeProHeroLead { max-width: 620px; margin-bottom: 31px; color: #d5e2db; font-size: clamp(17px, 1.5vw, 20px); line-height: 1.58; }
.homeProHeroActions { margin-bottom: 28px; }
.homeProHeroActions .buttonSecondary { background: rgba(255,255,255,.04); }
.homeProHeroMeta { display: flex; flex-wrap: wrap; gap: 17px 21px; color: #cbd9d2; font-size: 11px; font-weight: 650; }
.homeProHeroMeta > span { display: inline-flex; align-items: center; gap: 8px; }
.homeProHeroMeta .iconMark { color: var(--colorAccent); }
.homeProHeroVisual { min-width: 0; position: relative; padding-top: 8px; }
.homeProBrowser { width: 100%; transform: rotate(.15deg); border-color: rgba(216,224,215,.9); box-shadow: 0 28px 70px rgba(0,0,0,.20); }
.homeProBrowserBody { padding: 21px; }
.homeProWorkspaceTop { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding-bottom: 17px; border-bottom: 1px solid #e8ece6; }
.homeProWorkspaceTop strong { display: block; margin-top: 5px; font-size: 17px; letter-spacing: -.02em; }
.homeProMetricStrip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 16px 0; }
.homeProMetricStrip > div { min-width: 0; padding: 13px 14px; border: 1px solid #e2e8e1; border-radius: 12px; background: #fbfcfa; }
.homeProMetricStrip span { display: block; color: #758078; font-size: 9px; }
.homeProMetricStrip strong { display: block; margin-top: 3px; color: var(--colorBrand); font-size: 24px; line-height: 1; letter-spacing: -.05em; }
.homeProWorkspaceGrid { display: grid; grid-template-columns: minmax(0, 1.23fr) minmax(220px, .77fr); gap: 11px; }
.homeProCampaignList, .homeProNextPanel { min-width: 0; padding: 13px; border: 1px solid #e2e8e1; border-radius: 12px; background: white; }
.homeProNextPanel { background: #f5f8f3; }
.homeProListHeader { display: flex; justify-content: space-between; gap: 14px; padding-bottom: 8px; color: #7a857e; font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .07em; }
.homeProCampaignRow { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: 1px solid #edf0ec; }
.homeProCampaignRow strong { display: block; font-size: 11px; }
.homeProCampaignRow small { display: block; margin-top: 3px; color: #7b8880; font-size: 9px; }
.homeProReplyCard { margin-top: 10px; padding: 11px; border: 1px solid #dce7dd; border-radius: 11px; background: white; }
.homeProReplyCard strong, .homeProReplyCard small { display: block; }
.homeProReplyCard strong { margin-top: 9px; font-size: 12px; }
.homeProReplyCard small { margin-top: 2px; color: #79867d; font-size: 9px; }
.homeProReplyCard p { margin: 10px 0 0; color: #58675e; font-size: 10px; line-height: 1.48; }
.homeProNextActions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.homeProNextActions span { padding: 5px 7px; border-radius: 7px; background: #edf5ee; color: #4c6254; font-size: 8px; }
.homeProFloatingNote { position: absolute; right: -22px; bottom: -18px; display: flex; align-items: center; gap: 10px; padding: 11px 13px; border: 1px solid #dbe5dc; border-radius: 12px; background: white; color: var(--colorInk); box-shadow: var(--shadowCard); }
.homeProFloatingNote strong { font-size: 10px; }
.homeProProofBand { border-block: 1px solid #dfe5dd; background: #fff; }
.homeProProofInner { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 48px; align-items: center; padding-top: 38px; padding-bottom: 38px; }
.homeProProofIntro { display: grid; gap: 7px; }
.homeProProofIntro .eyebrow { margin-bottom: 0; }
.homeProProofIntro strong { max-width: 480px; font-size: 17px; line-height: 1.35; letter-spacing: -.018em; }
.homeProProofItems { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.homeProProofItems span { position: relative; padding: 12px 12px 12px 16px; border-left: 2px solid var(--colorAccent); color: #4f6258; font-size: 10px; font-weight: 700; line-height: 1.35; }
.homeProValueSection { padding-top: 104px; padding-bottom: 112px; }
.homeProSectionHeader { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr); gap: 70px; align-items: end; margin-bottom: 44px; }
.homeProSectionHeader h2 { max-width: 650px; margin-bottom: 0; }
.homeProSectionHeader > p { max-width: 500px; margin: 0; color: var(--colorMuted); font-size: 15px; line-height: 1.62; }
.homeProValueGrid { display: grid; grid-template-columns: 1.18fr 1fr 1fr; gap: 14px; }
.homeProValueCard { display: flex; min-height: 335px; flex-direction: column; padding: 25px; border: 1px solid #dfe6df; border-radius: 18px; background: white; box-shadow: var(--shadowCard); }
.homeProValueCardFeatured { background: var(--colorBrandDeep); color: white; border-color: var(--colorBrandDeep); }
.homeProCardNumber { color: var(--colorBrand); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.homeProValueCardFeatured .homeProCardNumber { color: #f3cb5c; }
.homeProValueIcon { display: grid; place-items: center; width: 40px; height: 40px; margin: 30px 0 22px; border: 1px solid #d5e0d7; border-radius: 12px; background: #f7f9f6; color: var(--colorBrand); font-size: 15px; font-weight: 800; }
.homeProValueCardFeatured .homeProValueIcon { border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.08); color: var(--colorAccent); }
.homeProValueCard h3 { margin-bottom: 11px; font-size: 24px; }
.homeProValueCard p { margin-bottom: 24px; color: #657269; font-size: 12px; line-height: 1.62; }
.homeProValueCardFeatured p { color: #d6e2db; }
.homeProValueCard .buttonText { margin-top: auto; font-size: 11px; }
.homeProValueCardFeatured .buttonText { color: #f6d875; }
.homeProShowcaseSection { padding-top: 92px; padding-bottom: 116px; }
.homeProShowcaseIntro { display: flex; align-items: end; justify-content: space-between; gap: 35px; margin-bottom: 38px; }
.homeProShowcaseIntro h2 { max-width: 670px; margin-bottom: 0; }
.homeProShowcaseIntro .buttonText { white-space: nowrap; }
.homeProShowcase { display: grid; grid-template-columns: minmax(300px, .68fr) minmax(0, 1.32fr); gap: 28px; align-items: stretch; }
.homeProShowcaseCopy { display: grid; align-content: center; gap: 7px; }
.homeProShowcaseItem { display: grid; grid-template-columns: 36px 1fr; gap: 15px; padding: 20px 18px; border: 1px solid transparent; border-radius: 15px; background: transparent; text-align: left; cursor: pointer; transition: background var(--motionFast), border-color var(--motionFast), transform var(--motionFast); }
.homeProShowcaseItem:hover { transform: translateX(2px); }
.homeProShowcaseItem.isActive { border-color: #dce5de; background: #fff; box-shadow: var(--shadowCard); }
.homeProShowcaseItem > span { color: #819087; font-size: 10px; font-weight: 800; letter-spacing: .10em; }
.homeProShowcaseItem.isActive > span { color: var(--colorBrand); }
.homeProShowcaseItem strong { display: block; font-size: 15px; line-height: 1.35; }
.homeProShowcaseItem p { margin: 6px 0 0; color: #6a776f; font-size: 11px; line-height: 1.55; }
.homeProShowcaseVisual { min-width: 0; box-shadow: var(--shadowSoft); }
.homeProPreviewStage { min-height: 368px; padding: 22px; background: #f7f9f5; }
.homeProPreviewView { display: none; }
.homeProPreviewView.isVisible { display: block; }
.homeProPreviewHeader { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding-bottom: 17px; border-bottom: 1px solid #e1e8e1; }
.homeProPreviewHeader strong { display: block; margin-top: 5px; font-size: 17px; }
.homeProSequence { display: grid; gap: 9px; margin-top: 18px; }
.homeProSequence > div { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 11px; align-items: center; padding: 13px 14px; border: 1px solid #e0e7df; border-radius: 12px; background: white; }
.homeProSequence > div > span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; background: var(--colorAccentSoft); color: #66521a; font-size: 9px; font-weight: 800; }
.homeProSequence strong, .homeProSequence small { display: block; }
.homeProSequence strong { font-size: 11px; }
.homeProSequence small { margin-top: 3px; color: #7c8981; font-size: 9px; }
.homeProSequence b { width: 66px; height: 7px; border-radius: 99px; background: #dfe8df; }
.homeProSequence > div:first-child b { background: linear-gradient(90deg, var(--colorBrand) 0 82%, #dfe8df 82%); }
.homeProSequence > div:nth-child(2) b { background: linear-gradient(90deg, #6fad87 0 62%, #dfe8df 62%); }
.homeProSequence > div:nth-child(3) b { background: linear-gradient(90deg, #c3cfc5 0 40%, #dfe8df 40%); }
.homeProPreviewFooter { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 15px; }
.homeProPreviewFooter span { padding: 6px 8px; border-radius: 8px; background: #edf5ee; color: #566b5d; font-size: 8px; font-weight: 700; }
.homeProMailboxRows { display: grid; gap: 9px; margin-top: 18px; }
.homeProMailboxRows > div { display: grid; grid-template-columns: 10px 1fr auto; gap: 10px; align-items: center; padding: 13px 14px; border: 1px solid #e0e7df; border-radius: 12px; background: white; }
.homeProMailboxDot { width: 8px; height: 8px; border-radius: 50%; background: var(--colorSuccess); box-shadow: 0 0 0 4px #e9f5ec; }
.homeProMailboxDot.isWarning { background: var(--colorWarning); box-shadow: 0 0 0 4px #fff5e1; }
.homeProMailboxRows strong, .homeProMailboxRows small { display: block; }
.homeProMailboxRows strong { font-size: 11px; }
.homeProMailboxRows small { margin-top: 2px; color: #7b8880; font-size: 9px; }
.homeProMailboxRows b { color: var(--colorBrand); font-size: 10px; }
.homeProSendRule { margin-top: 13px; padding: 12px 14px; border: 1px solid #d7e4d9; border-radius: 11px; background: #eef6ef; }
.homeProSendRule span, .homeProSendRule strong, .homeProSendRule small { display: block; }
.homeProSendRule span { color: #6c7b70; font-size: 9px; }
.homeProSendRule strong { margin-top: 4px; color: var(--colorBrand); font-size: 12px; }
.homeProSendRule small { margin-top: 2px; color: #65766a; font-size: 9px; }
.homeProReplyMessage { margin-top: 18px; padding: 16px; border: 1px solid #dde6de; border-radius: 12px; background: white; }
.homeProReplyMessage small { color: #7b8880; font-size: 9px; }
.homeProReplyMessage p { margin: 12px 0 0; color: #475a4e; font-size: 13px; line-height: 1.58; }
.homeProReplyOutcome { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-top: 10px; }
.homeProReplyOutcome > div { padding: 12px; border: 1px solid #e0e7df; border-radius: 11px; background: white; }
.homeProReplyOutcome span, .homeProReplyOutcome strong { display: block; }
.homeProReplyOutcome span { color: #7b8880; font-size: 8px; }
.homeProReplyOutcome strong { margin-top: 5px; color: var(--colorInk); font-size: 10px; }
.homeProWorkflowSection { padding-top: 92px; padding-bottom: 96px; }
.homeProWorkflowHeader { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .75fr); gap: 70px; align-items: end; margin-bottom: 42px; }
.homeProWorkflowHeader h2 { max-width: 620px; margin-bottom: 0; }
.homeProWorkflowHeader > p { max-width: 470px; margin: 0; color: var(--colorMuted); font-size: 14px; }
.homeProWorkflow { display: flex; align-items: stretch; gap: 9px; }
.homeProWorkflow > div { flex: 1; min-width: 132px; padding: 17px 16px; border: 1px solid #dde5dd; border-radius: 13px; background: white; }
.homeProWorkflow > div > span { color: var(--colorBrand); font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.homeProWorkflow > div strong, .homeProWorkflow > div small { display: block; }
.homeProWorkflow > div strong { margin-top: 8px; font-size: 12px; }
.homeProWorkflow > div small { margin-top: 4px; color: #77847c; font-size: 9px; line-height: 1.4; }
.homeProWorkflow > i { flex: 0 0 17px; align-self: center; height: 1px; background: #bdc9bf; position: relative; }
.homeProWorkflow > i::after { position: absolute; right: 0; top: -3px; width: 6px; height: 6px; border-top: 1px solid #89988d; border-right: 1px solid #89988d; transform: rotate(45deg); content: ""; }
.homeProAudienceSection { padding-top: 100px; padding-bottom: 112px; }
.homeProAudienceGrid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 72px; align-items: center; }
.homeProAudienceGrid h2 { max-width: 620px; }
.homeProAudienceGrid .leadText { max-width: 590px; font-size: 17px; }
.homeProAudienceLinks { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; margin-top: 30px; }
.homeProAudienceLinks a { display: block; padding: 15px 16px; border: 1px solid #dde5dd; border-radius: 12px; background: white; text-decoration: none; transition: transform var(--motionFast), box-shadow var(--motionFast), border-color var(--motionFast); }
.homeProAudienceLinks a:hover { transform: translateY(-2px); border-color: #c8d6ca; box-shadow: var(--shadowCard); }
.homeProAudienceLinks strong, .homeProAudienceLinks span { display: block; }
.homeProAudienceLinks strong { font-size: 11px; }
.homeProAudienceLinks span { margin-top: 4px; color: var(--colorMuted); font-size: 9px; }
.homeProAudiencePanel { box-shadow: var(--shadowSoft); }
.homeProAudienceRows { padding: 13px 17px 17px; }
.homeProAudienceRows > div { display: grid; grid-template-columns: 100px 1fr; gap: 18px; padding: 15px 0; border-bottom: 1px solid #ebefea; }
.homeProAudienceRows > div:last-child { border-bottom: 0; }
.homeProAudienceRows span { color: #7a877f; font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .07em; }
.homeProAudienceRows strong, .homeProAudienceRows small { display: block; }
.homeProAudienceRows strong { font-size: 12px; }
.homeProAudienceRows small { margin-top: 3px; color: #7b8880; font-size: 9px; }
.homeProCta { margin-top: 0; }

@media (max-width: 1100px) {
  .homeProHeroInner { grid-template-columns: 1fr; gap: 40px; min-height: auto; }
  .homeProHeroCopy { max-width: 820px; }
  .homeProHeroVisual { max-width: 820px; width: 100%; margin: 0 auto; }
  .homeProProofInner, .homeProSectionHeader, .homeProWorkflowHeader, .homeProAudienceGrid { grid-template-columns: 1fr; gap: 30px; }
  .homeProValueGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .homeProWorkflow { overflow-x: auto; padding-bottom: 6px; }
  .homeProWorkflow > i { flex: 0 0 18px; }
}

@media (max-width: 780px) {
  .homeProHeroInner { width: min(100% - 36px, var(--contentWidth)); padding-top: 60px; padding-bottom: 64px; }
  .homeProHeroCopy h1 { font-size: clamp(40px, 11vw, 56px); }
  .homeProHeroLead { font-size: 16px; }
  .homeProMetricStrip { grid-template-columns: 1fr 1fr 1fr; }
  .homeProWorkspaceGrid { grid-template-columns: 1fr; }
  .homeProNextPanel { display: none; }
  .homeProFloatingNote { position: static; width: fit-content; margin: 10px 0 0 auto; }
  .homeProProofInner, .homeProValueSection, .homeProShowcaseSection, .homeProWorkflowSection, .homeProAudienceSection { padding-top: 72px; padding-bottom: 76px; }
  .homeProProofItems { grid-template-columns: 1fr 1fr; }
  .homeProValueGrid { grid-template-columns: 1fr; }
  .homeProValueCard { min-height: 0; }
  .homeProShowcaseIntro { align-items: flex-start; flex-direction: column; margin-bottom: 25px; }
  .homeProShowcase { grid-template-columns: 1fr; }
  .homeProShowcaseCopy { order: 2; }
  .homeProShowcaseVisual { order: 1; }
  .homeProPreviewStage { min-height: 0; padding: 16px; }
  .homeProAudienceLinks { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .homeProHeroActions .button { width: 100%; }
  .homeProHeroMeta { gap: 12px 15px; }
  .homeProBrowserBody { padding: 14px; }
  .homeProMetricStrip { gap: 6px; }
  .homeProMetricStrip > div { padding: 10px; }
  .homeProMetricStrip span { font-size: 8px; }
  .homeProMetricStrip strong { font-size: 20px; }
  .homeProProofItems { grid-template-columns: 1fr; }
  .homeProPreviewHeader { flex-direction: column; }
  .homeProSequence > div { grid-template-columns: 30px minmax(0, 1fr); }
  .homeProSequence b { display: none; }
  .homeProReplyOutcome { grid-template-columns: 1fr; }
  .homeProAudienceRows > div { grid-template-columns: 1fr; gap: 5px; }
}
.homeProShowcaseItem { width: 100%; margin: 0; font: inherit; color: inherit; appearance: none; -webkit-appearance: none; }
.homeProShowcaseItem:focus-visible { outline: 3px solid #bd8e17; outline-offset: 2px; }

/* --------------------------------------------------------------------------
   SiSender Home V5
   Marketing hierarchy refresh only. Existing theme variables/palette remain.
   -------------------------------------------------------------------------- */
.homeV5Hero {
  background:var(--colorBrandDeep);
  color:#fff;
  overflow:hidden;
  position:relative;
}
.homeV5Hero::before,
.homeV5Hero::after {
  content:"";
  position:absolute;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  pointer-events:none;
}
.homeV5Hero::before { width:520px; height:520px; right:-180px; top:-255px; }
.homeV5Hero::after { width:300px; height:300px; right:90px; top:-135px; }
.homeV5HeroInner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr); gap:74px; align-items:center; padding-top:96px; padding-bottom:92px; }
.homeV5HeroCopy { max-width:690px; }
.homeV5HeroCopy .eyebrow { color:#f6d875; }
.homeV5HeroCopy h1 { max-width:700px; margin-bottom:24px; font-size:clamp(48px,6vw,72px); }
.homeV5HeroLead { max-width:660px; margin:0; color:#d8e3dd; font-size:clamp(17px,1.65vw,20px); line-height:1.64; }
.homeV5HeroActions { margin-top:30px; }
.homeV5HeroActions .buttonSecondary { border-color:rgba(255,255,255,.3); }
.homeV5HeroProof { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:24px; color:#dfe9e2; font-size:11px; font-weight:650; }
.homeV5HeroProof span { display:inline-flex; align-items:center; gap:7px; }
.homeV5HeroProof .iconCheck { color:#f6d875; }
.homeV5HeroSide { max-width:640px; justify-self:end; }
.homeV5SystemCard { border-color:rgba(255,255,255,.16); background:#fff; box-shadow:0 24px 70px rgba(0,0,0,.18); }
.homeV5SystemBody { padding:21px; }
.homeV5SystemIntro { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; }
.homeV5SystemIntro strong { display:block; margin-top:6px; color:var(--colorInk); font-size:21px; letter-spacing:-.035em; }
.homeV5Flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:8px; margin-top:22px; }
.homeV5Flow > div { min-height:88px; padding:13px 12px; border:1px solid #dfe7df; border-radius:12px; background:#fbfcfa; }
.homeV5Flow span { display:block; color:var(--colorBrand); font-size:9px; font-weight:850; letter-spacing:.1em; }
.homeV5Flow strong { display:block; margin-top:8px; color:var(--colorInk); font-size:12px; }
.homeV5Flow small { display:block; margin-top:4px; color:#77847b; font-size:9px; line-height:1.35; }
.homeV5Flow i { width:12px; height:1px; background:#b8c4ba; position:relative; }
.homeV5Flow i::after { content:""; position:absolute; right:0; top:-3px; width:6px; height:6px; border-top:1px solid #8d9b91; border-right:1px solid #8d9b91; transform:rotate(45deg); }
.homeV5Signal { display:grid; grid-template-columns:1fr auto; gap:14px; align-items:center; margin-top:16px; padding:13px 14px; border:1px solid #d8e5d9; border-radius:12px; background:#f3f8f3; }
.homeV5Signal strong { display:block; margin-top:8px; color:#26392f; font-size:12px; }
.homeV5Signal small { display:block; margin-top:4px; color:#68776e; font-size:9px; }
.homeV5SignalArrow { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:var(--colorAccent); color:#24311e; font-weight:800; }
.homeV5HeroNote { margin:15px 0 0 18px; max-width:560px; color:#bfcec5; font-size:11px; line-height:1.55; }
.homeV5EcosystemStrip {
  position:relative;
  overflow:hidden;
  border-top:1px solid rgba(22,62,47,.08);
  border-bottom:1px solid rgba(22,62,47,.10);
  background:rgba(250,252,247,.96);
  padding:24px 0 26px;
}
.homeV5EcosystemLabel {
  width:min(1200px,calc(100% - 48px));
  margin:0 auto 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.homeV5EcosystemLabel .eyebrow {
  margin:0;
  color:var(--colorBrand);
  font-size:9px;
  flex:0 0 auto;
}
.homeV5EcosystemLabel p {
  margin:0;
  color:#65736a;
  font-size:11px;
  line-height:1.4;
  text-align:right;
}
.homeV5Ticker { position:relative; overflow:hidden; }
.homeV5Ticker::before,
.homeV5Ticker::after {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:92px;
  z-index:2;
  pointer-events:none;
}
.homeV5Ticker::before { left:0; background:linear-gradient(90deg,#fafcf7,rgba(250,252,247,0)); }
.homeV5Ticker::after { right:0; background:linear-gradient(270deg,#fafcf7,rgba(250,252,247,0)); }
.homeV5TickerTrack {
  display:flex;
  width:max-content;
  animation:homeV5TickerMove 34s linear infinite;
}
.homeV5TickerSet {
  display:flex;
  align-items:center;
  gap:60px;
  padding-right:60px;
  flex:none;
}
.homeV5Logo {
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  color:#29443a;
  white-space:nowrap;
}
.homeV5Logo b {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid #c9d7ce;
  border-radius:9px;
  background:#eef3ee;
  color:var(--colorBrand);
  font-size:11px;
  font-weight:850;
  letter-spacing:-.04em;
  text-transform:none;
}
.homeV5Logo strong {
  color:#29443a;
  font-size:14px;
  font-weight:800;
  letter-spacing:.08em;
}
.homeV5Logo:hover b {
  border-color:#b7cabe;
  background:#e6efe8;
}
.homeV5Ticker:hover .homeV5TickerTrack { animation-play-state:paused; }
@keyframes homeV5TickerMove {
  from { transform:translateX(0); }
  to { transform:translateX(-50%); }
}
@media (prefers-reduced-motion:reduce) {
  .homeV5TickerTrack { animation:none; }
}

.homeV5ProblemSection { padding-top:94px; padding-bottom:100px; }
.homeV5ProblemHeader,
.homeV5SolveHeader,
.homeV5ProductHeader,
.homeV5AudienceHeader,
.homeV5ExploreHeader { display:grid; grid-template-columns:1.08fr .72fr; gap:60px; align-items:end; margin-bottom:40px; }
.homeV5ProblemHeader h2,
.homeV5SolveHeader h2,
.homeV5ProductHeader h2,
.homeV5AudienceHeader h2,
.homeV5ExploreHeader h2 { max-width:680px; margin-bottom:0; }
.homeV5ProblemHeader > p,
.homeV5SolveHeader > p,
.homeV5ProductHeader > p,
.homeV5AudienceHeader > p,
.homeV5ExploreHeader > p { margin:0 0 3px; color:#65736a; font-size:13px; line-height:1.62; }
.homeV5ProblemGrid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #dfe6df; border-bottom:1px solid #dfe6df; }
.homeV5ProblemGrid article { min-height:230px; padding:22px 20px 24px; border-left:1px solid #dfe6df; background:#fff; }
.homeV5ProblemGrid article:first-child { border-left:0; }
.homeV5ProblemGrid span { color:var(--colorBrand); font-size:10px; font-weight:850; letter-spacing:.11em; }
.homeV5ProblemGrid h3 { margin:17px 0 9px; font-size:20px; }
.homeV5ProblemGrid p { margin:0; color:#68766e; font-size:11px; line-height:1.62; }
.homeV5WhatSection { border-block:1px solid #e0e7df; }
.homeV5WhatInner { display:grid; grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr); gap:74px; align-items:center; padding-top:101px; padding-bottom:101px; }
.homeV5WhatCopy h2 { max-width:620px; }
.homeV5WhatSecondary { max-width:650px; margin:17px 0 20px; color:#607168; font-size:13px; line-height:1.7; }
.homeV5WhatSecondary strong { color:var(--colorInk); }
.homeV5SystemMap { padding:24px; border:1px solid #dce5dd; border-radius:20px; background:#fff; box-shadow:var(--shadowCard); }
.homeV5MapHeader { display:flex; justify-content:space-between; gap:16px; padding-bottom:15px; border-bottom:1px solid #e7ebe5; color:#647269; font-size:10px; font-weight:700; }
.homeV5MapHeader .previewKicker { color:var(--colorBrand); }
.homeV5MapRow { display:grid; grid-template-columns:1fr 22px 1fr 22px 1fr; align-items:center; gap:8px; margin-top:17px; }
.homeV5MapRow > div { min-height:106px; padding:14px; border:1px solid #dfe7df; border-radius:13px; background:#fbfcfa; }
.homeV5MapRow span { display:block; color:#7a877f; font-size:9px; }
.homeV5MapRow strong { display:block; margin-top:7px; color:var(--colorInk); font-size:12px; }
.homeV5MapRow small { display:block; margin-top:4px; color:#738078; font-size:9px; line-height:1.4; }
.homeV5MapRow i { color:#9aa89f; font-size:16px; text-align:center; font-style:normal; }
.homeV5MapBridge { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:10px; margin:18px 0 2px; color:#496055; font-size:9px; font-weight:750; text-align:center; }
.homeV5MapBridge span { height:1px; background:#dbe4dc; }
.homeV5MapRowSecondary { margin-top:12px; }
.homeV5SolveSection { padding-top:98px; padding-bottom:102px; }
.homeV5SolveGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.homeV5SolveCard { display:flex; flex-direction:column; padding:25px; border:1px solid #dce5dd; border-radius:18px; background:#fff; box-shadow:var(--shadowCard); }
.homeV5SolveCardFeatured { border-color:#b9cdbd; transform:translateY(-4px); box-shadow:0 15px 38px rgba(14,39,29,.11); }
.homeV5SolveNumber { color:#aeb9b1; font-size:10px; font-weight:850; letter-spacing:.1em; }
.homeV5SolveIcon { display:grid; place-items:center; width:36px; height:36px; margin:20px 0 17px; border:1px solid #d4e0d5; border-radius:10px; color:var(--colorBrand); font-size:14px; font-weight:800; }
.homeV5SolveCard h3 { margin-bottom:9px; font-size:22px; }
.homeV5SolveCard p { margin-bottom:22px; color:#66746c; font-size:11px; line-height:1.62; }
.homeV5SolveCard .buttonText { margin-top:auto; font-size:11px; }
.homeV5ProductSection { background:#f1f4ee; border-block:1px solid #e0e7df; }
.homeV5ProductHeader { padding-top:0; }
.homeV5ProductDemo { display:grid; grid-template-columns:250px minmax(0,1fr); gap:16px; align-items:stretch; }
.homeV5ProductTabs { display:grid; align-content:start; gap:8px; }
.homeV5ProductTab { display:grid; grid-template-columns:27px 1fr; gap:10px; align-items:center; min-height:78px; padding:0 15px; border:1px solid #dfe6df; border-radius:13px; background:#fff; color:#4d5e54; text-align:left; font-size:11px; font-weight:750; cursor:pointer; }
.homeV5ProductTab span { color:#9aa79f; font-size:9px; }
.homeV5ProductTab:hover { border-color:#c7d5c9; }
.homeV5ProductTab.isActive { border-color:#9ab6a0; background:#f4f8f3; color:var(--colorBrand); box-shadow:0 5px 18px rgba(14,39,29,.05); }
.homeV5ProductWindow { min-height:390px; }
.homeV5ProductPanel { display:none; padding:22px; }
.homeV5ProductPanel.isVisible { display:block; }
.homeV5ProductPanelHead { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; padding-bottom:17px; border-bottom:1px solid #e7ebe5; }
.homeV5ProductPanelHead strong { display:block; margin-top:5px; color:var(--colorInk); font-size:19px; }
.homeV5CampaignSteps { display:grid; gap:9px; margin-top:18px; }
.homeV5CampaignSteps > div { display:grid; grid-template-columns:30px 1fr auto; gap:12px; align-items:center; padding:13px 14px; border:1px solid #e1e8e2; border-radius:11px; background:#fbfcfa; }
.homeV5CampaignSteps > div > span { display:grid; place-items:center; width:26px; height:26px; border-radius:8px; background:#edf3ee; color:var(--colorBrand); font-size:9px; font-weight:850; }
.homeV5CampaignSteps strong { display:block; font-size:11px; }
.homeV5CampaignSteps small { display:block; margin-top:3px; color:#7b877f; font-size:9px; }
.homeV5CampaignSteps b { color:#738078; font-size:9px; font-weight:750; }
.homeV5CampaignSteps .isDone { border-color:#cfe1d3; background:#f4f9f4; }
.homeV5CampaignSteps .isDone b { color:var(--colorSuccess); }
.homeV5CampaignSteps .isCurrent { border-color:#e4d4a4; background:#fffaf0; }
.homeV5CampaignSteps .isCurrent b { color:var(--colorWarning); }
.homeV5ProductFooter { display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:16px; padding-top:13px; border-top:1px solid #e7ebe5; color:#728078; font-size:9px; }
.homeV5SendSummary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:18px; }
.homeV5SendSummary > div { padding:16px; border:1px solid #e1e8e2; border-radius:11px; background:#fbfcfa; }
.homeV5SendSummary span,.homeV5SendSummary small { display:block; color:#7a867e; font-size:9px; }
.homeV5SendSummary strong { display:block; margin:5px 0 3px; color:var(--colorBrand); font-size:26px; letter-spacing:-.05em; }
.homeV5SendRows { display:grid; gap:8px; margin-top:10px; }
.homeV5SendRows > div { display:grid; grid-template-columns:1fr auto auto; gap:14px; align-items:center; padding:11px 13px; border-bottom:1px solid #edf0ec; }
.homeV5SendRows strong { font-size:11px; }
.homeV5SendRows span { color:#78847b; font-size:9px; }
.homeV5SendRows b { min-width:37px; color:var(--colorSuccess); font-size:9px; text-align:right; }
.homeV5ReplyPanel { margin-top:18px; padding:18px; border:1px solid #dfe7df; border-radius:12px; background:#f7faf6; }
.homeV5ReplyQuote { max-width:690px; color:#32453a; font-size:20px; line-height:1.45; letter-spacing:-.02em; }
.homeV5ReplyMeta { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:20px; padding-top:16px; border-top:1px solid #e2e9e2; }
.homeV5ReplyMeta small { display:block; color:#7b877e; font-size:9px; }
.homeV5ReplyMeta strong { display:block; margin-top:4px; color:var(--colorInk); font-size:11px; }
.homeV5AudienceSection { border-bottom:1px solid #e0e7df; }
.homeV5AudienceGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.homeV5AudienceGrid article { padding:23px; border:1px solid #dce5dd; border-radius:16px; background:#fff; }
.homeV5AudienceGrid article > span { color:var(--colorBrand); font-size:9px; font-weight:850; letter-spacing:.12em; }
.homeV5AudienceGrid h3 { margin:14px 0 8px; font-size:20px; }
.homeV5AudienceGrid p { margin:0; color:#68766e; font-size:11px; line-height:1.62; }
.homeV5ExploreSection { padding-top:90px; padding-bottom:96px; }
.homeV5ExploreGrid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.homeV5ExploreGrid a { position:relative; display:flex; flex-direction:column; min-height:174px; padding:20px; border:1px solid #dce4dc; border-radius:15px; background:#fff; text-decoration:none; box-shadow:0 3px 14px rgba(14,39,29,.035); transition:transform var(--motionFast),box-shadow var(--motionFast),border-color var(--motionFast); }
.homeV5ExploreGrid a:hover { transform:translateY(-3px); border-color:#c4d3c6; box-shadow:var(--shadowCard); }
.homeV5ExploreGrid span { color:var(--colorBrand); font-size:9px; font-weight:850; letter-spacing:.12em; }
.homeV5ExploreGrid strong { margin-top:12px; font-size:16px; }
.homeV5ExploreGrid p { margin:7px 0 0; color:#6b786f; font-size:10px; line-height:1.55; }
.homeV5ExploreGrid b { margin-top:auto; align-self:flex-end; color:var(--colorBrand); font-size:17px; }
.homeV5Cta .ctaBandInner { max-width:1190px; }

@media (max-width: 980px) {
  .homeV5HeroInner { grid-template-columns:1fr; gap:44px; }
  .homeV5HeroSide { max-width:820px; justify-self:start; }
  .homeV5WhatInner { grid-template-columns:1fr; gap:44px; }
  .homeV5ProblemGrid { grid-template-columns:1fr 1fr; }
  .homeV5ProblemGrid article:nth-child(3) { border-left:0; border-top:1px solid #dfe6df; }
  .homeV5ProblemGrid article:nth-child(4) { border-top:1px solid #dfe6df; }
  .homeV5SolveGrid,.homeV5AudienceGrid { grid-template-columns:1fr 1fr; }
  .homeV5SolveCardFeatured { transform:none; }
  .homeV5ProductDemo { grid-template-columns:1fr; }
  .homeV5ProductTabs { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .homeV5ProductTab { min-height:64px; }
  .homeV5ExploreGrid { grid-template-columns:1fr 1fr; }
}

@media (max-width: 720px) {
  .homeV5HeroInner { padding-top:68px; padding-bottom:70px; }
  .homeV5HeroCopy h1 { font-size:clamp(40px,12vw,56px); }
  .homeV5HeroActions { align-items:stretch; flex-direction:column; }
  .homeV5HeroActions .button { width:100%; }
  .homeV5Flow { grid-template-columns:1fr; }
  .homeV5Flow i { width:1px; height:11px; margin:0 auto; }
  .homeV5Flow i::after { right:-3px; top:auto; bottom:-1px; transform:rotate(135deg); }
  .homeV5ProblemGrid { grid-template-columns:1fr; }
  .homeV5ProblemGrid article { min-height:0; border-left:0; border-top:1px solid #dfe6df; }
  .homeV5ProblemGrid article:first-child { border-top:0; }
  .homeV5ProblemHeader,
  .homeV5SolveHeader,
  .homeV5ProductHeader,
  .homeV5AudienceHeader,
  .homeV5ExploreHeader { grid-template-columns:1fr; gap:14px; }
  .homeV5WhatInner { padding-top:72px; padding-bottom:72px; }
  .homeV5SystemMap { padding:16px; }
  .homeV5MapRow { grid-template-columns:1fr; }
  .homeV5MapRow i { transform:rotate(90deg); }
  .homeV5MapBridge { grid-template-columns:1fr; }
  .homeV5MapBridge span { display:none; }
  .homeV5SolveGrid,.homeV5AudienceGrid { grid-template-columns:1fr; }
  .homeV5ProductTabs { grid-template-columns:1fr; }
  .homeV5ProductTab { min-height:58px; }
  .homeV5ProductPanel { padding:16px; }
  .homeV5SendSummary,.homeV5ReplyMeta { grid-template-columns:1fr; }
  .homeV5CampaignSteps > div { grid-template-columns:30px 1fr; }
  .homeV5CampaignSteps b { grid-column:2; }
  .homeV5ExploreGrid { grid-template-columns:1fr; }
}

/* Home V5: why-it-matters section */
.homeV5WhySection { padding-top: 8px; padding-bottom: 100px; }
.homeV5WhyHeader { display:grid; grid-template-columns:1.02fr .72fr; gap:60px; align-items:end; margin-bottom:34px; }
.homeV5WhyHeader h2 { max-width:680px; margin-bottom:0; }
.homeV5WhyHeader > p { margin:0 0 3px; color:#65736a; font-size:13px; line-height:1.62; }
.homeV5WhyRows { border-top:1px solid #dfe6df; }
.homeV5WhyRows > div { display:grid; grid-template-columns:54px 1fr; gap:20px; align-items:start; padding:20px 4px; border-bottom:1px solid #dfe6df; }
.homeV5WhyRows > div > span { color:#9aa69e; font-size:10px; font-weight:850; letter-spacing:.1em; }
.homeV5WhyRows strong { display:block; color:var(--colorInk); font-size:14px; }
.homeV5WhyRows p { margin:5px 0 0; max-width:760px; color:#68766e; font-size:11px; line-height:1.6; }
@media (max-width:720px) {
  .homeV5WhySection { padding-top:0; padding-bottom:72px; }
  .homeV5WhyHeader { grid-template-columns:1fr; gap:14px; }
  .homeV5WhyRows > div { grid-template-columns:34px 1fr; gap:10px; padding:17px 0; }
}

@media (max-width:720px) {
  .homeV5EcosystemStrip { padding:20px 0 22px; }
  .homeV5EcosystemLabel { width:calc(100% - 28px); margin-bottom:15px; align-items:flex-start; flex-direction:column; gap:7px; }
  .homeV5EcosystemLabel p { text-align:left; font-size:10px; }
  .homeV5TickerSet { gap:34px; padding-right:34px; }
  .homeV5Logo { min-height:40px; gap:8px; }
  .homeV5Logo b { width:30px; height:30px; border-radius:8px; font-size:10px; }
  .homeV5Logo strong { font-size:12px; letter-spacing:.07em; }
  .homeV5Ticker::before, .homeV5Ticker::after { width:48px; }
}


/* Home V6 — Apollo-inspired information hierarchy, SiSender visual language preserved. */
.homeV6Hero { position:relative; overflow:hidden; background:var(--colorBrand); color:#fff; }
.homeV6Hero::before { content:""; position:absolute; width:600px; height:600px; right:-240px; top:-300px; border-radius:50%; background:rgba(255,255,255,.045); }
.homeV6Hero::after { content:""; position:absolute; width:340px; height:340px; right:120px; top:-180px; border-radius:50%; background:rgba(246,216,117,.05); }
.homeV6HeroInner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(480px,.96fr); gap:72px; align-items:center; padding-top:90px; padding-bottom:82px; }
.homeV6HeroCopy { max-width:720px; }
.homeV6HeroCopy .eyebrow { color:#f6d875; }
.homeV6HeroCopy h1 { max-width:720px; margin-bottom:22px; font-size:clamp(48px,6vw,76px); line-height:.98; letter-spacing:-.055em; }
.homeV6HeroLead { max-width:650px; margin:0; color:#d8e3dd; font-size:clamp(17px,1.45vw,20px); line-height:1.62; }
.homeV6HeroActions { margin-top:30px; }
.homeV6HeroActions .buttonSecondary { border-color:rgba(255,255,255,.28); }
.homeV6HeroMeta { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:24px; color:#dae5df; font-size:11px; font-weight:700; }
.homeV6HeroMeta span { display:inline-flex; align-items:center; gap:8px; }
.homeV6MetaDot { width:6px; height:6px; border-radius:50%; background:#f6d875; display:inline-block; }
.homeV6HeroVisual { max-width:650px; justify-self:end; }
.homeV6Workspace { border-color:rgba(255,255,255,.16); background:#fff; box-shadow:0 28px 80px rgba(0,0,0,.20); }
.homeV6WorkspaceBody { padding:20px; }
.homeV6WorkspaceTop { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; }
.homeV6WorkspaceTop strong { display:block; margin-top:5px; color:var(--colorInk); font-size:20px; letter-spacing:-.035em; }
.homeV6MetricGrid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:17px; }
.homeV6MetricGrid > div { padding:12px 13px; border:1px solid #e0e7e1; border-radius:12px; background:#fbfcfa; }
.homeV6MetricGrid span { display:block; color:#6d7a72; font-size:9px; }
.homeV6MetricGrid strong { display:block; margin-top:6px; color:var(--colorInk); font-size:22px; letter-spacing:-.04em; }
.homeV6MetricGrid small { display:block; margin-top:3px; color:#7c897f; font-size:8px; }
.homeV6WorkspaceSplit { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; }
.homeV6MiniPanel { padding:13px; border:1px solid #e0e7e1; border-radius:12px; background:#fbfcfa; }
.homeV6MiniPanelHead { display:flex; justify-content:space-between; gap:10px; align-items:center; }
.homeV6MiniPanelHead strong { color:var(--colorInk); font-size:10px; }
.homeV6MiniPanelHead > span:not(.statusBadge) { color:#819087; font-size:8px; font-weight:700; }
.homeV6Activity { display:grid; grid-template-columns:1fr auto; gap:8px; margin-top:13px; color:#4d5e54; font-size:8px; }
.homeV6Activity b { color:#64756b; font-size:8px; }
.homeV6Activity i { grid-column:1 / -1; height:5px; border-radius:999px; background:#e7ece8; overflow:hidden; }
.homeV6Activity em { display:block; height:100%; border-radius:inherit; background:#8daf99; }
.homeV6SignalPanel { background:#f4f8f4; }
.homeV6SignalQuote { display:block; margin-top:14px; color:#2b3d33; font-size:10px; line-height:1.5; }
.homeV6SignalActions { display:flex; flex-wrap:wrap; gap:5px; margin-top:11px; }
.homeV6SignalActions span { padding:5px 7px; border:1px solid #d8e4d9; border-radius:999px; background:#fff; color:#5c6e63; font-size:7px; font-weight:700; }
.homeV6VisualCaption { display:flex; justify-content:space-between; gap:12px; padding-top:11px; color:#c4d1c9; font-size:9px; }
.homeV6Intro { padding-top:96px; padding-bottom:99px; }
.homeV6SectionHeader { display:grid; grid-template-columns:1.05fr .72fr; gap:64px; align-items:end; margin-bottom:39px; }
.homeV6SectionHeader h2 { margin-bottom:0; }
.homeV6SectionHeader > p { margin:0 0 2px; color:#66746c; font-size:13px; line-height:1.68; }
.homeV6ThreeUp { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #dde5df; border-bottom:1px solid #dde5df; }
.homeV6ThreeUp article { min-height:238px; padding:22px 22px 24px; border-left:1px solid #dde5df; background:#fff; }
.homeV6ThreeUp article:first-child { border-left:0; }
.homeV6ThreeUp article.isFeatured { background:#f4f8f3; }
.homeV6CardIndex { color:#a0aea5; font-size:10px; font-weight:850; letter-spacing:.10em; }
.homeV6ThreeUp h3 { margin:18px 0 9px; font-size:22px; }
.homeV6ThreeUp p { margin:0; color:#69776f; font-size:11px; line-height:1.65; }
.homeV6ThreeUp article > strong { display:block; margin-top:22px; color:var(--colorBrand); font-size:9px; letter-spacing:.03em; }
.homeV6Problem { border-block:1px solid #dfe6df; }
.homeV6Problem .sectionWrap { padding-top:94px; padding-bottom:98px; }
.homeV6ProblemRows { border-top:1px solid #d8e1da; }
.homeV6ProblemRows > div { display:grid; grid-template-columns:56px 1fr; gap:10px; padding:19px 0; border-bottom:1px solid #d8e1da; }
.homeV6ProblemRows > div > span { color:var(--colorBrand); font-size:10px; font-weight:850; letter-spacing:.08em; }
.homeV6ProblemRows strong { color:var(--colorInk); font-size:16px; }
.homeV6ProblemRows p { max-width:780px; margin:6px 0 0; color:#6c7a72; font-size:11px; line-height:1.62; }
.homeV6Solution { padding-top:99px; padding-bottom:105px; }
.homeV6SolutionRows { display:grid; gap:14px; }
.homeV6SolutionRows article { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.72fr); gap:52px; align-items:center; padding:27px; border:1px solid #dce5dd; border-radius:19px; background:#fff; box-shadow:var(--shadowCard); }
.homeV6SolutionRows article:nth-child(2) { background:#f5f8f3; }
.homeV6SolutionCopy h3 { max-width:560px; margin:15px 0 9px; font-size:27px; letter-spacing:-.03em; }
.homeV6SolutionCopy p { max-width:610px; margin:0 0 21px; color:#66746c; font-size:12px; line-height:1.68; }
.homeV6CompactVisual { padding:18px; border:1px solid #dde6df; border-radius:15px; background:#fbfcfa; }
.homeV6CompactVisual > strong { display:block; margin:5px 0 15px; color:var(--colorInk); font-size:16px; }
.homeV6Step { display:grid; grid-template-columns:28px 1fr auto; gap:10px; align-items:center; padding:10px 11px; margin-top:7px; border:1px solid #e1e8e3; border-radius:10px; background:#fff; }
.homeV6Step b { display:grid; place-items:center; width:23px; height:23px; border-radius:7px; background:#edf3ee; color:var(--colorBrand); font-size:8px; }
.homeV6Step span { color:#43564b; font-size:9px; font-weight:750; }
.homeV6Step em { color:#7a887f; font-size:8px; font-style:normal; font-weight:750; }
.homeV6Step.current { border-color:#bfd2c2; background:#f4f8f3; }
.homeV6SendLine { display:grid; grid-template-columns:1fr auto auto; gap:12px; align-items:center; padding:11px 0; border-top:1px solid #e1e8e3; color:#53655b; font-size:9px; }
.homeV6SendLine:first-of-type { border-top:0; }
.homeV6SendLine b { color:var(--colorInk); font-size:11px; }
.homeV6SendLine em { color:#6d8374; font-style:normal; font-size:8px; font-weight:750; }
.homeV6ReplyVisual { min-height:192px; background:#f3f8f3; }
.homeV6ReplyState { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.homeV6ReplyState small { color:#66756c; font-size:9px; font-weight:700; }
.homeV6ReplyVisual > strong { display:block; margin-top:19px; color:#2b3d33; font-size:16px; line-height:1.55; }
.homeV6ReplyTags { display:flex; flex-wrap:wrap; gap:6px; margin-top:18px; }
.homeV6ReplyTags span { padding:5px 8px; border:1px solid #d6e4d8; border-radius:999px; background:#fff; color:#5d6e63; font-size:7px; font-weight:750; }
.homeV6Workflow { border-block:1px solid #dfe6df; }
.homeV6Workflow .sectionWrap { padding-top:95px; padding-bottom:98px; }
.homeV6WorkflowMap { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr; gap:7px; align-items:center; padding:17px; border:1px solid #dce5dd; border-radius:18px; background:#fff; box-shadow:var(--shadowCard); }
.homeV6WorkflowMap > div { min-height:78px; padding:12px; border:1px solid #e0e7e1; border-radius:11px; background:#fbfcfa; }
.homeV6WorkflowMap span { display:block; color:var(--colorBrand); font-size:8px; font-weight:850; letter-spacing:.08em; }
.homeV6WorkflowMap strong { display:block; margin-top:9px; color:var(--colorInk); font-size:11px; }
.homeV6WorkflowMap small { display:block; margin-top:3px; color:#7a877f; font-size:8px; }
.homeV6WorkflowMap i { color:#a0aca4; font-size:14px; font-style:normal; text-align:center; }
.homeV6Audience { padding-top:96px; padding-bottom:101px; }
.homeV6AudienceGrid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.homeV6AudienceGrid article { min-height:198px; padding:22px; border:1px solid #dce5dd; border-radius:17px; background:#fff; }
.homeV6AudienceGrid span { color:var(--colorBrand); font-size:9px; font-weight:850; letter-spacing:.10em; }
.homeV6AudienceGrid h3 { margin:17px 0 9px; font-size:19px; }
.homeV6AudienceGrid p { margin:0; color:#6a786f; font-size:10px; line-height:1.65; }
.homeV6Explore { border-block:1px solid #dfe6df; }
.homeV6Explore .sectionWrap { padding-top:91px; padding-bottom:95px; }
.homeV6ExploreGrid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #d8e1da; border-bottom:1px solid #d8e1da; }
.homeV6ExploreGrid a { position:relative; min-height:190px; padding:21px 20px 24px; border-left:1px solid #d8e1da; color:inherit; text-decoration:none; }
.homeV6ExploreGrid a:first-child { border-left:0; }
.homeV6ExploreGrid a:hover { background:#fff; }
.homeV6ExploreGrid a > span { color:#9ca9a1; font-size:9px; font-weight:850; letter-spacing:.08em; }
.homeV6ExploreGrid strong { display:block; margin-top:18px; color:var(--colorInk); font-size:18px; }
.homeV6ExploreGrid p { max-width:210px; margin:8px 0 0; color:#6d7a72; font-size:10px; line-height:1.6; }
.homeV6ExploreGrid b { position:absolute; right:20px; bottom:20px; color:var(--colorBrand); font-size:15px; }
.homeV6Cta .ctaBandInner { min-height:250px; }

@media (max-width: 1100px) {
    .homeV6HeroInner { grid-template-columns:1fr; }
    .homeV6HeroVisual { justify-self:stretch; max-width:760px; }
    .homeV6SectionHeader { grid-template-columns:1fr; gap:19px; }
    .homeV6SolutionRows article { grid-template-columns:1fr; }
    .homeV6ExploreGrid { grid-template-columns:repeat(2,1fr); }
    .homeV6ExploreGrid a:nth-child(3) { border-left:0; border-top:1px solid #d8e1da; }
    .homeV6ExploreGrid a:nth-child(4) { border-top:1px solid #d8e1da; }
}

@media (max-width: 760px) {
    .homeV6HeroInner { padding-top:70px; padding-bottom:65px; gap:42px; }
    .homeV6HeroCopy h1 { font-size:clamp(42px,12vw,58px); }
    .homeV6HeroMeta { flex-direction:column; gap:8px; }
    .homeV6MetricGrid, .homeV6WorkspaceSplit { grid-template-columns:1fr; }
    .homeV6ThreeUp, .homeV6AudienceGrid { grid-template-columns:1fr; }
    .homeV6ThreeUp article { min-height:auto; border-left:0; border-top:1px solid #dde5df; }
    .homeV6ThreeUp article:first-child { border-top:0; }
    .homeV6SolutionRows article { padding:19px; gap:24px; }
    .homeV6SolutionCopy h3 { font-size:23px; }
    .homeV6WorkflowMap { grid-template-columns:repeat(2,1fr); }
    .homeV6WorkflowMap i { display:none; }
    .homeV6WorkflowMap > div { min-height:88px; }
    .homeV6ExploreGrid { grid-template-columns:1fr; }
    .homeV6ExploreGrid a,
    .homeV6ExploreGrid a:nth-child(3),
    .homeV6ExploreGrid a:nth-child(4) { border-left:0; border-top:1px solid #d8e1da; }
    .homeV6ExploreGrid a:first-child { border-top:0; }
    .homeV6VisualCaption { flex-direction:column; gap:5px; }
}

/* Home V7 decision section: replaces redundant navigation grid without changing the SiSender theme. */
.homeV6Decision { border-block:1px solid #dfe6df; }
.homeV6DecisionInner { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); gap:70px; align-items:center; padding-top:76px; padding-bottom:78px; }
.homeV6DecisionCopy h2 { max-width:790px; margin:13px 0 14px; font-size:clamp(34px,4.1vw,58px); line-height:1.03; letter-spacing:-.045em; }
.homeV6DecisionCopy > p:last-child { max-width:700px; margin:0; color:#66746c; font-size:13px; line-height:1.72; }
.homeV6DecisionActions { padding-left:28px; border-left:1px solid #d4ded7; }
.homeV6DecisionLink { padding-bottom:22px; border-bottom:1px solid #d4ded7; }
.homeV6DecisionLink > span { display:block; margin-bottom:13px; color:#718077; font-size:9px; font-weight:850; letter-spacing:.1em; }
.homeV6DecisionLink .button { width:100%; justify-content:space-between; }
.homeV6DecisionLinks { display:flex; flex-direction:column; }
.homeV6DecisionLinks a { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:15px 0; color:var(--colorInk); text-decoration:none; font-size:11px; font-weight:800; border-bottom:1px solid #d4ded7; }
.homeV6DecisionLinks a:last-child { border-bottom:0; }
.homeV6DecisionLinks a span { color:var(--colorBrand); font-size:15px; transition:transform .2s ease; }
.homeV6DecisionLinks a:hover span { transform:translateX(3px); }
@media (max-width: 980px) {
  .homeV6DecisionInner { grid-template-columns:1fr; gap:32px; }
  .homeV6DecisionActions { padding-left:0; border-left:0; }
}
@media (max-width: 620px) {
  .homeV6DecisionInner { padding-top:58px; padding-bottom:60px; }
  .homeV6DecisionCopy h2 { font-size:clamp(31px,9vw,46px); }
}

/* --------------------------------------------------------------------------
   SiSender Product page — structured product storytelling
   Existing theme, palette, type direction and shared components preserved.
   -------------------------------------------------------------------------- */
.productV7Hero { position:relative; overflow:hidden; background:var(--colorBrandDeep); color:#fff; }
.productV7Hero::before { content:""; position:absolute; width:520px; height:520px; border:1px solid rgba(255,255,255,.09); border-radius:50%; right:-220px; top:-180px; }
.productV7Hero::after { content:""; position:absolute; width:310px; height:310px; border:1px solid rgba(255,255,255,.08); border-radius:50%; right:90px; top:40px; }
.productV7HeroInner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr); gap:62px; align-items:center; padding-top:78px; padding-bottom:88px; }
.productV7HeroCopy { max-width:650px; }
.productV7HeroCopy .eyebrow { color:#f7d976; }
.productV7HeroCopy h1 { max-width:680px; font-size:clamp(46px,6vw,73px); margin-bottom:22px; }
.productV7HeroCopy .leadText { color:#d7e4dd; max-width:640px; }
.productV7HeroActions { margin-top:29px; }
.productV7HeroProof { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:23px; color:#d8e5de; font-size:11px; font-weight:650; }
.productV7HeroProof span::before { content:""; display:inline-block; width:6px; height:6px; margin:0 7px 1px 0; border-radius:50%; background:var(--colorAccent); }
.productV7HeroVisual { min-width:0; }
.productV7Shell { transform:rotate(.24deg); box-shadow:0 26px 74px rgba(0,0,0,.18); }
.productV7ShellBody { display:grid; grid-template-columns:135px minmax(0,1fr); min-height:410px; background:#f6f8f4; color:var(--colorInk); }
.productV7Sidebar { padding:17px 11px; background:#10231f; color:#dbe7e1; border-right:1px solid #203a33; }
.productV7SidebarBrand { display:flex; gap:8px; align-items:center; padding:3px 8px 15px; border-bottom:1px solid rgba(255,255,255,.08); margin-bottom:11px; }
.productV7SidebarBrand span { width:22px; height:22px; border-radius:7px; background:var(--colorAccent); }
.productV7SidebarBrand strong { font-size:11px; }
.productV7SideItem { display:block; width:100%; border:0; border-radius:8px; margin-bottom:3px; padding:8px 9px; background:transparent; color:#b9c9c1; text-align:left; font-size:10px; font-weight:650; cursor:pointer; }
.productV7SideItem:hover { background:rgba(255,255,255,.05); color:#fff; }
.productV7SideItem.isActive { background:rgba(243,203,92,.14); color:#f7d976; }
.productV7WorkspaceMain { padding:20px 18px 16px; min-width:0; }
.productV7WorkspaceHeader, .productV7MiniHead, .productV7WindowHead, .productV7PreviewTop { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.productV7WorkspaceHeader { padding-bottom:16px; border-bottom:1px solid #e0e7df; }
.productV7WorkspaceHeader > div { display:grid; gap:5px; }
.productV7WorkspaceHeader strong { font-size:18px; }
.productV7WorkspaceHeader .previewKicker { margin:0; }
.productV7Metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:14px 0; }
.productV7Metrics > div, .productV7PreviewMetrics > div { padding:11px 12px; border:1px solid #e2e8e0; border-radius:10px; background:#fff; }
.productV7Metrics span, .productV7PreviewMetrics span { display:block; color:#738078; font-size:9px; }
.productV7Metrics strong, .productV7PreviewMetrics strong { display:block; margin-top:3px; font-size:18px; letter-spacing:-.04em; }
.productV7Metrics small { display:block; margin-top:3px; color:#8a948d; font-size:8px; }
.productV7WorkspaceGrid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.productV7MiniPanel { padding:13px; border:1px solid #e2e8e0; border-radius:11px; background:#fff; }
.productV7MiniHead { margin-bottom:13px; }
.productV7MiniHead strong { font-size:10px; }
.productV7MiniHead > span:not(.statusBadge) { color:#78857d; font-size:9px; }
.productV7BarRow { display:grid; grid-template-columns:1fr auto; gap:5px; margin-bottom:10px; }
.productV7BarRow span, .productV7BarRow b { font-size:9px; }
.productV7BarRow span { color:#5f6e66; }
.productV7BarRow b { color:#263930; }
.productV7BarRow i, .productV7PreviewRows i { grid-column:1 / -1; display:block; height:6px; overflow:hidden; border-radius:999px; background:#edf1ec; }
.productV7BarRow em, .productV7PreviewRows em { display:block; height:100%; border-radius:inherit; background:var(--colorBrand); }
.productV7Quote { display:block; padding:10px 0 13px; font-size:12px; line-height:1.4; }
.productV7TagRow { display:flex; flex-wrap:wrap; gap:5px; }
.productV7TagRow span, .productV7ActionStack span, .productV7TourBullets span { padding:5px 7px; border-radius:999px; background:#eff6f0; color:#3e5848; font-size:8px; font-weight:700; }
.productV7WorkspaceFoot { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px; padding-top:11px; border-top:1px solid #e3e8e1; color:#708078; font-size:8px; }
.productV7WorkspaceFoot a { color:var(--colorBrand); font-weight:750; text-decoration:none; }
.productV7ProblemIntro { padding-top:96px; padding-bottom:104px; }
.productV7SplitIntro { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:end; margin-bottom:44px; }
.productV7SplitIntro h2 { max-width:580px; }
.productV7BodyNote { margin:0; color:#58695f; font-size:13px; font-weight:650; }
.productV7ProblemStrip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--colorLine); border-bottom:1px solid var(--colorLine); }
.productV7ProblemStrip article { padding:24px 25px 26px; border-right:1px solid var(--colorLine); }
.productV7ProblemStrip article:last-child { border-right:0; }
.productV7ProblemStrip span { color:var(--colorBrand); font-size:10px; font-weight:800; letter-spacing:.09em; }
.productV7ProblemStrip strong { display:block; margin:12px 0 7px; font-size:17px; }
.productV7ProblemStrip p { margin:0; color:var(--colorMuted); font-size:12px; line-height:1.5; }
.productV7SystemSection { padding-top:96px; padding-bottom:104px; }
.productV7SectionHeading { max-width:760px; margin-bottom:42px; }
.productV7SectionHeading h2 { max-width:760px; }
.productV7SectionHeading p:last-child { margin:0; color:var(--colorMuted); font-size:14px; }
.productV7SystemGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #dce4dc; border-left:1px solid #dce4dc; background:#fff; }
.productV7SystemGrid article { min-height:205px; padding:23px; border-right:1px solid #dce4dc; border-bottom:1px solid #dce4dc; }
.productV7Number { display:block; color:var(--colorBrand); font-size:10px; font-weight:800; }
.productV7SystemGrid article p { margin:16px 0 7px; color:#7a877f; font-size:9px; font-weight:800; letter-spacing:.11em; }
.productV7SystemGrid h3 { margin-bottom:8px; font-size:22px; }
.productV7SystemGrid small { display:block; color:var(--colorMuted); font-size:11px; line-height:1.55; }
.productV7TourSection { padding-top:100px; padding-bottom:106px; }
.productV7SectionHeadingWide { max-width:850px; }
.productV7Tour { background:#fff; }
.productV7TourNav { display:flex; gap:4px; overflow:auto; padding:8px; border-bottom:1px solid #e2e8df; background:#fafbf8; }
.productV7TourNav button { flex:0 0 auto; min-height:37px; border:0; border-radius:8px; padding:0 13px; background:transparent; color:#637169; font-size:10px; font-weight:750; cursor:pointer; }
.productV7TourNav button.isActive { background:var(--colorBrand); color:#fff; }
.productV7TourBody { display:grid; grid-template-columns:.84fr 1.16fr; gap:44px; padding:37px; align-items:center; }
.productV7TourCopy h3 { max-width:500px; font-size:clamp(26px,3vw,39px); }
.productV7TourCopy p { max-width:560px; color:var(--colorMuted); font-size:14px; }
.productV7TourBullets { display:flex; flex-wrap:wrap; gap:7px; margin:20px 0 22px; }
.productV7TourLink { font-size:12px; }
.productV7TourVisual { min-height:300px; padding:18px; border:1px solid #dfe6de; border-radius:15px; background:#f6f8f4; box-shadow:var(--shadowCard); }
.productV7PreviewTop { padding-bottom:14px; border-bottom:1px solid #dde4dc; }
.productV7PreviewTop strong { font-size:13px; }
.productV7PreviewMetrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:13px 0; }
.productV7PreviewRows { padding:10px 0; }
.productV7PreviewRows > div { display:grid; grid-template-columns:1fr auto; gap:5px; margin:0 0 14px; }
.productV7PreviewRows span, .productV7PreviewRows b { font-size:10px; }
.productV7PreviewRows span { color:#607168; }
.productV7PreviewRows b { color:#283a31; }
.productV7ProofSection { padding-top:96px; padding-bottom:110px; }
.productV7ProofGrid { display:grid; gap:15px; }
.productV7ProofCard { display:grid; grid-template-columns:1fr .95fr; gap:34px; align-items:center; padding:29px; border:1px solid #dce4dc; border-radius:18px; background:#fff; box-shadow:var(--shadowCard); }
.productV7ProofCardFeatured { background:#fbfcf7; }
.productV7ProofCopy > span { color:var(--colorBrand); font-size:10px; font-weight:800; letter-spacing:.12em; }
.productV7ProofCopy h3 { margin-top:12px; max-width:570px; font-size:clamp(25px,3.2vw,40px); }
.productV7ProofCopy p { max-width:620px; color:var(--colorMuted); font-size:13px; }
.productV7ProofCopy .buttonText { font-size:11px; }
.productV7ProofVisual { padding:19px; border:1px solid #e0e7df; border-radius:13px; background:#f7f9f6; }
.productV7WindowHead { margin-bottom:16px; }
.productV7WindowHead strong, .productV7WindowHead > span:not(.statusBadge) { font-size:10px; }
.productV7WindowHead > span:not(.statusBadge) { color:#748078; }
.productV7StepRow { display:grid; grid-template-columns:34px 1fr auto; gap:9px; align-items:center; padding:11px 0; border-bottom:1px solid #e2e8e0; }
.productV7StepRow:last-child { border-bottom:0; }
.productV7StepRow b { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:#e9efea; color:var(--colorBrand); font-size:9px; }
.productV7StepRow span { font-size:10px; color:#43544b; }
.productV7StepRow em { font-style:normal; color:#7c8981; font-size:9px; }
.productV7StepRow.isCurrent { margin-inline:-7px; padding-inline:7px; border-radius:9px; background:#eff5ef; }
.productV7OperationalRow { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:12px; padding:13px 0; border-bottom:1px solid #e0e7df; }
.productV7OperationalRow:last-child { border-bottom:0; }
.productV7OperationalRow span { color:#66746c; font-size:10px; }
.productV7OperationalRow b { font-size:12px; }
.productV7OperationalRow em { min-width:52px; padding:5px 7px; border-radius:999px; background:#edf6ef; color:var(--colorSuccess); font-style:normal; text-align:center; font-size:8px; font-weight:800; }
.productV7ReplyVisual { padding-bottom:20px; }
.productV7ReplyVisual > strong { display:block; max-width:470px; margin:17px 0; font-size:18px; line-height:1.4; }
.productV7ActionStack { display:grid; gap:6px; }
.productV7ActionStack span { display:block; border-radius:8px; padding:8px 10px; background:#fff; border:1px solid #e1e8df; font-size:9px; }
.productV7OutcomeSection { padding-top:104px; padding-bottom:112px; }
.productV7OutcomeGrid { display:grid; grid-template-columns:1fr .95fr; gap:72px; align-items:start; }
.productV7OutcomeGrid h2 { max-width:630px; }
.productV7OutcomeList { border-top:1px solid #dfe6de; }
.productV7OutcomeList div { display:grid; grid-template-columns:84px 1fr; gap:20px; padding:18px 0; border-bottom:1px solid #dfe6de; }
.productV7OutcomeList strong { color:var(--colorBrand); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.productV7OutcomeList span { color:#526159; font-size:12px; }
.productV7RoleSection { overflow:hidden; }
.productV7RoleHeading { max-width:760px; }
.productV7RoleHeading .eyebrow { color:#f7d976; }
.productV7RoleGrid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:43px; }
.productV7RoleGrid article { padding:21px; border:1px solid rgba(255,255,255,.13); border-radius:15px; background:rgba(255,255,255,.045); }
.productV7RoleGrid article > span { color:#f7d976; font-size:9px; font-weight:800; letter-spacing:.12em; }
.productV7RoleGrid h3 { margin:12px 0 8px; font-size:20px; }
.productV7RoleGrid p { margin:0; color:#d2dfd8; font-size:11px; line-height:1.55; }
.productV7Cta .buttonSecondary { border-color:rgba(255,255,255,.25); }

.productV7Hero [data-productTab], .productV7Tour [data-productTab] { transition:background var(--motionFast), color var(--motionFast); }
.productV7TourBody.isUpdating { opacity:.66; transform:translateY(2px); transition:opacity 120ms ease, transform 120ms ease; }

@media (max-width: 1040px) {
  .productV7HeroInner { grid-template-columns:1fr; gap:38px; }
  .productV7HeroVisual { width:min(820px,100%); margin:0 auto; }
  .productV7SplitIntro, .productV7OutcomeGrid { grid-template-columns:1fr; gap:26px; }
  .productV7RoleGrid { grid-template-columns:1fr 1fr; }
}
@media (max-width: 820px) {
  .productV7ProblemStrip { grid-template-columns:1fr; }
  .productV7ProblemStrip article { border-right:0; border-bottom:1px solid var(--colorLine); }
  .productV7ProblemStrip article:last-child { border-bottom:0; }
  .productV7SystemGrid { grid-template-columns:1fr 1fr; }
  .productV7TourBody, .productV7ProofCard { grid-template-columns:1fr; gap:25px; }
  .productV7PreviewMetrics { grid-template-columns:1fr 1fr 1fr; }
}
@media (max-width: 600px) {
  .productV7HeroInner { padding-top:55px; padding-bottom:60px; }
  .productV7HeroCopy h1 { font-size:clamp(41px,12vw,57px); }
  .productV7HeroProof { flex-direction:column; gap:8px; }
  .productV7ShellBody { grid-template-columns:1fr; }
  .productV7Sidebar { display:flex; gap:4px; overflow:auto; padding:9px; border-right:0; border-bottom:1px solid #203a33; }
  .productV7SidebarBrand { flex:0 0 auto; padding:7px 10px; margin:0; border:0; }
  .productV7SideItem { flex:0 0 auto; width:auto; margin:0; padding:8px 10px; }
  .productV7Metrics { grid-template-columns:1fr 1fr; }
  .productV7Metrics > div:last-child { grid-column:1 / -1; }
  .productV7WorkspaceGrid { grid-template-columns:1fr; }
  .productV7SystemGrid, .productV7RoleGrid { grid-template-columns:1fr; }
  .productV7TourBody { padding:24px; }
  .productV7PreviewMetrics { grid-template-columns:1fr; }
  .productV7ProofCard { padding:22px; }
  .productV7OutcomeList div { grid-template-columns:1fr; gap:6px; }
}

/* --------------------------------------------------------------------------
   Features page redesign
   Existing SiSender theme preserved; page structure and density refined.
   -------------------------------------------------------------------------- */
.featureHero { position:relative; overflow:hidden; padding:78px 0 84px; background:var(--colorBrandDeep); color:#fff; }
.featureHero::before,.featureHero::after{position:absolute;content:"";border:1px solid rgba(255,255,255,.1);border-radius:50%;pointer-events:none;}
.featureHero::before{width:620px;height:620px;right:-210px;top:-250px}.featureHero::after{width:360px;height:360px;right:60px;top:-110px}
.featureHeroInner{position:relative;z-index:1;width:min(var(--contentWidth),calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:minmax(0,.93fr) minmax(440px,1.07fr);align-items:center;gap:58px}
.featureHeroCopy{max-width:720px}.featureHeroCopy .eyebrow{color:#f5d976}.featureHeroCopy h1{max-width:720px;font-size:clamp(46px,6.2vw,76px);line-height:1.02;letter-spacing:-.05em}.featureHeroCopy h1 em{color:var(--colorAccent);font-style:normal}.featureHeroCopy .leadText{max-width:610px;color:#d4e0d9;font-size:18px}.featureProofRow{display:flex;flex-wrap:wrap;gap:10px 17px;margin-top:24px;color:#dce6df;font-size:11px;font-weight:650}.featureProofRow span{display:inline-flex;align-items:center;gap:7px}.featureProofRow .iconMark{width:15px;height:15px;flex-basis:15px;color:#f5d976}
.featureHeroVisual{min-width:0}.featureHeroPanel{box-shadow:0 25px 70px rgba(0,0,0,.18);transform:rotate(.18deg)}.featureHeroPanel .panelBody{padding:20px}.featureHeroStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.featureHeroStats>div{padding:12px 13px;border:1px solid #e2e8e1;border-radius:11px;background:#fbfcfa}.featureHeroStats span,.featureHeroStats small{display:block;color:#738078;font-size:9px}.featureHeroStats strong{display:block;margin:4px 0 3px;color:var(--colorBrand);font-size:24px;line-height:1;letter-spacing:-.05em}.featureHeroFlow{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr;align-items:center;gap:7px;margin-top:13px}.featureHeroFlow>div{padding:11px;border:1px solid #dfe7df;border-radius:11px;background:#fff}.featureHeroFlow span{display:block;color:var(--colorBrand);font-size:9px;font-weight:800}.featureHeroFlow strong{display:block;margin-top:4px;font-size:12px}.featureHeroFlow small{display:block;margin-top:4px;color:#75837a;font-size:8px;line-height:1.35}.featureHeroFlow i{display:block;height:1px;background:#bdc9bf;position:relative}.featureHeroFlow i::after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #8da095;border-right:1px solid #8da095;transform:rotate(45deg)}.featureHeroNotice{display:flex;align-items:center;gap:10px;margin-top:13px;padding:11px 12px;border:1px solid #dce8dc;border-radius:11px;background:#f4f8f2}.featureHeroNotice p{margin:0;color:#526259;font-size:10px;line-height:1.45}
.featureCategoryNav{position:sticky;top:78px;z-index:20;border-bottom:1px solid #e1e7df;background:rgba(247,247,242,.95);backdrop-filter:blur(10px)}.featureCategoryNavInner{width:min(var(--contentWidth),calc(100% - 48px));margin:0 auto;display:flex;gap:8px;overflow-x:auto;padding:12px 0}.featureCategoryNav a{white-space:nowrap;padding:9px 13px;border:1px solid #dbe3db;border-radius:999px;background:#fff;color:#526159;text-decoration:none;font-size:10px;font-weight:760}.featureCategoryNav a:hover,.featureCategoryNav a.isActive{border-color:var(--colorBrand);color:var(--colorBrand);box-shadow:0 3px 12px rgba(36,52,71,.07)}
.featureIntroBlock{padding-top:92px;padding-bottom:78px}.featureIntroHead{max-width:800px}.featureCapabilityGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.featureCapabilityCard{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:5px;padding:17px 18px;border:1px solid #dfe7df;border-radius:14px;background:#fff;text-decoration:none;box-shadow:var(--shadowSoft)}.featureCapabilityCard span{grid-row:1/3;color:var(--colorBrand);font-size:9px;font-weight:850}.featureCapabilityCard strong{color:var(--colorInk);font-size:14px}.featureCapabilityCard small{color:var(--colorMuted);font-size:10px;line-height:1.45}
.featureStory{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center;padding-top:88px;padding-bottom:88px;border-top:1px solid #e3e8e0;scroll-margin-top:150px}.featureStory:nth-of-type(even){grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.featureStory:nth-of-type(even) .featureStoryCopy{order:2}.featureStoryTint{max-width:none;width:100%;padding-inline:max(24px,calc((100% - var(--contentWidth))/2));background:#f0f3ed}.featureStoryDark{max-width:none;width:100%;padding-inline:max(24px,calc((100% - var(--contentWidth))/2));background:var(--colorBrandDeep);color:#fff}.featureStoryDark .featureStoryCopy p:not(.eyebrow),.featureStoryDark .smallNote{color:#d2ddd6}.featureStoryDark .featureDetailGrid span{color:#d2ddd6}.featureStoryDark .featureDetailGrid strong{color:#fff}.featureStoryCopy{min-width:0}.featureStoryCopy h2{max-width:650px;font-size:clamp(30px,4vw,48px);line-height:1.06;letter-spacing:-.04em}.featureStoryCopy>p:not(.eyebrow):not(.smallNote){max-width:620px;color:var(--colorMuted);font-size:14px;line-height:1.7}.featureStoryVisual{min-width:0}.featureStoryVisual>.panelFrame,.featureSubVisual>.panelFrame{box-shadow:var(--shadowCard)}.featureDetailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:27px}.featureDetailGrid>div{padding:13px 14px;border:1px solid #dfe7df;border-radius:11px;background:#fff}.featureDetailGrid strong{display:block;color:var(--colorInk);font-size:11px}.featureDetailGrid span{display:block;margin-top:5px;color:#738077;font-size:10px;line-height:1.45}.featureStoryDark .featureDetailGrid>div{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.06)}.textLink{display:inline-flex;align-items:center;gap:7px;margin-top:20px;color:var(--colorBrand);font-size:11px;font-weight:800;text-decoration:none}.featureStoryDark .textLink{color:#f5d976}
.featureSubStory{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:54px;align-items:center;padding-top:34px;padding-bottom:90px}.featureSubCopy h3{font-size:clamp(24px,3vw,36px);line-height:1.08}.featureSubCopy>p:not(.eyebrow){max-width:560px;color:var(--colorMuted);font-size:13px;line-height:1.7}.bulletColumns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-top:18px}.bulletColumns span{position:relative;padding-left:17px;color:#4d5d54;font-size:11px}.bulletColumns span::before{position:absolute;left:0;top:5px;width:7px;height:7px;border-radius:50%;background:var(--colorAccent);content:""}.featureMessagePanel .panelBody{padding:16px}.messageHeader{display:flex;justify-content:space-between;gap:10px;padding-bottom:11px;border-bottom:1px solid #e7ebe5}.messageHeader span,.messageFooter{color:#7a877f;font-size:9px}.messageHeader strong{font-size:10px}.messageBody{padding:17px;border:1px solid #e2e8e1;border-radius:11px;background:#fbfcfa;margin-top:13px}.messageBody p{margin:0 0 9px;color:#53645b;font-size:12px;line-height:1.55}.messageBody p strong{color:var(--colorInk)}.messageFooter{display:flex;justify-content:space-between;margin-top:11px}
.featureMetricStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px}.featureMetricStrip>div{padding:12px;border:1px solid #dfe7df;border-radius:11px;background:#fff}.featureMetricStrip span,.featureMetricStrip small{display:block;color:#76837b;font-size:9px}.featureMetricStrip strong{display:block;margin:4px 0 3px;color:var(--colorBrand);font-size:19px}.leadTimelinePanel .panelBody{padding:15px}.leadSummaryGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.leadSummaryGrid>div{padding:11px;border:1px solid #e2e8e1;border-radius:10px;background:#fbfcfa}.leadSummaryGrid span{display:block;color:#78857c;font-size:8px}.leadSummaryGrid strong{display:block;margin-top:4px;font-size:10px}.timelineList{display:grid;gap:0;margin-top:13px}.timelineList>div{display:grid;grid-template-columns:12px 1fr auto;gap:9px;align-items:start;padding:12px 0;border-top:1px solid #e8ece7}.timelineDot{width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--colorAccent)}.timelineList strong{display:block;font-size:10px}.timelineList small{display:block;margin-top:3px;color:#7b877f;font-size:9px;line-height:1.4}.timelineList time{color:#839087;font-size:8px}
.responseOutcomeList{display:grid;gap:9px;margin-top:24px}.responseOutcomeList>div{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:start;padding:11px 12px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.05)}.responseOutcomeList p{margin:0}.responseOutcomeList strong{display:block;color:#fff;font-size:11px}.responseOutcomeList p span{display:block;margin-top:4px;color:#d1ddd5;font-size:10px;line-height:1.4}
.moveFlow{display:grid;grid-template-columns:1fr 12px 1fr 12px 1fr 12px 1fr;align-items:center;gap:7px;margin-top:27px}.moveFlow>div{min-height:84px;padding:11px;border:1px solid #dfe7df;border-radius:11px;background:#fff}.moveFlow span{display:block;color:var(--colorBrand);font-size:8px;font-weight:850}.moveFlow strong{display:block;margin-top:5px;font-size:11px}.moveFlow small{display:block;margin-top:4px;color:#76837b;font-size:8px;line-height:1.4}.moveFlow i{height:1px;background:#bac6bd;position:relative}.moveFlow i::after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #8e9e94;border-right:1px solid #8e9e94;transform:rotate(45deg)}.moveVisualStack{display:grid;gap:12px}.featureMiniBoard{min-height:0}.miniTaskPanel .panelBody{padding:12px}
.operationsPanel .panelBody{padding:16px}.operationsMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.operationsMetrics>div{padding:12px;border:1px solid #e1e7df;border-radius:10px;background:#fff}.operationsMetrics span{display:block;color:#7a877f;font-size:8px}.operationsMetrics strong{display:block;margin-top:3px;color:var(--colorBrand);font-size:20px}.operationsRows{display:grid;gap:7px;margin-top:12px}.operationsRows>div{display:grid;grid-template-columns:.7fr 1.3fr auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid #e5eae4;border-radius:10px;background:#fbfcfa}.operationsRows span{color:#76837b;font-size:9px}.operationsRows strong{font-size:10px}.operationsRows em{font-style:normal;color:var(--colorBrand);font-size:9px;font-weight:760}
.featureMatrixSection{padding-top:92px;padding-bottom:92px}.featureMatrixWrap{overflow:auto;border:1px solid #dfe6df;border-radius:14px;background:#fff;box-shadow:var(--shadowSoft)}.featureMatrix{width:100%;border-collapse:collapse;min-width:720px}.featureMatrix th,.featureMatrix td{padding:13px 15px;text-align:left;border-bottom:1px solid #e8ece7;font-size:10px}.featureMatrix th{background:#f7f9f6;color:#66746c;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.featureMatrix td:first-child{color:var(--colorInk);font-weight:780}.featureMatrix td:nth-child(2){color:#536159}.featureMatrix td:nth-child(3){color:#7a877f}.featureMatrix tr:last-child td{border-bottom:0}
.featureFaqSection{padding-top:92px;padding-bottom:92px}.featureFaqGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.featureFaqGrid details{padding:16px 17px;border:1px solid #dfe7df;border-radius:13px;background:#fff}.featureFaqGrid summary{cursor:pointer;list-style:none;color:var(--colorInk);font-size:12px;font-weight:780}.featureFaqGrid summary::-webkit-details-marker{display:none}.featureFaqGrid summary::after{float:right;content:"+";color:var(--colorBrand);font-weight:850}.featureFaqGrid details[open] summary::after{content:"–"}.featureFaqGrid p{margin:11px 0 0;color:#6b786f;font-size:11px;line-height:1.6}.featureFinalCta .eyebrow{color:#f5d976}

@media (max-width:980px){.featureHeroInner{grid-template-columns:1fr;gap:28px}.featureHeroCopy{max-width:850px}.featureHeroVisual{max-width:820px}.featureCapabilityGrid{grid-template-columns:1fr 1fr}.featureStory,.featureStory:nth-of-type(even){grid-template-columns:1fr 1fr}.featureSubStory{grid-template-columns:1fr;gap:28px}.featureFaqGrid{grid-template-columns:1fr}.featureStoryCopy h2{font-size:clamp(28px,4vw,42px)}}
@media (max-width:720px){.featureHero{padding:55px 0 60px}.featureHeroInner,.featureCategoryNavInner{width:min(100% - 36px,var(--contentWidth))}.featureHeroCopy h1{font-size:clamp(40px,12vw,59px)}.featureHeroCopy .leadText{font-size:16px}.featureHeroStats{grid-template-columns:1fr 1fr}.featureHeroStats>div:last-child{grid-column:1/-1}.featureHeroFlow{grid-template-columns:1fr 1fr;gap:7px}.featureHeroFlow i{display:none}.featureCategoryNav{top:69px}.featureCapabilityGrid,.featureStory,.featureStory:nth-of-type(even),.featureDetailGrid,.featureMetricStrip{grid-template-columns:1fr}.featureStory,.featureSubStory{padding-top:62px;padding-bottom:62px}.featureStory:nth-of-type(even) .featureStoryCopy{order:0}.featureStoryTint,.featureStoryDark{padding-inline:18px}.leadSummaryGrid{grid-template-columns:1fr 1fr}.operationsMetrics{grid-template-columns:1fr 1fr}.operationsRows>div{grid-template-columns:1fr}.moveFlow{grid-template-columns:1fr}.moveFlow i{display:none}.bulletColumns{grid-template-columns:1fr}.responseOutcomeList>div{grid-template-columns:78px 1fr}.featureHeroPanel{transform:none}.featureIntroBlock{padding-top:67px}.featureCategoryNavInner{padding-block:10px}}

/* Features V10: compact interactive product proofs. Theme preserved; only page-specific hierarchy is tightened. */
.featuresV10 .featureHeroCompact{max-width:560px;margin-left:auto}
.featuresV10 .heroFlowCompact{display:grid;grid-template-columns:1fr 16px 1fr 16px 1fr 16px 1fr;align-items:center;gap:6px}
.featuresV10 .heroFlowItem{appearance:none;border:1px solid #dfe7df;background:#fff;border-radius:11px;padding:11px;text-align:left;cursor:pointer}
.featuresV10 .heroFlowItem b{display:block;color:var(--colorBrand);font-size:8px}.featuresV10 .heroFlowItem strong{display:block;margin-top:4px;font-size:11px}.featuresV10 .heroFlowItem span{display:block;margin-top:3px;color:#7a877f;font-size:8px}.featuresV10 .heroFlowItem.isActive{border-color:var(--colorBrand);box-shadow:0 6px 18px rgba(36,52,71,.08)}
.featuresV10 .heroFlowCompact>i{height:1px;background:#bdc9bf;position:relative}.featuresV10 .heroFlowCompact>i::after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #8da095;border-right:1px solid #8da095;transform:rotate(45deg)}
.featuresV10 .heroFlowDetail{margin-top:12px;padding:12px 13px;border:1px solid #dfe7df;border-radius:11px;background:#f8faf6;color:#526159;font-size:10px;line-height:1.55}
.featuresV10 .heroMiniStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.featuresV10 .heroMiniStats>div{padding:10px;border:1px solid #e1e7df;border-radius:10px;background:#fff}.featuresV10 .heroMiniStats span{display:block;color:#79867d;font-size:8px}.featuresV10 .heroMiniStats strong{display:block;margin-top:4px;color:var(--colorBrand);font-size:18px;letter-spacing:-.03em}
.featuresV10 .featureCapabilityGridCompact .featureCapabilityCard{min-height:78px;transition:transform .18s ease,box-shadow .18s ease}.featuresV10 .featureCapabilityGridCompact .featureCapabilityCard:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(36,52,71,.08)}
.featuresV10 .featureStoryV10{display:grid;grid-template-columns:minmax(0,.98fr) minmax(390px,.82fr);gap:64px;align-items:center;padding-top:92px;padding-bottom:92px;border-top:1px solid #e3e8e0;scroll-margin-top:150px}.featuresV10 .featureStoryV10:nth-of-type(even){grid-template-columns:minmax(390px,.82fr) minmax(0,.98fr)}.featuresV10 .featureStoryV10:nth-of-type(even) .featureStoryCopyV10{order:2}.featuresV10 .featureStoryTintV10{max-width:none;width:100%;padding-inline:max(24px,calc((100% - var(--contentWidth))/2));background:#f0f3ed}.featuresV10 .featureStoryDarkV10{max-width:none;width:100%;padding-inline:max(24px,calc((100% - var(--contentWidth))/2));background:var(--colorBrandDeep);color:#fff}.featuresV10 .featureStoryCopyV10{min-width:0}.featuresV10 .featureStoryCopyV10 h2{max-width:680px;font-size:clamp(30px,4vw,48px);line-height:1.06;letter-spacing:-.04em}.featuresV10 .featureStoryCopyV10>p:not(.eyebrow):not(.smallNote){max-width:620px;color:var(--colorMuted);font-size:14px;line-height:1.7}.featuresV10 .featureStoryDarkV10 .featureStoryCopyV10>p:not(.eyebrow):not(.smallNote){color:#d2ddd6}.featuresV10 .featureProofVisualV10{min-width:0;display:flex;justify-content:center}.featuresV10 .compactProductPanel{width:min(100%,540px);border:1px solid #dce4db;border-radius:16px;background:#fff;box-shadow:0 18px 45px rgba(28,45,36,.09);overflow:hidden}.featuresV10 .compactProductPanelGreen{background:#fbfdfa}.featuresV10 .compactProductPanelDark{background:#f8fbf8}.featuresV10 .compactPanelTop{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 16px;border-bottom:1px solid #e4e9e3}.featuresV10 .compactKicker{display:block;color:#7b887f;font-size:8px;font-weight:850;letter-spacing:.08em}.featuresV10 .compactPanelTop strong{display:block;margin-top:3px;color:var(--colorInk);font-size:13px}.featuresV10 .compactPanelBody,.featuresV10 .operateBody{padding:15px 16px}.featuresV10 .compactTabs{display:flex;gap:6px;padding:10px 16px;border-bottom:1px solid #e7ece6;overflow:auto}.featuresV10 .compactTabs button,.featuresV10 .replyChoiceRow button{border:1px solid #dbe4dc;border-radius:999px;background:#fff;color:#637168;font:inherit;font-size:9px;font-weight:750;padding:7px 10px;cursor:pointer;white-space:nowrap}.featuresV10 .compactTabs button.isActive,.featuresV10 .replyChoiceRow button.isActive{border-color:var(--colorBrand);color:var(--colorBrand);background:#f0f7f1}.featuresV10 .compactSubject{display:flex;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #e7ece6}.featuresV10 .compactSubject span{font-size:9px;color:#7c887f}.featuresV10 .compactSubject strong{font-size:10px;text-align:right}.featuresV10 .compactMessage{margin-top:12px;padding:14px;border:1px solid #e2e9e1;border-radius:12px;background:#fbfcfa;color:#526158;font-size:11px;line-height:1.55}.featuresV10 .compactChipRow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:11px}.featuresV10 .compactChip{border:1px solid #dbe4dc;border-radius:999px;background:#fff;color:#657269;font-size:8px;font-weight:750;padding:6px 9px;cursor:pointer}.featuresV10 .compactChip.isActive{border-color:var(--colorBrand);color:var(--colorBrand);background:#f0f7f1}.featuresV10 .compactHint{font-size:8px;color:#819087}.featuresV10 .compactControlRow{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:13px}.featuresV10 .compactControlRow label{flex:1;min-width:0}.featuresV10 .compactControlRow label span{display:block;color:#7a877f;font-size:8px;margin-bottom:5px}.featuresV10 .compactControlRow input[type=range]{width:100%}.featuresV10 .compactControlRow output{display:block;margin-top:4px;color:var(--colorBrand);font-size:9px;font-weight:780}.featuresV10 .compactPreview{display:grid;gap:4px;margin-top:11px;padding:11px 12px;border:1px solid #dae8db;border-radius:10px;background:#f3f8f2;color:#526159;font-size:9px}.featuresV10 .compactPreview span{color:#728078}.featuresV10 .compactMetricGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px 16px}.featuresV10 .compactMetricGrid>div{padding:10px;border:1px solid #e0e8df;border-radius:10px;background:#fff}.featuresV10 .compactMetricGrid span{display:block;color:#7c8a80;font-size:8px}.featuresV10 .compactMetricGrid strong{display:block;color:var(--colorBrand);font-size:18px;margin-top:4px}.featuresV10 .compactQueueHeader{display:flex;justify-content:space-between;gap:10px;padding:0 16px 10px}.featuresV10 .compactQueueHeader span{font-size:9px;color:#7b887e}.featuresV10 .compactQueueHeader strong{font-size:9px;color:var(--colorBrand)}.featuresV10 .compactQueueHeader strong.isWarning{color:#a96b34}.featuresV10 .compactChecks{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:11px 16px;border-top:1px solid #e7ece6;border-bottom:1px solid #e7ece6}.featuresV10 .compactChecks label{display:flex;align-items:center;gap:6px;font-size:8px;color:#596960}.featuresV10 .compactAlert{margin:11px 16px 0;padding:9px 10px;border:1px solid #ead7b9;border-radius:9px;background:#fbf7ee;color:#8a672f;font-size:8px}.featuresV10 .contextStatRow{display:flex;justify-content:space-between;gap:10px;padding-bottom:11px;border-bottom:1px solid #e7ece6}.featuresV10 .contextStatRow span{color:#7c897f;font-size:8px}.featuresV10 .contextStatRow strong{font-size:10px}.featuresV10 .compactTimeline{display:grid;gap:0}.featuresV10 .compactTimeline>div{display:grid;grid-template-columns:9px 1fr auto;gap:9px;align-items:start;padding:11px 0;border-bottom:1px solid #e7ece6}.featuresV10 .compactTimeline b{width:7px;height:7px;border-radius:50%;background:var(--colorAccent);margin-top:4px}.featuresV10 .compactTimeline strong{display:block;font-size:9px}.featuresV10 .compactTimeline small{display:block;margin-top:3px;color:#7a877f;font-size:8px;line-height:1.4}.featuresV10 .compactTimeline time{color:#88948c;font-size:8px}.featuresV10 .contextList{display:grid;gap:8px}.featuresV10 .contextList p{display:flex;justify-content:space-between;gap:10px;margin:0;padding:10px;border:1px solid #e3e9e2;border-radius:9px;background:#fbfcfa}.featuresV10 .contextList span{font-size:8px;color:#7b887f}.featuresV10 .contextList strong{font-size:9px}.featuresV10 .contextProfile{display:grid;grid-template-columns:1fr 1fr;gap:8px}.featuresV10 .contextProfile>div{padding:11px;border:1px solid #e3e9e2;border-radius:9px;background:#fbfcfa}.featuresV10 .contextProfile span{display:block;color:#7b887f;font-size:8px}.featuresV10 .contextProfile strong{display:block;margin-top:4px;font-size:10px}.featuresV10 .responseOutcomeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.featuresV10 .responseOutcomeGrid>div{padding:10px;border:1px solid #e2e8e1;border-radius:9px;background:#fbfcfa}.featuresV10 .responseOutcomeGrid span{display:block;color:#7b887f;font-size:8px}.featuresV10 .responseOutcomeGrid strong{display:block;margin-top:4px;font-size:10px}.featuresV10 .replyChoiceRow{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px 0}.featuresV10 .compactReplyBox{margin:11px 16px 0;padding:13px;border:1px solid #dfe7df;border-radius:11px;background:#fbfcfa}.featuresV10 .replyMeta{display:flex;justify-content:space-between;gap:10px;align-items:center}.featuresV10 .replyMeta strong{font-size:10px}.featuresV10 .replyMeta span{font-size:8px;color:var(--colorBrand)}.featuresV10 .compactReplyBox p{margin:9px 0 0;color:#56665d;font-size:10px;line-height:1.55}.featuresV10 .miniButtonDark{margin:11px 16px 15px}.featuresV10 .miniPipelineInteractive{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px 16px}.featuresV10 .pipelineStage{appearance:none;border:1px solid #dfe7df;border-radius:10px;background:#fbfcfa;text-align:left;padding:11px;cursor:pointer}.featuresV10 .pipelineStage.isActive{border-color:var(--colorBrand);background:#f0f7f1;box-shadow:0 6px 14px rgba(36,52,71,.06)}.featuresV10 .pipelineStage span{display:block;color:#758278;font-size:8px}.featuresV10 .pipelineStage strong{display:block;margin-top:4px;color:var(--colorBrand);font-size:18px}.featuresV10 .pipelineStage small{display:block;margin-top:3px;color:#7d8982;font-size:7px;line-height:1.35}.featuresV10 .compactTaskCard{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 16px 15px;padding:12px;border:1px solid #dfe7df;border-radius:10px;background:#fff}.featuresV10 .compactTaskCard strong{display:block;font-size:9px}.featuresV10 .compactTaskCard small{display:block;margin-top:3px;color:#7c897f;font-size:8px}.featuresV10 .operateMetricGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.featuresV10 .operateMetricGrid>div{padding:10px;border:1px solid #e1e8df;border-radius:9px;background:#fbfcfa}.featuresV10 .operateMetricGrid span,.featuresV10 .operateMetricGrid small{display:block;color:#7b887f;font-size:8px}.featuresV10 .operateMetricGrid strong{display:block;margin:4px 0;color:var(--colorBrand);font-size:18px}.featuresV10 .operateBars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:5px;height:58px;margin-top:13px;padding-top:8px;border-top:1px solid #e7ece6}.featuresV10 .operateBars span{display:block;width:100%;height:var(--bar);min-height:8px;border-radius:4px 4px 2px 2px;background:var(--colorAccent)}
@media (max-width:980px){.featuresV10 .featureStoryV10,.featuresV10 .featureStoryV10:nth-of-type(even){grid-template-columns:1fr 1fr;gap:34px}.featuresV10 .featureStoryV10:nth-of-type(even) .featureStoryCopyV10{order:2}.featuresV10 .heroFlowCompact{grid-template-columns:1fr 14px 1fr 14px 1fr 14px 1fr}}
@media (max-width:720px){.featuresV10 .featureHeroCompact{margin:0 auto}.featuresV10 .heroFlowCompact{grid-template-columns:1fr 1fr;gap:7px}.featuresV10 .heroFlowCompact>i{display:none}.featuresV10 .heroMiniStats{grid-template-columns:1fr 1fr}.featuresV10 .heroMiniStats>div:last-child{grid-column:1/-1}.featuresV10 .featureStoryV10,.featuresV10 .featureStoryV10:nth-of-type(even){grid-template-columns:1fr;gap:28px;padding-top:62px;padding-bottom:62px}.featuresV10 .featureStoryV10:nth-of-type(even) .featureStoryCopyV10{order:0}.featuresV10 .featureStoryTintV10,.featuresV10 .featureStoryDarkV10{padding-inline:18px}.featuresV10 .compactMetricGrid,.featuresV10 .responseOutcomeGrid,.featuresV10 .miniPipelineInteractive{grid-template-columns:1fr 1fr}.featuresV10 .compactMetricGrid>div:last-child,.featuresV10 .responseOutcomeGrid>div:last-child{grid-column:1/-1}.featuresV10 .compactChecks{grid-template-columns:1fr}.featuresV10 .contextProfile{grid-template-columns:1fr 1fr}.featuresV10 .featureProofVisualV10{width:100%}}

/* Features V11 page composition: keeps the existing SiSender theme, replaces the oversized V10 layout. */
.featuresV11{--fShell:min(1140px,calc(100% - 56px));background:var(--colorPage);overflow:hidden}.featuresV11Shell{width:var(--fShell);margin:0 auto}.featuresV11 h1,.featuresV11 h2,.featuresV11 h3{letter-spacing:-.045em}.featuresV11 .eyebrow{margin-bottom:14px}.featuresV11 .eyebrow.light{color:#f6d875}.featuresV11Hero{background:var(--colorBrandDeep);color:#fff;padding:76px 0 84px;position:relative}.featuresV11Hero:after{content:"";position:absolute;inset:auto -120px -260px auto;width:520px;height:520px;border:1px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none}.heroShell{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);gap:62px;align-items:center;position:relative;z-index:1}.heroCopy h1{max-width:690px;font-size:clamp(46px,5.8vw,70px);line-height:1.02;margin-bottom:20px}.heroCopy h1 em{font-style:normal;color:var(--colorAccent)}.heroLead{max-width:610px;color:#d7e2dc;font-size:18px;line-height:1.68}.heroActions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.heroProof{display:flex;flex-wrap:wrap;gap:11px 18px;margin-top:25px;color:#cad8d0;font-size:11px}.heroProof span{display:inline-flex;align-items:center;gap:7px}.heroProof b{color:var(--colorAccent);font-size:9px}.heroPreview{display:flex;justify-content:flex-end}.uiWindow{width:min(100%,535px);border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 28px 65px rgba(0,0,0,.24)}.windowBar{display:flex;align-items:center;gap:11px;padding:12px 15px;background:#f8faf8;border-bottom:1px solid #e1e7e1;color:#738078;font-size:9px}.windowBar em{margin-left:auto;color:#8a958e;font-size:8px;font-style:normal}.windowDots{display:flex;gap:4px}.windowDots i{width:6px;height:6px;border-radius:50%;background:#cdd6cf}.windowBody{display:grid;grid-template-columns:110px 1fr;min-height:320px}.uiSidebar{display:grid;align-content:start;gap:4px;padding:18px 10px;border-right:1px solid #e3e9e3;background:#f6f8f5}.uiSidebar strong{padding:0 9px 9px;color:#879189;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.uiSidebar span{padding:9px;color:#617068;font-size:9px;border-radius:8px}.uiSidebar span.active{background:#e6f1eb;color:var(--colorBrand);font-weight:800}.uiMain{padding:18px}.uiMainTop{display:flex;justify-content:space-between;gap:10px;align-items:center}.uiMainTop small{display:block;color:#8a948e;font-size:7px;letter-spacing:.08em}.uiMainTop strong{display:block;margin-top:4px;color:var(--colorInk);font-size:17px;letter-spacing:-.03em}.miniStatus{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#eff3ef;color:#637168;font-size:8px;font-weight:800}.miniStatus.success{background:#e8f4ec;color:var(--colorSuccess)}.statTiles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px}.statTiles>div,.metrics>div{padding:10px;border:1px solid #e3e9e3;border-radius:10px;background:#fbfcfa}.statTiles small,.statTiles span,.metrics small,.metrics span{display:block;color:#829087;font-size:7px}.statTiles b{display:block;margin:4px 0;color:var(--colorBrand);font-size:18px;letter-spacing:-.04em}.motionLine{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr;align-items:center;gap:5px;margin-top:14px}.motionLine span{padding:9px 7px;text-align:center;border:1px solid #dfe7df;border-radius:8px;color:#56665d;font-size:8px;font-weight:800;background:#fff}.motionLine i{height:1px;background:#c7d1c9}.uiRows{display:grid;gap:7px;margin-top:14px}.uiRows>div{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;padding:10px;border:1px solid #e2e8e2;border-radius:10px;background:#fff}.uiRows b{display:block;font-size:9px}.uiRows small{display:block;margin-top:2px;color:#839087;font-size:7px}.uiRows em{color:var(--colorBrand);font-size:7px;font-style:normal;font-weight:800}.dot{width:7px;height:7px;border-radius:50%}.dot.ok{background:#5fa77d}.dot.yellow{background:var(--colorAccent)}
.featuresV11Nav{position:sticky;top:78px;z-index:20;background:rgba(247,247,242,.96);backdrop-filter:blur(12px);border-bottom:1px solid #dfe6df}.navShell{display:flex;gap:7px;overflow:auto;padding:11px 0}.featuresV11Nav a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:9px 12px;border:1px solid #d9e2da;border-radius:999px;background:#fff;text-decoration:none;color:#5d6c63;font-size:10px;font-weight:760}.featuresV11Nav a span{color:#98a29c;font-size:8px}.featuresV11Nav a.isActive,.featuresV11Nav a:hover{border-color:var(--colorBrand);color:var(--colorBrand);box-shadow:0 4px 14px rgba(14,39,29,.06)}.featuresV11Nav a.isActive span{color:var(--colorBrand)}
.featuresV11Intro{padding:76px 0 62px;background:#fff}.introGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:60px;align-items:end}.introGrid h2{max-width:760px;font-size:clamp(34px,4.3vw,54px);line-height:1.06;margin:0}.introGrid>p{margin:0;max-width:520px;color:var(--colorMuted);font-size:15px;line-height:1.75}.capabilityRail{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:38px}.capabilityRail a{min-width:0;padding:15px 14px;border:1px solid #dfe6df;border-radius:13px;background:#fbfcfa;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.capabilityRail a:hover{transform:translateY(-2px);border-color:#b9c8bc;box-shadow:0 10px 22px rgba(14,39,29,.06)}.capabilityRail span{display:block;color:var(--colorBrand);font-size:8px;font-weight:850}.capabilityRail strong{display:block;margin-top:7px;color:var(--colorInk);font-size:13px}.capabilityRail small{display:block;margin-top:5px;color:#7a877f;font-size:9px;line-height:1.45}
.featuresV11Story{scroll-margin-top:140px;padding:92px 0;background:#fff;border-top:1px solid #e3e8e2}.featuresV11Story.alt{background:#eff3ed}.featuresV11Story.dark{background:var(--colorBrandDeep);color:#fff}.storyGrid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:78px;align-items:center}.featuresV11Story.alt .storyGrid,.featuresV11Story.dark .storyGrid{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)}.featuresV11Story.alt .storyCopy,.featuresV11Story.dark .storyCopy{order:2}.featuresV11Story.dark .storyCopy p:not(.eyebrow){color:#d6e1da}.storyCopy h2{max-width:630px;font-size:clamp(33px,4.1vw,50px);line-height:1.05;margin-bottom:19px}.storyCopy>p:not(.eyebrow):not(.smallNote){max-width:590px;color:var(--colorMuted);font-size:15px;line-height:1.75}.storyFacts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:26px}.storyFacts>div{padding:13px 14px;border:1px solid #dfe6df;border-radius:11px;background:#fbfcfa}.darkFacts>div{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.05)}.storyFacts b{display:block;color:var(--colorInk);font-size:10px}.darkFacts b{color:#fff}.storyFacts span{display:block;margin-top:4px;color:#748179;font-size:9px;line-height:1.5}.darkFacts span{color:#cad7cf}.storyCopy .smallNote{margin-top:18px;max-width:560px}.storyVisual{display:flex;justify-content:center;min-width:0}.productCard{width:min(100%,510px);border:1px solid #dbe5dc;border-radius:18px;background:#fff;box-shadow:0 16px 44px rgba(14,39,29,.08);overflow:hidden}.greenCard{background:#fcfdfb}.productHead{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 17px;border-bottom:1px solid #e4eae3}.productHead small{display:block;color:#879289;font-size:7px;letter-spacing:.1em;font-weight:850}.productHead b{display:block;margin-top:4px;color:var(--colorInk);font-size:13px}.segTabs,.replyChoices{display:flex;gap:6px;overflow:auto;padding:10px 14px;border-bottom:1px solid #e7ece6}.segTabs button,.replyChoices button,.pill{appearance:none;border:1px solid #d9e3da;border-radius:999px;background:#fff;color:#6b786f;font:inherit;font-size:8px;font-weight:760;padding:7px 10px;cursor:pointer;white-space:nowrap}.segTabs button.isActive,.replyChoices button.isActive,.pill.isActive{border-color:var(--colorBrand);background:#eef6f0;color:var(--colorBrand)}.cardBody{padding:16px}.subjectLine{display:flex;justify-content:space-between;gap:14px;align-items:start;padding-bottom:11px;border-bottom:1px solid #e7ece7}.subjectLine span{color:#849088;font-size:8px}.subjectLine b{max-width:72%;text-align:right;color:var(--colorInk);font-size:9px}.messageBox{margin:12px 0 0;padding:13px 14px;border:1px solid #dfe7e0;border-radius:11px;background:#fbfcfa;color:#55655c;font-size:10px;line-height:1.6}.variantRow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:11px}.variantRow>span{margin-left:auto;color:#829088;font-size:8px}.rangeLine{display:block;margin-top:13px}.rangeLine>span{display:flex;justify-content:space-between;gap:10px;color:#77847c;font-size:8px;margin-bottom:5px}.rangeLine output{color:var(--colorBrand);font-weight:800}.rangeLine input[type=range]{width:100%;accent-color:var(--colorBrand)}.miniAction{margin-top:12px;min-height:34px;padding:0 13px;border:1px solid #d8e2d9;border-radius:999px;background:#fff;color:var(--colorBrand);font:inherit;font-size:9px;font-weight:800;cursor:pointer}.previewReveal{display:grid;gap:4px;margin-top:10px;padding:10px 11px;border:1px solid #d7e7d9;border-radius:10px;background:#f1f7f1}.previewReveal b{font-size:8px}.previewReveal span{font-size:8px;color:#748179}.metricStrip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:14px}.metricStrip>div{padding:11px;border:1px solid #e1e8e1;border-radius:10px;background:#fbfcfa}.metricStrip small{display:block;color:#7d8a82;font-size:7px}.metricStrip b{display:block;margin-top:4px;color:var(--colorBrand);font-size:20px}.checkSection{padding:0 14px}.checkSection>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #e6ece6}.checkSection>div span{color:#7e8b83;font-size:8px}.checkSection>div b{color:var(--colorBrand);font-size:8px}.checkSection label{display:flex;align-items:center;gap:7px;padding:9px 0;border-bottom:1px solid #e8ede8;color:#56665d;font-size:8px}.warningBox{margin:10px 14px 0;padding:9px 10px;border:1px solid #ead7b9;border-radius:9px;background:#fbf7ee;color:#8b6a35;font-size:8px}.contextTop{display:flex;justify-content:space-between;gap:10px;padding-bottom:11px;border-bottom:1px solid #e7ece7}.contextTop span{color:#7e8b83;font-size:8px}.contextTop b{font-size:9px}.timeline{display:grid}.timeline>div{display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:start;padding:12px 0;border-bottom:1px solid #e7ece7}.timeline i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:var(--colorAccent)}.timeline b{display:block;font-size:9px}.timeline span{display:block;margin-top:3px;color:#78857d;font-size:8px;line-height:1.45}.timeline time{color:#88948c;font-size:7px}.replyMessage{padding:12px 13px;border:1px solid #dfe7df;border-radius:11px;background:#fbfcfa}.replyMessage>div{display:flex;justify-content:space-between;gap:10px}.replyMessage b{font-size:9px}.replyMessage span{color:#829088;font-size:7px}.replyMessage p{margin:9px 0 0;color:#55665d;font-size:10px;line-height:1.55}.outcomeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.outcomeGrid>div{padding:10px;border:1px solid #dfe7df;border-radius:9px;background:#fbfcfa}.outcomeGrid small{display:block;color:#829088;font-size:7px}.outcomeGrid b{display:block;margin-top:4px;font-size:9px}.pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px}.pipeline button{border:1px solid #dfe7df;border-radius:11px;background:#fbfcfa;text-align:left;padding:11px;cursor:pointer}.pipeline button.isActive{border-color:var(--colorBrand);background:#eef6f0;box-shadow:0 5px 14px rgba(14,39,29,.05)}.pipeline span{display:block;color:#7b887f;font-size:8px}.pipeline b{display:block;margin-top:4px;color:var(--colorBrand);font-size:20px}.pipeline small{display:block;margin-top:3px;color:#7b887f;font-size:7px;line-height:1.4}.taskCard{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 16px 16px;padding:12px;border:1px solid #dfe7df;border-radius:11px;background:#fff}.taskCard small{display:block;color:#839087;font-size:7px}.taskCard b{display:block;margin-top:3px;font-size:9px}.taskCard span{display:block;margin-top:3px;color:#78867d;font-size:7px}.taskCard em{color:var(--colorBrand);font-size:8px;font-style:normal;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metrics b{display:block;margin:4px 0;color:var(--colorBrand);font-size:18px}.bars{height:86px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:7px;margin-top:15px;padding-top:10px;border-top:1px solid #e7ece7}.bars i{display:block;border-radius:5px 5px 2px 2px;background:var(--colorAccent)}
.featuresV11Matrix{padding:82px 0;background:#eff3ed;border-top:1px solid #e1e8e1}.matrixGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:34px}.matrixGrid>div{padding:17px 18px;border:1px solid #dce5de;border-radius:12px;background:#fff}.matrixGrid b{display:block;color:var(--colorInk);font-size:12px}.matrixGrid span{display:block;margin-top:5px;color:#758179;font-size:9px}.featuresV11Faq{padding:82px 0;background:#fff}.faqGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}.faqGrid details{padding:16px 17px;border:1px solid #dfe6df;border-radius:12px;background:#fbfcfa}.faqGrid summary{cursor:pointer;color:var(--colorInk);font-size:11px;font-weight:800}.faqGrid p{margin:12px 0 0;color:var(--colorMuted);font-size:10px;line-height:1.6}.featuresV11Cta .ctaBandInner{width:var(--fShell);margin:0 auto}.featuresV11Cta{padding-block:72px}
@media(max-width:1000px){.heroShell,.storyGrid,.featuresV11Story.alt .storyGrid{grid-template-columns:1fr;gap:42px}.featuresV11Story.alt .storyCopy,.featuresV11Story.dark .storyCopy{order:0}.heroPreview{justify-content:flex-start}.introGrid{grid-template-columns:1fr;gap:18px}.capabilityRail{grid-template-columns:repeat(3,1fr)}.matrixGrid{grid-template-columns:1fr 1fr}.faqGrid{grid-template-columns:1fr 1fr}.storyFacts{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.featuresV11{--fShell:min(100% - 34px,1140px)}.featuresV11Hero{padding:58px 0 64px}.heroCopy h1{font-size:clamp(40px,11vw,57px)}.heroLead{font-size:16px}.heroProof{gap:8px 12px}.uiWindow{border-radius:15px}.windowBody{grid-template-columns:1fr;min-height:0}.uiSidebar{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #e3e9e3;padding:8px}.uiSidebar strong{display:none}.uiSidebar span{flex:0 0 auto;padding:8px 10px}.uiMain{padding:14px}.statTiles{grid-template-columns:1fr 1fr}.statTiles>div:last-child{grid-column:1/-1}.motionLine{grid-template-columns:1fr 1fr;gap:6px}.motionLine i{display:none}.featuresV11Nav{top:78px}.navShell{padding:9px 0}.featuresV11Intro,.featuresV11Matrix,.featuresV11Faq{padding:58px 0}.capabilityRail{grid-template-columns:1fr 1fr}.featuresV11Story{padding:68px 0}.storyFacts{grid-template-columns:1fr}.productCard{width:100%}.subjectLine{display:block}.subjectLine b{display:block;max-width:none;text-align:left;margin-top:4px}.metricStrip,.outcomeGrid,.metrics{grid-template-columns:1fr 1fr}.metricStrip>div:last-child,.outcomeGrid>div:last-child{grid-column:1/-1}.pipeline{grid-template-columns:1fr 1fr}.pipeline button:last-child{grid-column:1/-1}.matrixGrid,.faqGrid{grid-template-columns:1fr}.featuresV11Cta .ctaBandInner{width:var(--fShell)}}

/* Features Pro V12: page-scoped presentation; reuses existing SiSender theme tokens. */
.featuresPro{--fpShell:min(1180px,calc(100% - 48px));color:var(--colorInk);background:#fff;overflow:hidden}
.featuresProShell{width:var(--fpShell);margin-inline:auto}
.featuresProHero{background:var(--colorBrandDeep);color:#fff;padding:82px 0 88px}
.featuresProHeroGrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;align-items:center}
.featuresProHeroCopy h1{max-width:680px;margin:0 0 20px;font-size:clamp(48px,5.3vw,72px);line-height:.98;letter-spacing:-.045em}
.featuresProHeroCopy h1 em{color:var(--colorAccent);font-style:normal}
.featuresProLead{max-width:600px;color:#d7e3db;font-size:17px;line-height:1.75;margin:0}
.featuresProActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.featuresProHeroSteps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:38px;max-width:600px}
.featuresProHeroSteps button{appearance:none;text-align:left;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#d8e1dc;border-radius:12px;padding:12px 13px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.featuresProHeroSteps button:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.32)}
.featuresProHeroSteps button.isActive{background:rgba(255,255,255,.1);border-color:var(--colorAccent);color:#fff}
.featuresProHeroSteps b{display:block;color:var(--colorAccent);font-size:9px;letter-spacing:.08em}.featuresProHeroSteps span{display:block;margin-top:4px;font-size:11px;font-weight:800}
.featuresProHeroDetail{max-width:560px;margin:14px 0 0;color:#b9c9c0;font-size:12px;line-height:1.65}
.featuresProHeroVisual{min-width:0}.featuresProWindow{border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.28);color:var(--colorInk)}
.featuresProWindowBar{height:39px;display:flex;align-items:center;gap:11px;padding:0 14px;background:#f6f8f5;border-bottom:1px solid #e3e8e3;color:#7b897f;font-size:9px}.featuresProWindowBar em{margin-left:auto;font-size:8px;font-style:normal;color:#8b968f}.featuresProWindowDots{display:flex;gap:4px}.featuresProWindowDots i{width:6px;height:6px;border-radius:50%;background:#cbd3cc}
.featuresProWindowBody{display:grid;grid-template-columns:145px minmax(0,1fr);min-height:360px}.featuresProSide{padding:15px 10px;border-right:1px solid #e2e8e2;background:#fbfcfa}.featuresProSide strong{display:block;padding:8px 9px 13px;font-size:9px}.featuresProSide button{width:100%;border:0;background:transparent;text-align:left;padding:9px;border-radius:8px;color:#7a887f;font-size:9px;cursor:pointer}.featuresProSide button.isActive,.featuresProSide button:hover{background:#eef5ef;color:var(--colorBrand);font-weight:800}
.featuresProMain{padding:20px}.featuresProMainHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.featuresProMainHeader small{display:block;color:#87928b;font-size:7px;letter-spacing:.12em;font-weight:850}.featuresProMainHeader h3{margin:4px 0 0;font-size:18px;letter-spacing:-.02em}.featuresProState{display:inline-flex;align-items:center;height:26px;padding:0 10px;border:1px solid #d5e6d8;border-radius:999px;background:#eff7f0;color:var(--colorBrand);font-size:8px;font-weight:850}
.featuresProStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.featuresProStats>div{padding:14px;border:1px solid #e2e8e2;border-radius:11px;background:#fcfdfb}.featuresProStats small{display:block;color:#7d8b83;font-size:7px}.featuresProStats strong{display:block;margin-top:6px;font-size:23px}.featuresProStats span{display:block;margin-top:3px;color:#8b968f;font-size:7px}
.featuresProFlow{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr;align-items:center;gap:4px;margin:18px 0}.featuresProFlow span{padding:10px;border:1px solid #e1e7e1;border-radius:10px;text-align:center;color:#68776d;font-size:8px;font-weight:800}.featuresProFlow i{height:1px;background:#d8e0d8}
.featuresProActivity{border:1px solid #e2e8e2;border-radius:12px;overflow:hidden}.featuresProActivity>div{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:9px;align-items:start;padding:12px 13px;border-bottom:1px solid #e6ebe6}.featuresProActivity>div:last-child{border-bottom:0}.featuresProActivity .okDot,.featuresProActivity .warnDot{width:7px;height:7px;border-radius:50%;margin-top:5px;background:var(--colorBrand)}.featuresProActivity .warnDot{background:var(--colorAccent)}.featuresProActivity strong{display:block;font-size:9px}.featuresProActivity small{display:block;margin-top:3px;color:#829088;font-size:7px}.featuresProActivity b{font-size:8px;color:var(--colorBrand)}
.featuresProNav{position:sticky;top:var(--siteHeaderHeight,72px);z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #dde5de}.featuresProNav .featuresProShell{display:grid;grid-template-columns:repeat(6,1fr)}.featuresProNav a{display:flex;align-items:center;justify-content:center;gap:7px;padding:15px 10px;color:#7a877f;text-decoration:none;font-size:10px;font-weight:800;border-bottom:2px solid transparent}.featuresProNav a span{color:#a0aaa4;font-size:8px}.featuresProNav a:hover,.featuresProNav a.isActive{color:var(--colorBrand);border-bottom-color:var(--colorBrand)}.featuresProNav a.isActive span{color:var(--colorBrand)}
.featuresProIntro,.featuresProSummary{padding:88px 0;background:#f4f7f3;border-bottom:1px solid #e0e7e0}.featuresProSectionIntro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,.6fr);gap:70px;align-items:end}.featuresProSectionIntro h2{margin:0;max-width:650px;font-size:clamp(34px,4vw,52px);line-height:1.04;letter-spacing:-.035em}.featuresProSectionIntro>p{margin:0;color:var(--colorMuted);font-size:14px;line-height:1.75}.featuresProRail{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:38px}.featuresProRail a{min-height:142px;padding:16px;text-decoration:none;border:1px solid #dce5de;border-radius:14px;background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.featuresProRail a:hover{transform:translateY(-2px);border-color:#bed1c1;box-shadow:0 12px 28px rgba(23,56,37,.06)}.featuresProRail span{color:var(--colorBrand);font-size:8px;font-weight:850}.featuresProRail strong{display:block;margin-top:29px;color:var(--colorInk);font-size:14px}.featuresProRail small{display:block;margin-top:5px;color:#7c897f;font-size:9px;line-height:1.45}
.featuresProStory{padding:96px 0;background:#fff;border-bottom:1px solid #e2e8e2;scroll-margin-top:150px}.featuresProStoryAlt{background:#f1f4ef}.featuresProStoryDark{background:var(--colorBrandDeep);color:#fff}.featuresProStoryGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:82px;align-items:center}.featuresProStoryAlt .featuresProStoryCopy{order:2}.featuresProStoryDark .featuresProStoryCopy{order:2}.featuresProStoryCopy h2{max-width:610px;margin:0 0 18px;font-size:clamp(33px,3.5vw,49px);line-height:1.05;letter-spacing:-.035em}.featuresProStoryCopy>p:not(.eyebrow){max-width:580px;color:var(--colorMuted);font-size:14px;line-height:1.8}.featuresProStoryDark .featuresProStoryCopy>p:not(.eyebrow){color:#d4ded7}.featuresProPoints{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:28px}.featuresProPoints>div{padding:13px;border:1px solid #dee6df;border-radius:12px;background:#fbfcfa}.featuresProPoints strong{display:block;color:var(--colorInk);font-size:9px}.featuresProPoints span{display:block;margin-top:5px;color:#78867d;font-size:8px;line-height:1.55}.featuresProPointsDark>div{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.05)}.featuresProPointsDark strong{color:#fff}.featuresProPointsDark span{color:#c9d4cd}.featuresProNote{margin-top:16px!important;font-size:11px!important;color:#7f8b84!important}
.featuresProDemoWrap{display:flex;justify-content:center;min-width:0}.featuresProDemo{width:min(100%,520px);background:#fff;border:1px solid #dae4db;border-radius:18px;overflow:hidden;box-shadow:0 20px 55px rgba(17,45,28,.09);color:var(--colorInk)}.featuresProDemoHead{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 17px;border-bottom:1px solid #e3e9e3}.featuresProDemoHead small{display:block;color:#87928b;font-size:7px;letter-spacing:.12em;font-weight:850}.featuresProDemoHead strong{display:block;margin-top:4px;font-size:13px}.featuresProBadge{display:inline-flex;align-items:center;height:25px;padding:0 10px;border:1px solid #d6e1d7;border-radius:999px;background:#f5f8f4;color:#68766e;font-size:8px;font-weight:850}.featuresProBadge.success{background:#eef7ef;border-color:#d2e5d4;color:var(--colorBrand)}
.featuresProTabs{display:flex;gap:6px;overflow:auto;padding:10px 14px;border-bottom:1px solid #e4e9e4}.featuresProTabs button,.featuresProPills button{appearance:none;border:1px solid #d8e2da;border-radius:999px;background:#fff;color:#6d7b72;font:inherit;font-size:8px;font-weight:800;padding:7px 10px;cursor:pointer;white-space:nowrap}.featuresProTabs button:hover,.featuresProPills button:hover{border-color:#bbcfbe}.featuresProTabs button.isActive,.featuresProPills button.isActive{background:#eef7f0;border-color:var(--colorBrand);color:var(--colorBrand)}
.featuresProDemoBody{padding:16px}.featuresProLinePair{display:flex;justify-content:space-between;gap:15px;padding-bottom:12px;border-bottom:1px solid #e5eae5}.featuresProLinePair span{color:#859188;font-size:8px}.featuresProLinePair strong{max-width:72%;font-size:9px;text-align:right}.featuresProMessage{margin-top:12px;padding:13px;border:1px solid #dfe7e0;border-radius:11px;background:#fbfcfa;color:#56665d;font-size:10px;line-height:1.6}.featuresProInline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:11px}.featuresProInline>span{margin-left:auto;color:#849088;font-size:8px}.featuresProPills{display:flex;gap:6px}.featuresProRange{display:block;margin-top:14px}.featuresProRange>span{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;color:#77857c;font-size:8px}.featuresProRange output{color:var(--colorBrand);font-weight:850}.featuresProRange input[type=range]{display:block;width:100%;accent-color:var(--colorBrand)}.featuresProDemoButton{margin-top:12px;min-height:34px;padding:0 13px;border:1px solid #d4e0d6;border-radius:999px;background:#fff;color:var(--colorBrand);font:inherit;font-size:9px;font-weight:850;cursor:pointer}.featuresProDemoButton:hover{background:#f2f7f2}.featuresProInlineNotice{display:grid;gap:3px;margin-top:10px;padding:10px 11px;border:1px solid #d5e7d7;border-radius:10px;background:#f1f8f2}.featuresProInlineNotice strong{font-size:8px}.featuresProInlineNotice span{color:#748179;font-size:8px}.featuresProInlineNotice.warning{border-color:#ead7b7;background:#fcf7ed;color:#876735}.featuresProInlineNotice.success{border-color:#d2e5d4;background:#eef7ef;color:var(--colorBrand)}
.featuresProMetricGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px}.featuresProMetricGrid>div{padding:11px;border:1px solid #e1e8e2;border-radius:10px;background:#fbfcfa}.featuresProMetricGrid small{display:block;color:#7e8a82;font-size:7px}.featuresProMetricGrid strong{display:block;margin-top:5px;color:var(--colorBrand);font-size:21px}.featuresProChecks{padding:0 14px}.featuresProChecksHead{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #e6ebe6}.featuresProChecksHead span{color:#7e8a82;font-size:8px}.featuresProChecksHead strong{color:var(--colorBrand);font-size:8px}.featuresProChecksHead strong.isWarning{color:#9a7338}.featuresProChecks label{display:flex;align-items:center;gap:7px;padding:9px 0;border-bottom:1px solid #e8ede8;color:#55655c;font-size:8px}.featuresProChecks input{accent-color:var(--colorBrand)}
.featuresProContextStat{display:flex;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid #e6ebe6}.featuresProContextStat span{color:#7e8a82;font-size:8px}.featuresProContextStat strong{font-size:9px}.featuresProTimeline{display:grid}.featuresProTimeline>div{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:9px;padding:12px 0;border-bottom:1px solid #e7ece7}.featuresProTimeline>div:last-child{border-bottom:0}.featuresProTimeline i{width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--colorAccent)}.featuresProTimeline strong{display:block;font-size:9px}.featuresProTimeline small{display:block;margin-top:3px;color:#7a877f;font-size:8px;line-height:1.45}.featuresProTimeline time{color:#87938b;font-size:7px}.featuresProList{display:grid}.featuresProList p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:11px 0;border-bottom:1px solid #e7ece7}.featuresProList p:last-child{border-bottom:0}.featuresProList span{color:#849088;font-size:8px}.featuresProList strong{font-size:8px;text-align:right}.featuresProProfile{display:grid;grid-template-columns:1fr 1fr;gap:8px}.featuresProProfile div{padding:11px;border:1px solid #e1e8e2;border-radius:10px;background:#fbfcfa}.featuresProProfile span{display:block;color:#7f8c84;font-size:7px}.featuresProProfile strong{display:block;margin-top:4px;font-size:9px}
.featuresProStoryDark .featuresProDemo{box-shadow:0 20px 60px rgba(0,0,0,.18)}.featuresProReply{padding:12px 13px;border:1px solid #dfe7e0;border-radius:11px;background:#fbfcfa}.featuresProReply>div{display:flex;justify-content:space-between;gap:10px}.featuresProReply strong{font-size:9px}.featuresProReply span{color:#849088;font-size:7px}.featuresProReply p{margin:9px 0 0;color:#55665d;font-size:10px;line-height:1.55}.featuresProOutcome{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.featuresProOutcome>div{padding:10px;border:1px solid #dfe7df;border-radius:10px;background:#fbfcfa}.featuresProOutcome span{display:block;color:#829088;font-size:7px}.featuresProOutcome strong{display:block;margin-top:5px;font-size:9px}
.featuresProPipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px}.featuresProPipeline button{appearance:none;border:1px solid #dfe7df;border-radius:11px;background:#fbfcfa;text-align:left;padding:11px;cursor:pointer}.featuresProPipeline button.isActive{border-color:var(--colorBrand);background:#eef7f0;box-shadow:0 6px 18px rgba(20,52,34,.06)}.featuresProPipeline span{display:block;color:#7c8981;font-size:8px}.featuresProPipeline strong{display:block;margin-top:4px;color:var(--colorBrand);font-size:20px}.featuresProPipeline small{display:block;margin-top:3px;color:#7b887f;font-size:7px;line-height:1.4}.featuresProTask{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 14px 14px;padding:12px;border:1px solid #dfe7df;border-radius:11px;background:#fff}.featuresProTask small{display:block;color:#849089;font-size:7px}.featuresProTask strong{display:block;margin-top:3px;font-size:9px}.featuresProTask span{display:block;margin-top:3px;color:#78867e;font-size:7px}.featuresProTask label{display:flex;align-items:center;gap:6px;color:#748179;font-size:8px;white-space:nowrap}.featuresProTask input{accent-color:var(--colorBrand)}.featuresProTask.isDone strong{text-decoration:line-through;opacity:.55}
.featuresProOpsMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.featuresProOpsMetrics>div{padding:11px;border:1px solid #e0e7e0;border-radius:10px;background:#fbfcfa}.featuresProOpsMetrics span{display:block;color:#7e8b83;font-size:7px}.featuresProOpsMetrics strong{display:block;margin-top:4px;color:var(--colorBrand);font-size:19px}.featuresProOpsMetrics small{display:block;margin-top:2px;color:#89958e;font-size:7px}.featuresProBars{height:94px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;margin-top:15px;padding:10px 0 0;border-top:1px solid #e7ece7}.featuresProBars i{display:block;min-height:14px;border-radius:5px 5px 2px 2px;background:var(--colorAccent)}
.featuresProSummary{background:#eff4ef}.featuresProSummaryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:34px}.featuresProSummaryGrid>div{padding:18px;border:1px solid #dbe5dd;border-radius:13px;background:#fff}.featuresProSummaryGrid span{color:var(--colorBrand);font-size:8px;font-weight:850}.featuresProSummaryGrid strong{display:block;margin-top:20px;font-size:14px}.featuresProSummaryGrid p{margin:6px 0 0;color:#78857d;font-size:9px;line-height:1.5}.featuresProFaq{padding:88px 0;background:#fff}.featuresProFaqGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}.featuresProFaqGrid details{padding:17px;border:1px solid #dfe7e0;border-radius:13px;background:#fbfcfa}.featuresProFaqGrid summary{cursor:pointer;color:var(--colorInk);font-size:11px;font-weight:850}.featuresProFaqGrid p{margin:12px 0 0;color:var(--colorMuted);font-size:9px;line-height:1.65}.featuresProCta{padding-block:72px}
@media(max-width:1000px){.featuresProHeroGrid,.featuresProStoryGrid,.featuresProSectionIntro{grid-template-columns:1fr;gap:42px}.featuresProStoryAlt .featuresProStoryCopy,.featuresProStoryDark .featuresProStoryCopy{order:0}.featuresProRail{grid-template-columns:repeat(3,1fr)}.featuresProSummaryGrid{grid-template-columns:1fr 1fr}.featuresProFaqGrid{grid-template-columns:1fr 1fr}.featuresProWindowBody{min-height:330px}.featuresProHeroVisual{max-width:760px}}
@media(max-width:700px){.featuresPro{--fpShell:min(100% - 30px,1180px)}.featuresProHero{padding:58px 0 64px}.featuresProHeroCopy h1{font-size:clamp(42px,11vw,58px)}.featuresProLead{font-size:15px}.featuresProHeroSteps{grid-template-columns:1fr 1fr}.featuresProNav{top:62px}.featuresProNav .featuresProShell{display:flex;overflow:auto}.featuresProNav a{flex:0 0 auto;padding-inline:13px}.featuresProIntro,.featuresProSummary,.featuresProFaq{padding:62px 0}.featuresProStory{padding:68px 0}.featuresProRail{grid-template-columns:1fr 1fr}.featuresProPoints{grid-template-columns:1fr}.featuresProStats{grid-template-columns:1fr 1fr}.featuresProStats>div:last-child{grid-column:1/-1}.featuresProWindowBody{grid-template-columns:1fr}.featuresProSide{display:flex;gap:6px;overflow:auto;border-right:0;border-bottom:1px solid #e2e8e2}.featuresProSide strong{display:none}.featuresProSide button{width:auto;flex:0 0 auto;padding:8px 10px}.featuresProMain{padding:14px}.featuresProFlow{grid-template-columns:1fr 1fr;gap:7px}.featuresProFlow i{display:none}.featuresProMetricGrid,.featuresProOutcome{grid-template-columns:1fr 1fr}.featuresProMetricGrid>div:last-child,.featuresProOutcome>div:last-child{grid-column:1/-1}.featuresProPipeline{grid-template-columns:1fr 1fr}.featuresProPipeline button:last-child{grid-column:1/-1}.featuresProOpsMetrics{grid-template-columns:1fr 1fr}.featuresProFaqGrid,.featuresProSummaryGrid{grid-template-columns:1fr}.featuresProTask{align-items:flex-start;flex-direction:column}.featuresProLinePair{display:block}.featuresProLinePair strong{display:block;max-width:none;margin-top:5px;text-align:left}}

/* ==========================================================================
   SiSender footer (siteFooterPro) — footer-only. Paste at the END of site.css.
   ========================================================================== */
.siteFooterPro{background:var(--colorDark);border-top:1px solid rgba(255,255,255,.08);color:#fff}
.siteFooterPro *,.siteFooterPro *::before,.siteFooterPro *::after{box-sizing:border-box}
.siteFooterProShell{width:min(var(--contentWidth),calc(100% - 48px));margin:0 auto}

.siteFooterProGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1.5fr) minmax(0,.8fr) minmax(0,.8fr);gap:40px;padding:44px 0 34px;align-items:start}
.siteFooterProBrand p{max-width:300px;margin:0;color:#a9bcb2;font-size:13px;line-height:1.55}
.siteFooterProBrand .brandLockup{margin-bottom:12px}
.siteFooterPro .brandWord{color:#fff}
.siteFooterProBrand p + p{margin-top:4px}
.siteFooterProHeading{margin:0 0 10px;color:var(--colorAccent);font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}
.siteFooterProCol ul{margin:0;padding:0;list-style:none}
.siteFooterProColWide ul{columns:2;column-gap:28px}
.siteFooterProCol li{break-inside:avoid}
.siteFooterProCol a{display:inline-block;padding:4px 0;color:#dbe7e0;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;transition:color var(--motionFast)}
.siteFooterProCol a:hover{color:var(--colorAccent);text-decoration:underline;text-underline-offset:3px}
.siteFooterPro a:focus-visible{outline:3px solid var(--colorAccent);outline-offset:3px;border-radius:4px}

.siteFooterProBottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0 22px;border-top:1px solid rgba(255,255,255,.1);color:#9fb3a8;font-size:12px;line-height:1.5}

@media (max-width:900px){
  .siteFooterProGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
  .siteFooterProBrand{grid-column:1/-1}
  .siteFooterProColWide{grid-column:span 1}
  .siteFooterProColWide ul{columns:1}
}
@media (max-width:720px){
  .siteFooterProShell{width:min(100% - 36px,var(--contentWidth))}
  .siteFooterProGrid{padding:34px 0 26px}
  .siteFooterProBottom{flex-direction:column;align-items:flex-start;gap:4px;padding:14px 0 20px}
}
@media (max-width:430px){
  .siteFooterProGrid{grid-template-columns:1fr 1fr;gap:24px 18px}
  .siteFooterProCol:last-child{grid-column:1/-1}
}

/* ==========================================================================
   ENHANCED COMPONENTS & UTILITIES FOR PUBLIC VIEWS
   Cards, Grids, Spacing, Responsive Breakpoints, Tables & Forms
   ========================================================================== */

/* Cards & Card Pads */
.card {
    background: var(--colorPaper, #ffffff);
    border: 1px solid var(--colorLine, #dfe5dd);
    border-radius: var(--radiusMedium, 16px);
    box-shadow: var(--shadowCard, 0 4px 18px rgba(14, 39, 29, 0.05));
    position: relative;
    transition: transform var(--motionFast, 180ms), box-shadow var(--motionFast, 180ms), border-color var(--motionFast, 180ms);
}
.card:hover {
    box-shadow: var(--shadowSoft, 0 12px 32px rgba(14, 39, 29, 0.09));
}
.cardPad {
    padding: clamp(20px, 2.5vw, 32px);
}

/* Grids */
.grid4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}
.grid3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}
.grid2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px;
}
.grid75 {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 28px;
}

@media (max-width: 1024px) {
    .grid4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .grid3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .grid75 { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .grid4, .grid3, .grid2 { grid-template-columns: 1fr; gap: 18px; }
}

/* Footer Components */
.siteFooter {
    background: var(--colorDark, #12221f);
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    color: #ffffff;
    padding-top: 68px;
    margin-top: 60px;
}
.footerInner {
    width: min(var(--contentWidth, 1190px), calc(100% - 48px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
    gap: 48px;
    padding-bottom: 54px;
}
.footerBrand {
    max-width: 360px;
}
.footerBrand .brandLockup {
    margin-bottom: 16px;
}
.footerBrand .brandWord {
    color: #ffffff;
}
.footerSummary {
    color: #a3b8ad;
    font-size: 13.5px;
    line-height: 1.6;
    margin: 0 0 20px;
}
.footerBadges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.badgePill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    padding: 5px 12px;
    font-size: 11.5px;
    color: #cfe2d6;
    font-weight: 550;
}
.badgeDot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #27c93f;
    display: inline-block;
}
.footerColumn {
    display: flex;
    flex-direction: column;
}
.footerHeading {
    color: var(--colorAccent, #f3cb5c);
    font-size: 11.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin: 0 0 16px;
}
.footerLinks {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footerLinks li a {
    color: #d1dfd6;
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 500;
    transition: color var(--motionFast, 180ms);
}
.footerLinks li a:hover {
    color: var(--colorAccent, #f3cb5c);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.footerBottom {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.18);
    padding: 20px 0;
}
.footerBottomInner {
    width: min(var(--contentWidth, 1190px), calc(100% - 48px));
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    font-size: 12px;
    color: #8da498;
    flex-wrap: wrap;
}
.footerBottomInner p {
    margin: 0;
}
.footerDates {
    color: #6e8478;
}
@media (max-width: 900px) {
    .footerInner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 36px;
    }
    .footerBrand {
        grid-column: 1 / -1;
        max-width: none;
    }
}
@media (max-width: 540px) {
    .footerInner {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

/* Spacing and Alignment Utilities */
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 6px !important; }
.mb-2 { margin-bottom: 12px !important; }
.mb-3 { margin-bottom: 18px !important; }
.mb-4 { margin-bottom: 26px !important; }
.mt-1 { margin-top: 6px !important; }
.mt-2 { margin-top: 12px !important; }
.mt-3 { margin-top: 18px !important; }
.mt-4 { margin-top: 26px !important; }
.mt-5 { margin-top: 38px !important; }
.mt-auto { margin-top: auto !important; }
.ms-auto { margin-left: auto !important; }
.me-1 { margin-right: 6px !important; }
.ms-1 { margin-left: 6px !important; }
.ms-2 { margin-left: 12px !important; }

.w-100 { width: 100% !important; }
.min-w-0 { min-width: 0 !important; }
.flex-column { flex-direction: column !important; }
.flex-wrap { flex-wrap: wrap !important; }
.gap-1 { gap: 6px !important; }
.gap-2 { gap: 12px !important; }
.gap-3 { gap: 18px !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-center { align-items: center !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }

.text-center { text-align: center !important; }
.text-end { text-align: right !important; }
.text-danger { color: var(--colorDanger, #b1453e) !important; }
.text-success { color: var(--colorSuccess, #1c7456) !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fw-semibold { font-weight: 600 !important; }
.fw-bold { font-weight: 750 !important; }

/* Standard Tables */
.table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table { width: 100%; border-collapse: collapse; text-align: left; font-size: 13.5px; }
.table th { padding: 12px 16px; background: #f0f4ee; color: var(--colorMuted, #607069); font-size: 11.5px; font-weight: 750; text-transform: uppercase; letter-spacing: 0.05em; border-bottom: 1.5px solid var(--colorLine, #dfe5dd); }
.table td { padding: 14px 16px; border-bottom: 1px solid var(--colorLine, #dfe5dd); vertical-align: middle; }
.table tr:last-child td { border-bottom: none; }

/* Standard Form Controls */
.form-label { display: block; margin-bottom: 6px; font-size: 12.5px; font-weight: 700; color: #2c3e34; }
.form-control, .form-select { width: 100%; min-height: 44px; padding: 10px 14px; border: 1px solid var(--colorLine, #dfe5dd); border-radius: 9px; background: #ffffff; color: var(--colorInk, #172720); font-size: 14px; font-family: inherit; transition: border-color var(--motionFast, 180ms), box-shadow var(--motionFast, 180ms); }
.form-control:focus, .form-select:focus { outline: none; border-color: var(--colorBrand, #0b5148); box-shadow: 0 0 0 3px rgba(11, 81, 72, 0.16); }

/* Interactive Demo Switcher Pills & Panes */
.jsDemoPill {
    cursor: pointer;
    user-select: none;
    transition: all var(--motionFast, 180ms);
}
.jsDemoPill.active {
    background: var(--colorBrand, #0b5148) !important;
    color: #ffffff !important;
    border-color: var(--colorBrand, #0b5148) !important;
}
.jsDemoPane {
    display: none;
}
.jsDemoPane.active {
    display: block;
    animation: fadeInPane 220ms ease;
}
@keyframes fadeInPane {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}