/* ORDO CRM · Refinamento editorial / leitura / responsividade
   Camada final intencional: controla a apresentação sem alterar o CRM real.
   Referências: WCAG AA para contraste textual e alvos interativos. */
:root{
  --ux-paper:#f8f6f1;
  --ux-linen:#eee9e0;
  --ux-card:#fffefa;
  --ux-text:#24211d;
  --ux-body:#514a42;
  --ux-muted:#60574d;
  --ux-border:#d8cec0;
  --ux-accent:#745021;
  --ux-ink:#151515;
  --ux-deep:#211f1d;
  --ux-on-dark:#f7f3ec;
  --ux-on-dark-muted:#d1c8bd;
  --ux-gold:#e8c58d;
  --ux-gutter:clamp(18px,3.5vw,46px);
}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;text-rendering:optimizeLegibility}
:where(h1,h2,h3,h4,p,li,a,button,summary){overflow-wrap:break-word}
:where(h1,h2,h3){text-wrap:balance;hyphens:none}
:where(p,li){text-wrap:pretty}
:where(button,input,select,textarea){font:inherit}
img{max-width:100%;height:auto}
:where(a,button,summary,input,select,textarea):focus-visible,
.site-page :is(a,button,input,summary):focus-visible,
.ordo-checkout-light :is(a,button,input,label):focus-visible{
  outline:3px solid #ab7028!important;outline-offset:3px
}
.site-page :is(.site-header,.rd-hero,.rd-intro,.rd-feature,.rd-product-tour,.rd-usecases,.rd-final){isolation:isolate}
.site-page .container,.site-page .rd-container{max-width:1160px}
/* Rhythm: content-led rather than enormous template gaps */
.site-page .site-section{padding-block:clamp(54px,6vw,78px)}
.site-page .site-section.tight{padding-block:clamp(48px,5vw,68px)}
.site-page .rd-intro,.site-page .rd-feature,.site-page .rd-product-tour,
.site-page .rd-usecases,.site-page .rd-final{padding-block:clamp(58px,6vw,84px)!important}
.site-page :is(.rd-intro-heading,.rd-demo-head,.rd-usecases-head,.site-section-heading){margin-bottom:clamp(26px,3vw,38px)}
/* Plain dark navigation with natural sizing; no neon/glow */
.site-page .site-header{background:#151515!important;box-shadow:none!important;border-color:#393530!important}
.site-page .desktop-nav a{font-size:14px!important;line-height:1.45;font-weight:600;color:#e2dad0!important}
.site-page .desktop-nav a[aria-current="page"],.site-page .desktop-nav a:hover{color:#f3cf98!important}
.site-page .header-cta{min-height:46px;padding-inline:21px;border-radius:10px!important;background:#e8c58d!important;box-shadow:none!important;color:#241a0f!important;font-size:13px!important;font-weight:750}
.site-page .header-cta:hover{background:#f1d6ab!important;filter:none;transform:none}
.site-page .brand{gap:7px}
.site-page .brand-word{letter-spacing:.04em}
.site-page .brand-suffix{letter-spacing:.07em}
.site-page .mobile-menu a{font-size:15px!important;min-height:48px;padding-block:12px}
.site-page .mobile-menu .mobile-menu-cta{border-radius:10px!important;background:#e8c58d!important;color:#241a0f!important;font-weight:750}
/* Headlines: intentional line lengths, no skinny letterforms */
.site-page .rd-hero h1,.site-page .site-hero-v2 h1,.site-page .site-hero h1{
  font-family:Manrope,"DM Sans",system-ui;
  font-weight:800;
  letter-spacing:-.045em!important;
  line-height:1.095!important
}
.site-page .rd-hero h1{font-size:clamp(42px,4.9vw,67px);max-width:13ch}
.site-page .rd-hero-copy>p{font-size:clamp(16px,1.45vw,18px)!important;line-height:1.65!important;max-width:53ch;color:#ded5c9!important}
.site-page .rd-intro-heading h2,.site-page .rd-demo-head h2,
.site-page .rd-usecases h2,.site-page .rd-feature h2,.site-page .rd-final h2,
.site-page .site-section-heading h2,.site-page .site-plan-details>h2{
  font-family:Manrope,"DM Sans",system-ui;
  letter-spacing:-.045em!important;
  line-height:1.16!important;
  font-weight:800;
  font-size:clamp(30px,3.4vw,46px)
}
.site-page .site-hero-v2 h1{font-size:clamp(39px,5.25vw,67px)}
.site-page .site-hero-v2 p,.site-page .site-hero-summary{font-size:clamp(16px,1.25vw,18px)!important;line-height:1.68!important;max-width:62ch}
/* Key body prose: never a 12px paragraph on a full-page layout */
.site-page :is(.rd-intro-heading>p,.rd-demo-head>p,.rd-usecases-head>p,.rd-feature-copy>p,
  .rd-final-inner>div:first-child>p,.site-section-heading>p,.site-section-heading p,
  .site-info-split p,.site-plan-detail p,.site-faq-list details p){
  font-size:clamp(15px,1.15vw,17px)!important;line-height:1.67!important;max-width:65ch
}
.site-page .rd-solution p,.site-page .site-resource-card p,
.site-page .module-point-card p,.site-page .site-story-card p,
.site-page .site-process-step p{font-size:15px!important;line-height:1.64!important}
.site-page .site-plan-card :is(p,li),.site-page .site-plan-card .site-plan-note{font-size:14px!important;line-height:1.65}
.site-page :is(.rd-usecase-list small,.rd-all-modules span,.rd-demo-footer span,
 .module-visual-bottom,.module-navigation span,.site-hero-fine,
 .site-footer-top p,.site-footer-v2 nav a){font-size:14px!important;line-height:1.55}
.site-page :is(.rd-kicker,.section-kicker,.site-hero-kicker,.rd-solution-n,.rd-label){
  font-size:12px!important;letter-spacing:.08em!important;line-height:1.4!important;font-weight:800
}
.site-page :is(.rd-solution-link,.site-resource-card a,.rd-text-link,.rd-demo-footer a,
 .rd-all-modules a,.site-plan-detail a){font-size:14px!important;font-weight:750}
/* Home: office image is clearly a photo, not a mockup; no artificial shape */
.site-page .rd-hero{background:#151515!important}
.site-page .rd-hero-grid{align-items:center}
.site-page .rd-hero-media{border-radius:8px 0 0 8px!important;box-shadow:none!important;min-height:440px}
.site-page .rd-hero-media:after{background:linear-gradient(0deg,rgba(13,12,11,.82),transparent 38%)!important}
.site-page .rd-hero-media img{filter:saturate(.85) contrast(1.01)!important}
.site-page .rd-media-caption{font-size:13px!important;max-width:35ch}
.site-page .rd-trustline{font-size:13px!important;line-height:1.55;gap:12px 20px}
.site-page .rd-trustline b{display:none}
.site-page .rd-hero-bottom>span{font-size:12px!important;letter-spacing:.09em!important}
.site-page .rd-hero-bottom>a{font-size:13px!important}
.site-page .rd-button,.site-page .button{border-radius:9px!important;box-shadow:none!important;font-size:14px!important;font-weight:750;min-height:49px;padding:13px 22px}
.site-page .rd-button:hover,.site-page .button:hover{transform:none!important;filter:brightness(1.04)}
.site-page .rd-button-gold,.site-page .button-primary{background:#e8c58d!important;color:#1b160e!important;border:1px solid #e8c58d!important}
.site-page .rd-button-border{border:1px solid #baa68b;color:#f6ead7!important}
/* Light solutions: less symmetrical, fewer decorative tokens and shadows */
.site-page .rd-intro{background:var(--ux-paper)!important}
.site-page .rd-intro-heading>p,.site-page .rd-demo-head>p,.site-page .rd-usecases-head>p{color:var(--ux-body)!important}
.site-page .rd-solutions-grid{gap:15px}
.site-page .rd-solution{background:#fffefa!important;border:1px solid var(--ux-border)!important;border-radius:10px!important;box-shadow:none!important;min-height:460px;padding-top:24px;transition:border-color .18s,background .18s}
.site-page .rd-solution:nth-child(2){background:#f4efe7!important}
.site-page .rd-solution:hover{transform:none!important;box-shadow:none!important;border-color:#997345!important}
.site-page .rd-solution-icon{display:none!important}
.site-page .rd-solution h3{font-size:clamp(22px,2vw,27px);letter-spacing:-.04em;line-height:1.22;margin-top:16px;max-width:16ch}
.site-page .rd-solution p{color:var(--ux-body)!important;max-width:42ch}
.site-page .rd-solution-link,.site-page .rd-all-modules a{color:var(--ux-accent)!important}
.site-page .rd-solution-image{margin-top:23px;min-height:155px;max-height:190px}
.site-page .rd-solution-image:after{background:linear-gradient(180deg,#fffefa 0,transparent 32%)!important}
.site-page .rd-solution:nth-child(2) .rd-solution-image:after{background:linear-gradient(180deg,#f4efe7 0,transparent 32%)!important}
/* Real-work section: flat photograph, document-like list */
.site-page .rd-feature{background:#201e1c!important}
.site-page .rd-feature-photo{border-radius:8px!important;box-shadow:none!important;height:430px}
.site-page .rd-feature-photo img{filter:saturate(.88)}
.site-page .rd-feature-copy>p{color:#d6cbbf!important}
.site-page .rd-feature-points>div{font-size:15px!important;line-height:1.55!important;color:#ece2d6!important;padding-block:15px}
.site-page .rd-feature-points>div span{font-size:13px!important;color:#e9c58d!important}
/* Product demo: darker as the actual ORDO app, with no faux desktop chrome */
.site-page .rd-product-tour{background:#f2eee6!important;color:var(--ux-text)}
.site-page .rd-demo-shell{border-radius:9px!important;box-shadow:none!important;border:1px solid #b7a48a!important;overflow:hidden}
.site-page .rd-demo-toolbar{background:#211f1d!important;border-color:#51483e}
.site-page .rd-demo-stage{background:#141416!important;color:#f5efe5!important}
.site-page .rd-demo-pills button{font-size:13px!important;min-height:44px;border-radius:6px!important;white-space:nowrap}
.site-page .rd-demo-footer{align-items:baseline}
.site-page .rd-demo-footer span{color:#50483e!important}
.site-page .rd-demo-footer a{color:#744b1f!important}
/* Usage links become a practical directory, not a collection of samey floating cards */
.site-page .rd-usecases{background:#f9f7f2!important}
.site-page .rd-usecase-list{gap:0!important;border-top:1px solid #c7b7a3;border-bottom:1px solid #c7b7a3}
.site-page .rd-usecase-list>a{box-shadow:none!important;border:0!important;border-bottom:1px solid #d1c5b6!important;border-radius:0!important;background:transparent!important;padding:20px 16px!important;min-height:94px;transition:background .18s}
.site-page .rd-usecase-list>a:hover{transform:none!important;background:#f0eae0!important}
.site-page .rd-usecase-list>a:nth-last-child(-n+2){border-bottom:0!important}
.site-page .rd-usecase-list strong{font-size:17px!important;color:#28221d!important}
.site-page .rd-usecase-list small{color:#534a41!important}
.site-page .rd-usecase-num{font-size:13px!important;color:#755024!important}
/* Final invitation: quieter, editorial rather than sales badge */
.site-page .rd-final{background:#161616!important}
.site-page .rd-final-plan{border-radius:9px!important;box-shadow:none!important;background:#2b2520!important}
.site-page .rd-final-plan>span{font-size:12px!important;letter-spacing:.08em!important}
.site-page .rd-final-plan>small{font-size:12px!important;color:#e2d3c0!important}
/* Inner pages: concise opening, responsive measure and flat components */
.site-page:not(:has(.rd-site-home)) .site-hero{padding-block:clamp(54px,6vw,80px)!important;background:#181716!important}
.site-page .site-section:is(.ordo-surface-paper,.ordo-surface-linen){background:var(--ux-paper)!important;color:var(--ux-text)!important}
.site-page .site-section.ordo-surface-linen{background:var(--ux-linen)!important}
.site-page .site-section:is(.ordo-surface-paper,.ordo-surface-linen) :is(h2,h3,h4){color:var(--ux-text)!important}
.site-page .site-section:is(.ordo-surface-paper,.ordo-surface-linen) :is(p,li){color:var(--ux-body)!important}
.site-page .site-section:is(.ordo-surface-paper,.ordo-surface-linen) .section-kicker{color:var(--ux-accent)!important}
.site-page :is(.site-resource-card,.module-point-card,.site-process-step,.site-story-card){border-radius:9px!important;box-shadow:none!important;transition:border-color .18s,background .18s!important}
.site-page :is(.site-resource-card,.module-point-card,.site-process-step,.site-story-card):hover{transform:none!important;box-shadow:none!important;border-color:#a78b68!important}
.site-page .site-resource-card,.site-page .module-point-card,.site-page .site-process-step,.site-page .site-story-card{min-height:auto}
.site-page .site-resource-card h3,.site-page .module-point-card h3,.site-page .site-process-step h3{font-size:clamp(19px,1.55vw,23px);line-height:1.25;letter-spacing:-.035em}
.site-page .site-resource-card p,.site-page .module-point-card p,.site-page .site-process-step p{color:#514a42!important}
.site-page .module-point-card>span{font-size:13px!important;letter-spacing:.02em;font-weight:800;color:#745021!important}
.site-page .module-point-card h3{margin-top:12px!important}
.site-page .site-resource-card>small{font-size:12px!important;letter-spacing:.07em!important}
.site-page .module-visual-window{border-radius:8px!important;box-shadow:none!important}
/* Important: dark simulated CRM must never inherit the paper-section text color */
.site-page .site-section .module-visual-window,
.site-page .site-section .tour-environment,
.site-page .rd-demo-stage .tour-app{color:#f3ede5!important;background:#141416!important}
.site-page .site-section .module-visual-window :is(h2,h3,h4),
.site-page .site-section .tour-environment :is(h2,h3,h4){color:#f4f0ea!important}
.site-page .site-section .module-visual-window :is(p,small),
.site-page .site-section .tour-environment :is(p,small){color:#c7bdb1!important}
.site-page .site-faq-list summary{font-size:17px!important;line-height:1.5;padding-block:20px}
.site-page .site-faq-list details p{color:#50473e!important}
.site-page .site-faq-aside{border-radius:9px!important;box-shadow:none!important}
.site-page .site-plan-card{border-radius:10px!important;box-shadow:none!important;background:#24211e!important}
.site-page .site-plan-card :is(p,li){color:#ded4c7!important}
.site-page .site-plan-details p{color:#514a42!important}
.site-page .site-resource-filters button{font-size:14px!important;min-height:44px;border-radius:7px!important}
.site-page .module-navigation a{border-radius:8px!important}
.site-page .site-footer-v2{background:#141414!important}
.site-page .site-footer-top p,.site-page .site-footer-v2 nav a{color:#d7cbbd!important}
/* Checkout is transactional, not a marketing card gallery. */
.ordo-checkout-light{background:var(--ux-paper)!important;color:var(--ux-text)!important}
.ordo-checkout-light .heading h1{font-size:clamp(34px,3.6vw,54px);letter-spacing:-.045em!important;line-height:1.12}
.ordo-checkout-light .heading p{font-size:16px!important;line-height:1.66!important;max-width:56ch;color:var(--ux-body)!important}
.ordo-checkout-light :is(.form-card,.summary){border-radius:10px!important;box-shadow:none!important}
.ordo-checkout-light :is(.field,.method-explain p,.section-head p,.terms,.privacy-note){font-size:14px!important;line-height:1.55!important}
.ordo-checkout-light .field input{font-size:16px!important;min-height:49px}
.ordo-checkout-light .field input::placeholder{color:#6d6255!important}
.ordo-checkout-light .pay-option{border-radius:8px!important;min-height:78px}
.ordo-checkout-light .pay-option strong{font-size:15px!important}
.ordo-checkout-light .pay-option small{font-size:13px!important;color:#574c40!important}
.ordo-checkout-light .primary-button{border-radius:8px!important;box-shadow:none!important;min-height:52px}
.ordo-checkout-light .summary :is(.summary-disclaimer,.summary-footer,.price-row,.perks li,.perks li span){font-size:13px!important;line-height:1.55}
.ordo-checkout-light .summary .summary-disclaimer{color:#d0c2b1!important}
.ordo-checkout-light .topbar{box-shadow:none!important}
/* Tablet and compact widths: ensure consistent horizontal reading */
@media (max-width:1080px){
 .site-page .desktop-nav{display:none!important}
 .site-page .menu-toggle{display:flex!important;min-height:44px;min-width:44px}
 .site-page .site-header .header-cta{min-height:44px}
 .site-page .rd-hero-media{border-radius:8px!important}
 .site-page .rd-solution{min-height:430px}
}
@media (max-width:830px){
 .site-page .rd-hero-copy{padding-block:18px 31px}
 .site-page .rd-hero h1{max-width:17ch;font-size:clamp(38px,6.6vw,55px)}
 .site-page .rd-hero-media{min-height:290px;height:320px}
 .site-page .rd-solutions-grid{grid-template-columns:1fr 1fr}
 .site-page .rd-solution:last-child{grid-column:1/-1;min-height:345px}
 .site-page .rd-solution-image{max-height:165px}
 .site-page .rd-usecase-list{grid-template-columns:1fr 1fr}
 .site-page .rd-feature-photo{height:330px}
}
@media (max-width:620px){
 .site-page .container,.site-page .rd-container{width:calc(100% - 36px)}
 .site-page .rd-intro,.site-page .rd-feature,.site-page .rd-product-tour,.site-page .rd-usecases,.site-page .rd-final{padding-block:53px!important}
 .site-page .rd-hero-copy{padding-block:16px 27px}
 .site-page .rd-hero h1{font-size:clamp(37px,9.2vw,48px);max-width:17ch}
 .site-page .rd-hero-copy>p{font-size:16px!important;line-height:1.58!important}
 .site-page .rd-buttons{display:flex;flex-direction:column;align-items:stretch}
 .site-page .rd-button{width:100%;justify-content:center;min-height:50px;text-align:center}
 .site-page .rd-hero-media{height:240px;min-height:240px;border-radius:0!important}
 .site-page .rd-media-caption{left:18px;bottom:17px;right:18px;font-size:12px!important}
 .site-page .rd-trustline{gap:7px 12px;font-size:12px!important}
 .site-page .rd-hero-bottom{gap:15px}
 .site-page .rd-hero-bottom>span{font-size:10px!important}
 .site-page .rd-solutions-grid{grid-template-columns:1fr;gap:14px}
 .site-page .rd-solution,.site-page .rd-solution:last-child{grid-column:auto;min-height:0;padding:22px 19px 0}
 .site-page .rd-solution h3{font-size:23px;max-width:21ch}
 .site-page .rd-solution-image{height:160px;flex:none;margin:22px -19px 0;max-height:none}
 .site-page .rd-feature-photo{height:275px}
 .site-page .rd-feature-layout{gap:27px}
 .site-page .rd-demo-stage{padding:8px!important;overflow-x:auto}
 .site-page .rd-demo-pills{display:flex;overflow-x:auto;max-width:100%;scrollbar-width:thin}
 .site-page .rd-demo-pills button{flex:0 0 auto}
 .site-page .rd-demo-footer{display:block}
 .site-page .rd-demo-footer a{display:inline-block;margin-top:8px}
 .site-page .rd-usecase-list{grid-template-columns:1fr}
 .site-page .rd-usecase-list>a:nth-last-child(2){border-bottom:1px solid #d1c5b6!important}
 .site-page .rd-usecase-list>a{padding-inline:8px!important}
 .site-page .rd-final-inner{display:block}
 .site-page .rd-final-plan{margin-top:26px}
 .site-page .site-hero-v2 h1{font-size:clamp(36px,9vw,48px)}
 .site-page .site-section:is(.ordo-surface-paper,.ordo-surface-linen){padding-block:50px!important}
 .site-page .module-points-grid{grid-template-columns:1fr}
 .site-page .module-point-card{padding:21px}
 .site-page .site-resource-card{padding:22px}
 .ordo-checkout-light .layout{grid-template-columns:1fr}
 .ordo-checkout-light .summary{position:static}
 .ordo-checkout-light .heading h1{font-size:clamp(34px,9vw,45px)}
 .ordo-checkout-light .summary .price strong{font-size:clamp(40px,11vw,58px)}
}
@media (max-width:380px){
 .site-page .header-cta{padding-inline:10px!important;font-size:11px!important}
 .site-page .rd-hero h1{font-size:36px;letter-spacing:-.04em!important}
 .site-page .rd-hero-bottom>span{display:none}
 .site-page .rd-solution p{font-size:15px!important}
 .ordo-checkout-light .shell{width:calc(100% - 28px)}
 .ordo-checkout-light .summary{padding:20px}
}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* Verified contrast fixes on actual rendered surfaces (not just the palette). */
.site-page .rd-intro .rd-kicker,
.site-page .rd-product-tour .rd-kicker,
.site-page .rd-usecases .rd-kicker,
.site-page .rd-solution-n{color:#755024!important}
.site-page .site-section.ordo-surface-paper .site-faq-aside h2{color:#fff5e8!important}
.site-page .site-section.ordo-surface-paper .site-faq-aside p{color:#e1d5c8!important}
.ordo-checkout-light .feedback{color:#80501e!important;font-size:14px!important}
/* Simulated dashboard is a compact product preview; improve its fine-print readability. */
.site-page .rd-demo-stage .tour-stat small{color:#cfc4b6!important;font-size:10px!important}
.site-page .rd-demo-stage .tour-lane :is(small,.tour-lane-title){color:#d6cbbd!important;font-size:10px!important}
.site-page .rd-demo-stage .tour-app-watermark{color:#bfb5a8!important;font-size:9px!important}
/* Checkout typography stays in the same sans family as the rest of the site. */
.ordo-checkout-light,.ordo-checkout-light :is(button,input,select,textarea){font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif!important}
.ordo-checkout-light :is(.heading h1,.section-head h2,.summary h2,.price strong){font-family:Manrope,"DM Sans",system-ui,sans-serif!important}
.site-page .rd-demo-stage .tour-app-org small,
.site-page .rd-demo-stage .tour-content-heading p{color:#d4cabd!important;font-size:10px!important;line-height:1.45!important}
/* The mock CRM must be readable as a product example rather than tiny decoration. */
.site-page .tour-app{font-size:12px}
.site-page .tour-app :is(.tour-app-org strong,.tour-app-user strong,.tour-sidebar-items button,.tour-content-heading small,.tour-stat span,.tour-lane-title,.tour-deal strong,.tour-panel-title,.tour-appointment strong,.tour-inbox-item strong,.tour-chat-head strong,.tour-data-table td,.tour-data-table th){font-size:11px!important;line-height:1.4}
.site-page .tour-app :is(.tour-deal-source,.tour-deal-split,.tour-deal small,.tour-status,.tour-priority,.tour-chart-col small,.tour-search-filter,.tour-inbox-item small,.tour-integration small,.tour-chat-date,.tour-bubble,.tour-chat-compose){font-size:10px!important;line-height:1.45}
.site-page .tour-app .tour-stat strong{font-size:clamp(15px,1.5vw,19px)!important}
.site-page .tour-app :is(.tour-stat span,.tour-data-table th,.tour-deal small,.tour-deal-source,.tour-app-org small,.tour-app-user small){color:#d2c5b4!important}
@media(max-width:620px){
 .site-page .tour-app .tour-stats{gap:7px}
 .site-page .tour-app .tour-stat{min-width:0;padding:10px 8px}
 .site-page .rd-demo-stage .tour-board{overflow-x:auto}
 .site-page .rd-demo-stage .tour-lane{flex:0 0 170px}
}