/* ORDO — direção visual: profundidade de materiais, não decoração de template.
   Camada final: mantenha as regras de acessibilidade e substitua somente o acabamento. */
:root {
  --ordo-night: #151416;
  --ordo-graphite: #272321;
  --ordo-cream: #faf7f1;
  --ordo-sand: #eae0d1;
  --ordo-ink: #28231f;
  --ordo-gold: #dcb67a;
  --ordo-copper: #a8793d;
}
body.site-page {background: #f7f4ee;}
/* Gradiente real de superfícies: pequenas variações de luz, sem brilhos neon. */
.site-page .site-header {
  background:linear-gradient(100deg,#121214 0%,#201b19 52%,#181717 100%) !important;
  border-bottom:1px solid rgba(231,202,160,.2)!important;
  box-shadow:0 8px 30px #08070812!important;
}
.site-page .brand-logo{border:1px solid #c5a37330;box-shadow:none!important}
.site-page .desktop-nav a[aria-current="page"]::after{height:1px;bottom:-10px;background:#c5a271}
.site-page .header-cta,.site-page .mobile-menu .mobile-menu-cta,
.site-page :is(.rd-button-gold,.button-primary){
  background:linear-gradient(108deg,#d4aa70 0%,#f0d4a1 48%,#d4a66b 100%)!important;
  border:1px solid #d5b078!important;
  color:#1d1711!important;
  border-radius:11px!important;
  box-shadow:inset 0 1px 0 #fff7df81, 0 6px 22px #0c0a0820!important;
  padding-inline:clamp(18px,2.2vw,26px)!important;
  letter-spacing:0!important;
  text-decoration:none!important;
}
.site-page :is(.header-cta,.rd-button-gold,.button-primary):hover{
  background:linear-gradient(108deg,#dcb77f 0%,#f5dcb1 50%,#d6aa70 100%)!important;
  box-shadow:inset 0 1px 0 #fff7df91,0 9px 26px #0c0a082b!important;
  filter:none!important;transform:translateY(-1px)!important;
}
.site-page :is(.rd-button-border,.button-outline){
  background:rgba(255,244,224,.045)!important;
  border:1px solid #9e886c!important;
  border-radius:11px!important;
  box-shadow:none!important;
}
.site-page :is(.rd-button-border,.button-outline):hover{background:#efe2c918!important;border-color:#d4b887!important}
/* Hero: premium light path from dark stone into a warm photography edge */
.site-page .rd-hero{
  background:radial-gradient(ellipse at 70% 15%,#4f38212a 0%,transparent 44%),
             radial-gradient(ellipse at 12% 83%,#48352b27 0%,transparent 50%),
             linear-gradient(124deg,#141315 0%,#24201e 52%,#121315 100%)!important;
  padding-top:clamp(36px,4.8vw,70px);
}
.site-page .rd-hero-grid{gap:clamp(28px,4vw,64px)}
.site-page .rd-hero h1{color:#f9f3ec!important}
.site-page .rd-hero h1 em{color:#e4bd82!important}
.site-page .rd-hero-copy>p{color:#ded2c6!important}
.site-page .rd-hero-media {
  background:#2a2521!important;
  border-radius:16px 16px 0 0!important;
  overflow:hidden;
  box-shadow:0 20px 65px #0908074a!important;
  isolation:isolate;
}
.site-page .rd-hero-media img{filter:saturate(.83) contrast(1.02)!important;transform:none!important}
.site-page .rd-hero-media:after{
  background:linear-gradient(0deg,#17120fce 0%,transparent 30%),
             linear-gradient(90deg,#1915124f,transparent 28%)!important;
}
.site-page .rd-media-caption{color:#fff0dd!important;font-size:12.5px!important;background:none!important}
.site-page .rd-media-caption i{display:none!important}
.site-page .rd-hero-bottom{display:none!important}
/* Cream depth, not flat blocks. Consistent gentle chroma across pages. */
.site-page .rd-intro,.site-page .site-section.ordo-surface-paper{
  background:linear-gradient(142deg,#fffcf7 0%,#f4ede3 58%,#ede2d2 100%)!important;
  color:#28231e!important;
}
.site-page .rd-product-tour,.site-page .site-section.ordo-surface-linen{
  background:linear-gradient(130deg,#f0e9df 0%,#faf6ef 46%,#e9ddcd 100%)!important;
}
.site-page .rd-usecases{
  background:linear-gradient(160deg,#faf6ef 0%,#eee4d6 100%)!important;
}
.site-page :is(.rd-intro,.rd-product-tour,.rd-usecases) .rd-kicker{color:#875921!important}
.site-page .rd-intro-heading h2,.site-page .rd-demo-head h2,.site-page .rd-usecases h2{color:#27211c!important}
.site-page :is(.rd-intro-heading,.rd-demo-head,.rd-usecases-head)>p{color:#50473d!important}
/* Product solutions: natural photos flow into content instead of isolated white UI cards. */
.site-page .rd-solutions-grid{gap:clamp(14px,1.65vw,23px)}
.site-page .rd-solution,
.site-page .rd-solution:nth-child(2){
  background:linear-gradient(153deg,#fffefa 0%,#f7f2ea 64%,#ede2d5 100%)!important;
  border:1px solid #d9c8b1!important;
  border-radius:15px!important;
  box-shadow:0 13px 35px #3d2d1910!important;
  overflow:hidden;
}
.site-page .rd-solution:nth-child(2){background:linear-gradient(135deg,#fbf7ef 0%,#eae0d2 100%)!important}
.site-page .rd-solution:hover{border-color:#a98252!important;box-shadow:0 16px 42px #3d2d191c!important;transform:none!important}
.site-page .rd-solution h3{font-size:clamp(23px,2.05vw,28px)!important;max-width:19ch!important}
.site-page .rd-solution p{font-size:15px!important;color:#4b4137!important}
.site-page .rd-solution-n{font-size:11px!important;letter-spacing:.045em!important;color:#865b2d!important}
.site-page .rd-solution-link{display:inline-flex!important;width:max-content;max-width:100%;align-items:center!important;justify-content:flex-start!important;gap:0!important;
  border:0!important;border-bottom:1px solid currentColor!important;border-radius:0!important;background:transparent!important;
  padding:0 0 3px!important;box-shadow:none!important;color:#72461e!important;font-size:14px!important}
.site-page .rd-solution-image{margin-top:24px;min-height:160px;max-height:200px;isolation:isolate}
.site-page .rd-solution-image:after{background:linear-gradient(180deg,#f7f2e9 0%,#f7f2e900 36%)!important}
.site-page .rd-solution:nth-child(2) .rd-solution-image:after{background:linear-gradient(180deg,#eae0d2,transparent 36%)!important}
.site-page .rd-solution-image img{filter:saturate(.85) contrast(1.01)!important}
/* Dark section: a warm, photographic graphite gradient—not a dead flat strip. */
.site-page .rd-feature,
.site-page .site-hero-v2,
.site-page .site-hero{
  background:radial-gradient(ellipse at 78% 16%,#72502c30 0%,transparent 40%),
             linear-gradient(117deg,#171618 0%,#292421 53%,#181718 100%)!important;
}
.site-page .rd-feature-photo{border-radius:15px!important;box-shadow:0 15px 44px #0000002b!important}
.site-page .rd-feature-copy h2{color:#faf4ec!important}
.site-page .rd-feature-copy>p,.site-page .rd-feature-points>div{color:#e1d6c9!important}
.site-page .rd-feature-points>div span{color:#e6be85!important}
.site-page .rd-feature-points>div{border-color:#ac916e38!important}
.site-page .rd-feature-points{border-color:#ac916e38!important}
.site-page .rd-text-link,
.site-page .rd-all-modules a,.site-page .rd-demo-footer a{border:0!important;background:none!important;box-shadow:none!important;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.site-page .rd-text-link{color:#e8c48d!important}
/* Organic product stage is allowed to look like the app: don't restyle internal ORDO dashboard widgets. */
.site-page .rd-demo-shell{
  border-radius:15px!important;
  border:1px solid #9e846638!important;
  box-shadow:0 23px 60px #41301924!important;
  background:#151416!important;
}
.site-page .rd-demo-toolbar{background:linear-gradient(100deg,#242120,#18191b)!important}
.site-page .rd-demo-pills button{border-radius:8px!important}
/* Light links are rows, not faked CTA mini-buttons; no numbered columns or arrows. */
.site-page .rd-usecase-list{border-color:#cbb79e!important;gap:0!important}
.site-page .rd-usecase-list>a{border-color:#d2c1ab!important;box-shadow:none!important;padding:22px 12px!important;min-height:82px!important}
.site-page .rd-usecase-list>a:hover{background:#fff8f0a8!important}
.site-page .rd-usecase-list>a>b{display:none!important}
.site-page .rd-all-modules{border-color:#d7c9b5!important}
/* Refined closing, no badges or arrows */
.site-page .rd-final,
.site-page .site-footer-v2{
  background:radial-gradient(ellipse at 76% 0%,#65472b27,transparent 50%),
             linear-gradient(112deg,#141416,#24201d 60%,#161517)!important;
}
.site-page .rd-final-plan,.site-page .site-plan-card{
  background:linear-gradient(150deg,#352b24 0%,#211e1c 52%,#171719 100%)!important;
  border:1px solid #8d704a!important;
  border-radius:16px!important;
  box-shadow:0 15px 40px #09080721!important;
}
/* Inner pages consistent with Home. */
.site-page .site-hero-v2::after,.site-page .site-resource-top::after,
.site-page .pn-final-card::after {display:none!important}
.site-page .site-hero-v2 h1,.site-page .site-hero h1{color:#faf4ec!important}
.site-page :is(.site-resource-card,.module-point-card,.site-process-step,.site-story-card){
  border-radius:13px!important;
  background:linear-gradient(150deg,#fffefa,#f5eee4)!important;
  border:1px solid #d7c7b2!important;
  box-shadow:0 10px 26px #3c2c1910!important;
}
.site-page :is(.site-resource-card,.module-point-card,.site-process-step,.site-story-card):hover{box-shadow:0 14px 32px #3c2c191a!important}
.site-page .site-section:is(.ordo-surface-paper,.ordo-surface-linen) :is(h2,h3){color:#28231e!important}
.site-page .site-section:is(.ordo-surface-paper,.ordo-surface-linen) :is(p,li){color:#4f483f!important}
.site-page .module-visual-window{border-radius:13px!important;box-shadow:0 16px 40px #281c1021!important}
.site-page .module-navigation{background:linear-gradient(115deg,#292420,#161617)!important}
.site-page .module-navigation a{background:transparent!important;border:1px solid #67533b!important}
.site-page .module-navigation a:hover{background:#ffffff0e!important}
/* Checkout must feel secure and legible; retain existing real form validation. */
.ordo-checkout-light{background:linear-gradient(135deg,#f9f6ef,#ece1d1 62%,#f8f3eb)!important}
.ordo-checkout-light .form-card{border-radius:15px!important;box-shadow:0 17px 43px #402f1716!important}
.ordo-checkout-light .summary{border-radius:15px!important;background:linear-gradient(148deg,#302823,#171618)!important;box-shadow:0 20px 48px #1e171026!important}
.ordo-checkout-light .primary-button{background:linear-gradient(105deg,#cca16a,#f0d29d 53%,#d7ab6b)!important;color:#1d1710!important;border:1px solid #c49b62!important;border-radius:10px!important}
/* Remove icon-shaped decorations attached to text and faux button bars. */
.site-page :is(.rd-solution-link,.rd-text-link,.rd-demo-footer a,.rd-all-modules a)::after,
.site-page :is(.rd-solution-link,.rd-text-link,.rd-demo-footer a,.rd-all-modules a)::before{content:none!important}
.site-page .rd-media-caption i,.site-page .rd-hero-bottom,.site-page .rd-trustline,.site-page .rd-photo-index,.site-page .rd-usecase-num{display:none!important}
/* Real menu trigger keeps three bars because it is a functional navigation control. */
@media(max-width:1080px){
  .site-page .rd-hero-media{border-radius:15px!important}
  .site-page .site-header{background:linear-gradient(100deg,#171518,#26211f)!important}
}
@media(max-width:620px){
  .site-page .rd-hero{padding-top:4px!important}
  .site-page .rd-hero-media{border-radius:12px!important;box-shadow:none!important}
  .site-page .rd-hero-copy{padding-bottom:24px!important}
  .site-page .rd-solutions-grid{gap:14px}
  .site-page .rd-solution{border-radius:14px!important}
  .site-page .rd-solution-image{min-height:160px}
  .site-page .rd-feature-photo{border-radius:12px!important}
  .site-page .rd-demo-shell{border-radius:12px!important}
  .site-page .rd-usecase-list>a{padding:17px 8px!important}
  .site-page :is(.header-cta,.rd-button-gold,.rd-button-border){min-height:48px!important}
}
@media(prefers-reduced-motion:reduce){
 .site-page :is(.header-cta,.rd-button,.rd-solution){transition:none!important;transform:none!important}
}