/* ORDO CRM — estilos consolidados de produção. */
/* source: styles.css */
/* ORDO CRM — Sales landing | design tokens */
:root {
  color-scheme: light;
  --ink: #141a2a;
  --ink-muted: #687080;
  --ink-soft: #929aaa;
  --navy: #0b1121;
  --navy-two: #151d30;
  --blue: #395bfa;
  --blue-vivid: #365dff;
  --blue-soft: #e9efff;
  --line: #e6eaf1;
  --paper: #f8f9fc;
  --white: #fff;
  --radius: 24px;
  --container: 1180px;
  font-synthesis: none;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; color: var(--ink); background: var(--paper); font: 400 16px/1.6 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; -webkit-font-smoothing: antialiased; overflow-x: clip; }
button, input { font: inherit; }
a { text-decoration: none; color: inherit; }
button { cursor: pointer; }
svg { display: block; }
.icon { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.container { width: min(calc(100% - 72px), var(--container)); margin: 0 auto; }
.section-pad { padding: 125px 0; }
.skip-link { position: fixed; top: -100px; left: 20px; z-index: 9999; padding: 11px 20px; background: #fff; color: #111; border-radius: 12px; }
.skip-link:focus { top: 12px; }
:focus-visible { outline: 3px solid #8295ff; outline-offset: 4px; }
::selection { color: #fff; background: #455df0; }

/* Navigation */
.site-header { position: fixed; z-index: 80; inset: 0 0 auto; height: 76px; background: rgba(250,251,254,.84); border-bottom: 1px solid rgba(220,224,233,.65); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); }
.nav-container { max-width: 1300px; height: 100%; padding: 0 38px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.brand-mark { width: 30px; height: 30px; background: #1d2b52; border-radius: 9px; display: grid; grid-template-columns: repeat(2, 7px); grid-template-rows: repeat(2, 7px); align-content: center; justify-content: center; gap: 3px; transform: rotate(-8deg); }
.brand-mark span { border: 1.75px solid white; border-radius: 2.2px; }
.brand-mark span:last-child { background: #93acff; border-color: #93acff; }
.brand-word { font: 800 23px/1 'Manrope', sans-serif; letter-spacing: -.085em; }
.brand-dot { color: var(--blue); }
.brand-suffix { align-self: center; margin-left: 1px; font-size: 9px; font-weight: 800; letter-spacing: .19em; color: #8b94a5; }
.desktop-nav { display: flex; align-items: center; gap: clamp(20px, 3vw, 44px); margin-left: auto; }
.desktop-nav a { color: #535c6d; font-weight: 600; font-size: 13px; transition: color .2s; }
.desktop-nav a:hover, .footer a:hover { color: var(--blue); }
.header-actions { display: flex; align-items: center; }
.header-cta { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: #19243b; color: white; min-height: 39px; padding: 0 18px; border-radius: 24px; font-weight: 700; font-size: 12px; transition: transform .2s, background .2s; }
.header-cta .icon { width: 14px; height: 14px; }
.header-cta:hover { transform: translateY(-2px); background: var(--blue); }
.menu-toggle { display: none; border: 0; background: transparent; width: 42px; height: 42px; border-radius: 10px; align-items: center; justify-content: center; flex-direction: column; gap: 5px; padding: 0; }
.menu-toggle span { width: 19px; height: 2px; border-radius: 4px; background: var(--ink); transition: transform .2s, opacity .2s; }
.mobile-menu { display: none; }

/* Buttons + reveal */
.button { min-height: 54px; border: 1px solid transparent; padding: 0 24px; border-radius: 100px; display: inline-flex; align-items: center; justify-content: center; gap: 11px; font-size: 14px; font-weight: 700; line-height: 1.3; white-space: nowrap; transition: transform .25s, box-shadow .25s, background .25s; }
.button:hover { transform: translateY(-3px); }
.button-primary { color: #fff; background: var(--blue); box-shadow: 0 12px 28px rgba(54,93,255,.22); }
.button-primary:hover { background: #2448e6; box-shadow: 0 15px 28px rgba(54,93,255,.3); }
.button-outline { border-color: #d7dce6; background: #fff; color: #252e40; }
.button-outline:hover { box-shadow: 0 12px 24px rgba(28,40,72,.06); }
.reveal { opacity: 1; transform: none; }
@media (prefers-reduced-motion: no-preference) {
  .reveal:not(.visible) { opacity: 0; transform: translateY(25px); }
  .reveal { transition: transform .75s cubic-bezier(.23,1,.32,1), opacity .75s; }
}

/* Hero */
.hero { position: relative; padding-top: 184px; padding-bottom: 0; overflow: hidden; background: radial-gradient(ellipse 74% 46% at 50% 75%, #e5ecff 0, transparent 79%), #f9fafc; text-align: center; }
.hero-ambient { position: absolute; pointer-events: none; width: 600px; height: 600px; background: #dce4ff; filter: blur(140px); opacity: .46; top: 320px; left: calc(50% - 300px); }
.hero-copy { position: relative; z-index: 2; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; border: 1px solid #dfe5f0; border-radius: 50px; background: rgba(255,255,255,.68); padding: 7px 15px 7px 10px; font-size: 11px; font-weight: 800; letter-spacing: .035em; color: #66718a; }
.status-pulse { position: relative; width: 8px; height: 8px; background: #5983ff; border-radius: 50%; box-shadow: 0 0 0 4px #e2e9ff; }
.status-pulse::after { content: ''; position: absolute; inset: -4px; border-radius: 50%; border: 1px solid #c4d1ff; animation: pulse 2.8s ease-out infinite; }
@keyframes pulse { 0% { transform: scale(.7); opacity: .8; } 90%,100% { transform: scale(1.7); opacity: 0; } }
.hero h1 { max-width: 1100px; margin: 24px auto 20px; font: 800 clamp(50px,7vw,94px)/1.065 'Manrope', sans-serif; letter-spacing: -.083em; }
.headline-gradient { background: linear-gradient(115deg, #2a4ef0 8%, #5d76ff 55%, #9b8cfa 98%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hero-description { margin: 0 auto; max-width: 540px; color: #727a8c; font-size: clamp(16px, 1.6vw, 19px); line-height: 1.75; }
.hero-buttons { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; margin: 31px 0 14px; }
.hero-assurance { display: flex; justify-content: center; align-items: center; gap: 8px; margin: 0; font-size: 12px; color: #8992a2; }
.hero-assurance .icon { width: 14px; height: 14px; color: #6578ff; }

/* Product/iPhone mock-up */
.product-stage { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; min-height: 680px; margin: 58px auto 0; }
.stage-glow { position: absolute; width: 850px; height: 650px; border-radius: 50%; background: radial-gradient(ellipse, #b7c7ff 0, #e7edff 38%, transparent 70%); top: 14px; left: 50%; transform: translateX(-50%); opacity: .6; }
.stage-orbit { position: absolute; z-index: 0; left: 50%; bottom: 20px; width: 1000px; height: 510px; border: 1px solid rgba(137,161,240,.16); border-radius: 50%; transform: translateX(-50%) rotate(-15deg); }
.stage-orbit-two { width: 1200px; height: 610px; transform: translateX(-50%) rotate(15deg); }
.phone-shell { position: relative; z-index: 2; width: 332px; padding: 7px; border: 2px solid #7b8597; border-radius: 52px; background: linear-gradient(100deg, #aab2be 0%, #3f4758 16%, #192239 31%, #69748c 62%, #20283c 85%, #b0b8c5 100%); box-shadow: 0 32px 55px #212b4c42, 0 1px 6px #141d39b3, inset 0 0 0 1px #bcc4cd; }
.phone-shell::before { content: ''; position: absolute; left: -4px; top: 135px; width: 3px; height: 52px; background: #8c99a9; border-radius: 3px 0 0 3px; }
.phone-shell::after { content: ''; position: absolute; right: -4px; top: 153px; width: 3px; height: 80px; background: #778498; border-radius: 0 3px 3px 0; }
.phone-metal { padding: 4px; background: #080d18; border-radius: 45px; }
.phone-screen { position: relative; height: 627px; border-radius: 41px; overflow: hidden; text-align: left; color: #17213a; background: #fbfcff; padding: 0 16px; }
.phone-status { display: flex; align-items: center; justify-content: space-between; position: relative; height: 48px; padding: 0 12px; font: 800 11px/1 'Manrope', sans-serif; }
.phone-island { position: absolute; width: 92px; height: 24px; background: #090e17; border-radius: 50px; left: 50%; top: 8px; transform: translateX(-50%); }
.phone-island::before { content: ''; position: absolute; width: 10px; height: 10px; background: #111b2b; border-radius: 50%; top: 7px; right: 12px; box-shadow: inset 0 0 1px 1px #27354b; }
.phone-signals { display: flex; align-items: center; gap: 5px; }
.signal-bars { font-size: 13px; line-height: 1; letter-spacing: -1.5px; }
.app-top { display: flex; justify-content: space-between; align-items: center; padding: 12px 4px 20px; }
.app-brand { font: 800 22px/1 'Manrope', sans-serif; letter-spacing: -.07em; }
.app-square { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; background: #e2eaff; color: var(--blue); font-size: 15px; margin-right: 3px; }
.app-brand-period { color: var(--blue); }
.avatar { flex: 0 0 auto; display: grid; place-items: center; color: #31436b; background: #d8e6ff; border-radius: 50%; font-size: 9px; font-weight: 800; }
.avatar-self { width: 28px; height: 28px; background: #e9e5ff; color: #5f57ac; }
.app-greeting { color: #7b869a; text-transform: uppercase; letter-spacing: .08em; font-size: 8px; font-weight: 800; }
.greeting-dot { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #9aabfa; vertical-align: middle; }
.app-title { font: 800 29px/1.2 'Manrope', sans-serif; letter-spacing: -.065em; margin: 3px 0 1px; }
.wave { font-size: 19px; color: #ffa85b; vertical-align: middle; }
.app-subtitle { color: #8b93a2; font-size: 10px; }
.app-main-card { margin: 20px 0 22px; padding: 16px 15px 12px; border-radius: 16px; background: linear-gradient(155deg, #293e76, #192747 68%, #1a2a59); color: white; box-shadow: 0 14px 28px #21386424; }
.app-main-top { display: flex; align-items: center; justify-content: space-between; color: #bfcbec; font-size: 10px; font-weight: 600; }
.card-more { color: #a9b9e7; letter-spacing: 2px; font-weight: 800; }
.app-main-value { display: flex; align-items: baseline; gap: 9px; margin: 8px 0 -2px; font: 800 31px/1.25 'Manrope', sans-serif; letter-spacing: -.05em; }
.app-trend { font: 600 8px/1 'DM Sans', sans-serif; color: #b7dfcb; letter-spacing: 0; }
.app-mini-chart { height: 62px; }
.app-mini-chart svg { width: 100%; height: 100%; }
.app-card-footer { display: flex; align-items: center; justify-content: space-between; font-size: 8px; color: #b4c1e4; padding-top: 5px; border-top: 1px solid #ffffff18; }
.app-card-footer span { display: inline-flex; gap: 5px; align-items: center; }
.legend { width: 6px; height: 6px; border-radius: 50%; display: inline-block; }
.blue-dot { background: #7ea9ff; }
.lavender-dot { background: #b7a4ff; }
.app-row-heading { display: flex; justify-content: space-between; align-items: center; margin: 0 2px 9px; }
.app-row-heading strong { font-size: 12px; letter-spacing: -.025em; }
.app-row-heading span { color: #5979ed; font-size: 9px; font-weight: 700; }
.conversation { display: flex; align-items: center; gap: 9px; padding: 10px 2px; border-bottom: 1px solid #edf0f6; min-width: 0; }
.conversation .avatar { width: 30px; height: 30px; }
.avatar-two { background: #fce5dc; color: #bd7558; }
.avatar-three { background: #e9e4f7; color: #8b6fc5; }
.conversation-text { display: flex; flex-direction: column; line-height: 1.45; min-width: 0; flex: 1; }
.conversation-text strong { font-size: 10px; }
.conversation-text span { color: #9ba2af; font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.conversation-side { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; margin-left: auto; }
.conversation-side time { font-size: 8px; color: #a4aab8; }
.chat-unread, .chat-source { display: grid; place-items: center; background: #e7eeff; color: #5b75d7; border-radius: 100px; height: 16px; padding: 0 5px; font-size: 7px; font-weight: 800; }
.chat-unread { background: #4566fa; color: white; width: 16px; padding: 0; }
.app-next { display: flex; align-items: center; gap: 7px; height: 29px; margin: 12px 0; padding: 0 8px; color: #5d69a2; font-size: 9px; font-weight: 700; background: #eff2ff; border-radius: 7px; }
.next-spark { color: #5876ff; font-size: 15px; }.next-check { margin-left: auto; font-weight: 900; color: #56b7a1; }
.app-tabbar { position: absolute; bottom: 13px; left: 0; right: 0; height: 53px; display: flex; justify-content: space-around; align-items: center; background: #fff; border-top: 1px solid #edf0f5; }
.tab { display: flex; align-items: center; flex-direction: column; gap: 2px; color: #9ca6b5; font-size: 8px; font-weight: 700; }
.tab .icon { width: 18px; height: 18px; }
.tab.active { color: #4969ef; }
.home-indicator { position: absolute; width: 100px; height: 4px; border-radius: 50px; background: #1a2432; bottom: 5px; left: 50%; transform: translateX(-50%); }
.floating-card { position: absolute; z-index: 3; width: 250px; padding: 15px 17px; border-radius: 16px; text-align: left; background: rgba(255,255,255,.94); border: 1px solid #e7ebf5; box-shadow: 0 16px 45px #485e9a26; backdrop-filter: blur(12px); }
.float-left { left: calc(50% - 458px); top: 190px; transform: rotate(-7deg); animation: levitate-left 7s ease-in-out infinite; }
.float-right { right: calc(50% - 455px); top: 300px; transform: rotate(6deg); animation: levitate-right 6s ease-in-out infinite; }
.float-top { display: flex; align-items: center; gap: 8px; color: #69748b; font-size: 10px; font-weight: 800; }
.float-icon { width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; }
.float-icon .icon { width: 14px; height: 14px; }.float-icon.blue { color: #496cff; background: #e6edff; }.float-icon.purple { background: #eee9ff; color: #8671e9; }
.float-title { font-size: 16px; letter-spacing: -.025em; font-weight: 800; margin-top: 9px; }
.float-meta { color: #9ca4b2; font-size: 10px; margin-top: 5px; }
.mini-dot, .success-point { display: inline-block; width: 5px; height: 5px; margin: 0 4px; background: #a0acc4; border-radius: 50%; vertical-align: middle; }
.success-point { background: #4ecba8; width: 7px; height: 7px; margin-left: 0; }
.stage-caption { position: relative; z-index: 3; padding: 18px 0 18px; font-size: 10px; font-weight: 600; color: #939bb2; }
@keyframes levitate-left { 0%,100% { transform: rotate(-7deg) translateY(0); } 50% { transform: rotate(-7deg) translateY(-13px); } }
@keyframes levitate-right { 0%,100% { transform: rotate(6deg) translateY(0); } 50% { transform: rotate(6deg) translateY(14px); } }

/* Summary strip */
.quiet-banner { background: #fff; border-block: 1px solid #e7eaf0; }
.banner-grid { display: grid; grid-template-columns: repeat(4, 1fr); padding: 25px 0; }
.banner-grid > div { display: flex; gap: 10px; justify-content: center; align-items: center; padding: 6px 15px; color: #647087; font-size: 12px; font-weight: 700; white-space: nowrap; }
.banner-grid > div:not(:last-child) { border-right: 1px solid #e4e8f0; }
.banner-grid .icon { width: 17px; height: 17px; color: #5675f1; }

/* Features */
.features { background: #0b1120; color: white; }
.section-kicker { display: block; margin-bottom: 15px; color: #5e76f1; font-size: 11px; text-transform: uppercase; letter-spacing: .2em; font-weight: 800; }
.light-kicker { color: #93a6fd; }
.section-intro { max-width: 700px; margin-bottom: 50px; }
.section-intro h2, .insight-copy h2, .faq-heading h2 { font: 800 clamp(40px, 5vw, 68px)/1.1 'Manrope', sans-serif; letter-spacing: -.065em; margin: 0 0 19px; }
.section-intro h2 span { color: #8293b5; }
.section-intro p { max-width: 560px; color: #9da7bc; margin: 0; font-size: 16px; }
.feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.feature-card { position: relative; min-height: 420px; background: #151e32; border: 1px solid #283348; border-radius: 28px; overflow: hidden; display: flex; flex-direction: column; }
.feature-big { grid-column: span 2; min-height: 415px; flex-direction: row; }
.feature-copy { z-index: 2; position: relative; padding: 40px; }
.feature-big .feature-copy { flex: 0 0 49%; padding: 55px 50px; }
.feature-icon { display: grid; place-items: center; width: 46px; height: 46px; background: #27375f; color: #aabafa; border: 1px solid #364978; border-radius: 15px; margin-bottom: 32px; }
.feature-icon .icon { width: 22px; height: 22px; }
.feature-copy h3 { font: 800 clamp(24px, 3vw, 35px)/1.2 'Manrope',sans-serif; letter-spacing: -.05em; max-width: 420px; margin: 0 0 15px; }
.feature-copy p { color: #9ba8c2; font-size: 14px; max-width: 360px; margin: 0; }
.feature-visual { position: relative; }
.ai-demo { flex: 1; min-height: 350px; align-self: stretch; margin: 35px 38px 0 0; padding: 23px; border-radius: 22px 22px 0 0; background: #f8faff; border: 1px solid #dce3f1; box-shadow: 0 0 0 12px #ffffff07; color: #242e47; }
.demo-tiny-title { font-size: 9px; font-weight: 800; letter-spacing: .13em; color: #8a96ad; margin-bottom: 22px; }
.demo-bubble { padding: 14px 17px; font-size: 12px; line-height: 1.6; border-radius: 17px; max-width: 78%; margin: 10px 0; box-shadow: 0 4px 16px #1d306b0c; }
.demo-bubble-in { background: white; border: 1px solid #e6ebf4; border-bottom-left-radius: 5px; }
.demo-bubble-out { margin-left: auto; background: #e9efff; color: #3c56a7; border-bottom-right-radius: 5px; }
.demo-ai-line { margin: 28px 0 0; border: 1px solid #e1e7f4; border-radius: 11px; padding: 14px; background: #fff; display: flex; align-items: center; gap: 10px; font-size: 10px; font-weight: 800; }
.demo-spark { color: #677ffc; font-size: 17px; }
.demo-approved { margin-left: auto; border-radius: 30px; background: #e7f7ed; padding: 4px 9px; color: #3b9b73; font-size: 9px; }
.pipeline-demo { margin: auto 0 0 36px; min-height: 168px; border: 1px solid #dbe3f3; border-right: 0; border-bottom: 0; border-radius: 18px 0 0 0; background: #f8faff; color: #29334a; padding: 15px; box-shadow: 0 -10px 80px #8ca0dc17; }
.mini-pipeline-header { display: flex; align-items: center; justify-content: space-between; font-size: 12px; font-weight: 800; margin-bottom: 14px; }.mini-pipeline-header span:last-child { color: #9ba9c5; }
.pipeline-columns { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.pipe-col { background: #edf1f9; padding: 9px 7px; border-radius: 9px; min-height: 113px; }
.pipe-col > span { display: block; color: #77839b; font-size: 8px; font-weight: 800; margin: 0 0 7px 5px; }
.pipe-item { background: #fff; padding: 8px 6px; border-radius: 6px; font-size: 8px; margin-bottom: 6px; font-weight: 700; display: flex; align-items: center; gap: 4px; box-shadow: 0 2px 4px #253c760b; }
.pipe-item i { width: 5px; height: 5px; background: #7591ff; border-radius: 50%; flex: 0 0 auto; }
.automation-demo { display: grid; place-items: center; flex: 1; min-height: 150px; background: radial-gradient(ellipse at 50% 65%, #39476b3b, transparent 70%); }
.automation-flow { display: flex; align-items: center; justify-content: center; width: 100%; padding: 0 20px 32px; }
.automation-step { display: flex; align-items: center; flex-direction: column; text-align: center; gap: 12px; color: #b5bfd4; font-size: 9px; font-weight: 700; }
.automation-node { width: 60px; height: 60px; display: grid; place-items: center; border-radius: 20px; border: 1px solid #465578; }
.automation-node .icon { width: 25px; height: 25px; }
.node-blue { background: #203b6e; color: #9ab9ff; }.node-purple { background: #443268; color: #d0b9fb; }.node-green { background: #234d52; color: #8ee2cd; }
.flow-connector { flex: 1; height: 1px; margin: -23px 7px 0; min-width: 12px; max-width: 75px; background: repeating-linear-gradient(90deg, #7585ab 0, #7585ab 4px, transparent 4px, transparent 8px); }

/* Process */
.process { background: #fff; }
.intro-center { text-align: center; margin: 0 auto 66px; }
.intro-center p { margin: 0 auto; }
.process .section-intro h2 span { color: #586fec; }
.steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; }
.step { position: relative; border-top: 2px solid #e7ebf4; padding: 25px 16px 20px 0; }
.step::before { position: absolute; content: ''; top: -4px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: #5573fb; }
.step-number { display: block; font: 700 11px 'Manrope',sans-serif; letter-spacing: .14em; color: #8e9ba9; margin-bottom: 32px; }
.step-icon { display: grid; place-items: center; border-radius: 16px; width: 48px; height: 48px; background: #eef2ff; color: #526df5; margin-bottom: 24px; }.step-icon .icon { width: 23px; height: 23px; }
.step h3 { font: 800 24px/1.2 'Manrope',sans-serif; letter-spacing: -.05em; margin: 0 0 8px; }
.step p { color: #818b9a; margin: 0; font-size: 13px; max-width: 210px; }

/* Insights */
.insight-section { background: #f1f4fa; overflow: hidden; }
.insight-layout { display: grid; grid-template-columns: 40% 60%; gap: 18px; align-items: center; }
.insight-copy h2 { font-size: clamp(41px, 4.5vw, 62px); }
.insight-copy h2 span { color: #5a73f5; }
.insight-copy > p { font-size: 15px; color: #778195; max-width: 425px; margin: 0 0 30px; }
.insight-points { display: grid; gap: 14px; margin-bottom: 33px; }
.insight-points > div { display: flex; gap: 11px; align-items: center; font-size: 13px; font-weight: 700; color: #45506a; }
.point-check { border-radius: 50%; width: 23px; height: 23px; display: grid; place-items: center; background: #e0e8ff; color: #5b74eb; }.point-check .icon { width: 14px; height: 14px; }
.text-link { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 800; color: #4261ef; }
.text-link .icon { width: 16px; height: 16px; transition: transform .2s; }.text-link:hover .icon { transform: translateX(4px); }
.dashboard-wrap { min-width: 0; padding-left: 20px; }
.dashboard-window { display: flex; min-height: 398px; border: 1px solid #e4e9f3; border-radius: 18px; box-shadow: 0 25px 55px #2638611d; overflow: hidden; background: #fff; transform: perspective(1200px) rotateY(-5deg) rotateX(1deg); transform-origin: left center; }
.dash-sidebar { width: 132px; background: #18223a; color: #9eacc9; flex-shrink: 0; padding: 23px 11px; display: flex; flex-direction: column; gap: 11px; }
.dash-brand { font: 800 18px 'Manrope',sans-serif; color: white; margin-bottom: 31px; letter-spacing: -.045em; }.dash-brand-icon { font-size: 18px; color: #a0b9ff; margin-right: 6px; }
.dash-side-item { display: flex; align-items: center; gap: 7px; padding: 10px 7px; border-radius: 7px; font-weight: 600; font-size: 9px; white-space: nowrap; }.dash-side-item .icon { width: 13px; height: 13px; }.dash-selected { background: #314365; color: #f4f6ff; }
.dash-side-bottom { margin-top: auto; font-size: 7px; font-weight: 800; letter-spacing: .14em; color: #62718f; }
.dash-main { min-width: 0; flex: 1; padding: 24px 18px; background: #f9faff; }
.dash-topline { display: flex; justify-content: space-between; align-items: center; font-size: 9px; color: #8d98ab; font-weight: 700; }.dash-period { padding: 5px 8px; background: white; border: 1px solid #e9edf4; border-radius: 5px; color: #63718a; }.dash-period span { margin-left: 9px; }
.dash-welcome { font: 800 19px/1.2 'Manrope',sans-serif; letter-spacing: -.05em; margin-top: 24px; }.dash-welcome-dot { color: #5171f9; }
.dash-small-text { color: #9aa5b5; font-size: 9px; margin-top: 4px; }
.dash-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 19px 0 15px; }
.dash-metrics > div { display: flex; flex-direction: column; background: white; border: 1px solid #e9edf3; padding: 12px; border-radius: 10px; }
.dash-metrics span { font-size: 8px; color: #7c889b; white-space: nowrap; }.dash-metrics strong { font: 800 23px/1.4 'Manrope',sans-serif; }.dash-metrics small { font-size: 7px; color: #9aa6b6; }
.dash-lower { display: grid; grid-template-columns: 1.5fr 1fr; gap: 8px; }
.dash-chart, .dash-sources { background: white; border: 1px solid #e9edf3; border-radius: 10px; padding: 13px; min-width: 0; }
.dash-card-title { display: flex; justify-content: space-between; align-items: center; font-size: 9px; font-weight: 800; color: #38455d; }.dash-card-title span { color: #bac4d0; }
.dash-chart-area { height: 83px; position: relative; margin-top: 17px; }
.dash-grid-lines { position: absolute; inset: 0; background: repeating-linear-gradient(to top, #e9edf4 0, #e9edf4 1px, transparent 1px, transparent 26px); }
.dash-bars { height: 100%; display: flex; align-items: end; justify-content: space-around; gap: 10px; padding-inline: 8px; position: relative; }.dash-bars span { flex: 1; max-width: 23px; height: var(--bar); background: linear-gradient(#6e89ff, #b8c9ff); border-radius: 4px 4px 0 0; }
.dash-axis { display: flex; justify-content: space-between; color: #a1acb9; font-size: 7px; margin-top: 7px; padding: 0 6px; }
.source-circle { width: 84px; height: 84px; margin: 12px auto 11px; border-radius: 50%; background: conic-gradient(#5775f9 0 52%, #a99bea 52% 82%, #dae2f1 82% 100%); position: relative; }.source-circle span { position: absolute; inset: 19px; background: white; border-radius: 50%; }
.source-row { display: flex; align-items: center; gap: 6px; color: #8794a6; font-size: 8px; margin: 6px 0; }.source-row i { border-radius: 3px; width: 7px; height: 7px; }.source-row b { margin-left: auto; color: #526078; }.source-blue { background: #5775f9; }.source-violet { background: #a99bea; }.source-gray { background: #dae2f1; }
.dashboard-caption { display: block; padding: 12px 4px; font-size: 10px; text-align: right; color: #98a0b0; }

/* Before / after */
.difference { background: #fff; }
.difference .section-intro h2 { color: #1d2639; }
.compare-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.compare-card { border-radius: 25px; padding: 38px 40px 44px; border: 1px solid #e9edf2; min-height: 355px; }
.compare-before { background: #f6f7fa; }.compare-after { background: #eef2ff; border-color: #dce5ff; }
.compare-label { font-size: 11px; font-weight: 800; letter-spacing: .025em; display: flex; align-items: center; gap: 9px; color: #8f98a7; }.compare-after .compare-label { color: #5973e4; }
.compare-dot { width: 8px; height: 8px; background: #aeb6c4; border-radius: 50%; }.compare-after .compare-dot { background: #5b73f1; box-shadow: 0 0 0 4px #dce3ff; }
.compare-card h3 { font: 800 clamp(25px, 3vw, 34px)/1.2 'Manrope',sans-serif; letter-spacing: -.055em; margin: 20px 0 27px; }
.compare-before h3 { color: #757e90; }
.compare-after h3 { color: #314bc2; }
.compare-card ul { padding: 0; margin: 0; list-style: none; display: grid; gap: 13px; }
.compare-card li { display: flex; align-items: flex-start; gap: 11px; font-size: 13px; font-weight: 600; color: #7d8798; }
.compare-card li > span { color: #b2bcca; font-weight: 900; line-height: 1; font-size: 20px; width: 18px; flex: 0 0 auto; }
.compare-card li .icon { color: #4e70f2; width: 17px; height: 17px; margin-top: 2px; }
.compare-after li { color: #485b89; }

/* FAQs */
.faq { background: #f7f9fc; }
.faq-layout { display: grid; grid-template-columns: 35% 1fr; gap: 80px; }
.faq-heading h2 { font-size: clamp(39px,4.4vw,57px); }
.faq-heading p { font-size: 14px; color: #828d9d; margin: 0 0 22px; max-width: 280px; }
.faq-items { border-top: 1px solid #dce2eb; }
.faq-items details { border-bottom: 1px solid #dce2eb; }
.faq-items summary { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 23px 5px 23px 0; font-size: 15px; line-height: 1.5; font-weight: 800; cursor: pointer; list-style: none; }
.faq-items summary::-webkit-details-marker { display: none; }
.faq-plus { position: relative; flex: 0 0 26px; width: 26px; height: 26px; border: 1px solid #d8dfed; border-radius: 50%; }
.faq-plus::before, .faq-plus::after { content: ''; position: absolute; background: #687996; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 2px; width: 9px; height: 1.5px; transition: transform .2s; }.faq-plus::after { transform: translate(-50%,-50%) rotate(90deg); }
.faq-items details[open] .faq-plus::after { transform: translate(-50%,-50%) rotate(0deg); }
.faq-items details p { margin: -6px 30px 22px 0; max-width: 610px; font-size: 13px; line-height: 1.8; color: #778296; }

/* Demo form */
.final-section { background: #f7f9fc; padding: 35px 0 120px; }
.contact-card { position: relative; display: grid; grid-template-columns: 1.15fr .85fr; gap: 60px; padding: 75px 65px; background: #111a31; border: 1px solid #222d4b; border-radius: 34px; overflow: hidden; color: #fff; }
.contact-glow { position: absolute; pointer-events: none; background: radial-gradient(ellipse, #3558aa75, transparent 72%); width: 750px; height: 700px; top: -250px; left: -310px; }
.contact-copy { position: relative; z-index: 1; padding-top: 35px; }
.contact-kicker { color: #98adff; }
.contact-copy h2 { font: 800 clamp(38px, 4vw, 54px)/1.16 'Manrope',sans-serif; letter-spacing: -.065em; margin: 0 0 22px; }
.contact-copy h2 span { color: #a1b3ff; }
.contact-copy > p { color: #b4bfd2; max-width: 435px; margin: 0 0 35px; font-size: 15px; }
.contact-note { color: #93a2c0; font-size: 11px; display: flex; gap: 9px; align-items: center; }.contact-note .icon { width: 15px; height: 15px; color: #8a9ff2; }
.demo-form { position: relative; z-index: 2; display: flex; flex-direction: column; padding: 30px; border-radius: 22px; background: #fff; color: #1b263b; box-shadow: 0 25px 55px #040c1f42; }
.form-heading { display: flex; flex-direction: column; margin-bottom: 24px; gap: 5px; }.form-heading strong { font: 800 21px/1.2 'Manrope',sans-serif; letter-spacing: -.04em; }.form-heading span { color: #929cac; font-size: 12px; }
.demo-form label { font-size: 11px; font-weight: 800; color: #5c6679; margin: 0 0 7px; }
.demo-form input { width: 100%; border-radius: 10px; border: 1px solid #dfe5ee; background: #fafbfe; padding: 13px 14px; min-height: 46px; margin: 0 0 16px; font-size: 13px; color: #243149; outline: none; transition: border-color .15s, box-shadow .15s; }
.demo-form input:focus { border-color: #6b81ff; box-shadow: 0 0 0 3px #e4eaff; }.demo-form input::placeholder { color: #aeb6c4; }
.button-form { border: 0; width: 100%; min-height: 49px; background: #3d5bfa; color: white; margin-top: 4px; font-size: 13px; }.button-form:hover { background: #2e4ce6; }
.form-feedback { font-size: 11px; font-weight: 700; margin: 8px 0 0; line-height: 1.6; }.form-feedback:empty { display: none; }.form-feedback.error { color: #c23b43; }.form-feedback.success { color: #287b63; }
.form-fineprint { margin-top: 14px; color: #a0aab7; text-align: center; font-size: 10px; }

/* Footer */
.footer { background: #fff; border-top: 1px solid #e6ebf3; padding: 56px 0 20px; }
.footer-main { display: grid; grid-template-columns: 1.4fr 1fr auto; gap: 50px; align-items: start; padding-bottom: 55px; }
.footer-main p { font-size: 13px; color: #929cad; margin: 22px 0 0; }
.footer-links { display: grid; grid-template-columns: repeat(2, auto); gap: 16px 25px; font-size: 12px; color: #707c8e; font-weight: 600; }
.footer-top { font-size: 12px; font-weight: 800; color: #6575a5; }
.footer-bottom { display: flex; justify-content: space-between; gap: 10px; border-top: 1px solid #edf0f6; padding-top: 23px; font-size: 10px; color: #a4acb9; }

/* Tablet */
@media (max-width: 1050px) {
 .desktop-nav { gap: 18px; }.nav-container { padding: 0 25px; }
 .floating-card { width: 215px; }.float-left { left: calc(50% - 380px); }.float-right { right: calc(50% - 380px); }
 .banner-grid > div { font-size: 10px; gap: 6px; padding: 6px; }
 .feature-big .feature-copy { padding: 45px 30px; }
 .insight-layout { grid-template-columns: 42% 58%; gap: 4px; }.dashboard-wrap { padding-left: 0; }
 .contact-card { padding: 60px 40px; gap: 30px; }
}
/* Mobile */
@media (max-width: 760px) {
  .container { width: min(calc(100% - 38px), 560px); }
  .section-pad { padding: 84px 0; }
  html { scroll-padding-top: 73px; }
  .site-header { height: 66px; }.nav-container { padding: 0 19px; }
  .desktop-nav, .header-cta { display: none; }
  .menu-toggle { display: flex; }
  .menu-open .menu-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .menu-open .menu-toggle span:nth-child(2) { opacity: 0; }
  .menu-open .menu-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .mobile-menu { display: flex; position: fixed; top: 66px; left: 0; right: 0; z-index: 90; padding: 18px 20px 24px; gap: 2px; flex-direction: column; background: #f9faff; box-shadow: 0 25px 35px #1a254321; border-bottom: 1px solid #e3e8f1; opacity: 0; visibility: hidden; transform: translateY(-8px); pointer-events: none; transition: opacity .18s, transform .18s, visibility .18s; }
  .menu-open .mobile-menu { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }
  .mobile-menu a { display: flex; align-items: center; padding: 12px 10px; font-size: 15px; font-weight: 700; border-radius: 10px; }
  .mobile-menu a:hover { background: #edf1fb; }
  .mobile-menu .mobile-menu-cta { justify-content: space-between; color: white; background: #324ff2; padding: 13px 16px; margin-top: 12px; }
  .hero { padding-top: 142px; padding-bottom: 0; }
  .hero h1 { font-size: clamp(41px, 10.4vw, 65px); letter-spacing: -.08em; line-height: 1.1; max-width: 620px; margin: 23px auto 18px; }
  .hero-description { font-size: 15px; line-height: 1.65; max-width: 450px; }
  .hero-buttons { margin-top: 25px; }
  .button { min-height: 49px; padding: 0 20px; font-size: 12px; }
  .hero-assurance { font-size: 10px; }
  .product-stage { margin-top: 45px; min-height: 624px; }
  .stage-glow { width: 650px; height: 650px; }
  .stage-orbit { width: 700px; height: 460px; }
  .stage-orbit-two { width: 830px; height: 520px; }
  .phone-shell { width: 298px; border-radius: 47px; }
  .phone-metal { border-radius: 41px; }
  .phone-screen { border-radius: 37px; height: 568px; padding-inline: 13px; }
  .app-top { padding-bottom: 14px; }
  .app-main-card { margin: 15px 0 16px; }
  .phone-status { height: 44px; }.app-title { font-size: 26px; }
  .app-main-card { padding: 12px; }.app-mini-chart { height: 55px; }
  .conversation { padding: 8px 2px; }.app-next { margin: 8px 0; }
  .floating-card { display: none; }
  .stage-caption { font-size: 9px; padding-bottom: 20px; }
  .quiet-banner .container { width: 100%; }
  .banner-grid { grid-template-columns: repeat(2, 1fr); padding: 16px; }
  .banner-grid > div { justify-content: flex-start; font-size: 10px; padding: 13px 10px; white-space: normal; }.banner-grid > div:nth-child(2) { border-right: 0; }.banner-grid > div:nth-child(-n+2) { border-bottom: 1px solid #e9edf3; }
  .section-intro { margin-bottom: 35px; }.section-intro h2, .insight-copy h2, .faq-heading h2 { font-size: clamp(39px, 9vw, 54px); }
  .section-intro p { font-size: 14px; }
  .feature-grid { grid-template-columns: 1fr; gap: 14px; }
  .feature-card { min-height: 385px; border-radius: 22px; }.feature-big { grid-column: auto; flex-direction: column; min-height: 590px; }
  .feature-copy, .feature-big .feature-copy { padding: 30px 28px 15px; flex: 0 0 auto; }
  .feature-icon { margin-bottom: 22px; width: 42px; height: 42px; }.feature-copy h3 { font-size: 26px; }.feature-copy p { font-size: 13px; }
  .ai-demo { min-height: 290px; margin: 20px 20px 0; padding: 18px; }
  .pipeline-demo { margin: auto 0 0 18px; }.automation-flow { padding-bottom: 25px; }
  .steps-grid { grid-template-columns: repeat(2,1fr); gap: 20px; }.step { padding: 22px 8px 14px 0; }.step-number { margin-bottom: 22px; }
  .insight-layout { grid-template-columns: 1fr; gap: 40px; }
  .insight-copy > p { font-size: 14px; }
  .dashboard-wrap { padding-left: 0; }.dashboard-window { transform: none; min-height: 360px; }
  .compare-grid { grid-template-columns: 1fr; gap: 12px; }.compare-card { padding: 30px; min-height: auto; }
  .faq-layout { grid-template-columns: 1fr; gap: 30px; }.faq-heading p { max-width: none; }
  .faq-items summary { font-size: 14px; padding: 19px 0; }
  .final-section { padding: 15px 0 80px; }.contact-card { grid-template-columns: 1fr; padding: 35px 24px; border-radius: 24px; gap: 28px; }
  .contact-copy { padding-top: 4px; }.contact-copy h2 { font-size: clamp(33px, 8.2vw, 49px); }.contact-copy > p { font-size: 14px; margin-bottom: 20px; }
  .demo-form { padding: 25px 20px; }
  .footer { padding-top: 40px; }.footer-main { grid-template-columns: 1fr auto; gap: 25px; padding-bottom: 35px; }.footer-links { grid-column: 1 / -1; grid-row: 2; }.footer-bottom { flex-wrap: wrap; }
}
@media (max-width: 420px) {
  .container { width: calc(100% - 32px); }
  .hero { padding-top: 128px; }.hero h1 { font-size: clamp(36px, 10.4vw, 43px); }
  .eyebrow { font-size: 10px; }
  .hero-buttons { gap: 8px; }.hero-buttons .button { min-width: 0; font-size: 11px; padding: 0 14px; }
  .hero-buttons .button .icon { width: 14px; height: 14px; }
  .product-stage { min-height: 606px; }
  .banner-grid > div { font-size: 9px; }
  .feature-big { min-height: 560px; }.feature-copy h3 { font-size: 24px; }
  .demo-bubble { font-size: 11px; }.demo-approved { font-size: 8px; }
  .automation-node { width: 50px; height: 50px; border-radius: 16px; }.automation-node .icon { width: 20px; height: 20px; }
  .dashboard-window { min-height: 300px; }.dash-sidebar { width: 95px; padding: 18px 6px; }.dash-side-item { font-size: 8px; gap: 3px; }.dash-side-item .icon { width: 11px; }.dash-brand { font-size: 16px; }.dash-brand-icon { margin-right: 0; }
  .dash-main { padding: 17px 10px; }.dash-welcome { font-size: 15px; margin-top: 16px; }.dash-small-text { font-size: 7px; }.dash-metrics { gap: 5px; }.dash-metrics > div { padding: 8px 5px; }.dash-metrics span { font-size: 6px; }.dash-metrics strong { font-size: 18px; }.dash-metrics small { font-size: 6px; }
  .dash-lower { grid-template-columns: 1.3fr 1fr; gap: 5px; }.dash-chart,.dash-sources { padding: 8px; }.dash-card-title { font-size: 7px; }.dash-chart-area { height: 66px; }.dash-axis { font-size: 5px; padding: 0; }.dash-bars { gap: 4px; padding-inline: 3px; }.source-circle { width: 59px; height: 59px; }.source-circle span { inset: 14px; }.source-row { font-size: 6px; }
  .compare-card { padding: 25px; }.compare-card li { font-size: 12px; }
  .contact-card { padding: 30px 17px; }.demo-form { padding: 21px 17px; }
  .footer-main { grid-template-columns: 1fr; }.footer-links { grid-row: auto; }.footer-top { grid-row: 2; }
}
@media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto; }
 *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* === ORDO preview skin: the public landing outside the product previews is unchanged. === */
/* Dark, operational workspace concept. Real product source was not available for visual matching. */
.ordo-phone-screen { color: #eaf0ed; background: #101519; }
.ordo-phone-screen .phone-status { color: #e2e9e6; }
.ordo-phone-screen .phone-island { background: #05080a; }
.ordo-phone-screen .home-indicator { background: #d6dfdb; }
.ordo-phone-header { height: 52px; display: flex; align-items: center; gap: 7px; padding: 1px 4px 8px; border-bottom: 1px solid #25302e; }
.ordo-logo-sign, .ordo-dash-logo-icon { color: #171f19; background: #badc8f; font-size: 16px; font-weight: 900; width: 25px; height: 25px; flex-shrink: 0; display: grid; place-items: center; border-radius: 6px; }
.ordo-logo-word { font: 800 18px/1 'Manrope',sans-serif; letter-spacing: -.07em; }
.ordo-logo-word small { margin-left: 3px; font-size: 8px; font-weight: 700; letter-spacing: .09em; color: #799084; }
.ordo-phone-avatar { margin-left: auto; width: 29px; height: 29px; display: grid; place-items: center; background: #25332d; color: #b9d49e; border-radius: 50%; font-size: 11px; font-weight: 800; border: 1px solid #35453e; }
.ordo-phone-body { padding: 16px 2px 59px; }
.ordo-mobile-overline { display: flex; align-items: center; justify-content: space-between; gap: 4px; color: #72827d; font-size: 7px; font-weight: 800; letter-spacing: .05em; }
.ordo-live { display: inline-flex; align-items: center; gap: 4px; font-size: 6px; color: #b2d58c; white-space: nowrap; }
.ordo-live i,.ordo-ai-ok i,.ordo-dash-online i { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #abda83; box-shadow: 0 0 0 2px #779d5824; }
.ordo-mobile-title { margin: 6px 0 13px; font: 800 18px/1.15 'Manrope',sans-serif; letter-spacing: -.048em; white-space: nowrap; }.ordo-mobile-title span { color: #b9d78d; }
.ordo-mobile-workspace { border: 1px solid #34413b; border-radius: 10px; background: #19221f; display: flex; align-items: center; padding: 8px; gap: 9px; }
.ordo-workspace-symbol { flex-shrink: 0; width: 28px; height: 28px; border-radius: 7px; background: #bbd698; color: #172316; font-size: 12px; font-weight: 900; display: grid; place-items: center; }
.ordo-mobile-workspace > div { flex: 1; display: grid; gap: 2px; }.ordo-mobile-workspace strong { font-size: 10px; font-weight: 800; }.ordo-mobile-workspace small { color: #88978f; font-size: 8px; }.ordo-workspace-chevron { color: #99a69f; font-size: 15px; }
.ordo-mobile-kpis { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 12px 0 18px; }
.ordo-mobile-kpi { display: flex; flex-direction: column; gap: 3px; min-height: 100px; background: #19211f; border: 1px solid #303b36; border-radius: 11px; padding: 13px 11px 11px; }
.ordo-mobile-kpi.featured { background: linear-gradient(145deg, #283b28, #1f2c23); border-color: #4a6741; }
.ordo-mobile-kpi > span { color: #abb9b0; font-size: 9px; font-weight: 700; }.ordo-mobile-kpi strong { color: #f4faf1; font: 800 26px/1.25 'Manrope',sans-serif; letter-spacing: -.05em; }.ordo-mobile-kpi small { color: #95a596; font-size: 8px; }.ordo-mobile-kpi small i { width: 5px; height: 5px; display: inline-block; border-radius: 50%; background: #bddb99; vertical-align: middle; margin-right: 3px; }
.ordo-mobile-row-title { display: flex; justify-content: space-between; align-items: center; gap: 5px; margin: 0 0 9px; }.ordo-mobile-row-title strong { font-size: 11px; font-weight: 800; }.ordo-mobile-row-title span { color: #bdd79f; font-size: 8px; font-weight: 700; }
.ordo-mobile-pipeline { border: 1px solid #303a35; background: #171d1b; border-radius: 11px; padding: 11px 12px; display: grid; gap: 7px; }
.ordo-mobile-pipeline > div { display: grid; grid-template-columns: 1fr auto; gap: 3px; font-size: 8px; color: #a5b4aa; }.ordo-mobile-pipeline b { color: #e6f2e9; }.ordo-mobile-pipeline .p-bar { grid-column: 1 / -1; height: 4px; background: #2c3831; border-radius: 6px; overflow: hidden; }.ordo-mobile-pipeline .p-bar em { display: block; height: 100%; border-radius: inherit; background: #b9d596; }
.ordo-mobile-row-title.recent { margin: 16px 0 4px; }
.ordo-mobile-lead { display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #29342e; padding: 8px 1px; }.ordo-lead-avatar { display: grid; place-items: center; flex-shrink: 0; width: 25px; height: 25px; border-radius: 8px; background: #344b3a; color: #c7dea4; font-size: 8px; font-weight: 800; }.ordo-lead-avatar.secondary { background: #343b48; color: #bec6dc; }.ordo-mobile-lead > div { flex: 1; display: grid; gap: 3px; min-width: 0; }.ordo-mobile-lead strong { font-size: 9px; }.ordo-mobile-lead small { font-size: 8px; color: #829389; }.ordo-lead-pill { background: #344a35; color: #bbd899; border-radius: 20px; padding: 3px 7px; font-size: 7px; font-weight: 800; }.ordo-lead-pill.muted { background: #2b3541; color: #b6c3d9; }
.ordo-phone-ai { margin-top: 11px; background: #222c23; border: 1px solid #40543b; padding: 9px 10px; border-radius: 9px; display: flex; align-items: center; gap: 8px; color: #b5d393; font-size: 10px; }.ordo-phone-ai strong { color: #e1eada; font-size: 9px; }.ordo-ai-ok { margin-left: auto; font-size: 8px; color: #bddba5; display: flex; align-items: center; gap: 4px; }
.ordo-phone-tabs { position: absolute; bottom: 12px; height: 51px; left: 0; right: 0; display: flex; justify-content: space-around; align-items: center; background: #151c19; border-top: 1px solid #303a33; }
.ordo-phone-tabs > div { display: flex; align-items: center; flex-direction: column; gap: 4px; color: #75867c; font-size: 7px; font-weight: 700; }.ordo-phone-tabs .icon { width: 17px; height: 17px; }.ordo-phone-tabs > .selected { color: #c4dfa5; }

/* ORDO application dashboard preview */
.dashboard-window.ordo-dashboard { min-height: 453px; border-color: #2e3933; background: #111715; color: #e8f0e9; }
.ordo-dash-sidebar { width: 140px; flex: 0 0 auto; padding: 17px 10px 13px; border-right: 1px solid #29342e; background: #121916; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ordo-dash-logo { display: flex; align-items: center; gap: 5px; margin: 0 0 20px 4px; }.ordo-dash-logo-icon { width: 22px; height: 22px; font-size: 14px; border-radius: 6px; }.ordo-dash-logo strong { font: 800 18px/1 'Manrope',sans-serif; letter-spacing: -.08em; }.ordo-dash-logo small { color: #899c8c; font-size: 6px; font-weight: 800; margin-left: 1px; letter-spacing: .11em; }
.ordo-dash-organization { display: flex; align-items: center; gap: 6px; padding: 7px 6px; background: #1d2620; border: 1px solid #344037; border-radius: 7px; margin-bottom: 13px; }.ordo-org-avatar { flex-shrink: 0; width: 22px; height: 22px; display: grid; place-items: center; color: #20281c; background: #bedb9c; border-radius: 5px; font-size: 10px; font-weight: 800; }.ordo-org-copy { flex: 1; display: flex; flex-direction: column; min-width: 0; gap: 3px; }.ordo-org-copy strong { font-size: 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.ordo-org-copy small { font-size: 6px; color: #7b8c82; }.ordo-org-drop { font-size: 11px; color: #a8b9aa; }
.ordo-nav-label { font-size: 7px; font-weight: 800; letter-spacing: .11em; color: #607267; margin: 8px 8px 4px; }
.ordo-nav-item { min-height: 29px; display: flex; gap: 8px; align-items: center; border-radius: 6px; padding: 6px 8px; font-size: 8px; font-weight: 700; white-space: nowrap; color: #90a095; }.ordo-nav-item .icon { width: 13px; height: 13px; flex: 0 0 auto; }.ordo-nav-item i { margin-left: auto; font: 800 7px/1 'DM Sans'; color: #c1d6a0; }.ordo-nav-item.is-active { color: #d0e7b6; background: #2b3b2d; border: 1px solid #3c5240; padding: 5px 7px; }.ordo-nav-divider { height: 1px; background: #2b372f; margin: 7px 4px 2px; }
.ordo-dash-user { margin-top: auto; border-top: 1px solid #2b352e; padding: 13px 3px 0; display: flex; gap: 7px; align-items: center; }.ordo-dash-user > span { width: 24px; height: 24px; border: 1px solid #49614b; border-radius: 50%; display: grid; place-items: center; color: #bddb9b; background: #2b3d30; font-size: 9px; }.ordo-dash-user div { display: grid; gap: 4px; }.ordo-dash-user strong { font-size: 8px; }.ordo-dash-user small { font-size: 7px; color: #768a7b; }
.ordo-dash-main { min-width: 0; flex: 1; padding: 0 16px 15px; background: #121a17; }
.ordo-dash-topbar { height: 42px; border-bottom: 1px solid #2a352d; display: flex; align-items: center; justify-content: space-between; color: #93a297; font-size: 8px; }.ordo-dash-topbar b { padding: 0 7px; color: #61736a; }.ordo-dash-topbar > div { display: flex; align-items: center; gap: 10px; }.ordo-dash-online { display: flex; gap: 5px; align-items: center; color: #a8cca1; }.ordo-dash-bell { color: #8a9b8e; font-size: 17px; }.ordo-dash-topavatar { width: 22px; height: 22px; border-radius: 50%; background: #304231; color: #c6e2a4; display: grid; place-items: center; font-size: 8px; font-weight: 800; }
.ordo-dash-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; padding: 18px 0 13px; }.ordo-dash-heading small { color: #a8ca89; font-size: 7px; letter-spacing: .12em; font-weight: 900; }.ordo-dash-heading h3 { font: 800 18px/1.25 'Manrope',sans-serif; letter-spacing: -.045em; margin: 3px 0 2px; white-space: nowrap; }.ordo-dash-heading h3 span { color: #b7d594; }.ordo-dash-heading p { color: #839589; font-size: 8px; line-height: 1.35; margin: 0; }.ordo-dash-date { border: 1px solid #37483a; background: #1b2720; padding: 7px 9px; border-radius: 7px; white-space: nowrap; font-size: 8px; color: #b5c2b2; }.ordo-dash-date b { padding-left: 7px; font-size: 10px; }
.ordo-dash-kpis { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 0 0 9px; }.ordo-dash-kpi { background: #1b2520; border: 1px solid #314038; border-radius: 9px; display: grid; padding: 11px; gap: 3px; min-width: 0; }.ordo-dash-kpi > span { color: #8fa092; white-space: nowrap; font-size: 8px; }.ordo-dash-kpi strong { font: 800 23px/1.25 'Manrope',sans-serif; letter-spacing: -.05em; }.ordo-dash-kpi small { color: #b3c1b1; font-size: 7px; white-space: nowrap; }.ordo-dash-kpi small i { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #a7d48b; margin-right: 3px; vertical-align: middle; }
.ordo-dash-visuals { display: grid; grid-template-columns: 1.3fr 1fr; gap: 8px; margin-bottom: 9px; }.ordo-dash-chart-card,.ordo-dash-origin-card,.ordo-dash-bottom { padding: 12px; min-width: 0; border: 1px solid #304039; border-radius: 9px; background: #1b2520; }
.ordo-dash-card-title { display: flex; align-items: center; justify-content: space-between; gap: 5px; white-space: nowrap; }.ordo-dash-card-title > span { font-size: 9px; font-weight: 800; }.ordo-dash-card-title small { color: #77927a; font-size: 6px; font-weight: 800; letter-spacing: .04em; }
.ordo-chart-grid { margin: 15px 0 0; height: 71px; position: relative; background: repeating-linear-gradient(to top, #354238 0, #354238 1px, transparent 1px, transparent 22px); }.ordo-chart-bars { display: flex; align-items: end; justify-content: space-around; gap: 11px; padding: 0 6px; height: 100%; }.ordo-chart-bars span { background: linear-gradient(#b7d593,#526f52); border-radius: 3px 3px 0 0; flex: 1; max-width: 19px; }.ordo-chart-labels { display: flex; justify-content: space-around; font-size: 6px; color: #809182; padding-top: 7px; }
.ordo-origin-progress { display: flex; overflow: hidden; border-radius: 20px; height: 8px; gap: 2px; margin: 22px 0 15px; }.ordo-origin-progress span:nth-child(1) { width: 52%; background: #b4d18e; }.ordo-origin-progress span:nth-child(2) { width: 30%; background: #7b9e7f; }.ordo-origin-progress span:nth-child(3) { width: 18%; background: #526c69; }.ordo-origin-item { display: flex; align-items: center; gap: 6px; font-size: 8px; color: #adbab0; margin: 9px 0; }.ordo-origin-item i { display: block; flex-shrink: 0; width: 7px; height: 7px; border-radius: 2px; }.ordo-origin-item strong { margin-left: auto; font-size: 8px; color: #d6e5d3; }.ordo-origin-item i.origin-meta { background: #b4d18e; }.ordo-origin-item i.origin-google { background: #7b9e7f; }.ordo-origin-item i.origin-direct { background: #526c69; }
.ordo-dash-bottom { padding: 10px 12px; }.ordo-dash-bottom .ordo-dash-card-title { margin-bottom: 7px; }.ordo-dash-lead { display: flex; align-items: center; gap: 7px; border-top: 1px solid #2e3b32; padding: 6px 0; }.ordo-dash-lead-initial { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 6px; background: #38503b; color: #c7e2a5; font-size: 7px; font-weight: 800; }.ordo-dash-lead-initial.alt { background: #34413f; color: #bdd4c9; }.ordo-dash-lead-name { flex: 1; display: grid; gap: 2px; font-size: 8px; font-weight: 800; }.ordo-dash-lead-name small { font-size: 7px; font-weight: 600; color: #7b8f80; }.ordo-dash-lead-status { padding: 4px 6px; color: #b9d697; background: #344c35; border-radius: 20px; font-size: 7px; }.ordo-dash-lead-status.neutral { background: #34423b; color: #afc4b5; }.ordo-dash-lead-time { color: #7d8d7e; font-size: 7px; min-width: 26px; text-align: right; }
@media(max-width:760px) {
 .dashboard-window.ordo-dashboard { min-height: 440px; }
 .ordo-dash-sidebar { width: 46px; padding: 14px 6px; align-items: center; }
 .ordo-dash-logo { margin: 0 0 17px; }
 .ordo-dash-logo strong,.ordo-dash-logo small,.ordo-dash-organization,.ordo-nav-label,.ordo-nav-item span,.ordo-nav-item i,.ordo-dash-user div,.ordo-nav-divider { display: none; }
 .ordo-nav-item { padding: 7px; justify-content: center; }.ordo-nav-item.is-active { padding: 6px; }.ordo-nav-item .icon { width: 15px; height: 15px; }
 .ordo-dash-user { margin-top: auto; padding: 12px 0 0; }
 .ordo-dash-main { padding: 0 10px 12px; }.ordo-dash-heading { padding: 13px 0 11px; }
 .ordo-dash-heading h3 { font-size: 16px; }.ordo-dash-date { font-size: 7px; padding: 6px; }
 .ordo-dash-kpi { padding: 8px 7px; }.ordo-dash-kpi strong { font-size: 21px; }.ordo-dash-kpi > span { font-size: 7px; }
 .ordo-dash-chart-card,.ordo-dash-origin-card { padding: 10px; }.ordo-dash-card-title > span { font-size: 8px; }
}
@media(max-width:420px) {
 .ordo-phone-body { padding-top: 14px; }
 .ordo-mobile-kpi { min-height: 92px; padding: 11px 9px; }
 .ordo-mobile-kpis { margin: 10px 0 14px; }
 .ordo-mobile-row-title.recent { margin-top: 12px; }
 .ordo-dash-sidebar { width: 39px; padding-inline: 4px; }
 .ordo-dash-main { padding: 0 7px 10px; }.ordo-dash-topbar { height: 35px; }.ordo-dash-online,.ordo-dash-bell { display: none; }
 .ordo-dash-heading h3 { font-size: 13px; }.ordo-dash-heading p { font-size: 7px; }.ordo-dash-date { font-size: 6px; }
 .ordo-dash-kpis { gap: 5px; }.ordo-dash-kpi { padding: 7px 5px; }.ordo-dash-kpi > span { font-size: 6px; }.ordo-dash-kpi strong { font-size: 18px; }.ordo-dash-kpi small { font-size: 6px; }
 .ordo-dash-visuals { gap: 5px; }.ordo-dash-chart-card,.ordo-dash-origin-card { padding: 8px; }.ordo-dash-card-title > span { font-size: 7px; }.ordo-dash-card-title small { font-size: 5px; }.ordo-chart-bars { gap: 5px; }
 .ordo-origin-item { font-size: 7px; }.ordo-dash-bottom { padding: 7px; }
}
/* Taller device ratio keeps the dashboard, lead rows and bottom navigation separated. */
.ordo-phone-screen { height: 702px; }
.product-stage:has(.ordo-phone-screen) { min-height: 760px; }
@media (max-width:760px) {
  .ordo-phone-screen { height: 654px; }
  .product-stage:has(.ordo-phone-screen) { min-height: 710px; }
}
@media (max-width:420px) {
  .ordo-phone-screen { height: 635px; }
  .product-stage:has(.ordo-phone-screen) { min-height: 697px; }
}
.ordo-phone-body { max-height: calc(100% - 165px); overflow-y: auto; scrollbar-width: none; overscroll-behavior: contain; }
.ordo-phone-body::-webkit-scrollbar { display: none; }

/* ORDO real-UI inspired mockups — reference: screen recording supplied 30 Oct 2026.
   Public landing uses synthetic contact names and values, never customer records. */
.ordo-phone-screen { background:#0d0e10; color:#f4f1eb; padding:0 11px; font-family:'DM Sans',sans-serif; }
.ordo-phone-screen .phone-status { color:#f2f0eb; }
.ordo-live-phone-header { display:flex; align-items:center; gap:10px; padding:9px 2px 10px; border-bottom:1px solid #292929; }
.ordo-live-menu { display:grid;gap:3px;width:18px;flex-shrink:0; }.ordo-live-menu i {width:15px;height:1px;background:#a6a19a;display:block;}
.ordo-live-company { display:flex; align-items:center; gap:8px; min-width:0; flex:1; }
.ordo-live-company-mark {width:24px;height:24px;border-radius:7px;border:1px solid #34312c;display:grid;place-items:center;background:#171716;color:#d8ad66;font-size:12px;font-weight:800;}
.ordo-live-company strong {display:block;font-size:10px;white-space:nowrap;}.ordo-live-company small {display:block;letter-spacing:.19em;font-size:6px;margin-top:3px;color:#c7c0b6;font-weight:700;}
.ordo-live-search { color:#c9c4bb;border:1px solid #2a2927;padding:3px 8px;border-radius:6px;font-size:17px;line-height:1; }
.ordo-live-phone-body { padding:16px 1px 0; height:calc(100% - 151px); overflow:hidden; }
.ordo-live-eyebrow {font-size:7px;color:#d9ad65;letter-spacing:.12em;font-weight:800;margin-bottom:6px;}
.ordo-live-mobile-heading {display:flex;align-items:center;justify-content:space-between;gap:7px;}.ordo-live-mobile-heading h3 {font-size:21px;line-height:1.18;letter-spacing:-.05em;margin:0;font-weight:800;}.ordo-live-mobile-heading>span {display:grid;place-items:center;color:#100f0f;background:#d5ac69;border-radius:5px;font-size:19px;height:28px;width:28px;flex-shrink:0;}
.ordo-live-phone-body>p {font-size:9px;line-height:1.48;color:#a29e97;margin:7px 0 14px;}
.ordo-live-mobile-metrics {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}.ordo-live-mobile-metrics>div {padding:10px 11px;background:#171719;border:1px solid #303032;border-radius:9px;min-width:0;}
.ordo-live-mobile-metrics small {display:block;font-size:8px;color:#ada69d;white-space:nowrap;}.ordo-live-mobile-metrics strong {display:block;color:#dcba7b;font-weight:800;font-size:21px;margin-top:6px;letter-spacing:-.04em;}
.ordo-live-mobile-metrics>div:nth-child(2) strong {font-size:17px;line-height:26px;}
.ordo-live-view-controls {display:flex;align-items:center;gap:6px;font-size:8px;padding:16px 0 10px;color:#acaaa7;}.ordo-live-view-controls>span {padding:6px 7px;background:#1a1a1a;border:1px solid #2c2a28;border-radius:6px;white-space:nowrap;}.ordo-live-view-controls>span.on {color:#e1b674;background:#342a1d;border-color:#71532e;}.ordo-live-view-controls .ordo-live-filter {margin-left:auto;font-size:7px;}
.ordo-live-mobile-columns {display:flex;gap:8px;width:100%;overflow:hidden;}.ordo-live-mobile-column {width:70%;flex:0 0 70%;background:#141416;border:1px solid #2b2c2d;border-radius:9px;min-height:234px;padding:9px 8px;}.ordo-live-mobile-column.secondary {flex-basis:66%;opacity:.72;}
.ordo-live-stage-title {display:flex;justify-content:space-between;gap:6px;align-items:center;color:#dedbd4;font-size:10px;font-weight:800;margin-bottom:11px;}.ordo-live-stage-title i {display:inline-block;width:5px;height:5px;border-radius:50%;background:#dbb46e;margin-right:3px;}.ordo-live-stage-title>span:last-child {font-size:8px;color:#c7b28b;}
.ordo-live-stage-card {padding:9px;background:#1b1b1e;border:1px solid #303032;border-radius:7px;margin-bottom:7px;}.ordo-live-stage-card strong {display:block;font-size:9px;line-height:1.25;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.ordo-live-bluebadge {display:inline-block;color:#66a6ff;border:1px solid #1e3b60;border-radius:12px;padding:2px 5px;font-size:7px;}.ordo-live-card-meta {display:flex;justify-content:space-between;align-items:center;color:#b3aca1;font-size:8px;margin:7px 0 5px;}.ordo-live-stage-card>small {display:block;font-size:7px;border-top:1px solid #303032;padding-top:5px;color:#9c9790;}.ordo-live-stage-foot {display:flex;justify-content:space-between;font-size:8px;color:#b4aea5;padding:1px 3px;}
.ordo-live-mobile-footnote {font-size:7px;color:#77736f;text-align:center;margin:8px 0;}
.ordo-live-mobile-bottom {position:absolute;bottom:15px;left:0;right:0;background:#101011;border-top:1px solid #2b2927;padding:9px 12px;display:flex;justify-content:space-around;align-items:center;color:#8f8d89;}.ordo-live-mobile-bottom>div {font-size:14px;text-align:center;display:grid;gap:3px;min-width:45px;}.ordo-live-mobile-bottom>div.selected {color:#d8ae6a;}.ordo-live-mobile-bottom small {font-size:7px;font-weight:600;}.ordo-phone-screen .home-indicator {background:#f5f1e9;}

.dashboard-window.ordo-dashboard.ordo-real {background:#0c0d0f;color:#f5f3ed;border:1px solid #2e2c2b;border-radius:13px;min-height:415px;transform:perspective(1200px) rotateY(-3deg) rotateX(.5deg);font-family:'DM Sans',sans-serif;box-shadow:0 28px 50px #14141424;}
.ordo-real-sidebar {width:111px;flex:0 0 111px;min-width:0;display:flex;flex-direction:column;background:#101113;border-right:1px solid #262626;padding:11px 5px 8px;}
.ordo-real-org {display:flex;align-items:center;gap:6px;padding:1px 4px 11px;border-bottom:1px solid #242426;}.ordo-real-org-mark {width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;background:#1c1b18;border:1px solid #3b352a;color:#d9b16d;border-radius:6px;font-weight:800;font-size:10px;}.ordo-real-org strong {display:block;font-size:8px;white-space:nowrap;max-width:73px;overflow:hidden;text-overflow:ellipsis;}.ordo-real-org small {display:block;color:#bdb9b0;font-size:6px;letter-spacing:.16em;margin-top:2px;}
.ordo-real-nav {padding-top:9px;flex:1;}.ordo-real-nav-item {width:100%;min-height:26px;padding:6px 6px;display:flex;align-items:center;gap:7px;text-align:left;border:0;background:none;color:#a3a2a0;border-radius:5px;font:600 8px/1.2 'DM Sans',sans-serif;white-space:nowrap;}.ordo-real-nav-item:not(.inert) {cursor:pointer;}.ordo-real-nav-item:not(.inert):hover {background:#1e1d1b;color:#e9c791;}.ordo-real-nav-item.active {background:#28231b;color:#dfb774;border-left:2px solid #d9aa63;padding-left:4px;}.ordo-real-nav-item .icon-cell {width:13px;flex:0 0 13px;font-size:12px;text-align:center;line-height:1;}
.ordo-real-account {display:flex;align-items:center;gap:3px;border-top:1px solid #292929;padding:11px 4px 3px;}.ordo-real-account>span {background:#dcb574;color:#16120d;font-weight:800;font-size:9px;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;}.ordo-real-account strong {font-size:8px;}.ordo-real-account small {font-size:6px;color:#dab67c;border:1px solid #584735;border-radius:20px;padding:2px;white-space:nowrap;}
.ordo-real-main {min-width:0;flex:1;background:#0d0e10;}.ordo-real-topbar {display:flex;align-items:center;gap:5px;padding:7px 10px;border-bottom:1px solid #292929;height:40px;background:#151517;}.ordo-real-search {display:flex;gap:7px;align-items:center;flex:1;min-width:0;border:1px solid #303032;background:#101112;border-radius:6px;height:26px;padding:0 8px;color:#9e9d9a;font-size:9px;}.ordo-real-search kbd {margin-left:auto;border:1px solid #363636;border-radius:3px;font-size:5px;color:#97938b;padding:2px;}.ordo-real-theme,.ordo-real-exit {border:1px solid #323234;padding:6px;border-radius:5px;font-weight:700;color:#ddd9d1;font-size:8px;white-space:nowrap;}.ordo-real-new {background:#d9b16e;color:#1b140a;padding:7px;border-radius:5px;font-size:8px;font-weight:800;white-space:nowrap;}
.ordo-real-views {padding:11px 10px;}.ordo-real-view[hidden] {display:none!important;}.ordo-real-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:12px;}.ordo-real-overline {color:#d5a96a;letter-spacing:.14em;font-size:5px;font-weight:800;}.ordo-real-heading h3 {font-size:17px;letter-spacing:-.055em;line-height:1.1;margin:3px 0 4px;font-weight:800;}.ordo-real-heading p {font-size:7px;color:#999692;margin:0;line-height:1.4;}
.ordo-real-kpis {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 9px;}.ordo-real-kpis>div {min-width:0;background:#181819;border:1px solid #303032;border-radius:6px;padding:8px 6px;}.ordo-real-kpis small {display:block;color:#aba6a0;font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.ordo-real-kpis strong {display:block;color:#dfb36e;font-size:17px;letter-spacing:-.035em;margin:4px 0;white-space:nowrap;}.ordo-real-kpis span {display:block;color:#8f8e8b;font-size:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ordo-real-board-tools {display:flex;align-items:center;gap:5px;margin:7px 0 8px;color:#aaa39a;}.ordo-real-board-tools span {font-size:7px;white-space:nowrap;padding:5px 7px;border-radius:5px;background:#171718;border:1px solid #2d2b29;}.ordo-real-board-tools span.selected {border-color:#665032;background:#30271b;color:#e3b777;}
.ordo-real-board {display:flex;gap:6px;min-width:0;overflow-x:auto;padding-bottom:8px;scrollbar-color:#615139 #171719;scrollbar-width:thin;}.ordo-real-column {flex:0 0 99px;min-width:0;border:1px solid #2a292a;border-radius:7px;background:#171719;padding:6px;min-height:201px;}.ordo-real-col-head {display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:800;border-bottom:1px solid #302b24;padding:3px 0 9px;margin-bottom:5px;white-space:nowrap;}.ordo-real-col-head b {color:#dcb673;font-size:8px;}.ordo-real-deal {border:1px solid #303031;border-radius:5px;background:#1d1d1f;padding:7px 5px 6px;margin-bottom:5px;min-width:0;}.ordo-real-deal strong {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:7px;line-height:1.3;}.ordo-real-meta-tag {display:inline-block;margin-top:7px;color:#63aaff;border:1px solid #183d69;background:#15233a;border-radius:9px;font-size:6px;padding:2px 4px;}.ordo-real-deal small {display:flex;justify-content:space-between;color:#d1ba8e;font-size:6px;margin:6px 0;}.ordo-real-deal small em {font-style:normal;color:#a8a19a;}.ordo-real-deal-foot {border-top:1px solid #313031;padding-top:5px;font-size:6px;color:#96928b;}.ordo-real-empty {font-size:6px;color:#8f8b84;text-align:center;margin:35px 0;}
.ordo-real-dashboard-split {display:grid;grid-template-columns:1.5fr 1fr;gap:7px;}.ordo-real-dashboard-card {background:#181819;border:1px solid #303032;border-radius:7px;padding:9px;min-width:0;}.ordo-real-card-head {display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:12px;font-size:9px;}.ordo-real-card-head span {font-size:7px;color:#b4a693;}.ordo-real-card-head.ranking {margin-top:13px;margin-bottom:8px;}.ordo-real-progress-row {margin:0 0 10px;}.ordo-real-progress-row>span {display:flex;justify-content:space-between;font-size:8px;margin-bottom:4px;}.ordo-real-progress-row b {color:#d5b079;}.ordo-real-progress-row>i {display:block;height:6px;background:#272729;border-radius:20px;overflow:hidden;}.ordo-real-progress-row>i>em {display:block;height:100%;background:#d8b473;border-radius:20px;}.ordo-real-dashboard-empty {display:grid;place-items:center;color:#a7a39c;font-size:8px;height:95px;border:1px dashed #373534;border-radius:5px;}.ordo-real-dashboard-empty.small {height:45px;font-size:7px;}
.ordo-real-contact-tools {display:flex;align-items:center;gap:6px;padding:8px;background:#171719;border:1px solid #303032;border-radius:6px;font-size:7px;color:#d6b27b;}.ordo-real-contact-tools .search {flex:1;color:#a4a09a;text-align:left;border:1px solid #303030;border-radius:4px;padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.ordo-real-contact-head,.ordo-real-contact-row {display:grid;grid-template-columns:2fr 1fr 1fr .7fr;align-items:center;gap:5px;padding:8px 5px;border-bottom:1px solid #303031;min-width:0;}.ordo-real-contact-head {font-size:6px;color:#8d8c89;}.ordo-real-contact-row {font-size:7px;}.ordo-real-contact-row>div {display:flex;align-items:center;gap:5px;min-width:0;}.ordo-real-contact-row>div>b {display:grid;place-items:center;flex-shrink:0;background:#302a23;color:#d8b274;border-radius:5px;height:21px;width:21px;}.ordo-real-contact-row>div>span {font-weight:700;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}.ordo-real-contact-row small {display:block;font-size:6px;color:#9b9790;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.ordo-real-status {padding:5px;color:#dabb82;background:#2a2720;border:1px solid #4d4233;border-radius:15px;white-space:nowrap;font-size:6px;text-align:center;}.ordo-real-status.none {background:transparent;color:#9b9790;border-color:#3a3837;}
.ordo-real-calendar {border:1px solid #303032;border-radius:7px;background:#171719;padding:8px;}.ordo-real-cal-toolbar {display:flex;align-items:center;gap:10px;font-size:9px;margin-bottom:9px;}.ordo-real-cal-toolbar>b {margin-left:auto;color:#d8ae6b;}.ordo-real-cal-grid {display:grid;grid-template-columns:repeat(7,1fr);gap:2px;}.ordo-real-cal-grid>span {position:relative;min-height:34px;padding:5px 3px;background:#1b1b1d;border:1px solid #2d2d2e;border-radius:3px;font-size:7px;}.ordo-real-cal-grid>span:nth-child(-n+7) {min-height:20px;background:transparent;border:0;color:#9a9690;}.ordo-real-cal-grid>span.today {border-color:#d7b170;color:#dfbd84;}.ordo-real-cal-grid>span.today i {font-size:5px;color:#dfbd84;position:absolute;left:3px;bottom:3px;font-style:normal;white-space:nowrap;}
@media(max-width:760px) { .ordo-real-sidebar {width:42px;flex-basis:42px;padding:10px 3px;} .ordo-real-org {justify-content:center;padding:0 0 12px;}.ordo-real-org>span:last-child,.ordo-real-nav-item>span:last-child,.ordo-real-account strong,.ordo-real-account small {display:none;}.ordo-real-nav-item {justify-content:center;padding:6px 2px;}.ordo-real-nav-item.active {border-left:2px solid #d9aa63;padding:6px 0;}.ordo-real-nav-item .icon-cell {font-size:13px;}.ordo-real-account {justify-content:center;}.ordo-real-views {padding:10px 7px;}.ordo-real-topbar {padding:6px;}.ordo-real-exit {display:none;}.ordo-real-new {font-size:7px;}.ordo-real-search kbd {display:none;}.ordo-real-heading h3 {font-size:16px;}}
@media(max-width:420px) { .ordo-real-kpis {gap:3px;}.ordo-real-kpis>div {padding:6px 4px;}.ordo-real-kpis small {font-size:5px;}.ordo-real-kpis strong {font-size:14px;}.ordo-real-kpis span {font-size:4.5px;}.ordo-real-board-tools span {font-size:6px;padding:4px;}.ordo-real-contact-row>span:nth-child(2) {display:none;}.ordo-real-contact-head>span:nth-child(2) {display:none;}.ordo-real-contact-head,.ordo-real-contact-row {grid-template-columns:2fr 1fr .8fr;}.ordo-real-status {font-size:5px;}.ordo-real-cal-grid>span {min-height:31px;}.ordo-real-cal-grid>span.today i {font-size:4px;} }


/* ORDO official metallic symbol (user-supplied) — header, footer, previews. */
.brand-logo {
  display: inline-grid; place-items: center; flex: 0 0 42px;
  width: 42px; height: 42px; overflow: hidden; border-radius: 12px;
  background: #101114; border: 1px solid rgba(197,156,89,.26);
  box-shadow: 0 4px 14px rgba(12,15,20,.09);
}
.brand-logo img { display: block; width: 37px; height: 37px; object-fit: contain; }
.brand-word { color: #16191c; letter-spacing: -.075em; }
.brand-suffix { color: #a37a3c; letter-spacing: .16em; }
.brand:hover .brand-logo { border-color: rgba(193,149,76,.62); }
.ordo-preview-logo { display: block; flex: 0 0 22px; width: 22px; height: 22px; object-fit: contain; }
.ordo-live-phone-header { gap: 7px; }
.ordo-real-brand-symbol { width: 22px; height: 22px; flex: 0 0 22px; object-fit: contain; }
@media (max-width: 760px) {
  .brand-logo { width: 38px; height: 38px; flex-basis: 38px; border-radius: 11px; }
  .brand-logo img { width: 34px; height: 34px; }
}
@media (max-width: 420px) {
  .ordo-real-brand-symbol { width: 16px; height: 16px; flex-basis: 16px; }
}


/* source: ordo-theme.css */
/*
 * ORDO CRM — Tema institucional escuro.
 * Grafite operacional + ouro metálico + prata, inspirado na identidade visual
 * fornecida pelo proprietário e na interface real demonstrada em vídeo.
 * Mantido separado de styles.css para que o template continue simples de manter.
 */
:root {
  color-scheme: dark;
  --ink: #f2f0ed;
  --ink-muted: #b2ada6;
  --ink-soft: #8f8d89;
  --navy: #0c0c0e;
  --navy-two: #161619;
  --blue: #dfb573;
  --blue-vivid: #e6c48a;
  --blue-soft: #272018;
  --line: #302e2d;
  --paper: #0b0c0e;
  --white: #f2f0ed;
  --gold: #dfb573;
  --gold-bright: #f3d6a2;
  --gold-muted: #ae8650;
  --silver: #cbcbd0;
  --surface: #151518;
  --surface-raised: #1b1b1e;
  --stroke: #343234;
}
body {
  color: var(--ink);
  background: var(--paper);
}
:focus-visible { outline: 2px solid #eac58a; outline-offset: 4px; }
::selection { color: #0e0d0b; background: #efcc93; }
.skip-link { background: var(--gold-bright); color: #18130c; }

/* Fixed chrome */
.site-header {
  background: rgba(12, 12, 14, .90);
  border-bottom: 1px solid rgba(188, 154, 101, .19);
  box-shadow: 0 8px 34px rgba(0,0,0,.14);
}
.site-header::after { content: ''; position: absolute; inset: auto 0 0; height: 1px;
  background: linear-gradient(90deg, transparent 5%, rgba(228,181,107,.14) 45%, rgba(200,200,208,.13) 75%, transparent); pointer-events: none; }
.brand-word { color: #f1eeea; }
.brand-suffix { color: #d5b17b; }
.brand-logo { background: #131314; border-color: rgba(203,166,104,.37); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
.desktop-nav a { color: #bcb9b5; }
.desktop-nav a:hover, .footer a:hover { color: var(--gold-bright); }
.header-cta {
  color: #17130e;
  background: linear-gradient(115deg, #c89855 0%, #f1d098 54%, #d5a55f 100%);
  border: 1px solid rgba(252,222,165,.46);
  box-shadow: 0 6px 24px rgba(173,123,60,.12);
}
.header-cta:hover { background: linear-gradient(110deg, #e1b470, #ffe0aa); box-shadow: 0 9px 28px rgba(211,166,94,.2); }
.menu-toggle { color: #eee8df; }
.menu-toggle span { background: #e9d4af; }
.mobile-menu {
  background: #121215;
  border-bottom: 1px solid #4b3a27;
  box-shadow: 0 26px 45px #0009;
}
.mobile-menu a { color: #e4dfd7; }
.mobile-menu a:hover { background: #24201a; }
.mobile-menu .mobile-menu-cta {
  color: #18130c;
  background: linear-gradient(110deg, #c99d60, #f1d19a);
  border: 1px solid #e4bd7e;
}

/* Brand actions */
.button-primary, .button-form {
  background: linear-gradient(110deg, #c79858 0%, #f4d59d 52%, #d9aa68 100%);
  color: #18130c;
  border-color: #e0b875;
  box-shadow: 0 13px 30px rgba(194,143,72,.17), inset 0 1px 0 rgba(255,241,210,.44);
}
.button-primary:hover, .button-form:hover {
  background: linear-gradient(110deg, #e4b774, #ffe2ae 55%, #e2b776);
  box-shadow: 0 16px 35px rgba(194,143,72,.23);
}
.button-outline {
  background: rgba(28,28,31,.81);
  color: #e3ded5;
  border-color: #575049;
}
.button-outline:hover { border-color: #cfab73; background: #242019; box-shadow: 0 10px 24px rgba(0,0,0,.27); }
.text-link { color: #edc589; }
.text-link:hover { color: #ffe0ab; }

/* Hero: one restrained gold halo behind the product */
.hero {
  background:
    radial-gradient(ellipse 52% 26% at 50% 83%, rgba(167,115,53,.19) 0%, transparent 77%),
    radial-gradient(ellipse 53% 42% at 50% 4%, rgba(89,72,50,.11), transparent 85%),
    linear-gradient(180deg, #0c0c0e 0%, #101012 65%, #111113 100%);
}
.hero-ambient { background: #a7834d; opacity: .14; filter: blur(165px); }
.hero h1 { color: #f6f3ee; text-shadow: 0 4px 45px rgba(0,0,0,.22); }
.headline-gradient {
  background: linear-gradient(110deg, #bd8d50 2%, #f9dbab 39%, #d5b276 68%, #e5e4e6 97%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.eyebrow { background: rgba(34,30,26,.78); border-color: #51412e; color: #e3be83; }
.status-pulse { background: #e4b977; box-shadow: 0 0 0 4px rgba(218,174,106,.14); }
.status-pulse::after { border-color: rgba(230,190,125,.55); }
.hero-description { color: #b7b1a9; }
.hero-assurance { color: #98938e; }
.hero-assurance .icon { color: #d7b47a; }
.stage-glow {
  background: radial-gradient(ellipse, rgba(188,137,70,.25) 0%, rgba(159,115,62,.10) 39%, transparent 74%);
  opacity: 1;
}
.stage-orbit { border-color: rgba(211,173,108,.14); }
.phone-shell { box-shadow: 0 30px 80px rgba(0,0,0,.63), 0 0 80px rgba(185,140,71,.10), inset 0 0 0 1px #bcc4cd; }
.floating-card {
  background: rgba(26,26,29,.93);
  border-color: #474036;
  color: #f4f0e7;
  box-shadow: 0 22px 56px rgba(0,0,0,.42), inset 0 1px 0 rgba(240,217,183,.035);
}
.float-top { color: #c6bbae; }
.float-icon.blue { background: #302519; color: #e4b676; }
.float-icon.purple { background: #342b23; color: #e7c394; }
.float-meta { color: #aba29a; }
.mini-dot { background: #928476; }
.success-point { background: #88c89f; }
.stage-caption { color: #8f8981; }

/* Trust bar */
.quiet-banner { background: #151517; border-block: 1px solid #302b26; }
.banner-grid > div { color: #d0c7bb; }
.banner-grid > div:not(:last-child) { border-right-color: #36302a; }
.banner-grid .icon { color: #ddb378; }

/* Feature architecture */
.features { background: #0e0e10; color: #f1ede7; }
.section-kicker, .light-kicker { color: #d7ae73; }
.section-intro h2, .insight-copy h2, .faq-heading h2 { color: #f2efe9; }
.section-intro h2 span { color: #b9a17b; }
.section-intro p { color: #aca59d; }
.feature-card {
  background: linear-gradient(149deg, #1c1b1d, #151517 70%);
  border-color: #36302b;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.feature-icon { background: #2f251c; color: #e7c48d; border-color: #634b30; }
.feature-copy h3 { color: #f4f0e8; }
.feature-copy p { color: #b4aca3; }
.ai-demo {
  background: #171719;
  color: #eeeae3;
  border-color: #41362a;
  box-shadow: 0 0 0 12px rgba(255,255,255,.018);
}
.demo-tiny-title { color: #c7ae88; }
.demo-bubble { box-shadow: 0 4px 18px #0002; }
.demo-bubble-in { color: #e5e0d8; background: #242326; border-color: #403b36; }
.demo-bubble-out { color: #f2d9b1; background: #33281c; border: 1px solid #634a2a; }
.demo-ai-line { background: #211e1a; border-color: #55412c; color: #f0e8dc; }
.demo-spark { color: #edc78b; }
.demo-approved { background: #1c3326; color: #b6e6bb; }
.pipeline-demo { color: #eee8dd; background: #19191b; border-color: #45382b; box-shadow: 0 -10px 65px #0002; }
.mini-pipeline-header span:last-child { color: #b1a69b; }
.pipe-col { background: #242225; }
.pipe-col > span { color: #ccba9e; }
.pipe-item { background: #302a26; border: 1px solid #4b3c2d; box-shadow: 0 4px 15px #0002; color: #e8ddd0; }
.pipe-item i { background: #dcb176; }
.automation-demo { background: radial-gradient(ellipse at 50% 65%, rgba(145,105,58,.17), transparent 73%); }
.automation-step { color: #cbc1b3; }
.automation-node { border-color: #65513a; }
.node-blue { background: #392d20; color: #e9c28a; }
.node-purple { background: #3b3029; color: #edcba4; }
.node-green { background: #253c32; color: #afd9b3; }
.flow-connector { background: repeating-linear-gradient(90deg, #8d704c 0, #8d704c 4px, transparent 4px, transparent 8px); }

/* Process */
.process { background: #131315; }
.process .section-intro h2 span { color: #e2bd83; }
.step { border-top-color: #484036; }
.step::before { background: #e2b777; }
.step-number { color: #a89c8b; }
.step-icon { background: #2b241d; color: #e4bd85; border: 1px solid #4c3b28; }
.step h3 { color: #eae6de; }
.step p { color: #aea79f; }

/* Product intelligence section */
.insight-section {
  background:
    radial-gradient(ellipse 44% 80% at 83% 50%, rgba(143,101,51,.095), transparent 73%),
    #101012;
}
.insight-copy h2 span { color: #e3bd83; }
.insight-copy > p { color: #b9b0a5; }
.insight-points > div { color: #dfd8ce; }
.point-check { background: #302719; color: #ecc788; border: 1px solid #614a2b; }
.dashboard-window.ordo-dashboard.ordo-real { border-color: #52412c; box-shadow: 0 34px 90px rgba(0,0,0,.45), 0 0 55px rgba(191,142,70,.065); }
.dashboard-caption { color: #9a9083; }

/* Comparison */
.difference { background: #121214; }
.difference .section-intro h2 { color: #f1eee8; }
.compare-card { border-color: #383535; }
.compare-before { background: #1b1b1e; }
.compare-after {
  background: linear-gradient(135deg, #2d251c 0%, #211d1a 47%, #18181a 100%);
  border-color: #665037;
  box-shadow: inset 0 1px 0 rgba(238,188,115,.12);
}
.compare-label { color: #b5ada4; }
.compare-after .compare-label { color: #ebc489; }
.compare-dot { background: #77767a; }
.compare-after .compare-dot { background: #e8bd7a; box-shadow: 0 0 0 4px rgba(229,187,118,.16); }
.compare-before h3 { color: #c1bbb2; }
.compare-after h3 { color: #f0cc95; }
.compare-card li { color: #a8a39d; }
.compare-card li > span { color: #8e8580; }
.compare-card li .icon { color: #e5bc7e; }
.compare-after li { color: #ded2c0; }

/* Frequently asked questions */
.faq { background: #0d0e10; }
.faq-heading p { color: #aaa39c; }
.faq-items, .faq-items details { border-color: #373332; }
.faq-items summary { color: #ece8e1; }
.faq-items details[open] summary { color: #f1cd91; }
.faq-plus { border-color: #63513a; }
.faq-plus::before, .faq-plus::after { background: #deb77c; }
.faq-items details p { color: #b8b1a7; }

/* Demo / conversion */
.final-section { background: #0d0e10; }
.contact-card {
  background: linear-gradient(125deg, #231c15 0%, #151417 48%, #151518 100%);
  border-color: #58432e;
  box-shadow: 0 32px 80px rgba(0,0,0,.24), inset 0 1px 0 rgba(231,196,142,.09);
}
.contact-glow { background: radial-gradient(ellipse, rgba(195,143,72,.27), transparent 73%); }
.contact-kicker { color: #ebc68d; }
.contact-copy h2 { color: #f1eee9; }
.contact-copy h2 span { color: #f4d4a1; }
.contact-copy > p { color: #c2b8ad; }
.contact-note { color: #b9b0a2; }
.contact-note .icon { color: #e5be85; }
.demo-form {
  color: #f1ede6;
  background: #1c1c1e;
  border: 1px solid #47403a;
  box-shadow: 0 20px 55px rgba(0,0,0,.38);
}
.form-heading strong { color: #f4f0e8; }
.form-heading span { color: #aea79e; }
.demo-form label { color: #d4cdc4; }
.demo-form input {
  color: #f4efe7;
  background: #111215;
  border-color: #4b4540;
}
.demo-form input::placeholder { color: #92908a; }
.demo-form input:focus { border-color: #e0b775; box-shadow: 0 0 0 3px rgba(217,169,98,.20); }
.form-fineprint { color: #a19b93; }
.form-feedback.error { color: #ff9b9b; }
.form-feedback.success { color: #b9e2b7; }

/* Footer */
.footer { background: #101012; border-top-color: #37312b; }
.footer-main p { color: #aaa29a; }
.footer-links { color: #b5aea5; }
.footer-top { color: #e3bd80; }
.footer-bottom { border-top-color: #342f2b; color: #9c968e; }

/* Mobile: same brand, legible taps and no blue / bright panels */
@media (max-width: 760px) {
  .mobile-menu { background: rgba(17,17,19,.98); border-bottom-color: #5b452d; }
  .mobile-menu a:hover { background: #28221c; }
  .banner-grid > div:nth-child(-n+2) { border-bottom-color: #34302b; }
  .dashboard-window.ordo-dashboard.ordo-real { box-shadow: 0 22px 55px rgba(0,0,0,.48); }
}
@media (max-width: 420px) {
  .button-primary { box-shadow: 0 8px 21px rgba(188,135,65,.16); }
}


/* source: site.css */
/* ORDO — Institutional website & interactive public product tour.
   The demo mirrors visual patterns seen in the supplied screen recording, but never uses private CRM records. */
:root { --site-gold:#e2bd81; --site-goldlight:#f5deb4; --site-ink:#f4f0e9; --site-muted:#a8a39c; --site-panel:#18181a; --site-stroke:#35302b; }
.site-login {color:var(--site-gold)!important}
.desktop-nav a[aria-current="page"]{color:#f3d4a1;position:relative}
.desktop-nav a[aria-current="page"]::after{content:"";position:absolute;height:2px;background:#d8af70;bottom:-13px;left:0;right:0;border-radius:2px}
.site-explore{position:relative;background:radial-gradient(ellipse 65% 45% at 50% 34%,#35251557,transparent 78%),linear-gradient(180deg,#101012,#0c0c0e);border-top:1px solid #2b241e}
.site-explore-head{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:42px}
.site-explore-head h2{font:800 clamp(32px,4.5vw,58px)/1.12 Manrope,system-ui;letter-spacing:-.063em;color:#f4f1eb;margin:19px 0 0}
.site-explore-head h2 span{color:#dbb681}
.site-explore-head-side{max-width:365px}
.site-explore-head-side p{font-size:15px;line-height:1.85;color:#a9a39a;margin:0 0 18px}
.site-explore-shell{border:1px solid #57442e;border-radius:24px;background:#131315;overflow:hidden;box-shadow:0 40px 115px #0008,0 0 90px #b58b3c15}
.site-explore-shell-top{height:48px;border-bottom:1px solid #302c27;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 23px;background:linear-gradient(95deg,#24201d,#171719 52%);font-size:10px;font-weight:800;letter-spacing:.2em;color:#a7a09a}
.site-explore-window-dots{display:flex;gap:6px}.site-explore-window-dots i{display:block;width:7px;height:7px;border-radius:50%;border:1px solid #6a5d4d;background:#282728}
.site-explore-demo-tag{color:#d4b988;letter-spacing:.03em;font-size:10px}.site-explore-demo-tag span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d2b177;margin-right:5px;box-shadow:0 0 0 3px #d2b17719}
.site-explore-content{padding:24px}.site-explore-tabs{display:flex;gap:9px;margin-bottom:16px;flex-wrap:wrap}
.site-explore-tabs button{padding:10px 17px;border:1px solid #3b3630;background:#1b1b1e;border-radius:9px;color:#afaba5;font-size:12px;font-weight:700;transition:.2s}
.site-explore-tabs button:hover,.site-explore-tabs button.selected{color:#f1d4a4;border-color:#ab8152;background:#312719}
.site-explore-preview{min-width:0;min-height:405px}
.site-explore-shell-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 24px;border-top:1px solid #302c27;font-size:11px;color:#85817b}
.site-explore-shell-bottom a{color:#e0c08b;font-weight:700;display:flex;align-items:center;gap:7px}.site-explore-shell-bottom .icon{width:13px;height:13px}
/* Shared institutional-page furniture */
.site-page{background:#0c0c0e;color:#f1eee9;min-height:100vh}.site-page .site-header{position:fixed}
.site-page .footer{margin-top:0}
.site-page .container{max-width:1200px}
.site-hero{position:relative;overflow:hidden;padding:174px 0 80px;background:radial-gradient(ellipse 70% 82% at 53% 1%,#a075321c,transparent 72%),linear-gradient(180deg,#111113,#0c0c0e);border-bottom:1px solid #312920}
.site-hero::before{content:"";position:absolute;width:340px;height:340px;filter:blur(95px);background:#986f3825;right:12%;top:50px;pointer-events:none}
.site-hero .container{position:relative}
.site-crumbs{display:flex;gap:10px;align-items:center;margin-bottom:32px;color:#8f8880;font-size:12px;font-weight:600}.site-crumbs a:hover{color:#e3be86}.site-crumbs span{color:#c9a36d}
.site-hero-kicker{color:#e1b67c;font-size:11px;letter-spacing:.21em;font-weight:800;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px}
.site-hero-kicker::before{content:"";height:1px;width:27px;background:#d6a66a}
.site-hero h1{max-width:1020px;font:800 clamp(44px,6.2vw,86px)/1.07 Manrope,system-ui;letter-spacing:-.072em;margin:20px 0 28px;color:#f5f1ec}
.site-hero h1 em{font-style:normal;color:#ddb47b}
.site-hero-summary{max-width:670px;font-size:clamp(15px,1.7vw,19px);color:#b0aaa1;line-height:1.85;margin:0 0 31px}
.site-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.site-hero-fine{margin:30px 0 0;color:#89827c;font-size:12px}
.site-page .button-outline{background:#1e1d1c;color:#e5dacf;border-color:#5b5040}
.site-page .button-outline:hover{background:#29241e}
.site-stats-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #332b23;border-radius:18px;background:linear-gradient(120deg,#1d1b19,#121214);margin-top:62px;overflow:hidden}
.site-stats-band>div{padding:24px 30px;border-right:1px solid #332b23}.site-stats-band>div:last-child{border:0}
.site-stats-band b{display:block;font:800 25px/1.1 Manrope;color:#edd0a3;margin-bottom:5px;letter-spacing:-.03em}.site-stats-band span{font-size:12px;color:#9a948b}
.site-section{padding:112px 0;background:#0c0c0e}.site-section.alt{background:#101012}
.site-section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:40px}
.site-section-heading .left{max-width:650px}
.site-section-heading h2{font:800 clamp(32px,4.2vw,57px)/1.16 Manrope;letter-spacing:-.055em;margin:14px 0 0}
.site-section-heading p{max-width:390px;color:#a49c92;line-height:1.8;font-size:15px;margin:0}
/* Interactive platform shell */
.tour-environment{border:1px solid #4a392a;background:#141416;border-radius:25px;box-shadow:0 35px 110px #0009,0 0 90px #ab773820;overflow:hidden}
.tour-environment-bar{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #37302a;background:linear-gradient(95deg,#211c18,#151517)}
.tour-environment-brand{font-size:11px;color:#f0d7ae;font-weight:800;letter-spacing:.17em;display:flex;align-items:center;gap:10px}.tour-environment-brand img{width:24px;height:24px;object-fit:contain}
.tour-environment-demo{border:1px solid #514334;background:#2a251d;border-radius:50px;padding:7px 12px;color:#ccb18c;font-size:10px;font-weight:700}
.tour-grid{display:grid;grid-template-columns:minmax(175px,.85fr) minmax(0,4.3fr) minmax(190px,1.1fr);gap:0;min-height:655px}
.tour-rail{border-right:1px solid #35302a;background:#181719;padding:23px 13px}
.tour-rail>small{display:block;font-size:10px;letter-spacing:.16em;color:#847c70;margin:0 10px 17px;font-weight:800}
.tour-rail button{width:100%;text-align:left;display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#a39f99;font-size:12px;font-weight:650;margin:3px 0;transition:.18s}
.tour-rail button span{width:24px;height:24px;display:grid;place-items:center;color:#8c8171;font-size:16px;flex:none}
.tour-rail button:hover{background:#29231c;color:#e2ca9e}.tour-rail button.active{background:#3b2c1b;border-color:#735739;color:#efcf9b}.tour-rail button.active span{color:#ead4b0}
.tour-workspace{min-width:0;overflow:hidden;background:#0e0e10;padding:15px}
.tour-inspector{padding:29px 21px;border-left:1px solid #35302a;background:radial-gradient(ellipse at 90% 5%,#4f382421,transparent 70%),#161517;display:flex;flex-direction:column}
.tour-detail-kicker{font-size:10px;letter-spacing:.14em;color:#d5aa6d;font-weight:800}
.tour-inspector h3{font:800 clamp(18px,1.65vw,25px)/1.25 Manrope;letter-spacing:-.04em;margin:15px 0}
.tour-inspector p{color:#a5a097;font-size:12.5px;line-height:1.85;margin:0}
.tour-detail-divider{height:1px;background:#40362d;margin:25px 0}
.tour-detail-label{font-size:10px;font-weight:800;letter-spacing:.14em;color:#c8ac80}
.tour-inspector ul{padding:0;list-style:none;margin:15px 0;display:grid;gap:14px}
.tour-inspector li{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5;color:#c6bfb4}
.tour-inspector li span{color:#deb87c}
.tour-detail-caption{margin-top:auto;border-top:1px solid #38302a;padding-top:20px;color:#878078;font-size:11px;line-height:1.6}
.tour-controls{display:flex;align-items:center;gap:13px;padding:18px 22px;border-top:1px solid #35302a;flex-wrap:wrap}
.tour-controls .tour-progress-track{height:3px;width:120px;background:#423a31;border-radius:100px;overflow:hidden}
#tour-progress{height:100%;display:block;width:10%;background:linear-gradient(90deg,#9d6e38,#f0cb91);transition:width .4s}
.tour-controls>span{font-size:12px;color:#a7a098;font-weight:800}
.tour-controls button{font:700 12px DM Sans;border:1px solid #4d4034;color:#ddd1bf;background:#24201d;padding:10px 14px;border-radius:9px}
.tour-controls button:hover:not(:disabled){border-color:#aa8051;color:#f9deb2}
.tour-controls button:disabled{opacity:.35;cursor:not-allowed}
.tour-controls button.tour-control-gold{background:linear-gradient(115deg,#c28f51,#f0ce96);color:#1c140b;border-color:#e3bb82}
.tour-controls-spacer{flex:1}
.tour-disclaimer{font-size:11px;color:#868078;line-height:1.7;margin-top:19px}
.tour-disclaimer b{color:#c2b39e}
/* The ORDO replica: small nonfunctional public UI modeled from the screen recording */
.tour-app{display:grid;grid-template-columns:130px minmax(0,1fr);width:100%;min-height:590px;background:#101012;border:1px solid #292727;border-radius:11px;overflow:hidden;color:#d9d4ce;font-size:10px}
.tour-app-sidebar{background:#151516;border-right:1px solid #302c28;padding:11px 7px;display:flex;flex-direction:column}
.tour-app-org{display:flex;align-items:center;gap:6px;padding:9px 5px 13px;border-bottom:1px solid #292625;margin-bottom:10px}
.tour-app-org img{background:#231d18;border-radius:6px;object-fit:contain;padding:2px;flex:none}
.tour-app-org strong,.tour-app-org small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tour-app-org strong{font-size:9px}.tour-app-org small{color:#807b76;font-size:8px}
.tour-app-sidebar-items{display:flex;flex-direction:column;gap:2px}
.tour-app-sidebar-items button{width:100%;background:transparent;border:0;color:#8b8780;display:flex;align-items:center;gap:7px;text-align:left;padding:7px 6px;font-size:9px;border-radius:5px;font-weight:650}
.tour-app-sidebar-items button:hover,.tour-app-sidebar-items button.is-current{color:#dfb981;background:#382a1c}
.tour-app-sidebar-items button span{width:14px;text-align:center;font-size:12px}
.tour-app-user{margin-top:auto;border-top:1px solid #292525;padding-top:10px;display:flex;align-items:center;gap:6px}
.tour-app-user>span{display:grid;place-items:center;background:#d1a15d;color:#27180c;border-radius:50%;height:23px;width:23px;font-weight:800}
.tour-app-user strong,.tour-app-user small{display:block}.tour-app-user strong{font-size:9px}.tour-app-user small{color:#88817a;font-size:8px}
.tour-app-inner{min-width:0;display:flex;flex-direction:column}
.tour-app-topbar{background:#19191b;border-bottom:1px solid #2b2826;height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;gap:8px}
.tour-app-search{background:#111113;border:1px solid #302b27;border-radius:4px;color:#8c8580;padding:5px 10px;min-width:155px;font-size:9px}
.tour-app-topright{display:flex;align-items:center;gap:12px;color:#9b8e7c}.tour-app-topright img{object-fit:contain;border:1px solid #4e3b28;border-radius:5px;background:#25201b;padding:3px}
.tour-app-page{padding:19px 17px;flex:1;min-width:0;overflow:hidden}
.tour-content-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.tour-content-heading small{font-size:8px;color:#bd975e;font-weight:800;letter-spacing:.08em}
.tour-content-heading h3{font:800 19px/1.15 Manrope;letter-spacing:-.04em;margin:5px 0}
.tour-content-heading p{color:#7f7b75;font-size:9px;margin:0}
.tour-fake-action{background:linear-gradient(110deg,#b48850,#ecc588);color:#1e1308;border-radius:5px;padding:7px 9px;font-size:9px;white-space:nowrap;font-weight:800}
.tour-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 15px}
.tour-stat{background:#19191b;border:1px solid #302d29;border-radius:7px;padding:12px 9px;min-width:0}
.tour-stat span,.tour-stat strong,.tour-stat small{display:block}.tour-stat span{color:#9a9289;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tour-stat strong{font:800 clamp(12px,1.3vw,18px)/1.2 Manrope;color:#f0e8da;margin:6px 0}.tour-stat small{color:#74706b;font-size:7.5px}
.tour-board-head{display:flex;align-items:center;gap:6px;margin:8px 0 9px}.tour-pill{border:1px solid #403a31;border-radius:4px;color:#938b83;padding:4px 8px;font-size:8px}.tour-pill.active{background:#3f301f;border-color:#987447;color:#f0c993}.tour-pill.light{margin-left:auto;background:#1c1a1a}
.tour-board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;min-width:0}.tour-lane{background:#161618;border:1px solid #2b2927;border-radius:6px;padding:7px;min-height:220px;min-width:0}
.tour-lane-title{display:flex;justify-content:space-between;align-items:center;gap:3px;font-weight:700;font-size:8px;color:#c0b6ac;margin-bottom:7px}.tour-lane-title span:last-child{color:#987d55}
.tour-deal{border:1px solid #383229;background:#1d1d1e;border-radius:5px;padding:7px 6px;margin-bottom:6px;min-width:0}.tour-deal strong{display:block;font-size:8px;line-height:1.4;margin-bottom:7px;overflow-wrap:anywhere}.tour-deal-source{display:inline-block;font-size:7px;color:#a9badd;background:#252b36;border-radius:4px;padding:2px 4px}.tour-deal-split{display:flex;gap:2px;align-items:center;justify-content:space-between;font-size:7px;color:#bfb3a1;margin-top:8px}.tour-priority{font-size:7px;color:#d2b98b;background:#3a3020;border-radius:3px;padding:2px}.tour-deal small{display:block;font-size:7px;color:#858079;margin-top:8px;border-top:1px solid #35302a;padding-top:5px}.tour-empty-deal{border:1px dashed #39322b;border-radius:5px;padding:18px 6px;text-align:center;font-size:8px;color:#6d6861}
.tour-split{display:grid;grid-template-columns:1.05fr 1fr;gap:10px}.tour-panel{background:#1a1a1c;border:1px solid #34302b;padding:15px;border-radius:8px;min-width:0}.tour-panel-title{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:800;color:#d2c8bb;margin-bottom:14px}.tour-panel-title span{color:#ac8d61;font-size:8px;white-space:nowrap}
.tour-bar-row{margin:11px 0}.tour-bar-row>div{display:flex;align-items:center;justify-content:space-between;color:#aca69d;font-size:9px;margin-bottom:5px}.tour-bar-row b{color:#e8c38a}.tour-bar-row i{display:block;background:#302d2a;height:6px;border-radius:6px;overflow:hidden}.tour-bar-row em{display:block;height:100%;background:linear-gradient(90deg,#7d5b33,#e6b976);border-radius:6px}
.tour-task,.tour-appointment,.tour-source,.tour-setting,.tour-person{border-bottom:1px solid #322d28;padding:13px 0;display:flex;align-items:center;gap:10px}.tour-task:last-child,.tour-appointment:last-child,.tour-source:last-child,.tour-setting:last-child,.tour-person:last-child{border-bottom:0}.tour-task>b{color:#d3ac76;font-size:11px}.tour-task strong,.tour-task small,.tour-appointment strong,.tour-appointment small{display:block}.tour-task strong,.tour-appointment strong{font-size:10px}.tour-task small,.tour-appointment small{font-size:8px;color:#857d73;margin-top:4px}
.tour-search-filter{border:1px solid #3b342d;border-radius:6px;padding:10px;color:#8d837a;font-size:9px;display:flex;align-items:center;gap:8px;margin-bottom:10px}.tour-search-filter span:nth-child(2){flex:1}
.tour-table-wrap{overflow-x:auto}.tour-data-table{border-collapse:collapse;width:100%;min-width:360px}.tour-data-table th{text-align:left;font-size:8px;letter-spacing:.06em;color:#898078;padding:10px 8px;background:#1c1c1e;border-bottom:1px solid #36312c}.tour-data-table td{padding:12px 8px;border-bottom:1px solid #2d2a27;color:#c7c0b8;font-size:9px;white-space:nowrap}.tour-contact{display:flex;align-items:center;gap:7px;font-weight:700}.tour-contact>span{height:23px;width:23px;border:1px solid #5a4630;background:#362819;display:grid;place-items:center;border-radius:50%;font-size:8px;color:#e9ca96}.tour-status{background:#3a301e;border:1px solid #6b5431;color:#ecc98f;padding:4px 6px;border-radius:50px;font-size:8px;white-space:nowrap}
.tour-agenda-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:10px}.tour-calendar{padding:4px}.tour-weekdays,.tour-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.tour-weekdays span{color:#93897f;text-align:center;font-size:8px}.tour-days{margin-top:8px}.tour-day{border:1px solid #37302a;border-radius:4px;height:31px;position:relative;padding:5px;font-size:8px;color:#bab0a5}.tour-day.muted{opacity:.24}.tour-day.is-today{border-color:#b0884d;background:#382918;color:#f2c98d}.tour-day i{position:absolute;bottom:4px;left:5px;width:4px;height:4px;background:#e8bd7f;border-radius:50%}.tour-appointment>span{min-width:46px;color:#dbb67c;font-size:9px}
.tour-chart{height:170px;display:flex;align-items:end;gap:9px;padding:10px 0 0;overflow:hidden}.tour-chart-col{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:8px}.tour-chart-col i{display:block;width:75%;background:linear-gradient(#f1ce8f,#8b602d);border-radius:4px 4px 0 0;min-height:8px}.tour-chart-col small{color:#948a7e;font-size:8px}.tour-source b,.tour-setting b{border-radius:6px;display:grid;place-items:center;background:#3a2b1d;color:#d8b783;height:27px;width:27px;flex:none}.tour-source span,.tour-setting span{flex:1;font-size:10px;font-weight:700}.tour-source small,.tour-setting small{display:block;color:#7f7770;font-size:8px;margin-top:4px}.tour-source>strong{color:#efc991}
.tour-conversations{display:grid;grid-template-columns:40% 60%;min-height:380px;border:1px solid #36302b;border-radius:8px;overflow:hidden}.tour-inbox{background:#1a1a1c;border-right:1px solid #34302c;padding:12px}.tour-inbox-search{padding:9px;border-radius:5px;border:1px solid #3b3630;color:#938c84;font-size:9px;margin-bottom:10px}.tour-inbox-item{display:flex;gap:7px;align-items:center;border:1px solid transparent;border-radius:6px;padding:9px 6px}.tour-inbox-item.selected{background:#30271c;border-color:#594127}.tour-inbox-item i,.tour-chat-head>b{height:25px;width:25px;background:#614523;color:#eac991;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:8px;flex:none}.tour-inbox-item span{flex:1;min-width:0}.tour-inbox-item strong,.tour-inbox-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tour-inbox-item strong{font-size:9px}.tour-inbox-item small{font-size:8px;color:#8c847a}.tour-inbox-item em{font-size:7px;color:#85786c;font-style:normal}.tour-chat{display:flex;flex-direction:column;min-width:0}.tour-chat-head{border-bottom:1px solid #332e29;padding:11px;display:flex;align-items:center;gap:7px}.tour-chat-head div{flex:1}.tour-chat-head strong,.tour-chat-head small{display:block}.tour-chat-head strong{font-size:10px}.tour-chat-head small{font-size:8px;color:#908981}.tour-chat-head>span{font-size:8px;color:#b0a08a}.tour-chat-stream{flex:1;padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.tour-chat-date{align-self:center;color:#857e77;font-size:8px}.tour-bubble{max-width:87%;background:#29282a;padding:10px 12px;border-radius:8px;font-size:9px;line-height:1.6}.tour-bubble.outgoing{align-self:flex-end;background:#3a2b1d;color:#f0dac2}.tour-bubble span{color:#d5b379}.tour-chat-compose{border:1px solid #3f3730;margin:9px;padding:10px;border-radius:6px;display:flex;justify-content:space-between;color:#817a70;font-size:9px}.tour-chat-compose span{color:#daba83}
.tour-integrations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tour-integration{border:1px solid #3a3129;background:#1b1a1c;padding:18px 12px;border-radius:8px;display:flex;flex-direction:column;gap:8px}.tour-integration-icon{border:1px solid #705338;background:#332618;display:grid;place-items:center;border-radius:7px;color:#e2be87;width:31px;height:31px;font-size:17px}.tour-integration strong{font-size:11px}.tour-integration small{font-size:9px;color:#9b9187;line-height:1.4}.tour-integration span{font-size:8px;color:#d5ae76;margin-top:auto}.tour-disclaimer-inline{font-size:9px;color:#8c847c;margin-top:15px}.tour-setting em{color:#c8a56e;font-size:14px;font-style:normal}.tour-person>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#3d2e1e;color:#e3ba7e}.tour-person strong{font-size:10px;flex:1}.tour-person small{font-size:8px;color:#aaa198}
.tour-app-watermark{border-top:1px solid #2b2725;padding:6px 14px;text-align:right;color:#615b56;font-size:8px}
.site-explore-preview .tour-app{min-height:380px;grid-template-columns:128px minmax(0,1fr)}
.site-explore-preview .tour-app-page{padding:15px}.site-explore-preview .tour-app-sidebar-items button{padding:4px 6px}.site-explore-preview .tour-app-topbar{height:34px}
.site-explore-preview .tour-stats{margin:10px 0}.site-explore-preview .tour-stat{padding:9px}.site-explore-preview .tour-board .tour-lane{min-height:175px}
/* Product feature overview, also on resources page */
.site-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.site-story-card{position:relative;overflow:hidden;min-height:248px;border:1px solid #3d3429;border-radius:17px;padding:27px;background:linear-gradient(145deg,#211e1b,#151516)}
.site-story-card::after{content:"";position:absolute;width:145px;height:145px;right:-90px;top:-70px;background:#97704430;border-radius:50%;filter:blur(24px)}.site-story-num{font:800 12px Manrope;letter-spacing:.14em;color:#c6a373}.site-story-card h3{font:800 22px/1.2 Manrope;letter-spacing:-.04em;margin:38px 0 11px}.site-story-card p{font-size:13px;color:#aaa299;line-height:1.75;margin:0}
.site-resource-top{padding:145px 0 70px;background:radial-gradient(ellipse 70% 70% at 60% 0%,#8c63272a,transparent),#0e0e10}.site-resource-top h1{font:800 clamp(46px,6vw,80px)/1.07 Manrope;letter-spacing:-.07em;max-width:950px;margin:20px 0 20px}.site-resource-top h1 span{color:#d6ae74}.site-resource-top p{font-size:17px;line-height:1.8;color:#a9a39b;max-width:670px}
.site-resource-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.site-resource-filters button{border:1px solid #493c2f;border-radius:99px;background:#1b1a1b;color:#bdb1a1;padding:10px 20px;font:700 12px DM Sans}.site-resource-filters button.active,.site-resource-filters button:hover{background:#3c2d1c;color:#f3d6a7;border-color:#aa8455}
.site-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.site-resource-card{background:#19181a;border:1px solid #39312a;border-radius:18px;padding:27px;min-height:247px;display:flex;flex-direction:column}.site-resource-card[hidden]{display:none!important}.site-resource-card .site-iconbox{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#3a2c1d;color:#e9c993;font-size:19px;border:1px solid #705033}.site-resource-card>small{font-size:9px;color:#aa8252;letter-spacing:.16em;font-weight:800;margin-top:23px}.site-resource-card h3{font:800 21px/1.22 Manrope;margin:8px 0 10px;letter-spacing:-.04em}.site-resource-card p{color:#a7a096;font-size:13px;line-height:1.7;margin:0 0 18px}.site-resource-card a{color:#e4bc80;font-size:12px;font-weight:800;margin-top:auto}.site-resource-card a:hover{text-decoration:underline}
.site-next{padding:85px 0;background:radial-gradient(ellipse at 70% 40%,#b5883423,transparent 65%),#151416;border-top:1px solid #423326;border-bottom:1px solid #423326}.site-next-layout{display:flex;justify-content:space-between;align-items:center;gap:30px}.site-next h2{font:800 clamp(29px,4vw,47px)/1.13 Manrope;letter-spacing:-.055em;margin:0 0 15px}.site-next p{color:#a8a199;line-height:1.7;margin:0;max-width:600px}
.site-page-footer{border-top:1px solid #332b25;background:#0d0d0f}.site-page-footer .footer-main{padding-top:55px;padding-bottom:45px}
/* Feature interactions */
@media(max-width:1190px){.tour-grid{grid-template-columns:155px minmax(0,1fr)}.tour-inspector{grid-column:1 / -1;display:block;border-left:0;border-top:1px solid #39312a;padding:21px 26px}.tour-inspector h3{max-width:670px}.tour-inspector ul{display:flex;gap:15px;flex-wrap:wrap}.tour-inspector li{max-width:230px}.tour-detail-caption{display:none}.tour-inspector .tour-detail-divider{margin:15px 0}.tour-workspace{min-height:520px}}
@media(max-width:900px){.site-explore-head,.site-section-heading{align-items:start;flex-direction:column}.site-explore-head-side,.site-section-heading p{max-width:680px}.site-story-grid,.site-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-stats-band>div{padding:19px}.tour-app{grid-template-columns:112px minmax(0,1fr)}.tour-app-sidebar-items button{font-size:8px}.tour-lane:nth-child(n+5){display:none}.tour-board{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.site-hero{padding:125px 0 58px}.site-hero h1{font-size:clamp(40px,9vw,64px)}.site-section{padding:75px 0}.site-crumbs{margin-bottom:22px}.site-stats-band{grid-template-columns:1fr;gap:0;margin-top:42px}.site-stats-band>div{border-right:0;border-bottom:1px solid #332b23;padding:17px 21px}.site-stats-band>div:last-child{border:0}.site-stats-band b{font-size:21px}.tour-grid{grid-template-columns:1fr}.tour-rail{border-right:0;border-bottom:1px solid #393129;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:7px;scrollbar-width:thin;padding:11px 12px}.tour-rail>small{display:none}.tour-rail button{white-space:nowrap;width:auto;flex:none;padding:9px 12px;margin:0}.tour-rail button span{width:auto}.tour-workspace{padding:8px;min-height:0}.tour-app{min-height:485px;grid-template-columns:100px minmax(0,1fr)}.tour-app-sidebar-items button:nth-child(n+9){display:none}.tour-app-page{padding:14px 10px}.tour-app-sidebar-items button{padding:7px 2px}.tour-inspector{padding:22px}.tour-environment-bar{padding:12px}.tour-environment-demo{font-size:9px}.site-explore-content{padding:12px}.site-explore-shell-top{padding:0 12px}.site-explore-preview{min-height:340px}.site-explore-preview .tour-app{min-height:335px}.site-explore-shell-bottom{padding:14px;flex-wrap:wrap}.site-next-layout{align-items:start;flex-direction:column}.tour-controls{padding:13px;gap:8px}.tour-controls-spacer{flex-basis:100%}.tour-controls button{padding:10px 12px}.site-resource-top{padding:130px 0 55px}.site-resource-top h1{font-size:43px}}
@media(max-width:560px){.site-story-grid,.site-resource-grid{grid-template-columns:1fr}.site-explore-head h2{font-size:33px}.site-explore-head{margin-bottom:23px}.site-explore-shell{border-radius:15px}.site-explore-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.site-explore-tabs button{white-space:nowrap;padding:9px 13px}.tour-app{grid-template-columns:minmax(0,1fr);min-height:425px}.tour-app-sidebar{display:none}.tour-app-page{padding:12px}.tour-app-topbar{padding:0 9px}.tour-app-search{min-width:0;max-width:170px}.tour-stat{padding:9px 6px}.tour-stat span{font-size:7px}.tour-stat strong{font-size:12px}.tour-stat small{font-size:7px}.tour-content-heading h3{font-size:17px}.tour-fake-action{font-size:8px;padding:6px}.tour-board{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}.tour-board .tour-lane{flex:0 0 145px;min-height:200px;scroll-snap-align:start}.tour-lane:nth-child(n+5){display:block}.tour-lane-title{font-size:9px}.tour-deal strong{font-size:9px}.tour-split,.tour-agenda-grid{grid-template-columns:1fr}.tour-panel{padding:12px}.tour-conversations{grid-template-columns:1fr}.tour-inbox{display:none}.tour-chat{min-height:265px}.tour-integrations{grid-template-columns:repeat(2,minmax(0,1fr))}.tour-app-page .tour-stats{gap:5px}.site-explore-preview .tour-app{min-height:350px}.site-explore-preview .tour-app-page{padding:10px}.site-explore-shell-bottom span{line-height:1.5}.site-explore-shell-top{font-size:8px;letter-spacing:.12em}.site-resource-card{min-height:225px}.site-next{padding:60px 0}}
@media(prefers-reduced-motion:reduce){.tour-bar-row em,#tour-progress{transition:none}.site-explore-tabs button,.tour-rail button{transition:none}}
/* Compact navigation for mid-sized laptops */
@media(min-width:761px) and (max-width:1130px){
 .desktop-nav a[href*="como-funciona"],.desktop-nav a[href*="perguntas"]{display:none}
 .desktop-nav{gap:16px}.nav-container{gap:18px}
}


/* source: site-v2.css */

/* ORDO V2 — site real com páginas independentes. Mantém paleta grafite e dourado. */
.site-v2{background:#0b0b0d;color:#f3f0e9}
.site-v2 .site-header{position:sticky;top:0;z-index:100;background:rgba(12,12,14,.95);backdrop-filter:blur(18px);border-bottom:1px solid #302a24}
.site-v2 .site-header .brand{white-space:nowrap}
.site-v2 .desktop-nav{gap:clamp(12px,1.35vw,22px)}
.site-v2 .desktop-nav a{font-size:12px}
.site-v2 .desktop-nav a[aria-current=page]::after{bottom:-12px}
.site-v2 main{min-height:50vh}
.site-v2 .button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px}
.home-hero-v2{padding:64px 0 58px;background:radial-gradient(ellipse 65% 90% at 70% 8%,#9d6c2725,transparent 71%),#0b0b0d}
.home-hero-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:42px}
.home-hero-copy h1{font:800 clamp(48px,5.1vw,82px)/1.06 Manrope,system-ui;letter-spacing:-.072em;margin:18px 0 20px;color:#f5f0e7}
.home-hero-copy h1 em{font-style:normal;color:#dfb678}
.home-hero-copy>p{color:#b7afa5;font-size:clamp(16px,1.6vw,19px);line-height:1.8;max-width:510px;margin:0 0 28px}
.home-hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.home-hero-trust{font-size:11px;color:#81796f;max-width:400px;margin-top:27px;line-height:1.55}
.home-hero-demo{min-width:0}.home-hero-demo .site-explore-shell{border-radius:19px;box-shadow:0 34px 100px #0007}
.home-hero-demo .site-explore-shell-top{padding:0 16px;height:41px;letter-spacing:.09em;font-size:9px}
.home-hero-demo .site-explore-demo-tag{font-size:8px}
.home-tour-v2{padding:12px}.home-tour-tabs{display:flex;gap:6px;margin-bottom:11px}
.home-tour-tabs button{padding:8px 12px;font-size:11px;color:#b5a89a;background:#1d1b1a;border:1px solid #40372f;border-radius:9px;font-weight:700;cursor:pointer}
.home-tour-tabs button.selected,.home-tour-tabs button:hover{background:#392b1c;border-color:#ba8853;color:#edca97}
.home-tour-v2 .tour-app{min-height:355px;grid-template-columns:112px minmax(0,1fr)}
.home-tour-v2 .tour-app-sidebar-items button:nth-child(n+8){display:none}
.home-tour-v2 .tour-app-page{padding:13px}.home-tour-v2 .tour-stat{padding:9px 7px}
.home-tour-v2 .tour-board .tour-lane{min-height:175px}
.home-preview-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #3d342a;color:#e7c389;font-size:12px;font-weight:750;padding:14px 19px}
.home-modules-v2{padding:65px 0 72px;background:#111113;border-top:1px solid #2b261f;border-bottom:1px solid #2b261f}
.home-section-row{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:26px}
.home-section-row h2,.home-bottom-v2 h2,.site-info-split h2{font:800 clamp(28px,3vw,43px)/1.18 Manrope,system-ui;letter-spacing:-.055em;margin:12px 0}
.site-text-link{color:#e6c388;font-size:13px;font-weight:700}
.home-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.home-module-card{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:16px;background:linear-gradient(145deg,#211e1b,#161517);border:1px solid #3b332b;min-height:240px;transition:transform .18s,border-color .18s}
.home-module-card:hover{transform:translateY(-3px);border-color:#ae8659}
.home-module-icon{font-size:24px;color:#dbb77e}.home-module-card b{font:800 20px Manrope}
.home-module-card p{color:#a9a198;font-size:12px;line-height:1.65;margin:0}
.home-module-card>span:last-child{color:#dfb987;font-size:12px;font-weight:800;margin-top:auto}
.home-bottom-v2{padding:66px 0 78px;background:radial-gradient(ellipse at 70% 50%,#94662b26,transparent 65%),#0c0c0e}
.home-bottom-layout{display:flex;align-items:center;justify-content:space-between;gap:38px}.home-bottom-layout>div:first-child{max-width:540px}
.home-bottom-v2 p{color:#ada49b;line-height:1.75}.home-bottom-price{background:#1c1917;border:1px solid #5a442d;border-radius:18px;padding:22px 26px;min-width:340px;display:flex;flex-direction:column;gap:12px}
.home-bottom-price small{font-size:10px;color:#b7a185;letter-spacing:.15em;font-weight:800}
.home-bottom-price strong{font:800 42px Manrope;letter-spacing:-.07em;color:#f2d4a6}.home-bottom-price strong span{font:600 15px DM Sans;color:#c7b5a1;letter-spacing:0}
.site-footer-v2{border-top:1px solid #3b3128;background:#0b0b0d;padding:43px 0 25px}.site-footer-top{display:flex;align-items:center;justify-content:space-between;gap:22px}.site-footer-top p{color:#9e958b;max-width:380px;font-size:12px;line-height:1.6;margin:0}.site-footer-v2 nav{display:flex;flex-wrap:wrap;gap:22px;border-bottom:1px solid #2f2a24;padding:25px 0}.site-footer-v2 nav a{color:#b3aaa1;font-size:12px}.site-footer-v2 nav a:hover{color:#e6c48f}.site-footer-bottom{display:flex;gap:20px;justify-content:space-between;font-size:11px;color:#77716b;padding-top:19px}
.site-hero-v2{padding:78px 0 70px;border-bottom:1px solid #342b23;background:radial-gradient(ellipse at 72% 5%,#92652725,transparent 65%),#111012}
.site-hero-v2 .site-crumbs{margin:0 0 27px}
.site-hero-v2 h1{font:800 clamp(40px,5vw,70px)/1.12 Manrope;letter-spacing:-.068em;margin:15px 0 19px;max-width:970px}
.site-hero-v2 h1 em{font-style:normal;color:#e3b77b}
.site-hero-v2 p{font-size:16px;line-height:1.78;color:#b6aea4;max-width:740px;margin:0 0 26px}
.site-hero-v2 .site-hero-actions{display:flex;gap:11px;flex-wrap:wrap}
.site-section.tight{padding:68px 0 75px}
.site-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.site-process-step{padding:25px;background:#1c1a1a;border:1px solid #423526;border-radius:16px;display:flex;flex-direction:column;min-height:270px}
.site-process-step>span{font-size:10px;letter-spacing:.15em;color:#d9b57d;font-weight:800}
.site-process-step h3{font:800 24px Manrope;margin:36px 0 12px}.site-process-step p{font-size:13px;color:#aaa39b;line-height:1.7;margin:0 0 12px}.site-process-step b{margin-top:auto;color:#e4bb84;font-size:12px}
.site-process-step:hover,.module-point-card:hover{border-color:#a78051}
.site-info-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.site-info-split p{color:#b1aaa0;line-height:1.8;max-width:530px}
.site-note-card{background:#1c1a19;border:1px solid #423527;border-radius:18px;padding:34px;min-height:260px}
.site-note-card>span{color:#d5ae75;font-size:10px;letter-spacing:.12em;font-weight:800}.site-note-card h3{font:800 28px Manrope;letter-spacing:-.04em;margin-top:24px}
.site-plan-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:55px;align-items:start}
.site-plan-card{padding:36px;background:linear-gradient(150deg,#24201c,#121214);border:1px solid #8b633b;border-radius:23px;box-shadow:0 30px 100px #0005}
.site-plan-label{font-size:10px;font-weight:800;letter-spacing:.17em;color:#e8c28a}.site-plan-card h2{font:800 28px Manrope;margin:12px 0}.site-plan-card p{color:#aaa298;line-height:1.7}.site-plan-price{font:800 58px Manrope;letter-spacing:-.08em;color:#f0d4a8;margin:20px 0}.site-plan-price>span{font-size:40px}.site-plan-price small{font:500 15px DM Sans;letter-spacing:0;color:#b7aa9d}
.site-plan-separator{height:1px;background:#4a3728;margin:22px 0}.site-plan-card h3{font-size:14px}.site-plan-card ul{list-style:none;padding:0;display:grid;gap:14px;margin:20px 0 27px}.site-plan-card li{font-size:13px;color:#d7cec2}.site-plan-card li:first-letter{color:#d6ae75}.site-plan-card .button{display:flex}.site-plan-card .site-plan-note{font-size:11px;color:#958b80;line-height:1.7;margin-bottom:0}
.site-plan-details>h2{font:800 40px Manrope;letter-spacing:-.06em}.site-plan-detail{padding:24px 0;border-bottom:1px solid #383029}.site-plan-detail b{color:#e2c08d}.site-plan-detail p{color:#b2a99f;font-size:13px;line-height:1.8}.site-plan-detail a{color:#e3bf8a;font-size:13px;font-weight:700}
.site-faq-wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.65fr);gap:56px}.site-faq-list details{border-bottom:1px solid #44382e;padding:0 0 0}.site-faq-list summary{padding:22px 0;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:750;font-size:16px}.site-faq-list summary::-webkit-details-marker{display:none}.site-faq-list summary span{color:#d7b47e;font-size:21px}.site-faq-list details[open] summary span{transform:rotate(45deg)}.site-faq-list details p{margin:0 0 23px;font-size:14px;color:#b1a9a0;line-height:1.9;max-width:630px}
.site-faq-aside{background:#1d1a19;border:1px solid #4b3725;border-radius:20px;padding:29px;height:max-content;display:flex;flex-direction:column;gap:15px}.site-faq-aside h2{font:800 29px Manrope;letter-spacing:-.05em;margin:0}.site-faq-aside p{color:#b4a99e;line-height:1.7;margin:0}.site-faq-aside .button{width:100%}
.module-detail-section .site-section-heading{margin-bottom:25px}
.module-visual-window{border:1px solid #57422e;border-radius:19px;overflow:hidden;background:#111113;box-shadow:0 40px 130px #0008}
.module-visual-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;background:linear-gradient(90deg,#27211b,#181719);border-bottom:1px solid #43352b;font-weight:800;letter-spacing:.09em;font-size:10px;color:#e5c69a}
.module-visual-top span:first-child{display:flex;align-items:center;gap:11px}.module-visual-top img{object-fit:contain}.module-visual-bottom{padding:12px 17px;font-size:10px;color:#8b8177;border-top:1px solid #332c26}
#module-page-stage{padding:16px}#module-page-stage .tour-app{min-height:540px}
.module-points-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.module-point-card{background:#1d1b1a;border:1px solid #44382c;padding:25px;border-radius:16px}.module-point-card>span{color:#f0c58a;font-size:22px}.module-point-card h3{font:800 19px Manrope;letter-spacing:-.035em;margin:18px 0 9px}.module-point-card p{font-size:12px;line-height:1.75;color:#aca299;margin:0}
.module-use{margin-top:65px;display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:start}.module-use h2{font:800 36px Manrope;letter-spacing:-.05em}.module-use-steps>div{display:flex;gap:18px;align-items:center;border-bottom:1px solid #403327;padding:16px 0}.module-use-steps b{color:#d7b582;font:800 18px Manrope}.module-use-steps span{color:#c7bcb1;font-size:14px}
.module-navigation{border-top:1px solid #49382a;background:#151314;padding:26px 0}.module-navigation .container{display:flex;gap:16px;justify-content:space-between}.module-navigation a{min-width:190px;display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid #49392a;border-radius:12px;background:#1b1918}.module-navigation a:hover{border-color:#be925b}.module-navigation span{color:#a18d76;font-size:11px}.module-navigation strong{font-size:16px;color:#e7c38b}
.tour-module-link{display:block;padding:12px;border:1px solid #7b5932;border-radius:9px;background:#342719;color:#e8c08b!important;font-size:11px;text-align:center;font-weight:800;margin-top:14px}
.site-v2 .site-resource-top{padding-top:85px}
.site-v2 .site-hero{padding-top:90px}
@media(max-width:1150px){.home-hero-layout{gap:25px}.home-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-v2 .desktop-nav{gap:10px}.site-v2 .desktop-nav a{font-size:11px}}
@media(max-width:950px){.home-hero-layout{grid-template-columns:1fr}.home-hero-copy{text-align:left}.home-hero-v2{padding:56px 0}.home-hero-demo{max-width:790px;width:100%}.site-plan-layout{gap:35px}}
@media(max-width:760px){.site-v2 .site-header{position:sticky}.site-v2 .desktop-nav{display:none}.home-hero-v2{padding:42px 0}.home-hero-copy h1{font-size:clamp(48px,10vw,68px)}.home-hero-demo .tour-app{min-height:335px}.home-modules-v2,.home-bottom-v2{padding:48px 0}.home-bottom-layout{flex-direction:column;align-items:stretch}.home-bottom-price{min-width:0}.site-hero-v2{padding:52px 0}.site-hero-v2 h1{font-size:clamp(35px,8.5vw,56px)}.site-section.tight{padding:52px 0}.site-plan-layout,.site-faq-wrap,.site-info-split,.module-use{grid-template-columns:1fr;gap:23px}.site-footer-top,.site-footer-bottom{flex-direction:column;align-items:flex-start}.site-faq-aside{max-width:100%}.module-points-grid{grid-template-columns:1fr 1fr}#module-page-stage{padding:8px}.module-visual-top{padding:9px;font-size:9px}.module-navigation .container{flex-direction:column}.module-navigation a{width:100%}}
@media(max-width:550px){.home-module-grid,.module-points-grid,.site-process-grid{grid-template-columns:1fr}.home-module-card{min-height:185px}.home-section-row{flex-direction:column;align-items:flex-start}.home-hero-demo .tour-app{grid-template-columns:1fr}.home-hero-demo .tour-app-sidebar{display:none}.home-hero-demo .tour-app-page{padding:11px}.site-plan-card{padding:23px}.site-footer-v2 nav{gap:14px}.site-hero-v2 .site-hero-actions{flex-direction:column;align-items:stretch}.site-hero-v2 .button{width:100%}.module-use{margin-top:38px}}
@media(prefers-reduced-motion:reduce){.home-module-card{transition:none}}

@media(max-width:1050px) and (min-width:761px){.site-v2 .desktop-nav a{font-size:10px}.site-v2 .nav-container{padding:0 16px;gap:12px}.site-v2 .desktop-nav{gap:9px}.site-v2 .header-cta{padding:11px 13px;font-size:11px}}
@media(max-width:760px){.site-v2 .mobile-menu{background:#121215;border-bottom:1px solid #4b3a27;box-shadow:0 26px 45px #0009}.site-v2 .mobile-menu a{color:#e4dfd7}.site-v2 .mobile-menu a:hover{background:#24201a}.site-v2 .mobile-menu .mobile-menu-cta{color:#18130c;background:linear-gradient(110deg,#c99d60,#f1d19a);border:1px solid #e4bd7e}}


/* source: site-premium.css */
/* ORDO / premium editorial website — inspired by modern product storytelling, original visual identity. */
:root{--pn-gold:#e7bc78;--pn-gold-bright:#f4d59f;--pn-pearl:#faf6ef;--pn-ash:#b7b0aa;--pn-border:#38312b;--pn-black:#0b0b0e}
.pn-premium-page{background:#0b0b0e;color:var(--pn-pearl);font-family:'DM Sans',system-ui,sans-serif;overflow-x:clip}
.pn-premium-page *, .pn-premium-page *::before,.pn-premium-page *::after{box-sizing:border-box}
.pn-premium-page a{text-decoration:none}
.pn-premium-page button,.pn-premium-page a{touch-action:manipulation}
.pn-premium-page a:focus-visible,.pn-premium-page button:focus-visible{outline:2px solid #f5d6a5;outline-offset:4px}
.pn-premium-page .container{max-width:1250px;width:min(100% - 64px,1250px);margin-inline:auto}
.pn-premium-page .site-header{background:rgba(12,12,15,.87)!important;backdrop-filter:blur(22px);border-bottom:1px solid #40352878;box-shadow:0 12px 40px #0000001f}
.pn-premium-page .brand-word{letter-spacing:.075em}
.pn-premium-page .brand-logo{filter:drop-shadow(0 0 10px #e7bc7829)}
.pn-premium-page .desktop-nav a{font-size:12px;font-weight:650;color:#c2bbb2;transition:color .2s}
.pn-premium-page .desktop-nav a:hover{color:#f4d6a0}
.pn-premium-page .header-cta{background:linear-gradient(115deg,#c59554,#f2d3a0)!important;color:#201407!important;border:1px solid #f2cd8f!important;box-shadow:0 7px 24px #b4874530;transition:transform .2s,box-shadow .2s}
.pn-premium-page .header-cta:hover{transform:translateY(-2px);box-shadow:0 10px 28px #e3a75240}
.pn-premium-page .site-hero-v2,.pn-premium-page .site-resource-top{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 78% 16%,#7e532741 0%,transparent 36%),radial-gradient(circle at 5% 80%,#3c32252f,transparent 49%),#0c0c0f;border-color:#382d21}
.pn-premium-page .site-hero-v2::after,.pn-premium-page .site-resource-top::after{content:"";position:absolute;z-index:-1;width:450px;height:450px;border-radius:100%;border:1px solid #c3985836;right:-95px;top:-220px;box-shadow:0 0 0 85px #c3985809,0 0 0 175px #c3985805;pointer-events:none}
.pn-premium-page .site-hero-v2 h1,.pn-premium-page .site-resource-top h1{font-size:clamp(40px,5.8vw,72px);line-height:1.09;max-width:920px;letter-spacing:-.065em}
.pn-premium-page .site-hero-v2 p,.pn-premium-page .site-resource-top p{font-size:clamp(15px,1.45vw,18px);max-width:720px;line-height:1.75}
.pn-premium-page .site-hero-kicker,.pn-premium-page .section-kicker,.pn-premium-page .pn-eyebrow{letter-spacing:.18em;font-weight:800}
.pn-premium-page .button-primary{background:linear-gradient(120deg,#c4924f,#f2d2a0)!important;color:#1e150b!important;border:1px solid #f5d7a6!important;box-shadow:0 10px 28px #bf8c4a25;transition:transform .2s,box-shadow .2s}
.pn-premium-page .button-primary:hover{transform:translateY(-2px);box-shadow:0 16px 35px #c0904f38}
.pn-premium-page .button-outline{background:#ffffff08;border-color:#83715875;transition:.2s}
.pn-premium-page .button-outline:hover{border-color:#d6b283;background:#bd9e7520}
.pn-premium-page .site-resource-card,.pn-premium-page .module-point-card,.pn-premium-page .site-story-card,.pn-premium-page .site-process-step{background:linear-gradient(155deg,#24201cb3 0%,#171719 65%,#141416 100%);border-color:#4e403089;border-radius:21px;transition:transform .2s,border-color .2s,box-shadow .2s}
.pn-premium-page .site-resource-card:hover,.pn-premium-page .module-point-card:hover,.pn-premium-page .site-story-card:hover,.pn-premium-page .site-process-step:hover{transform:translateY(-4px);border-color:#c09259;box-shadow:0 20px 50px #00000033}
.pn-premium-page .site-plan-card,.pn-premium-page .site-faq-aside,.pn-premium-page .site-note-card{border-radius:24px;background:linear-gradient(145deg,#262018,#131315 75%);box-shadow:0 28px 75px #00000030}
.pn-premium-page .site-hero-v2.compact{padding-block:70px 62px}
.pn-premium-page .site-section.tight{padding-block:66px 74px}
.pn-premium-page .module-visual-window,.pn-premium-page .tour-environment{border-color:#84623d7a;box-shadow:0 32px 100px #0008,0 0 65px #d6a3600c}
.pn-premium-page .module-navigation a:hover{transform:translateY(-2px)}
.pn-premium-page .site-footer-v2{background:#09090b}
.pn-premium-page .site-footer-v2 nav a:hover{color:#f3ce91}
/* HOME: short, expressive and product-led. */
.pn-home{background:#0b0b0e;min-height:0!important}
.pn-home section{position:relative;isolation:isolate}
.pn-hero{overflow:hidden;background:radial-gradient(ellipse at 76% 33%,#79532d45 0%,transparent 45%),radial-gradient(ellipse at 22% 86%,#5640231e,transparent 45%),#0c0b0d;padding:82px 0 89px;border-bottom:1px solid #51402e6b}
.pn-orbit{position:absolute;pointer-events:none;width:680px;height:680px;border:1px solid #d0a46b1b;border-radius:50%;right:-280px;top:-300px;box-shadow:0 0 0 74px #c3935310,0 0 0 160px #c3935308}
.pn-orbit-two{right:auto;left:-500px;top:190px;opacity:.44}
.pn-hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(30px,4vw,70px);align-items:center}
.pn-hero-content{position:relative;z-index:2;max-width:600px}
.pn-brow{display:inline-flex;align-items:center;gap:11px;min-height:31px;padding:7px 12px;border:1px solid #916b3e79;border-radius:99px;background:#bd8b4420;font-size:10px;line-height:1.1;letter-spacing:.15em;color:#f3d1a0;font-weight:800}
.pn-brow-light{width:7px;height:7px;background:#dcb275;box-shadow:0 0 0 4px #c698502b;border-radius:50%}.pn-brow-divider{color:#77624b}
.pn-hero h1{font:800 clamp(49px,5.15vw,82px)/1.065 Manrope,system-ui;letter-spacing:-.077em;color:#fff9f1;margin:23px 0 22px}
.pn-hero h1 span{display:inline;background:linear-gradient(115deg,#f6dbb0,#c59350 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pn-hero-content>p{font-size:clamp(15px,1.55vw,19px);line-height:1.72;color:#c0b8ac;max-width:520px;margin:0 0 28px}
.pn-hero-actions{display:flex;flex-wrap:wrap;gap:11px}
.pn-btn{display:inline-flex;justify-content:center;align-items:center;gap:16px;border-radius:11px;padding:15px 20px;min-height:51px;font-size:13px;font-weight:800;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s;white-space:nowrap}
.pn-btn span{font-size:18px;font-weight:500}
.pn-btn:hover{transform:translateY(-2px)}
.pn-btn-gold{background:linear-gradient(105deg,#c8914d 0%,#f2d29c 50%,#d7a65f 100%);border:1px solid #f1d2a3;color:#201608!important;box-shadow:0 12px 32px #ac713943}
.pn-btn-gold:hover{box-shadow:0 15px 37px #ac713960}
.pn-btn-ghost{border:1px solid #80725e8a;color:#f4eee5;background:#ffffff0a}
.pn-btn-ghost:hover{background:#fff1d813;border-color:#e7bd78}
.pn-hero-benefits{display:flex;gap:15px 24px;flex-wrap:wrap;margin-top:29px;color:#a8a199;font-size:11px}
.pn-hero-benefits span{display:inline-flex;align-items:center;gap:7px}.pn-hero-benefits i{font-style:normal;color:#e6bc7c;font-size:13px}
.pn-hero-visual{position:relative;min-width:0;padding:23px 0 30px;z-index:2}
.pn-hero-glow{position:absolute;inset:3% 3% 6% 5%;background:#bf89462a;filter:blur(55px);pointer-events:none;z-index:-1}
.pn-browser{background:#111113;border:1px solid #786044a6;border-radius:19px;overflow:hidden;box-shadow:0 30px 100px #000a,0 0 0 8px #ffffff05;transform:perspective(1400px) rotateY(-3deg) rotateX(2deg);transition:transform .35s;min-width:0}
.pn-browser:hover{transform:perspective(1400px) rotateY(0deg) rotateX(0deg)}
.pn-browser-bar{display:flex;gap:15px;align-items:center;justify-content:space-between;background:linear-gradient(95deg,#29231d,#181719);border-bottom:1px solid #423729;height:43px;padding:0 16px;color:#bdb1a2;font-size:9px;letter-spacing:.12em;font-weight:800;white-space:nowrap}
.pn-browser-dots{display:flex;gap:5px}.pn-browser-dots i{width:7px;height:7px;background:#80674c;border-radius:50%;border:1px solid #ae8551}
.pn-browser-live{color:#dcb784;font-size:8px}.pn-browser-live span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d3a461;margin-right:4px}
.pn-browser-tabs{margin:0;display:flex;padding:12px 13px 10px;gap:6px;background:#131314;border-bottom:1px solid #282521}
.pn-browser-tabs button{border:1px solid #453b31;border-radius:7px;padding:8px 11px;background:#211e1b;color:#afa397;font-size:10px;font-weight:800;cursor:pointer}
.pn-browser-tabs button.selected,.pn-browser-tabs button:hover{background:#493320;border-color:#c59662;color:#ffe0b1}
.pn-tour{background:#101012}.pn-tour-stage{padding:12px;min-height:365px;overflow:hidden}
.pn-tour-stage .tour-app{min-height:343px;grid-template-columns:105px minmax(0,1fr);box-shadow:none;border-radius:7px}
.pn-tour-stage .tour-app-sidebar-items button:nth-child(n+8){display:none}
.pn-tour-stage .tour-app-page{padding:12px}.pn-tour-stage .tour-stat{padding:9px 6px}
.pn-tour-stage .tour-board .tour-lane{min-height:160px}
.pn-browser-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid #39302a;background:#191719;font-size:10px;color:#968b80}
.pn-browser-bottom a{font-weight:800;color:#eac18b;white-space:nowrap}
.pn-float-card{position:absolute;display:flex;gap:11px;align-items:center;background:#f5e8d3;color:#251c13;padding:13px 15px;border-radius:12px;box-shadow:0 18px 45px #0009;z-index:3;pointer-events:none}
.pn-float-a{right:-15px;top:4px;transform:rotate(4deg)}.pn-float-b{left:-28px;bottom:6px;transform:rotate(-3deg)}
.pn-float-icon{display:grid;place-items:center;width:33px;height:33px;background:#3b291b;color:#f5d8a7;border-radius:9px;font-size:18px}.pn-float-dark{background:#d8b477;color:#281b11}
.pn-float-card span small,.pn-float-card span strong{display:block}.pn-float-card span small{font-size:8px;letter-spacing:.1em;color:#746c5e;font-weight:800}.pn-float-card span strong{font-size:11px;margin-top:3px;font-weight:800}
.pn-values{background:#171516;border-bottom:1px solid #3d3329;padding:22px 0}
.pn-values-grid{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:22px;align-items:center}
.pn-values-label{letter-spacing:.19em;font-weight:800;font-size:10px;color:#a99a8a}
.pn-values-grid>div{display:flex;gap:11px;align-items:center;border-left:1px solid #544636;padding:9px 0 9px 20px}
.pn-values-grid b{font-size:12px;color:#dcb176}.pn-values-grid div span{color:#cfc4b6;font-size:12px;font-weight:700}
.pn-products{padding:89px 0 97px;background:linear-gradient(180deg,#101012 0%,#141315 100%)}
.pn-section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}
.pn-eyebrow{font-size:10px;letter-spacing:.2em;font-weight:800;color:#d9aa67}
.pn-section-heading h2,.pn-choose h2,.pn-final h2{font:800 clamp(32px,4.2vw,58px)/1.12 Manrope,sans-serif;letter-spacing:-.065em;margin:15px 0 0;color:#f6efe7}
.pn-section-heading h2 em,.pn-choose h2 em,.pn-final h2 em{font-style:normal;color:#e6bb80}
.pn-section-heading>p{max-width:340px;color:#b0a69b;font-size:14px;line-height:1.7;margin:0}
.pn-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pn-product-card{min-height:446px;border:1px solid #51402e;border-radius:22px;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,box-shadow .25s,border-color .25s}
.pn-product-card:hover{transform:translateY(-5px);border-color:#b98b54;box-shadow:0 26px 65px #0007}
.pn-product-sales{background:radial-gradient(circle at 80% 77%,#7453285e,transparent 55%),#211c18}.pn-product-chat{background:radial-gradient(circle at 20% 90%,#5a41304f,transparent 55%),#1c1b1d}.pn-product-data{background:radial-gradient(circle at 72% 90%,#6447255c,transparent 55%),#1c1b1a}
.pn-product-text{padding:27px 26px 0}.pn-card-overline{display:block;color:#d7b37a;letter-spacing:.14em;font-size:9px;font-weight:850}
.pn-product-text h3{font:800 25px/1.17 Manrope;letter-spacing:-.055em;color:#fff7eb;margin:19px 0 12px;max-width:300px}
.pn-product-text p{font-size:12px;line-height:1.7;color:#b9ada0;margin:0 0 19px;max-width:295px}.pn-product-text a{display:inline-flex;gap:10px;font-size:12px;color:#ffdb9e;font-weight:800;padding:0 0 12px}.pn-product-text a:hover{color:#fff}
.pn-mini-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:7px;margin:22px 0 -22px 20px;transform:rotate(-4deg);width:calc(100% + 16px)}
.pn-mini-pipeline>div{min-height:130px;padding:10px 8px;border-radius:10px;background:#141416;border:1px solid #574c3c;box-shadow:0 9px 25px #0006}.pn-mini-pipeline>div>span{font-size:8px;font-weight:800;color:#bfb5a9;display:flex;justify-content:space-between}.pn-mini-pipeline>div>span b{color:#efc793}.pn-mini-pipeline i{display:block;font-style:normal;border:1px solid #494032;border-radius:5px;background:#322a22;font-size:8px;color:#ede0cf;padding:10px 7px;margin-top:9px}
.pn-mini-chat{background:#141416;border:1px solid #554534;border-radius:12px;padding:13px;box-shadow:0 18px 40px #0007;transform:rotate(3deg);margin:12px 15px -22px 34px;min-height:184px}
.pn-mini-chat-head{display:flex;align-items:center;gap:9px;padding-bottom:9px;border-bottom:1px solid #38312b}.pn-mini-chat-head b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#4f3925;color:#dfba7d;font-size:10px}.pn-mini-chat-head strong,.pn-mini-chat-head small{display:block}.pn-mini-chat-head strong{font-size:9px;color:#ebdec9}.pn-mini-chat-head small{font-size:8px;color:#8b8175}.pn-mini-chat-head i{margin-left:auto;color:#d7b579;font-size:9px}
.pn-chat-bubble{width:fit-content;max-width:85%;padding:9px 12px;border-radius:9px;color:#d9c7b0;font-size:9px;line-height:1.6;margin-top:10px}.pn-chat-in{background:#2b2728}.pn-chat-out{background:#45311f;margin-left:auto;color:#ffe3b7}.pn-mini-chat-type{font-size:9px;border:1px solid #4b3b2c;border-radius:6px;padding:8px;color:#8e8073;margin-top:12px;display:flex;justify-content:space-between}.pn-mini-chat-type span{color:#e2b878}
.pn-mini-chart{background:#161618;border:1px solid #5b4735;border-radius:13px 13px 0 0;margin:20px 20px -15px;transform:rotate(-3deg);padding:16px;box-shadow:0 19px 35px #0008;min-height:170px}.pn-chart-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.pn-chart-top small{font-size:8px;color:#d9b883;font-weight:800;letter-spacing:.07em}.pn-chart-top span{font-size:8px;color:#8f8071}.pn-chart-bars{margin-top:15px;height:90px;border-bottom:1px solid #4c4032;display:flex;gap:12px;align-items:flex-end;justify-content:space-around;background:repeating-linear-gradient(to top,transparent 0,transparent 24px,#493c301f 25px)}.pn-chart-bars i{height:var(--h);width:23px;background:linear-gradient(to top,#78542e,#f0c78b);border-radius:5px 5px 0 0}.pn-chart-axis{display:flex;justify-content:space-around;font-size:7px;color:#897d6e;margin-top:8px}
.pn-products-more{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 3px 0;font-size:12px;color:#a9a098}.pn-products-more a{color:#e5bd82;font-weight:800}
.pn-choose{padding:82px 0 89px;background:radial-gradient(ellipse at 70% 40%,#79542d25,transparent 48%),#0d0c0e;border-top:1px solid #2b2722}
.pn-choose-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(35px,6vw,95px);align-items:center}.pn-choose h2{max-width:540px}.pn-choose-left>p{color:#b4a89b;font-size:14px;line-height:1.8;max-width:430px;margin:20px 0 28px}
.pn-choice-buttons{border-top:1px solid #493928;max-width:545px}.pn-choice-buttons button{width:100%;display:flex;align-items:center;gap:16px;min-height:61px;text-align:left;border:0;border-bottom:1px solid #493928;padding:12px 10px;color:#d2c5b5;background:transparent;font-weight:700;font-size:13px;cursor:pointer;transition:background .2s,color .2s}.pn-choice-buttons button>span{font-size:10px;font-weight:800;color:#aa8350;letter-spacing:.04em}.pn-choice-buttons button b{margin-left:auto;font-size:17px;font-weight:400;color:#927350}.pn-choice-buttons button:hover,.pn-choice-buttons button.is-active{color:#ffe3b8;background:#d2a66a12}.pn-choice-buttons button.is-active b{color:#e8bb7a}
.pn-choose-panel{border:1px solid #83613e85;border-radius:24px;background:linear-gradient(155deg,#24201a 0%,#151517 72%);box-shadow:0 29px 90px #0009;overflow:hidden;min-height:505px;display:flex;flex-direction:column;transition:border-color .2s}
.pn-choose-panel-top{display:flex;align-items:center;gap:13px;border-bottom:1px solid #524331;height:55px;padding:0 24px;color:#b3a390;letter-spacing:.15em;font-weight:800;font-size:9px}.pn-panel-symbol{display:grid;place-items:center;border:1px solid #8b663f;border-radius:7px;width:28px;height:28px;color:#f6d69e;font-size:17px}
.pn-choose-art{flex:1;min-height:214px;display:flex;align-items:center;justify-content:center;gap:0;position:relative;background:radial-gradient(ellipse at center,#c9975920,transparent 68%),linear-gradient(90deg,transparent,#e7b66a0a,transparent)}
.pn-art-node{background:#201b18;border:1px solid #7e5d39;border-radius:10px;padding:13px 12px;min-width:123px;max-width:145px;display:flex;align-items:center;gap:8px;color:#f3dbc0;font-size:10px;font-weight:800;box-shadow:0 15px 30px #0008}.pn-art-node i{margin-left:auto;color:#e8bb76;font-style:normal}.pn-art-center{background:#654326;border-color:#d3a666}.pn-art-connector{width:36px;height:1px;background:linear-gradient(90deg,#ab7e4b,#eac18a)}
.pn-panel-bottom{padding:26px 30px 29px;border-top:1px solid #44372b;background:#181719}.pn-panel-bottom>span{color:#ddaf70;letter-spacing:.12em;font-size:9px;font-weight:800}
.pn-panel-bottom h3{font:800 25px/1.23 Manrope;letter-spacing:-.045em;margin:11px 0 8px}.pn-panel-bottom p{font-size:12px;color:#ac9f92;line-height:1.75;margin:0 0 14px}.pn-panel-bottom a{color:#efc68c;font-size:12px;font-weight:800}
.pn-final{padding:0 0 93px;background:#0d0c0e}.pn-final-card{position:relative;overflow:hidden;display:grid;grid-template-columns:120px 1fr auto;gap:24px;align-items:center;background:linear-gradient(110deg,#2d2117,#4a321b 52%,#2a211b);border:1px solid #af8758;border-radius:28px;padding:40px 44px;box-shadow:0 32px 75px #0006}
.pn-final-card::after{content:"";position:absolute;width:510px;height:510px;border-radius:50%;border:1px solid #eac58c3b;right:-120px;top:-380px;pointer-events:none;box-shadow:0 0 0 70px #d6a9690b}
.pn-final-mark{width:110px;height:110px;border-radius:22px;display:grid;place-items:center;background:#09090b9c;border:1px solid #b48d5b70}.pn-final-mark img{width:90px;max-width:100%;height:90px;object-fit:contain}
.pn-final-copy h2{font-size:clamp(29px,2.85vw,43px);margin:10px 0 11px;max-width:560px}.pn-final-copy p{color:#d1bfa9;font-size:13px;line-height:1.7;margin:0;max-width:500px}
.pn-final-action{z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-width:195px}.pn-final-action>span{letter-spacing:.17em;color:#d9bb91;font-size:9px;font-weight:850}.pn-final-action strong{font:800 34px/1.1 Manrope;letter-spacing:-.065em;color:#ffe7c4}.pn-final-action small{font:600 13px DM Sans;letter-spacing:0;color:#d5bea0}.pn-final-action .pn-btn{font-size:12px;min-height:44px;padding:11px 16px}
/* Polishing the entire site without replacing its existing working routes. */
.pn-premium-page .site-resource-card .site-iconbox,.pn-premium-page .module-point-card>span{color:#f2d197}
.pn-premium-page .site-plan-price{background:linear-gradient(115deg,#fff3d9,#d4a264);background-clip:text;-webkit-background-clip:text;color:transparent}
.pn-premium-page .site-story-card:nth-child(2){background:linear-gradient(145deg,#2f261c,#161618)}
.pn-premium-page .site-story-card:nth-child(3){background:linear-gradient(145deg,#26201d,#151517)}
.pn-premium-page .site-process-step{min-height:240px}
.pn-premium-page .site-faq-list details[open]{background:#d3a56a09}
.pn-premium-page .site-resource-grid .site-resource-card a{display:inline-flex;align-items:center;gap:5px}
@media(max-width:1160px){.pn-hero-grid{gap:28px}.pn-hero h1{font-size:clamp(44px,5.2vw,72px)}.pn-float-a{right:-5px}.pn-float-b{left:-9px}.pn-hero-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}.pn-product-text h3{font-size:23px}.pn-final-card{grid-template-columns:82px 1fr auto;padding:31px}.pn-final-mark{width:80px;height:80px}.pn-final-mark img{width:67px;height:67px}}
@media(max-width:950px){.pn-hero{padding:59px 0 68px}.pn-hero-grid{grid-template-columns:1fr;gap:44px}.pn-hero-content{max-width:760px}.pn-hero h1{max-width:780px;font-size:clamp(49px,7vw,75px)}.pn-hero-visual{max-width:800px;margin:auto;width:100%}.pn-products-grid{grid-template-columns:1fr 1fr}.pn-product-data{grid-column:1/-1;min-height:350px}.pn-product-data .pn-mini-chart{max-width:370px;margin-left:auto;margin-right:25px}.pn-choose-layout{grid-template-columns:1fr;gap:32px}.pn-choose-left{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px;align-items:start}.pn-choose-left>.pn-eyebrow,.pn-choose-left h2,.pn-choose-left>p{grid-column:1}.pn-choice-buttons{grid-row:1/4;grid-column:2}.pn-choose-panel{min-height:420px}.pn-final-card{grid-template-columns:65px 1fr}.pn-final-action{grid-column:2;flex-direction:row;align-items:center;flex-wrap:wrap}.pn-final-action>span{width:100%}}
@media(max-width:760px){.pn-premium-page .container{width:min(100% - 38px,1250px)}.pn-premium-page .site-hero-v2.compact{padding:45px 0}.pn-premium-page .site-resource-top{padding-top:70px}.pn-values-grid{grid-template-columns:1fr 1fr;gap:8px 15px}.pn-values-label{grid-column:1/-1}.pn-values-grid>div{border-left:0;padding:4px 0}.pn-products{padding:65px 0}.pn-section-heading{align-items:start;flex-direction:column;gap:17px}.pn-section-heading>p{max-width:530px}.pn-choose{padding:63px 0}.pn-final{padding-bottom:60px}.pn-float-card{transform:none}.pn-browser{transform:none}.pn-browser:hover{transform:none}}
@media(max-width:610px){.pn-hero{padding:42px 0 51px}.pn-hero h1{font-size:clamp(42px,10.25vw,58px);letter-spacing:-.07em}.pn-hero-content>p{font-size:15px}.pn-hero-actions{display:grid;grid-template-columns:1fr;max-width:480px}.pn-btn{width:100%}.pn-hero-benefits{gap:11px 16px}.pn-hero-visual{padding:13px 0 17px}.pn-browser{border-radius:13px}.pn-browser-bar{padding:0 10px;height:38px;font-size:7px;gap:8px}.pn-browser-live{display:none}.pn-float-card{display:none}.pn-tour-stage{padding:7px;min-height:310px}.pn-tour-stage .tour-app{grid-template-columns:1fr;min-height:295px}.pn-tour-stage .tour-app-sidebar{display:none}.pn-tour-stage .tour-app-page{padding:9px}.pn-browser-bottom{align-items:start;gap:9px;flex-direction:column;padding:11px 14px}.pn-browser-tabs{padding:8px}.pn-browser-tabs button{padding:8px 10px}.pn-products-grid{grid-template-columns:1fr}.pn-product-card{min-height:378px}.pn-product-data{grid-column:auto}.pn-product-text h3{max-width:370px}.pn-product-text p{max-width:350px}.pn-mini-chart{max-width:380px}.pn-products-more{align-items:start;flex-direction:column}.pn-choose-left{display:block}.pn-choice-buttons{margin-top:23px}.pn-choose-panel{min-height:450px}.pn-art-node{min-width:0;max-width:100px;padding:11px 9px;font-size:8px}.pn-art-connector{width:16px}.pn-panel-bottom{padding:20px}.pn-final-card{display:flex;flex-direction:column;align-items:stretch;padding:25px}.pn-final-mark{width:65px;height:65px;border-radius:13px}.pn-final-mark img{width:54px;height:54px}.pn-final-action{display:flex;align-items:start;flex-direction:column}.pn-final-action .pn-btn{width:100%}.pn-final-copy h2{font-size:32px}}
@media(max-width:410px){.pn-brow{font-size:8px;padding:7px 10px}.pn-hero h1{font-size:43px}.pn-values-grid{grid-template-columns:1fr}.pn-values-grid>div{padding:2px 0}.pn-hero-benefits{font-size:10px}.pn-mini-pipeline{margin-left:9px}.pn-art-node{max-width:92px;font-size:7px}.pn-products{padding:50px 0}}
@media(prefers-reduced-motion:reduce){.pn-premium-page *, .pn-premium-page *::before,.pn-premium-page *::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}


/* source: signature.css */
/* ORDO Signature — website system, November 2026.
   Design reference concepts: Linear / Attio (product clarity), Stripe (restrained gradients), RD Station (content navigation).
   Original visual system; no copied layouts or brand assets. */
:root{--sig-ink:#171816;--sig-ink2:#30312d;--sig-muted:#61635f;--sig-cream:#f3f3f1;--sig-linen:#e8e8e5;--sig-paper:#fafaf8;--sig-dark:#141513;--sig-dark2:#20211e;--sig-gold:#d8b371;--sig-gold-soft:#e4c996;--sig-line:#d9d7cf;--sig-content:1240px;--sig-radius:12px}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body.sig-site{background:var(--sig-cream);color:var(--sig-ink);margin:0;font:400 16px/1.6 'DM Sans',system-ui,sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased}
body.sig-site *,body.sig-site *::before,body.sig-site *::after{box-sizing:border-box}
body.sig-site h1,body.sig-site h2,body.sig-site h3,body.sig-site p{margin-top:0}
body.sig-site h1,body.sig-site h2,body.sig-site h3{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.053em}
body.sig-site a{text-decoration:none}body.sig-site button{font:inherit;cursor:pointer}
body.sig-site img{max-width:100%;height:auto}body.sig-site a:focus-visible,body.sig-site button:focus-visible,body.sig-site summary:focus-visible{outline:3px solid #af7c35;outline-offset:4px}
.sig-container{width:min(calc(100% - 104px),var(--sig-content));margin-inline:auto}
.sig-skip{position:fixed;top:-200px;left:10px;padding:12px 22px;background:#fff;color:#111;z-index:2000}.sig-skip:focus{top:8px}
/* Global header: intentionally opaque, not blurred glass */
body.sig-site .sig-header{position:sticky;top:0;z-index:300;min-height:78px;background:#171815;border-bottom:1px solid #353630;box-shadow:none;padding:0;color:#f6f4ed;isolation:isolate}
.sig-nav-wrap{height:78px;width:min(calc(100% - 104px),var(--sig-content));margin:auto;display:flex;align-items:center;gap:50px}
body.sig-site .sig-brand{display:inline-flex;align-items:center;gap:11px;flex:none;color:#f8f1e4;min-width:fit-content}
.sig-brand-emblem{width:36px;height:36px;display:grid;place-items:center}.sig-brand-emblem img{width:100%;height:100%;object-fit:contain;filter:none}
.sig-brand-word{font:700 20px/.95 Manrope,sans-serif;letter-spacing:.09em;white-space:nowrap}.sig-brand-word small{font-size:8px;letter-spacing:.15em;vertical-align:middle;margin-left:5px;font-weight:700;color:var(--sig-gold)}
body.sig-site .sig-navigation{display:flex;justify-content:center;align-items:center;gap:31px;flex:1;margin:0;padding:0}
body.sig-site .sig-navigation a{color:#c9c7c0;font-size:13px;font-weight:600;white-space:nowrap;padding:12px 0;border-bottom:1px solid transparent;transition:color .2s}
body.sig-site .sig-navigation a:hover,body.sig-site .sig-navigation a[aria-current="page"]{color:#fff;border-color:#d9b371}
.sig-nav-actions{display:flex;align-items:center;gap:23px;margin-left:auto;white-space:nowrap}
.sig-login{color:#d8d6ce;font-size:13px;font-weight:600}.sig-login:hover{color:#fff}
.sig-nav-cta{background:#e2be80;color:#191913!important;padding:12px 19px;font:700 13px 'DM Sans',sans-serif;border-radius:5px;transition:background .2s}
.sig-nav-cta:hover{background:#efd29a}
body.sig-site .sig-header .sig-menu-toggle{display:none;background:none;border:0;min-width:43px;min-height:43px;padding:10px;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:none}
.sig-menu-toggle span{display:block;width:23px;height:2px;background:#f2e9da;border-radius:2px;transition:transform .2s,opacity .2s}
body.sig-site .sig-mobile-nav{display:none}
/* Shared small elements */
.sig-overline{font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#775c38;line-height:1.4;margin-bottom:22px}
.sig-overline-gold{color:#e8c992}
.sig-button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:13px 26px;border-radius:5px;white-space:nowrap;font:700 14px/1.3 'DM Sans',sans-serif;transition:background .2s,transform .2s;border:1px solid transparent;text-align:center}
.sig-button:hover{transform:translateY(-2px)}
.sig-button-gold{background:#ddb879;color:#222019!important;border-color:#dab171}.sig-button-gold:hover{background:#edca91}
.sig-text-action{font-size:14px;font-weight:700;color:#6b512c!important;display:inline-block;padding:8px 0;border-bottom:1px solid #b19162}.sig-text-action:hover{border-color:#644d2b;color:#32291c!important}
.sig-section-head{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.65fr);align-items:end;gap:7%;margin-bottom:44px}
.sig-section-head h2{font:700 clamp(31px,4.25vw,58px)/1.13 Manrope,sans-serif;letter-spacing:-.055em;color:var(--sig-ink);margin:0}
.sig-section-head h2 em{font-style:normal;color:#9d793f}
.sig-section-head>p{font-size:16px;line-height:1.75;color:#5d5d56;max-width:405px;margin:0 0 3px}
/* Home hero */
.sig-hero{position:relative;background:linear-gradient(113deg,#191b17 0%,#21231f 43%,#45433b 68%,#595244 100%);color:#f9f6eb;min-height:680px;overflow:hidden}
.sig-hero-wash{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 43% 96%,rgba(170,130,69,.17),transparent 56%);z-index:0}
.sig-hero-layout{position:relative;min-height:680px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.95fr);align-items:stretch;gap:5.1%;z-index:1}
.sig-hero-copy{position:relative;padding:89px 0 42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;z-index:2}
.sig-hero-copy h1{font:700 clamp(47px,5.05vw,73px)/1.105 Manrope,sans-serif;letter-spacing:-.068em;max-width:750px;color:#f7f7f3;margin:0 0 24px}
.sig-hero-copy h1 span{color:#dbb779;white-space:nowrap}
.sig-hero-copy>p{font-size:17px;line-height:1.75;color:#d1d0c8;max-width:550px;margin:0 0 31px}
.sig-hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-bottom:60px}
.sig-hero-inline{font:700 14px 'DM Sans',sans-serif;color:#f5eddf!important;border-bottom:1px solid #bcaf98;padding:8px 0}.sig-hero-inline:hover{color:#fff!important;border-color:#fff}
.sig-hero-foot{display:flex;flex-wrap:wrap;gap:0;color:#c5c4bc;font-size:11px;font-weight:600;line-height:1.3;margin-top:auto}
.sig-hero-foot span{padding:0 19px;border-right:1px solid #65645a}.sig-hero-foot span:first-child{padding-left:0}.sig-hero-foot span:last-child{border:0}
.sig-hero-photo{position:relative;height:100%;min-height:615px;overflow:hidden;margin-right:calc((min(100vw - 104px,var(--sig-content)) - 100vw)/2);isolation:isolate}
.sig-hero-photo img{width:100%;height:100%!important;object-fit:cover;object-position:49% center;display:block;filter:saturate(.72) contrast(1.045) brightness(.83)}
.sig-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#282b26 0%,rgba(40,43,38,.53) 10%,transparent 34%),linear-gradient(0deg,rgba(23,24,21,.34),transparent 40%);pointer-events:none}
/* Home brand promise */
.sig-intro{background:#f3f3f1;padding:108px 0 110px}
.sig-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;border-top:1px solid #d3d0c7}
.sig-focus-grid>div{padding-top:27px;border-top:2px solid #92734e;margin-top:-1px}
.sig-focus-index{font:700 12px 'DM Sans',sans-serif;color:#795a35}
.sig-focus-grid h3{color:#20211d;font:700 clamp(22px,2.1vw,28px)/1.28 Manrope,sans-serif;letter-spacing:-.045em;margin:16px 0 12px}
.sig-focus-grid p{max-width:340px;font-size:15px;color:#5f605b;line-height:1.75;margin:0}
/* Product demo */
.sig-product{background:linear-gradient(130deg,#181a17 0%,#25231f 55%,#161815 100%);color:#f7f3eb;padding:102px 0 112px}
.sig-product-header{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.6fr);gap:10%;align-items:end;margin-bottom:39px}
.sig-product-header h2{color:#f5f3ed;font:700 clamp(30px,4vw,53px)/1.18 Manrope,sans-serif;letter-spacing:-.055em;margin:0}
.sig-product-header p{font-size:15px;color:#c4c2bb;line-height:1.7;max-width:430px;margin:0 0 12px}
.sig-link-on-dark{font-size:14px;font-weight:700;color:#e4c18c!important;border-bottom:1px solid #c39a5c;display:inline-block;padding-bottom:5px}
.sig-live-demo{border:1px solid #504a3e;background:#0c0e0e;box-shadow:0 26px 58px rgba(0,0,0,.20);border-radius:9px;overflow:hidden}
.sig-demo-header{min-height:69px;padding:12px 23px;border-bottom:1px solid #34322e;background:#171816;display:flex;align-items:center;justify-content:space-between;gap:16px}
.sig-demo-mark{display:flex;align-items:center;gap:11px;color:#e6d8c0;font-size:14px;letter-spacing:.08em;font-weight:700}.sig-demo-mark img{width:30px;height:30px;object-fit:contain}.sig-demo-mark small{display:block;font-size:9px;letter-spacing:.13em;color:#a79b8b;font-weight:600;margin-top:2px}
.sig-demo-tabs{display:flex;gap:7px;flex-wrap:wrap}.sig-demo-tabs button{background:transparent;color:#b6b2a8;padding:10px 14px;border:1px solid transparent;border-radius:4px;font-size:13px;font-weight:650}
.sig-demo-tabs button:hover{background:#2b2a26;color:#fff}.sig-demo-tabs button.selected{background:#413324;border:1px solid #705b40;color:#f4dab1}
.sig-demo-stage{padding:10px 10px 0;min-width:0;overflow:auto;background:#101111}
.sig-demo-stage .tour-app{border:0;border-radius:0;box-shadow:none;min-height:500px}
.sig-demo-footnote{color:#a9a399;font-size:12px;margin:17px 0 0;text-align:right}
/* Editorial image/text */
.sig-editorial{background:#eaeae7;padding:107px 0 102px}
.sig-editorial-intro{max-width:930px;margin-bottom:67px}
.sig-editorial-intro h2{font:700 clamp(36px,4.5vw,62px)/1.17 Manrope,sans-serif;letter-spacing:-.055em;margin:0;color:#1b1c19}
.sig-editorial-intro h2 em{font-style:normal;color:#947341}
.sig-editorial-row{display:grid;grid-template-columns:1.07fr .9fr;gap:7.5%;align-items:center;border-top:1px solid #ccc8bc;padding:40px 0;min-height:420px}
.sig-editorial-row:last-child{border-bottom:1px solid #ccc8bc}
.sig-editorial-image{height:346px;overflow:hidden;background:#d8d3c7}
.sig-editorial-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.8)}
.sig-editorial-text{max-width:490px}
.sig-editorial-text>span{font:700 11px 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#80623d}
.sig-editorial-text h3{font:700 clamp(26px,3.25vw,41px)/1.23 Manrope,sans-serif;letter-spacing:-.055em;margin:22px 0 16px;color:#1d1e1b}
.sig-editorial-text p{color:#51524d;font-size:16px;line-height:1.8;max-width:445px;margin-bottom:19px}
.sig-editorial-reverse .sig-editorial-image{order:2}.sig-editorial-reverse .sig-editorial-text{order:1}
/* Process dark */
.sig-flow{background:linear-gradient(137deg,#1e211d 0%,#27251f 53%,#171916 100%);color:#f3f0e9;padding:108px 0}
.sig-flow-layout{display:grid;grid-template-columns:1fr 1fr;gap:13%}
.sig-flow h2{font:700 clamp(32px,3.7vw,50px)/1.18 Manrope,sans-serif;color:#f8f5ec;letter-spacing:-.053em;margin-bottom:20px}
.sig-flow-layout>div>p{font-size:16px;line-height:1.75;color:#c8c4ba;max-width:390px;margin-bottom:20px}
.sig-flow .sig-text-action{color:#e5bf83!important;border-color:#b18b57}
.sig-flow-list{border-top:1px solid #565248}
.sig-flow-list a{display:block;padding:21px 0;border-bottom:1px solid #565248;color:#f4efe5!important;transition:padding-left .2s}
.sig-flow-list a:hover{padding-left:9px}.sig-flow-list strong{display:block;font:700 17px Manrope,sans-serif;letter-spacing:-.035em}.sig-flow-list span{display:block;color:#b2aea6;font-size:14px;margin-top:4px}
/* Home price */
.sig-price-band{background:#f3f3f1;padding:101px 0 104px}
.sig-price-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr);gap:9%;align-items:center}
.sig-price-grid h2{font:700 clamp(33px,4vw,57px)/1.17 Manrope,sans-serif;letter-spacing:-.055em;color:#1e1f1a;margin:0 0 18px}
.sig-price-grid>div>p{font-size:16px;line-height:1.65;color:#5f605b}
.sig-price-side{border-left:1px solid #c4c0b5;padding:15px 0 15px 55px}
.sig-price-line{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.sig-price-line strong{font:700 clamp(35px,4.4vw,55px)/1.1 Manrope,sans-serif;letter-spacing:-.058em;color:#1d1e1a}.sig-price-line span{color:#66665e;font-size:14px}
.sig-price-side .sig-button{margin-top:13px}
/* Interior opening */
.sig-page-hero{background:linear-gradient(118deg,#f3f3f0 0%,#ededea 58%,#dfdfd9 100%);border-bottom:1px solid #d9d3c6}
.sig-page-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.91fr);min-height:560px;align-items:stretch;gap:6%}
.sig-page-hero-copy{padding:96px 0 87px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.sig-page-hero-copy h1{font:700 clamp(41px,5vw,68px)/1.13 Manrope,sans-serif;letter-spacing:-.063em;color:#191a16;margin:0 0 23px}
.sig-page-hero-copy h1 em{font-style:normal;color:#95764a}
.sig-page-hero-copy>p{font-size:17px;color:#52534d;line-height:1.75;max-width:560px;margin-bottom:29px}
.sig-page-hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.sig-page-hero-photo{overflow:hidden;height:100%;min-height:470px;margin-right:calc((min(100vw - 104px,var(--sig-content)) - 100vw)/2);position:relative}
.sig-page-hero-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.79);object-position:center}
.sig-page-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e9e9e5 0%,rgba(233,233,229,.3) 17%,transparent 39%);pointer-events:none}
.sig-detail-zone{padding:100px 0 108px}.sig-detail-light{background:#f5f5f3}
.sig-detail-zone .sig-section-head h2{max-width:730px}
.sig-tour-wrap{background:#161716;padding:0;overflow:hidden;min-width:0}
.sig-tour-wrap .tour-environment{box-shadow:none;border:1px solid #48443c;border-radius:9px}
.sig-tour-wrap .tour-grid{grid-template-columns:minmax(162px,.85fr) minmax(0,4.3fr) minmax(210px,1.15fr)}
.sig-tour-wrap .tour-rail button{font-size:12px}
.sig-tour-wrap .tour-app{border-radius:7px}
.sig-demo-legal{color:#707068;font-size:12px;line-height:1.65;margin:19px 0 0}
.sig-photo-story{background:linear-gradient(122deg,#1c1f1b 0%,#302d26 100%);color:#f6f1e8;padding:92px 0}
.sig-photo-story-grid{display:grid;grid-template-columns:1fr .8fr;gap:9%;align-items:center}
.sig-photo-story-grid>div:first-child{height:375px;overflow:hidden}.sig-photo-story-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);display:block}
.sig-photo-story h2{font:700 clamp(31px,3.3vw,46px)/1.22 Manrope,sans-serif;color:#f3f0e9;margin:0 0 19px}
.sig-photo-story p{color:#cec9c0;font-size:16px;line-height:1.76;max-width:490px}
.sig-photo-story .sig-text-action{color:#e2c08c!important;border-color:#bb945e}
.sig-end-cta{background:#e6e6e2;padding:72px 0;border-top:1px solid #d7d1c4}
.sig-end-cta-grid{display:flex;align-items:end;justify-content:space-between;gap:30px}
.sig-end-cta h2{font:700 clamp(27px,3.4vw,43px)/1.2 Manrope,sans-serif;max-width:690px;margin:0;color:#23231f}
.sig-end-cta .sig-overline{margin-bottom:12px}
/* Feature directory editorial rows */
.sig-resource-group{display:grid;grid-template-columns:190px minmax(0,1fr);gap:6%;border-top:1px solid #d2cec3;padding:38px 0 49px}
.sig-resource-group h3{font:700 15px/1.4 'DM Sans',sans-serif;color:#776041;letter-spacing:-.015em;margin:4px 0}
.sig-resource-row{display:grid;grid-template-columns:minmax(140px,.72fr) minmax(0,1.45fr) auto;align-items:center;gap:22px;padding:22px 0;border-bottom:1px solid #d8d4c9;color:var(--sig-ink)!important;min-height:89px}
.sig-resource-row:first-child{padding-top:0}
.sig-resource-row:hover .sig-resource-title{color:#856131}
.sig-resource-title{font:700 18px/1.3 Manrope,sans-serif;letter-spacing:-.035em;color:#21221e}
.sig-resource-description{font-size:14px;color:#555650;line-height:1.65}
.sig-resource-go{color:#775935;font-size:12px;font-weight:700;white-space:nowrap;border-bottom:1px solid #b59a73;padding-bottom:3px}
/* Modules */
.sig-module-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin:-3px 0 72px}
.sig-module-points>div{border-top:1px solid #cbc6b9;padding-top:18px}
.sig-point-rule{display:block;width:32px;height:2px;background:#ac854f;margin-bottom:17px}
.sig-module-points p{font:600 17px/1.55 'DM Sans',sans-serif;color:#3b3d38;margin:0}
.sig-module-caption{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:20px}
.sig-module-caption h3{font:700 29px/1.2 Manrope,sans-serif;color:#242520;margin:0}
.sig-module-caption .sig-overline{margin-bottom:11px}
.sig-module-caption>p{color:#5d5c56;font-size:14px;margin:0;max-width:300px;text-align:right}
.sig-module-demo{overflow:hidden;background:#111214;border:1px solid #4e4c45;border-radius:8px}
.sig-module-demo-bar{height:58px;display:flex;align-items:center;justify-content:space-between;background:#1c1d1b;color:#eee6d8;padding:0 20px;border-bottom:1px solid #34312d}
.sig-module-demo-bar>div{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.sig-module-demo-bar span{color:#aba296;font-weight:500}
.sig-module-demo-bar img{width:25px;height:25px}.sig-module-demo-bar small{font-size:10px;font-weight:700;letter-spacing:.09em;color:#bfa47e}
.sig-module-demo-stage{padding:12px;background:#101112;overflow:auto;max-width:100%}
.sig-module-demo-stage .tour-app{min-height:575px;border:0;border-radius:2px}
.sig-related{background:#eaeae6;padding:78px 0 92px}
.sig-related-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}
.sig-related h2{font:700 clamp(28px,3.6vw,41px)/1.2 Manrope,sans-serif;margin:0;color:#1d1e1b}
.sig-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sig-related-grid a{display:flex;flex-direction:column;gap:13px;border-top:1px solid #b8b1a4;padding-top:20px;color:#2a2a26!important}
.sig-related-grid a:hover strong{color:#95713d}.sig-related-grid strong{font:700 22px Manrope,sans-serif;letter-spacing:-.04em}.sig-related-grid span{font-size:14px;line-height:1.65;color:#5e5e57}
/* Steps */
.sig-steps{border-top:1px solid #c9c3b6}
.sig-step{display:grid;grid-template-columns:100px minmax(0,1fr) 220px;align-items:start;gap:4%;padding:35px 0;border-bottom:1px solid #c9c3b6}
.sig-step-count{font:700 17px Manrope,sans-serif;color:#a37a45}
.sig-step h3{font:700 clamp(22px,2.7vw,33px)/1.27 Manrope,sans-serif;color:#20211d;max-width:640px;margin:0 0 9px}.sig-step p{font-size:15px;line-height:1.75;max-width:660px;color:#555650;margin:0}
.sig-step>a{font-size:13px;font-weight:700;color:#725733!important;border-bottom:1px solid #b39a76;justify-self:end;white-space:nowrap;padding-bottom:4px;margin-top:7px}
/* Pricing */
.sig-pricing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(345px,.73fr);gap:11%;align-items:start}
.sig-pricing-copy h2{font:700 clamp(31px,3.75vw,49px)/1.19 Manrope,sans-serif;color:#1e1f1b;max-width:670px;margin:0 0 23px}
.sig-pricing-copy>p{font-size:16px;line-height:1.8;color:#52544e;max-width:570px}
.sig-pricing-copy ul{padding-left:0;list-style:none;margin-top:27px;max-width:570px}
.sig-pricing-copy li{position:relative;border-top:1px solid #d0cbc1;padding:15px 0 15px 20px;color:#31332e;font-weight:600;font-size:15px}
.sig-pricing-copy li::before{content:"";position:absolute;left:0;top:24px;width:6px;height:6px;border-radius:50%;background:#927044}
.sig-price-panel{background:linear-gradient(146deg,#24231f,#141613);color:#eee8dd;padding:43px;border:1px solid #625746;box-shadow:0 25px 55px rgba(31,24,11,.11)}
.sig-price-amount{display:flex;align-items:baseline;gap:9px;white-space:nowrap}.sig-price-amount strong{font:700 clamp(34px,3.4vw,49px)/1.2 Manrope,sans-serif;color:#f6f1e8;letter-spacing:-.06em}.sig-price-amount span{font-size:14px;color:#cfcbc2}
.sig-price-panel>p{color:#b7b3aa;margin:10px 0 25px;font-size:14px}.sig-price-panel .sig-button{width:100%}.sig-price-panel small{display:block;font-size:12px;line-height:1.7;color:#b6afa1;margin-top:22px}
/* FAQ */
.sig-faq-layout{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:9%}
.sig-faq-layout h2{font:700 clamp(29px,3.3vw,44px)/1.2 Manrope,sans-serif;margin:0 0 17px;color:#1b1d1a}.sig-faq-layout>div>p{color:#66665e;max-width:380px;font-size:16px;line-height:1.7}
.sig-faq-list{border-top:1px solid #cfcabe}
.sig-faq-list details{border-bottom:1px solid #cfcabe;padding:23px 0}
.sig-faq-list summary{cursor:pointer;font:700 16px/1.55 Manrope,sans-serif;color:#262722;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:17px}.sig-faq-list summary::-webkit-details-marker{display:none}.sig-faq-list summary:after{content:'+';font:500 25px 'DM Sans',sans-serif;color:#926e3f}.sig-faq-list details[open] summary:after{content:'−'}
.sig-faq-list details p{color:#555851;line-height:1.8;font-size:15px;max-width:640px;margin:15px 22px 0 0}
/* Footer */
.sig-footer{background:#161815;color:#e7e3d9;padding:75px 0 24px}
.sig-footer-top{display:grid;grid-template-columns:1.05fr 1fr;gap:12%;padding-bottom:70px;border-bottom:1px solid #3f403b}
.sig-footer-logo{display:flex;align-items:center;gap:13px;color:#f0e7d8!important;font:700 26px Manrope,sans-serif;letter-spacing:.08em}.sig-footer-logo img{width:45px;height:45px;object-fit:contain}
.sig-footer-top>div>p{color:#bbb9b1;max-width:330px;margin-top:20px;font-size:15px;line-height:1.7}
.sig-footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.sig-footer-links>div{display:flex;flex-direction:column;gap:10px}.sig-footer-links strong{font-size:12px;color:#ddbb83;letter-spacing:.025em;margin-bottom:8px}
.sig-footer-links a{font-size:13px;color:#b9b7ad!important}.sig-footer-links a:hover{color:#fff!important}
.sig-footer-bottom{padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#9e9e97}
/* Tour's brand/demo must stay DARK regardless of adjacent cream backgrounds */
.sig-site .tour-environment,.sig-site .tour-app,.sig-site .tour-panel{color:#e6e0d5}
.sig-site .tour-environment h3,.sig-site .tour-app h3{color:#e6e0d5}
.sig-site .tour-environment .tour-detail-caption{color:#b9b0a3}
.sig-site .tour-environment .tour-workspace{min-width:0;overflow-x:auto}
.sig-site .sig-module-demo-stage .tour-app{color:#ded9d1}
/* Responsive */
@media(max-width:1240px){.sig-container,.sig-nav-wrap{width:min(calc(100% - 64px),var(--sig-content))}.sig-hero-photo,.sig-page-hero-photo{margin-right:-32px}.sig-nav-wrap{gap:22px}.sig-navigation{gap:19px!important}.sig-navigation a{font-size:12px!important}.sig-nav-actions{gap:16px}.sig-hero-copy h1{font-size:clamp(44px,5.4vw,67px)}.sig-hero-photo{min-height:590px}}
@media(max-width:1080px){body.sig-site .sig-navigation{display:none}.sig-nav-wrap{height:72px}body.sig-site .sig-header{min-height:72px}.sig-nav-actions .sig-login{display:none}body.sig-site .sig-header .sig-menu-toggle{display:flex}.sig-mobile-nav{position:absolute;top:100%;left:0;right:0;background:#1b1d19;border-bottom:1px solid #4b483f;padding:19px max(32px,calc((100vw - 960px)/2));display:none!important;flex-direction:column;gap:2px;max-height:calc(100vh - 72px);overflow-y:auto;box-shadow:0 15px 25px #0004}.sig-header.menu-open .sig-mobile-nav{display:flex!important}.sig-mobile-nav a{color:#f0ece2!important;font-size:15px;font-weight:600;padding:12px 10px;border-bottom:1px solid #35362f}.sig-mobile-nav .sig-mobile-cta{background:#e3bc7b;color:#252015!important;margin-top:10px;border:0;border-radius:5px;text-align:center}.sig-header.menu-open .sig-menu-toggle span:first-child{transform:translateY(7px) rotate(45deg)}.sig-header.menu-open .sig-menu-toggle span:nth-child(2){opacity:0}.sig-header.menu-open .sig-menu-toggle span:last-child{transform:translateY(-7px) rotate(-45deg)}
.sig-hero-layout{min-height:620px}.sig-hero-photo{min-height:620px}.sig-hero-foot{font-size:10px}.sig-hero-foot span{padding:0 10px}.sig-hero-copy{padding-top:74px}.sig-tour-wrap .tour-grid{grid-template-columns:minmax(130px,.8fr) minmax(0,4fr)}.sig-tour-wrap .tour-inspector{display:none}.sig-editorial-row{gap:5%}}
@media(max-width:800px){.sig-container,.sig-nav-wrap{width:calc(100% - 44px)}.sig-hero{min-height:unset}.sig-hero-layout{display:flex;flex-direction:column;gap:0;min-height:unset}.sig-hero-copy{padding:75px 0 42px}.sig-hero-copy h1{font-size:clamp(42px,7.6vw,60px)}.sig-hero-copy>p{font-size:16px;max-width:610px}.sig-hero-actions{margin-bottom:39px}.sig-hero-foot{margin-top:0}.sig-hero-photo{margin:0 -22px;height:330px;min-height:unset}.sig-hero-photo::after{background:linear-gradient(0deg,rgba(25,27,23,.3),transparent 70%)}
.sig-intro,.sig-product,.sig-editorial,.sig-flow,.sig-price-band,.sig-detail-zone{padding:75px 0}.sig-section-head,.sig-product-header,.sig-flow-layout,.sig-price-grid,.sig-faq-layout{grid-template-columns:1fr;gap:19px}.sig-section-head{margin-bottom:35px}.sig-section-head>p{max-width:660px}.sig-focus-grid{gap:18px}.sig-editorial-intro{margin-bottom:40px}.sig-editorial-row{grid-template-columns:1fr 1fr;gap:25px}.sig-editorial-image{height:270px}.sig-editorial-text h3{font-size:25px}.sig-price-side{border-left:0;border-top:1px solid #c5c0b4;padding:20px 0 0}.sig-page-hero-grid{min-height:unset;grid-template-columns:1fr 1fr;gap:28px}.sig-page-hero-copy{padding:68px 0}.sig-page-hero-copy h1{font-size:clamp(35px,5.3vw,50px)}.sig-page-hero-photo{margin-right:-22px;min-height:410px}.sig-resource-group{grid-template-columns:1fr;gap:20px}.sig-photo-story-grid{gap:30px}.sig-resource-group h3{font-size:13px}.sig-module-points{margin-bottom:44px}.sig-pricing-layout{grid-template-columns:1fr;gap:35px}.sig-price-panel{max-width:570px}.sig-related-grid{gap:15px}.sig-step{grid-template-columns:50px minmax(0,1fr);gap:15px}.sig-step>a{grid-column:2;justify-self:start;margin:0}.sig-footer-top{gap:45px}.sig-footer-links{gap:16px}}
@media(max-width:620px){.sig-container,.sig-nav-wrap{width:calc(100% - 38px)}.sig-nav-wrap{height:68px}.sig-header{min-height:68px!important}.sig-brand-word{font-size:18px}.sig-brand-emblem{width:32px;height:32px}.sig-nav-cta{display:none}.sig-mobile-nav{padding:13px 19px}.sig-hero-copy{padding-top:61px}.sig-hero-copy h1{font-size:clamp(37px,9.2vw,49px);letter-spacing:-.064em}.sig-hero-copy h1 span{white-space:normal}.sig-hero-copy>p{font-size:15px;line-height:1.75}.sig-hero-actions{gap:17px}.sig-button{min-height:49px;padding:13px 19px;font-size:13px}.sig-hero-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px 0}.sig-hero-foot span{padding:0 9px;font-size:11px}.sig-hero-foot span:nth-child(odd){padding-left:0}.sig-hero-photo{margin:0 -19px;height:258px}.sig-intro,.sig-product,.sig-editorial,.sig-flow,.sig-price-band,.sig-detail-zone{padding:65px 0 70px}.sig-section-head h2,.sig-editorial-intro h2{font-size:clamp(30px,8.4vw,43px)}.sig-overline{font-size:10px;letter-spacing:.12em;margin-bottom:15px}.sig-focus-grid{grid-template-columns:1fr;gap:0}.sig-focus-grid>div{padding:18px 0 20px;margin:0;border-top:1px solid #d3d0c7}.sig-focus-grid h3{margin:11px 0 6px;font-size:23px}.sig-focus-grid p{font-size:15px;max-width:none}.sig-product-header h2{font-size:clamp(30px,8vw,41px)}.sig-demo-header{align-items:flex-start;flex-direction:column;padding:15px}.sig-demo-tabs{width:100%;overflow:auto;white-space:nowrap;flex-wrap:nowrap;padding-bottom:3px}.sig-demo-tabs button{flex:none;font-size:12px;padding:9px}.sig-demo-stage{padding:0}.sig-demo-stage .tour-app{min-width:660px}.sig-demo-footnote{text-align:left;font-size:11px}.sig-editorial-row{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:34px 0}.sig-editorial-row .sig-editorial-image,.sig-editorial-row .sig-editorial-text{order:initial}.sig-editorial-image{height:245px}.sig-editorial-text h3{font-size:29px;margin:14px 0}.sig-editorial-text p{font-size:15px}.sig-flow-list{margin-top:14px}.sig-price-grid h2{font-size:34px}.sig-price-line strong{font-size:39px}
.sig-page-hero-grid{display:flex;flex-direction:column;gap:0}.sig-page-hero-copy{padding:62px 0 44px}.sig-page-hero-copy h1{font-size:clamp(34px,8.5vw,47px)}.sig-page-hero-copy p{font-size:15px;line-height:1.75}.sig-page-hero-photo{margin:0 -19px;height:240px;min-height:unset}.sig-page-hero-photo::after{background:linear-gradient(0deg,#d6d1c46b,transparent 50%)}.sig-page-hero-actions{gap:12px}.sig-page-hero-actions .sig-text-action{font-size:13px}.sig-tour-wrap .tour-grid{grid-template-columns:minmax(0,1fr)}.sig-tour-wrap .tour-rail{display:flex;overflow:auto;gap:6px;padding:12px;flex-wrap:nowrap}.sig-tour-wrap .tour-rail>small{display:none}.sig-tour-wrap .tour-rail button{width:auto;flex:none;white-space:nowrap;font-size:11px;padding:9px}.sig-tour-wrap .tour-workspace{padding:6px;overflow-x:auto}.sig-tour-wrap .tour-workspace .tour-app{min-width:650px}.sig-tour-wrap .tour-controls{gap:6px;flex-wrap:wrap}.sig-tour-wrap .tour-controls button{font-size:11px}.sig-photo-story-grid{grid-template-columns:1fr}.sig-photo-story-grid>div:first-child{height:250px}.sig-photo-story h2{font-size:31px}.sig-end-cta-grid{display:block}.sig-end-cta .sig-button{margin-top:21px}.sig-resource-row{grid-template-columns:1fr;gap:6px;padding:18px 0}.sig-resource-title{font-size:18px}.sig-resource-description{font-size:14px}.sig-resource-go{justify-self:start;margin-top:2px}.sig-module-points{grid-template-columns:1fr;gap:0}.sig-module-points>div{padding:17px 0;border-top:1px solid #ccc7bc}.sig-module-points p{font-size:15px}.sig-module-caption{display:block}.sig-module-caption h3{font-size:25px}.sig-module-caption>p{text-align:left;margin-top:8px}.sig-module-demo-stage .tour-app{min-width:680px}.sig-module-demo-bar small{display:none}.sig-related-head{display:block}.sig-related-head .sig-text-action{margin-top:15px}.sig-related-grid{grid-template-columns:1fr}.sig-related-grid a{padding-top:16px}.sig-steps .sig-step{grid-template-columns:40px 1fr}.sig-pricing-copy h2{font-size:32px}.sig-price-panel{padding:27px}.sig-price-amount strong{font-size:37px}.sig-footer{padding:59px 0 24px}.sig-footer-top{grid-template-columns:1fr;padding-bottom:36px}.sig-footer-links{grid-template-columns:repeat(2,1fr);row-gap:30px}.sig-footer-bottom{flex-direction:column;gap:8px}.sig-faq-layout h2{font-size:34px}}
@media(max-width:360px){.sig-nav-wrap,.sig-container{width:calc(100% - 28px)}.sig-hero-copy h1{font-size:35px}.sig-hero-photo,.sig-page-hero-photo{margin-inline:-14px}.sig-hero-actions{align-items:stretch;flex-direction:column}.sig-hero-actions .sig-button{width:100%}.sig-page-hero-actions{align-items:flex-start}.sig-page-hero-copy h1{font-size:34px}.sig-price-line strong{font-size:34px}.sig-price-panel{padding:20px}.sig-footer-links{column-gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Finishing pass: concise homepage and clear photographic rhythm. */
@media(min-width:801px){.sig-intro{padding-block:88px 91px}.sig-product{padding-block:89px 94px}.sig-editorial{padding-block:86px 90px}.sig-editorial-intro{margin-bottom:42px}.sig-editorial-row{min-height:335px;padding:31px 0}.sig-editorial-image{height:290px}.sig-price-band{padding-block:82px 86px}}


/* source: signature-photo.css */
/* ORDO | Fotografia editorial: imagens contextualizadas, com crops intencionais.
   Alterações limitadas à apresentação fotográfica. Não alteram elementos do CRM. */
.sig-hero-photo,.sig-page-hero-photo,.sig-editorial-image,.sig-photo-story-grid>div:first-child {overflow:hidden;background:#d8d4cc}
.sig-hero-photo img,.sig-page-hero-photo img,.sig-editorial-image img,.sig-photo-story-grid img {display:block;width:100%;height:100%;object-fit:cover;}
.sig-page-hero-photo img.ordo-photo-scene {filter:saturate(.88) contrast(1.03)}
.sig-editorial-image img.ordo-photo-scene {filter:saturate(.94) contrast(1.025)}
.sig-photo-story-grid img.ordo-photo-scene {filter:saturate(.90) contrast(1.015)}
/* Enquadramentos variados, evitando rosto sempre no centro */
.ordo-photo-scene--retail {object-position:55% 50%}
.ordo-photo-scene--headset {object-position:43% 38%}
.ordo-photo-scene--overhead {object-position:55% 47%}
.ordo-photo-scene--open-office {object-position:60% 44%}
.ordo-photo-scene--window-talk {object-position:50% 40%}
.ordo-photo-scene--whiteboard {object-position:48% 40%}
.ordo-photo-scene--window-desk {object-position:50% 52%}
.ordo-photo-scene--office-portrait {object-position:48% 43%}
.ordo-photo-scene--conversation {object-position:45% 37%}
.ordo-photo-scene--light-interior {object-position:54% 50%}
.ordo-photo-scene--solo-laptop {object-position:53% 42%}
.ordo-photo-scene--team-office {object-position:50% 40%}
@media(max-width:700px){.sig-page-hero-photo img.ordo-photo-scene{min-height:260px;object-position:center 41%}.sig-editorial-image img.ordo-photo-scene{object-position:center 42%}}


/* source: site-polish.css */
/* ORDO — acabamento de produto, novembro 2026.
   Uma paleta, hierarquia tipográfica, estados interativos e um CRM legível no mobile.
   A identidade visual original e os dados fictícios do tour são preservados. */
:root{--sig-cream:#f3f3f1;--sig-linen:#e9e9e6;--sig-paper:#fafaf9;--sig-dark:#151613;--sig-gold:#ddb879;--sig-line:#d8d7d2}
body.sig-site{font-synthesis:none;background:#f3f3f1;color:#20211e}
body.sig-site h1,body.sig-site h2,body.sig-site h3{overflow-wrap:normal;text-wrap:balance}
body.sig-site p{overflow-wrap:break-word}
.sig-container{width:min(calc(100% - 96px),1224px)}
.sig-header .sig-nav-wrap{width:min(calc(100% - 96px),1224px)}
.sig-header .sig-navigation a{font-size:14px!important;min-height:44px;display:inline-flex;align-items:center}
.sig-nav-cta,.sig-button{min-height:48px}
.sig-button,.sig-nav-cta{transition:background-color .18s ease,color .18s ease,border-color .18s ease;transform:none!important}
.sig-button:hover,.sig-nav-cta:hover{transform:none!important}
.sig-button-gold,.sig-nav-cta{background:#ddb879;color:#242017!important;border-color:#ddb879}
.sig-button-gold:hover,.sig-nav-cta:hover{background:#efca8c}
.sig-text-action,.sig-hero-inline,.sig-link-on-dark{border-bottom-width:1px}
.sig-hero{background:linear-gradient(111deg,#1a1c18 0%,#252620 53%,#474136 100%)}
.sig-hero-copy h1{max-width:700px;line-height:1.12;letter-spacing:-.062em}
.sig-hero-copy>p{max-width:51ch;line-height:1.7;font-size:17px}
.sig-hero-actions{margin-bottom:20px}
.sig-hero-note{font-size:13px!important;color:#bdbbb2!important;letter-spacing:.012em;margin-top:auto!important;max-width:390px!important}
.sig-hero-photo::after{background:linear-gradient(90deg,#252620 0%,rgba(37,38,32,.54) 15%,transparent 44%),linear-gradient(0deg,rgba(22,23,20,.22),transparent 55%)}
.sig-intro{background:linear-gradient(180deg,#f3f3f1 0%,#eeefeb 100%)}
.sig-intro,.sig-product,.sig-editorial{padding-block:86px 92px}
.sig-overline{letter-spacing:.13em;font-size:12px}
.sig-section-head>p{max-width:44ch;font-size:17px;line-height:1.65}
.sig-focus-grid>div{border-top-color:#a17c4b}
.sig-focus-grid p{font-size:16px;line-height:1.65}
.sig-product{background:linear-gradient(132deg,#191a17 0%,#24231f 54%,#171815 100%)}
.sig-product-header p{font-size:16px;line-height:1.7}
.sig-demo-footnote{font-size:13px;color:#c6c1b6}
.sig-editorial{background:linear-gradient(180deg,#e9e9e6,#f0f0ed)}
.sig-editorial-row{min-height:0;grid-template-columns:minmax(0,1.05fr) minmax(0,.83fr);gap:clamp(24px,6vw,95px)}
.sig-editorial-image{height:clamp(295px,26vw,375px);background:#d9d9d4}
.sig-editorial-image img{transition:transform .45s ease;filter:saturate(.89) contrast(1.03)}
.sig-editorial-image:hover img{transform:scale(1.025)}
.sig-editorial-text p{max-width:49ch;line-height:1.7;font-size:16px}
.sig-insight-link{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:35px 0 4px;border-bottom:1px solid #c9c7c1}
.sig-insight-link h3{font:700 clamp(23px,2.4vw,33px)/1.3 Manrope,sans-serif;letter-spacing:-.04em;max-width:670px;margin:9px 0 10px;color:#22231f}
.sig-insight-link p{color:#5f615b;font-size:16px;max-width:57ch;line-height:1.65;margin-bottom:0}
.sig-insight-kicker{font:700 12px DM Sans,sans-serif;letter-spacing:.09em;color:#755a36}
.sig-insight-link .sig-text-action{white-space:nowrap;margin-bottom:4px}
.sig-price-band{background:linear-gradient(120deg,#e4e2dc 0%,#f2f1ed 70%,#e6e3da 100%)}
.sig-page-hero-cream{background:linear-gradient(115deg,#f0f0ed 0%,#e9e9e6 60%,#eceae5 100%)}
.sig-page-hero-copy>p{font-size:17px;line-height:1.7;max-width:54ch}
.sig-page-hero-actions a{min-height:44px;display:inline-flex;align-items:center}
.sig-page-hero-photo::after{background:linear-gradient(90deg,#e9e9e6 0%,rgba(233,233,230,.38) 22%,transparent 48%)}
.sig-detail-light{background:#f3f3f1}
.sig-resource-row{transition:background-color .18s ease;padding-inline:13px;margin-inline:-13px}
.sig-resource-row:hover,.sig-resource-row:focus-visible{background:rgba(181,162,129,.11)}
.sig-resource-description{font-size:15px;line-height:1.6}
.sig-resource-title{letter-spacing:-.025em}
.sig-faq-list details{border-color:#d1d0ca}
.sig-faq-list summary{font-size:17px;min-height:58px;line-height:1.5;display:flex;align-items:center;gap:12px}
.sig-faq-list details p{font-size:16px;line-height:1.72;color:#4e514b}
.sig-price-panel{background:linear-gradient(155deg,#1c1e1a,#28251e);color:#f2efe7;border:1px solid #494034}
.sig-price-panel small{color:#c4bdb1}
.sig-footer{background:linear-gradient(130deg,#161714,#1e1f1a);color:#e9e6df}
.sig-footer-links a{font-size:14px;min-height:30px;display:flex;align-items:center}
.sig-footer-bottom{color:#b0aca1;font-size:13px}
/* The live demo adapts to small screens: only the kanban itself scrolls sideways. */
@media(max-width:900px){.sig-container,.sig-header .sig-nav-wrap{width:calc(100% - 56px)}.sig-overline{font-size:11px}}
@media(max-width:620px){
 .sig-container,.sig-header .sig-nav-wrap{width:calc(100% - 36px)}
 .sig-hero-copy{padding:55px 0 35px}
 .sig-hero-copy h1{font-size:clamp(35px,9.15vw,48px)}
 .sig-hero-copy>p{font-size:16px}
 .sig-hero-photo{margin-inline:-18px;height:235px}
 .sig-hero-note{font-size:13px!important;margin:4px 0 0!important}
 .sig-intro,.sig-product,.sig-editorial,.sig-detail-zone{padding:60px 0 64px}
 .sig-section-head>p,.sig-editorial-text p,.sig-focus-grid p,.sig-page-hero-copy>p{font-size:16px}
 .sig-insight-link{display:block;padding:27px 0 4px}
 .sig-insight-link .sig-text-action{margin:17px 0 0}
 .sig-editorial-row{min-height:unset}
 .sig-editorial-image{height:235px}
 .sig-page-hero-photo{margin-inline:-18px;height:215px}
 .sig-demo-header{padding:12px 13px}
 .sig-demo-tabs button{min-height:42px;font-size:13px}
 .sig-demo-stage .tour-app,.sig-tour-wrap .tour-workspace .tour-app,.sig-module-demo-stage .tour-app{min-width:0;width:100%;min-height:330px;grid-template-columns:minmax(0,1fr)}
 .sig-demo-stage .tour-app-sidebar,.sig-tour-wrap .tour-app-sidebar,.sig-module-demo-stage .tour-app-sidebar{display:none}
 .sig-demo-stage .tour-app-page,.sig-tour-wrap .tour-app-page,.sig-module-demo-stage .tour-app-page{padding:12px}
 .sig-demo-stage .tour-app-topbar,.sig-tour-wrap .tour-app-topbar,.sig-module-demo-stage .tour-app-topbar{height:40px}
 .sig-demo-stage .tour-app-topright,.sig-tour-wrap .tour-app-topright,.sig-module-demo-stage .tour-app-topright{display:none}
 .sig-demo-stage .tour-app-search,.sig-tour-wrap .tour-app-search,.sig-module-demo-stage .tour-app-search{max-width:none;width:100%;min-width:0;font-size:11px}
 .sig-demo-stage .tour-stats,.sig-module-demo-stage .tour-stats,.sig-tour-wrap .tour-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .sig-demo-stage .tour-stat span,.sig-module-demo-stage .tour-stat span,.sig-tour-wrap .tour-stat span{font-size:10px}
 .sig-demo-stage .tour-stat strong,.sig-module-demo-stage .tour-stat strong,.sig-tour-wrap .tour-stat strong{font-size:18px}
 .sig-demo-stage .tour-stat small,.sig-module-demo-stage .tour-stat small,.sig-tour-wrap .tour-stat small{font-size:9px}
 .sig-demo-stage .tour-content-heading h3,.sig-module-demo-stage .tour-content-heading h3,.sig-tour-wrap .tour-content-heading h3{font-size:18px}
 .sig-demo-stage .tour-split,.sig-module-demo-stage .tour-split,.sig-tour-wrap .tour-split{grid-template-columns:minmax(0,1fr)}
 .sig-demo-stage .tour-board,.sig-module-demo-stage .tour-board,.sig-tour-wrap .tour-board{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;max-width:100%;scrollbar-width:thin}
 .sig-demo-stage .tour-board .tour-lane,.sig-module-demo-stage .tour-board .tour-lane,.sig-tour-wrap .tour-board .tour-lane{flex:0 0 165px;scroll-snap-align:start}
 .sig-demo-stage .tour-conversations,.sig-module-demo-stage .tour-conversations,.sig-tour-wrap .tour-conversations{grid-template-columns:1fr}
 .sig-demo-stage .tour-inbox,.sig-module-demo-stage .tour-inbox,.sig-tour-wrap .tour-inbox{display:none}
 .sig-demo-stage .tour-table-wrap,.sig-module-demo-stage .tour-table-wrap,.sig-tour-wrap .tour-table-wrap{overflow-x:auto;max-width:100%}
 .sig-demo-stage .tour-data-table,.sig-module-demo-stage .tour-data-table,.sig-tour-wrap .tour-data-table{min-width:460px}
 .sig-demo-footnote{font-size:12px;text-align:left}
 .sig-faq-list summary{font-size:16px}
 .sig-footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:360px){.sig-container,.sig-header .sig-nav-wrap{width:calc(100% - 28px)}.sig-hero-photo,.sig-page-hero-photo{margin-inline:-14px}.sig-insight-link h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.sig-editorial-image img,.sig-button,.sig-nav-cta{transition:none!important}}

/* Entrada em destaque e identidade ORDO Drive em todas as páginas. */
.sig-brand-word small{font-size:10px;letter-spacing:.1em;color:#eac68c}
body.sig-site .sig-header .sig-nav-actions .sig-login{
 display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;
 padding:0 19px;border:1px solid #e6c489;border-radius:8px;
 background:#e6c489;color:#241e14!important;font-size:13px;font-weight:800;
 box-shadow:0 4px 15px rgba(221,184,121,.16);text-decoration:none;
 transition:background-color .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body.sig-site .sig-header .sig-nav-actions .sig-login:hover{
 background:#f2d6a4;border-color:#f2d6a4;box-shadow:0 6px 22px rgba(221,184,121,.23);
}
body.sig-site .sig-header .sig-nav-actions .sig-login:focus-visible,
body.sig-site .sig-header .sig-mobile-nav a:focus-visible{
 outline:3px solid #fff;outline-offset:3px;
}
body.sig-site .sig-header .sig-nav-actions .sig-nav-cta{
 background:transparent;color:#f0debd!important;border:1px solid #786e5d;border-radius:8px;
}
body.sig-site .sig-header .sig-nav-actions .sig-nav-cta:hover{
 background:#2c2c26;border-color:#bba47c;
}
body.sig-site .sig-header .sig-mobile-nav a[href="https://ordo-crm.vercel.app/"]{
 margin:10px 0 2px;border:1px solid #e6c489;border-radius:8px;
 background:#e6c489;color:#241e14!important;text-align:center;font-weight:800;
}
.sig-hero-copy h1{text-wrap:balance}
.sig-hero-copy>p{color:#dfddd4}
@media(max-width:620px){
 body.sig-site .sig-header .sig-nav-wrap{gap:8px}
 body.sig-site .sig-header .sig-nav-actions{gap:8px}
 body.sig-site .sig-header .sig-nav-actions .sig-login{min-height:39px;padding:0 12px;font-size:12px}
 .sig-brand-word{font-size:16px}
 .sig-brand-word small{font-size:8px;margin-left:2px}
}
@media(max-width:360px){
 body.sig-site .sig-header .sig-nav-actions .sig-login{padding:0 10px}
 .sig-brand-word{font-size:15px}
}
@media(prefers-reduced-motion:reduce){body.sig-site .sig-header .sig-nav-actions .sig-login{transition:none}}