/* Shared navigation and reading scale. */
@media screen {
  body{font-size:16px}
  main p:not(.eyebrow),.answer-box p:not(.eyebrow),.enquiry-panel>p:not(.eyebrow),.solutions-copy>p:not(.eyebrow),.cta-box p:not(.eyebrow),.guide-grid p:not(.eyebrow){font-size:16px;line-height:1.85}
  .detail-points li,.check-list li,.pricing-panel .check-list li,.article-nav>a,.faq-item summary{font-size:14px;line-height:1.75}
  .eyebrow,.answer-box .eyebrow,.pricing-panel>.eyebrow,.guide-grid .eyebrow,.enquiry-panel>.eyebrow{font-size:11px}
  .button,.text-link,.hero-actions>.text-link,.feature-card .text-link,.guide-grid>.text-link,.contact-product-preview .text-link{font-size:13px}
  .main-nav{margin-left:auto;gap:28px;font-size:14px}
  .main-nav>.button{font-size:13px}
  .nav-dropdown>summary{gap:10px;min-height:48px;white-space:nowrap}
  .nav-dropdown>summary>span{display:inline-block;font-size:17px;line-height:1;transition:transform .2s}
  .nav-dropdown[open]>summary>span{transform:rotate(180deg)}
  .nav-popover{top:calc(100% + 20px);left:-20px;width:350px;padding:10px;border-radius:14px}
  .nav-popover>a{font-size:14px;min-height:50px;padding:12px 14px}
  .nav-popover>a>.icon:last-child{transition:transform .2s}
  .nav-popover>a:hover>.icon:last-child{transform:translateX(3px)}
  .theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;min-width:42px;padding:9px 12px;flex-shrink:0;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:800;line-height:1}
  .theme-toggle:hover{background:var(--mist)}
  .theme-toggle .icon{width:18px;height:18px}
  .theme-icon-sun,.menu-close-icon{display:none}
  html[data-theme="dark"] .theme-icon-sun,.menu-toggle[aria-expanded="true"] .menu-close-icon{display:block}
  html[data-theme="dark"] .theme-icon-moon,.menu-toggle[aria-expanded="true"] .menu-open-icon{display:none}
  .hero-details,.audience-strip .container>span,.footer-main nav a,.footer-main nav div>span{font-size:12px}
  .footer-main nav h2,.footer-email{font-size:13px}
  .footer-brand>span,.footer-bottom,.form-note,.setup-note{font-size:11px}
  .pms-figure figcaption,.product-gallery-item figcaption>span,.art-annotation{font-size:12px}
  .real-scene .pms-figure figcaption{font-size:10px}
  .feature-card p{min-height:0}
  .form-row label,form label{font-size:13px}
  input,select,textarea{font-size:16px}
  .floating-contact{font-size:13px}
}
@media screen and (max-width:1150px){.main-nav{gap:19px}.main-nav>.button{margin-left:0}.header-inner{gap:18px}}
@media screen and (max-width:960px){
  .header-inner{gap:15px}
  .theme-toggle{margin-left:auto}
  .menu-toggle{display:grid;place-items:center;margin-left:0;color:var(--ink);min-width:44px;min-height:44px;padding:8px}
  .menu-toggle>.icon{width:25px;height:25px}
  .main-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:15px max(20px,calc((100% - 888px)/2)) 24px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 15px 25px #02356918;max-height:calc(100dvh - 76px);overflow-y:auto;margin:0}
  .main-nav.is-open{display:flex;align-items:stretch;gap:0;flex-direction:column;font-size:14px}
  .main-nav>a:not(.button){padding-block:14px;border-bottom:1px solid var(--line)}
  .main-nav>.button{margin:18px 0 0;width:max-content;max-width:100%;font-size:13px}
  .nav-dropdown{border-bottom:1px solid var(--line)}
  .nav-dropdown>summary{padding-block:13px;justify-content:space-between}
  .nav-popover{position:static;box-shadow:none;width:100%;border:0;padding:0 0 10px;background:transparent}
  .nav-popover>a{font-size:14px;padding:11px 10px;min-height:46px}
}
@media screen and (max-width:700px){
  main p:not(.eyebrow),.answer-box p:not(.eyebrow),.enquiry-panel>p:not(.eyebrow),.solutions-copy>p:not(.eyebrow),.cta-box p:not(.eyebrow),.guide-grid p:not(.eyebrow){font-size:15.5px;line-height:1.85}
  .detail-points li,.check-list li,.pricing-panel .check-list li,.article-nav>a,.faq-item summary{font-size:14px}
  .button,.text-link,.hero-actions>.text-link,.feature-card .text-link,.guide-grid>.text-link,.contact-product-preview .text-link,.cta-action>.button{font-size:13px}
  .eyebrow,.hero .eyebrow,.answer-box .eyebrow,.pricing-panel>.eyebrow,.guide-grid .eyebrow,.enquiry-panel>.eyebrow{font-size:10px}
  .theme-toggle-label{display:none}
  .theme-toggle{width:42px;padding:9px}
  .hero-actions{gap:15px}
  .hero-actions>.button{font-size:13px}
  .hero-details,.audience-strip .container>span{font-size:11px}
  .footer-main nav a,.footer-main nav div>span{font-size:12px}
  .footer-main nav h2{font-size:13px}
  .pms-figure figcaption,.product-gallery-item figcaption>span,.art-annotation{font-size:11px}
  .real-scene .pms-figure figcaption{font-size:10px}
  .contact-prep .check-list li{font-size:13px}
}
@media screen and (max-width:370px){.hero-actions>.button,.hero-actions>.text-link{font-size:12px}.header-inner{gap:8px}.brand img{width:145px}}

/* Keep actual PMS screenshots unchanged; recolour the surrounding interface. */
@media screen {
  html[data-theme="dark"]{color-scheme:dark;--paper:#0b202a;--ink:#edf7f3;--navy:#d4edf8;--teal:#75d8c2;--teal-bright:#74dbc6;--muted:#bfd0cf;--line:#35535a;--mist:#193d41;--gold:#ffc05a;--white:#17333d}
  html[data-theme="dark"] .site-header{background:#0b202af2;border-color:#35535a}
  html[data-theme="dark"] .brand img,html[data-theme="dark"] .footer-brand img{background:#fcfcf8;padding:7px;border-radius:8px}
  html[data-theme="dark"] .nav-popover,html[data-theme="dark"] .main-nav.is-open{background:#102a35;border-color:var(--line);box-shadow:0 18px 45px #0006}
  html[data-theme="dark"] .nav-popover>a:hover{background:#24464a}
  html[data-theme="dark"] .button-primary,html[data-theme="dark"] .screenshot-close{background:#9ad9c9;color:#082c34}
  html[data-theme="dark"] .button-primary:hover,html[data-theme="dark"] .screenshot-close:hover{background:#b5eadb}
  html[data-theme="dark"] .button-secondary{background:transparent;border-color:#769d99;color:#edf7f3}
  html[data-theme="dark"] .button-secondary:hover{background:#254647}
  html[data-theme="dark"] .skip-link{background:#9ad9c9;color:#082c34}
  html[data-theme="dark"] .audience-strip,html[data-theme="dark"] .guide-section,html[data-theme="dark"] .related-section,html[data-theme="dark"] .product-gallery-section,html[data-theme="dark"] .real-product-section,html[data-theme="dark"] .evaluation-section,html[data-theme="dark"] .demo-preparation-section,html[data-theme="dark"] .site-footer{background:#102a32;border-color:var(--line)}
  html[data-theme="dark"] .feature-card,html[data-theme="dark"] .related-card,html[data-theme="dark"] .pricing-panel,html[data-theme="dark"] .enquiry-panel,html[data-theme="dark"] .enquiry-status,html[data-theme="dark"] .insight-card,html[data-theme="dark"] .demo-preparation-section .insight-card,html[data-theme="dark"] .evaluation-section .insight-card,html[data-theme="dark"] .answer-box,html[data-theme="dark"] .article-note,html[data-theme="dark"] .page-visual,html[data-theme="dark"] .property-art,html[data-theme="dark"] .editorial-note{background:#183740;border-color:#39575a;box-shadow:none}
  html[data-theme="dark"] .nav-popover>a:hover,html[data-theme="dark"] .article-nav>a[aria-current="location"]{background:#254d4b;color:#f2fbf7}
  html[data-theme="dark"] .audience-strip .container>span,html[data-theme="dark"] .property-art-bottom,html[data-theme="dark"] .local-note b,html[data-theme="dark"] .detail-points li,html[data-theme="dark"] .mini-label{color:#c5dcd5}
  html[data-theme="dark"] .feature-icon,html[data-theme="dark"] .answer-icon,html[data-theme="dark"] .guide-symbol,html[data-theme="dark"] .contact-direct>a>span,html[data-theme="dark"] .editorial-note>span{background:#28504a;color:#8de6ce}
  html[data-theme="dark"] .cta-box{background:#17463f}
  html[data-theme="dark"] .cta-box p:not(.eyebrow),html[data-theme="dark"] .cta-action>span{color:#c6e5d8}
  html[data-theme="dark"] .cta-motif,html[data-theme="dark"] .visual-corner{color:#285b50}
  html[data-theme="dark"] .workflow-section{background:#082b41}
  html[data-theme="dark"] .mini-workspace{background:#f7faf4;color:#12334a}
  html[data-theme="dark"] .mini-label{color:#557168}
  html[data-theme="dark"] .mini-title h4,html[data-theme="dark"] .mini-workspace dd{color:#12334a}
  html[data-theme="dark"] .mini-workspace dt{color:#536c60}
  html[data-theme="dark"] .mini-footer{color:#006c61}
  html[data-theme="dark"] .pill{background:#d7eadb;color:#235b49}
  html[data-theme="dark"] .screenshot-link{background:#213b40;border-color:#4b6863}
  html[data-theme="dark"] .screenshot-enlarge{background:#fcfcf8f5;color:#12334a}
  html[data-theme="dark"] .screenshot-dialog{background:#122d36;color:#edf7f3}
  html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0d2730;border-color:#56756e;color:#f1fbf5}
  html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#afc4be}
  html[data-theme="dark"] .form-note,html[data-theme="dark"] .setup-note,html[data-theme="dark"] .footer-bottom{color:#bdcfca}
  html[data-theme="dark"] .floating-contact{background:#69c7b0;color:#082c34}
  html[data-theme="dark"] .faq-item,html[data-theme="dark"] .contact-direct>a,html[data-theme="dark"] .main-nav>a:not(.button),html[data-theme="dark"] .nav-dropdown{border-color:var(--line)}
}
@media screen and (max-width:960px){html[data-theme="dark"] .main-nav.is-open{background:#102a35}html[data-theme="dark"] .nav-popover{background:transparent;box-shadow:none}}
@media screen and (max-width:700px){html[data-theme="dark"] .article-nav{background:#183740}}
@media (prefers-reduced-motion:reduce){.nav-dropdown>summary>span,.nav-popover>a>.icon:last-child{transition:none}}
@media screen{.page-hero .hero-description,.center .hero-description,.contact-intro .hero-description,.pricing-panel>p:not(.eyebrow){font-size:16px;line-height:1.85}}
@media screen and (max-width:700px){.page-hero .hero-description,.center .hero-description,.contact-intro .hero-description,.pricing-panel>p:not(.eyebrow){font-size:15.5px;line-height:1.85}}
@media screen{.visual-steps{font-size:12px;line-height:1.6}.property-art-bottom,.step-caption{font-size:11px}html[data-theme="dark"] .visual-steps{color:#c4e2d8}html[data-theme="dark"] .visual-steps i{background:#668f81}}
@media screen{.article-nav>a>.article-nav-title{font-size:inherit;line-height:inherit;color:inherit;margin-top:0;flex:1}html[data-theme="dark"] .cta-box .eyebrow{color:#a8e9d4}}
@media screen and (max-width:700px){.footer-bottom{padding-right:64px}}
/* Monthly pricing and calculator. */
@media screen{
  .price-section{padding-top:75px;padding-bottom:55px}
  .price-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .price-card{padding:30px;border:1px solid var(--line);border-radius:15px;background:#fff;display:flex;flex-direction:column;align-items:flex-start}
  .price-card-base{background:#0a3c60;color:#edf9f5;border-color:#0a3c60}
  .price-card-icon{display:grid;place-items:center;width:45px;height:45px;background:#e6f0e6;border-radius:10px;color:#007f74;margin-bottom:28px}
  .price-card-base .price-card-icon{background:#ffffff1a;color:#b2e9d6}
  main .price-card .price-card-label{font-size:12px;letter-spacing:.07em;font-weight:800;color:var(--teal);margin-bottom:12px}
  main .price-card-base .price-card-label{color:#a7dfcd}
  .price-card h3{font-size:56px;line-height:1;letter-spacing:-.055em;font-weight:700;margin:0 0 12px}
  .price-card h3 span{font-size:20px;letter-spacing:0;margin-right:7px;vertical-align:top;line-height:1.7}
  main .price-card .price-unit{font-size:12px;font-weight:800;color:var(--teal);margin-bottom:20px}
  main .price-card-base .price-unit{color:#b1e5d4}
  main .price-card>p:last-child{font-size:15px;color:var(--muted);line-height:1.8}
  main .price-card-base>p:last-child{color:#c6e2df}
  main .pricing-formula{font-size:14px;color:var(--muted);line-height:1.8;text-align:center;margin-top:25px}
  .pricing-formula strong{color:var(--ink)}
  .calculator-section{padding-top:35px}
  .calculator-box{display:grid;grid-template-columns:1fr .85fr;gap:60px;align-items:center;padding:45px;background:#eef4ea;border:1px solid #d6e3d4;border-radius:18px}
  .calculator-copy h2{margin:17px 0 20px}
  .calculator-copy>p:not(.eyebrow):not(.pricing-error){max-width:480px;color:var(--muted)}
  .calculator-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
  .calculator-fields label{display:block;font-weight:800;font-size:13px}
  .calculator-fields label span{display:block;font-size:11px;color:var(--muted);font-weight:600;margin-top:2px}
  .calculator-fields input{margin-top:9px;width:100%;min-height:51px;font-size:16px}
  main .calculator-copy .pricing-error{color:#a52f29;font-size:13px;font-weight:700;margin-top:14px}
  .calculator-summary{background:#0a3c60;border-radius:14px;padding:30px;color:#eef9f4}
  .calculator-summary .eyebrow{color:#a9dfd0;margin-bottom:18px}
  .calculator-summary dl{margin:0}
  .calculator-summary dl>div{display:flex;justify-content:space-between;gap:15px;align-items:baseline;padding:12px 0;border-bottom:1px solid #ffffff2b;font-size:14px}
  .calculator-summary dt span{display:block;font-size:11px;color:#b1cdcd}
  .calculator-summary dd{margin:0;font-weight:800;white-space:nowrap}
  .calculator-total{padding:24px 0 22px;display:flex;flex-direction:column;gap:3px}
  .calculator-total span{font-size:12px;color:#c7e0dd;font-weight:700}
  .calculator-total output{font-size:35px;line-height:1.3;font-weight:800;letter-spacing:-.04em;color:#fff}
  .calculator-summary .button-primary{background:#a8e2d0;color:#082c34;width:100%;font-size:13px}
  .calculator-summary .button-primary:hover{background:#c2efdf}
  html[data-theme="dark"] .price-card{background:#183740;border-color:#39575a}
  html[data-theme="dark"] .price-card-base,html[data-theme="dark"] .calculator-summary{background:#123e50;border-color:#42636b}
  html[data-theme="dark"] .price-card-icon{background:#28504a;color:#8de6ce}
  html[data-theme="dark"] .calculator-box{background:#183740;border-color:#39575a}
  html[data-theme="dark"] .calculator-copy .pricing-error{color:#ffb9a8}
  html[data-theme="dark"] .price-card-base h3,html[data-theme="dark"] .calculator-total output{color:#fff}
}
@media screen and (max-width:900px){.calculator-box{gap:30px;padding:30px}.price-card{padding:24px}.price-card h3{font-size:49px}}
@media screen and (max-width:700px){.price-section{padding-top:50px;padding-bottom:35px}.price-cards{grid-template-columns:1fr;gap:14px}.price-card{padding:25px}.price-card-icon{margin-bottom:20px}.price-card h3{font-size:47px}.calculator-section{padding-top:25px}.calculator-box{grid-template-columns:1fr;gap:25px;padding:25px}.calculator-copy h2{font-size:32px}.calculator-fields{gap:12px}.calculator-summary{padding:24px}.calculator-total output{font-size:31px}main .pricing-formula{text-align:left;font-size:13px}}
@media screen and (max-width:370px){.calculator-fields{grid-template-columns:1fr}.calculator-box{padding:20px}.price-card{padding:22px}}
/* Readable contrast for small copy and compact workflow illustrations. */
@media screen{html:not([data-theme="dark"]){--teal:#006e65}html:not([data-theme="dark"]) .cta-box p:not(.eyebrow){color:#345d50}html:not([data-theme="dark"]) .footer-bottom{color:#526b5f}html:not([data-theme="dark"]) .form-note{color:#4c6459}.mini-workspace dl>div{font-size:11px}.mini-workspace dt{color:#536c60}.mini-label,.mini-footer{font-size:10px}.article-nav>.eyebrow{font-size:10px}}
@media screen{.cta-action>span{font-size:11px}html:not([data-theme="dark"]) .cta-action>span{color:#345d50}html:not([data-theme="dark"]) .property-art-bottom{color:#4e6552}html:not([data-theme="dark"]) .mini-label{color:#536c60}}
/* A consistent, readable dropdown indicator in both themes. */
@media screen{.nav-dropdown .dropdown-chevron{width:16px;height:16px;flex-shrink:0;display:block;transition:transform .2s ease}.nav-dropdown[open] .dropdown-chevron{transform:rotate(180deg)}}
@media (prefers-reduced-motion:reduce){.nav-dropdown .dropdown-chevron{transition:none}}
/* Mobile card groups retain native swipe, scrollbar and keyboard scrolling. */
@media screen and (max-width:700px){
  :is(.feature-grid,.related-grid,.insight-grid,.price-cards){
    display:grid;grid-template-columns:none;grid-template-rows:auto;grid-auto-flow:column;grid-auto-columns:85%;gap:14px;
    overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#4b8478 #dbe9df;padding-bottom:14px;
  }
  :is(.feature-grid,.related-grid,.insight-grid,.price-cards)>*{min-width:0;scroll-snap-align:start}
  :is(.feature-grid,.related-grid,.insight-grid,.price-cards)>.reveal-ready{opacity:1;transform:none}
  :is(.feature-grid,.related-grid,.insight-grid,.price-cards)::-webkit-scrollbar{height:8px}
  :is(.feature-grid,.related-grid,.insight-grid,.price-cards)::-webkit-scrollbar-track{background:#dbe9df;border-radius:10px}
  :is(.feature-grid,.related-grid,.insight-grid,.price-cards)::-webkit-scrollbar-thumb{background:#4b8478;border-radius:10px}
  html[data-theme="dark"] :is(.feature-grid,.related-grid,.insight-grid,.price-cards){scrollbar-color:#80cdb9 #264b4d}
  html[data-theme="dark"] :is(.feature-grid,.related-grid,.insight-grid,.price-cards)::-webkit-scrollbar-track{background:#264b4d}
  html[data-theme="dark"] :is(.feature-grid,.related-grid,.insight-grid,.price-cards)::-webkit-scrollbar-thumb{background:#80cdb9}
  :is(.feature-grid,.related-grid,.insight-grid,.price-cards):has(>:only-child){grid-template-columns:minmax(0,1fr);grid-auto-flow:row;overflow-x:visible;padding-bottom:0;scrollbar-width:none}
}
@media screen and (max-width:700px) and (prefers-reduced-motion:reduce){:is(.feature-grid,.related-grid,.insight-grid,.price-cards){scroll-snap-type:none}}
/* A persistent, draggable companion to native touch and keyboard scrolling. */
@media screen and (max-width:700px){
  :is(.feature-grid,.related-grid,.insight-grid,.price-cards).has-card-scrollbar{scrollbar-width:none;padding-bottom:0}
  :is(.feature-grid,.related-grid,.insight-grid,.price-cards).has-card-scrollbar::-webkit-scrollbar{display:none}
  input.card-scrollbar,html[data-theme="dark"] input.card-scrollbar{appearance:none;-webkit-appearance:none;display:block;width:100%;height:32px;min-height:32px;margin:3px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:grab}
  input.card-scrollbar::-webkit-slider-runnable-track{height:6px;background:#d6e7db;border-radius:999px}
  input.card-scrollbar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:18px;margin-top:-6px;background:#006e65;border:0;border-radius:999px}
  input.card-scrollbar::-moz-range-track{height:6px;background:#d6e7db;border:0;border-radius:999px}
  input.card-scrollbar::-moz-range-thumb{width:30px;height:18px;background:#006e65;border:0;border-radius:999px}
  html[data-theme="dark"] input.card-scrollbar::-webkit-slider-runnable-track{background:#264b4d}
  html[data-theme="dark"] input.card-scrollbar::-webkit-slider-thumb{background:#80cdb9}
  html[data-theme="dark"] input.card-scrollbar::-moz-range-track{background:#264b4d}
  html[data-theme="dark"] input.card-scrollbar::-moz-range-thumb{background:#80cdb9}
  input.card-scrollbar:active{cursor:grabbing}
}