:root{
  --rr9-green:#0b4a41;
  --rr9-green-deep:#073b34;
  --rr9-green-soft:#dfeae7;
  --rr9-gold:#d8a941;
  --rr9-gold-soft:#f5ebd1;
  --rr9-bg:#f4f7f6;
  --rr9-surface:#ffffff;
  --rr9-surface-2:#eef3f1;
  --rr9-text:#10231f;
  --rr9-muted:#53645f;
  --rr9-border:#cbd8d4;
  --rr9-shadow:0 18px 48px rgba(13,43,37,.08);
  --rr9-radius:18px;
  --rr9-max:1480px;
}
html[data-theme="dark"]{
  --rr9-bg:#0b1715;
  --rr9-surface:#132421;
  --rr9-surface-2:#182d29;
  --rr9-text:#f5f8f7;
  --rr9-muted:#b8c5c1;
  --rr9-border:#36514b;
  --rr9-shadow:0 18px 48px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
body.rr9-public{margin:0;background:var(--rr9-bg);color:var(--rr9-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}
.rr9-public img{display:block;max-width:100%}
.rr9-public a{color:inherit}
.rr9-public h1,.rr9-public h2,.rr9-public h3,.rr9-public p{margin-top:0}
.rr9-public h1,.rr9-public h2,.rr9-public h3{letter-spacing:-.035em;line-height:1.02;text-wrap:balance;overflow-wrap:break-word}
.rr9-public p{color:var(--rr9-muted)}
.rr9-container{width:min(var(--rr9-max),calc(100% - 64px));margin-inline:auto}
.rr9-main{min-height:68vh}
.rr9-notices{padding-top:18px}

.rr9-header{position:sticky;top:0;z-index:1000;background:var(--rr9-green-deep);color:#fff;border-bottom:1px solid rgba(255,255,255,.16)}
.rr9-header-inner{width:min(var(--rr9-max),calc(100% - 48px));height:72px;margin:auto;display:flex;align-items:center;gap:30px}
.rr9-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:19px;white-space:nowrap;color:#fff}
.rr9-brand img{max-width:240px;max-height:42px;object-fit:contain}
.rr9-nav{margin-left:auto;display:flex;align-items:center;gap:30px}
.rr9-nav a{text-decoration:none;color:#fff;font-weight:700;font-size:14px}
.rr9-nav a:hover,.rr9-nav a:focus{text-decoration:underline;text-underline-offset:4px}
.rr9-header-actions{display:flex;align-items:center;gap:10px}
.rr9-button,.rr9-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:7px;border:1px solid transparent;font-weight:800;text-decoration:none;cursor:pointer;line-height:1.1}
.rr9-button-outline{border-color:rgba(255,255,255,.7);color:#fff;background:transparent}
.rr9-theme-toggle,.rr9-menu-button{height:44px;width:44px;border:1px solid rgba(255,255,255,.65);background:transparent;color:#fff;border-radius:7px;display:grid;place-items:center;cursor:pointer}
.rr9-theme-toggle{font-size:22px}
.rr9-theme-toggle .theme-icon{width:22px;height:22px;display:none}
.rr9-theme-toggle .theme-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rr9-theme-toggle[data-current-theme="light"] .theme-icon-bulb-on{display:block}
.rr9-theme-toggle[data-current-theme="dark"] .theme-icon-bulb-off{display:block}
.rr9-menu-button{display:none;padding:10px}
.rr9-menu-button span{display:block;width:20px;height:2px;background:#fff;margin:2px 0}
.rr9-mobile-menu{background:var(--rr9-green-deep);border-top:1px solid rgba(255,255,255,.16);box-shadow:0 18px 36px rgba(0,0,0,.2)}
.rr9-mobile-menu[hidden]{display:none!important}
.rr9-mobile-menu nav{width:min(100% - 32px,680px);margin:auto;padding:14px 0 22px;display:grid}
.rr9-mobile-menu a{color:#fff;text-decoration:none;font-size:18px;font-weight:800;padding:14px 8px;border-bottom:1px solid rgba(255,255,255,.16)}

.rr9-kicker{margin:0 0 14px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:12px;color:var(--rr9-green)}
.rr9-dark .rr9-kicker,.rr9-kicker-on-dark{color:#f4c75d}
.rr9-hero-title{font-size:clamp(48px,5vw,82px);max-width:790px;margin-bottom:22px}
.rr9-page-title{font-size:clamp(44px,4.2vw,72px);margin-bottom:20px}
.rr9-section-title{font-size:clamp(36px,3.2vw,56px);margin-bottom:18px}
.rr9-card-title{font-size:clamp(24px,2vw,34px);margin-bottom:12px}
.rr9-lead{font-size:clamp(19px,1.45vw,23px);line-height:1.55;max-width:720px}
.rr9-copy{font-size:18px;line-height:1.7}
.rr9-btn-primary{background:var(--rr9-green);color:#fff;border-color:var(--rr9-green)}
.rr9-btn-secondary{background:var(--rr9-surface);color:var(--rr9-green);border-color:var(--rr9-green)}
.rr9-btn-gold{background:var(--rr9-gold);color:#10231f;border-color:var(--rr9-gold)}
.rr9-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.rr9-checkline{display:flex;gap:20px;flex-wrap:wrap;margin:22px 0 0;padding:0;list-style:none;color:var(--rr9-text);font-weight:700;font-size:14px}
.rr9-checkline li::before{content:"✓";color:#168863;margin-right:8px;font-weight:900}

/* Shared hero based on the approved split-image mockup */
.rr9-hero{background:var(--rr9-surface);border-bottom:1px solid var(--rr9-border)}
.rr9-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.95fr);min-height:600px;align-items:stretch}
.rr9-hero-copy{padding:76px 70px 68px 0;align-self:center}
.rr9-hero-media{position:relative;min-height:560px;overflow:hidden}
.rr9-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rr9-hero-caption{position:absolute;left:24px;bottom:24px;right:24px;max-width:390px;background:rgba(255,255,255,.95);color:#10231f;border-left:5px solid var(--rr9-gold);padding:18px 20px;box-shadow:var(--rr9-shadow)}
.rr9-hero-caption strong{display:block;font-size:18px;margin-bottom:4px}
.rr9-hero-caption span{font-size:14px;color:#4e5f5b}

/* product feature row */
.rr9-feature-row{background:var(--rr9-surface-2);border-bottom:1px solid var(--rr9-border)}
.rr9-feature-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.rr9-feature{padding:46px 34px;border-right:1px solid var(--rr9-border)}
.rr9-feature:first-child{padding-left:0}
.rr9-feature:last-child{border-right:0;padding-right:0}
.rr9-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--rr9-green);color:#fff;font-size:24px;margin-bottom:18px}
.rr9-feature h2,.rr9-feature h3{font-size:clamp(26px,2vw,34px);margin-bottom:12px}
.rr9-feature p{font-size:16px;min-height:52px}
.rr9-ui-card{margin-top:20px;background:var(--rr9-surface);border:1px solid var(--rr9-border);border-radius:10px;overflow:hidden;box-shadow:0 10px 28px rgba(13,43,37,.05)}
.rr9-ui-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-top:1px solid var(--rr9-border);font-size:14px}
.rr9-ui-row:first-child{border-top:0}
.rr9-ui-row b{color:#167757;font-size:12px}
.rr9-ref-link{display:grid;grid-template-columns:1fr auto;margin:14px;background:var(--rr9-surface-2);border:1px solid var(--rr9-border)}
.rr9-ref-link code{padding:12px;overflow:hidden;text-overflow:ellipsis;color:var(--rr9-text)}
.rr9-ref-link span{background:var(--rr9-green);color:#fff;padding:12px;font-weight:800}
.rr9-mini-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 14px 14px}
.rr9-mini-actions span{border:1px solid var(--rr9-border);padding:7px 9px;border-radius:4px;font-size:12px;font-weight:800;color:var(--rr9-text)}

/* white editorial sections */
.rr9-section{padding:82px 0;border-bottom:1px solid var(--rr9-border)}
.rr9-section-white{background:var(--rr9-surface)}
.rr9-section-soft{background:var(--rr9-surface-2)}
.rr9-section-dark{background:var(--rr9-green-deep);color:#fff}
.rr9-section-dark h2,.rr9-section-dark h3,.rr9-section-dark p,.rr9-section-dark li{color:#fff}
.rr9-section-dark p{opacity:.86}
.rr9-two-col{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:center}
.rr9-two-col.reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.rr9-photo-card{overflow:hidden;border-radius:14px;box-shadow:var(--rr9-shadow);background:var(--rr9-surface)}
.rr9-photo-card img{width:100%;height:460px;object-fit:cover}
.rr9-panel{background:var(--rr9-surface);border:1px solid var(--rr9-border);border-radius:12px;padding:30px;box-shadow:var(--rr9-shadow)}
.rr9-panel h3{color:var(--rr9-text)}
.rr9-panel p{color:var(--rr9-muted)}
.rr9-bullets{display:grid;gap:12px;padding:0;margin:24px 0;list-style:none}
.rr9-bullets li{position:relative;padding-left:26px;color:var(--rr9-text);font-size:17px}
.rr9-bullets li::before{content:"✓";position:absolute;left:0;color:#168863;font-weight:900}
.rr9-dark .rr9-bullets li,.rr9-section-dark .rr9-bullets li{color:#fff}

/* analytics: honest explanation, no invented figures */
.rr9-analytics-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:70px;align-items:center}
.rr9-analytics-ui{background:var(--rr9-surface);border:1px solid var(--rr9-border);border-radius:12px;padding:18px;box-shadow:var(--rr9-shadow)}
.rr9-analytics-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rr9-border);padding:8px 6px 16px;margin-bottom:16px}
.rr9-analytics-toolbar strong{font-size:20px;color:var(--rr9-text)}
.rr9-analytics-toolbar span{font-size:12px;color:var(--rr9-muted)}
.rr9-analytics-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.rr9-analytics-cards div{border:1px solid var(--rr9-border);padding:16px;border-radius:8px;background:var(--rr9-surface-2)}
.rr9-analytics-cards strong{display:block;color:var(--rr9-text);font-size:16px;margin-bottom:5px}
.rr9-analytics-cards span{color:var(--rr9-muted);font-size:13px}
.rr9-analytics-note{margin-top:14px;color:var(--rr9-muted);font-size:12px}

/* real business-page renders */
.rr9-render-pair{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-top:34px}
.rr9-render-shot{background:var(--rr9-green-deep);padding:10px;border-radius:12px;overflow:hidden}
.rr9-render-shot img{width:100%;height:520px;object-fit:cover;object-position:top;background:#fff}
.rr9-render-shot.compact img{height:520px}
.rr9-render-shot figcaption{color:#fff;padding:10px 4px 2px;font-size:13px}
.rr9-family-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--rr9-border);margin-top:32px;background:var(--rr9-surface)}
.rr9-family-grid article{padding:24px;border-right:1px solid var(--rr9-border)}
.rr9-family-grid article:last-child{border-right:0}
.rr9-family-grid span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--rr9-green);color:#fff;font-size:12px;font-weight:900;margin-bottom:16px}
.rr9-family-grid h3{font-size:21px;margin-bottom:8px}
.rr9-family-grid p{font-size:14px}

/* pricing */
.rr9-pricing-hero{padding:82px 0;background:var(--rr9-surface)}
.rr9-pricing-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:start}
.rr9-price{font-size:clamp(62px,7vw,100px);letter-spacing:-.055em;font-weight:900;line-height:.9;margin:30px 0 16px;color:var(--rr9-text)}
.rr9-price span{font-size:20px;letter-spacing:0;margin-left:6px}
.rr9-included{background:var(--rr9-surface-2);border:1px solid var(--rr9-border);border-top:5px solid var(--rr9-gold);padding:30px;border-radius:12px}
.rr9-included-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 26px;margin-top:20px}
.rr9-included-grid span{padding:12px 0;border-top:1px solid var(--rr9-border);color:var(--rr9-text);font-weight:700;font-size:14px}
.rr9-included-grid span::before{content:"✓";color:#168863;margin-right:8px}
.rr9-pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.rr9-pricing-cards article{background:var(--rr9-surface);border:1px solid var(--rr9-border);padding:28px;border-radius:10px}
.rr9-pricing-cards h3{font-size:28px;margin-bottom:10px}
.rr9-comparison{overflow:auto;border:1px solid var(--rr9-border);border-radius:10px;background:var(--rr9-surface)}
.rr9-comparison table{border-collapse:collapse;width:100%;min-width:760px}
.rr9-comparison th,.rr9-comparison td{padding:14px 16px;border-bottom:1px solid var(--rr9-border);text-align:left;color:var(--rr9-text)}
.rr9-comparison th{background:var(--rr9-surface-2);font-size:13px}
.rr9-comparison td{font-size:14px}
.rr9-comparison .ours{font-weight:900;color:var(--rr9-green)}
html[data-theme="dark"] .rr9-comparison .ours{color:#8fe0c2}
.rr9-faq{display:grid;gap:10px}
.rr9-faq details{background:var(--rr9-surface);border:1px solid var(--rr9-border);border-radius:8px;padding:0 20px}
.rr9-faq summary{cursor:pointer;font-weight:800;padding:18px 0;color:var(--rr9-text)}
.rr9-faq p{padding-bottom:18px;margin:0}

/* How it works */
.rr9-page-hero{padding:78px 0 58px;background:var(--rr9-surface);border-bottom:1px solid var(--rr9-border)}
.rr9-page-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:center}
.rr9-process-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:38px}
.rr9-process-step{text-align:center}
.rr9-process-step span{width:48px;height:48px;border-radius:50%;background:#4d9968;color:#fff;display:grid;place-items:center;margin:0 auto 14px;font-weight:900}
.rr9-process-step strong{display:block;color:var(--rr9-text);font-size:16px;line-height:1.2;margin-bottom:8px}
.rr9-process-step p{font-size:13px}
.rr9-step-list{display:grid;gap:0}
.rr9-step-row{display:grid;grid-template-columns:76px minmax(0,1fr) 360px;gap:30px;align-items:center;padding:34px 0;border-top:1px solid var(--rr9-border)}
.rr9-step-row:first-child{border-top:0}
.rr9-step-num{width:50px;height:50px;border-radius:50%;background:var(--rr9-green-soft);color:var(--rr9-green);display:grid;place-items:center;font-weight:900}
.rr9-step-row h2{font-size:32px;margin-bottom:8px}
.rr9-step-demo{background:var(--rr9-surface);border:1px solid var(--rr9-border);padding:16px;border-radius:8px;color:var(--rr9-text)}
.rr9-step-demo div{padding:8px 0;border-top:1px solid var(--rr9-border);font-size:13px}
.rr9-step-demo div:first-child{border-top:0}

/* contact */
.rr9-contact-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:70px;align-items:start}
.rr9-contact-form{background:var(--rr9-surface);border:1px solid var(--rr9-border);border-radius:12px;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.rr9-contact-form label{display:grid;gap:7px;font-weight:800;color:var(--rr9-text);font-size:14px}
.rr9-contact-form label span{font-weight:500;color:var(--rr9-muted)}
.rr9-contact-form .span-2{grid-column:1/-1}
.rr9-contact-form input,.rr9-contact-form textarea{width:100%;border:1px solid #8ca09a;background:var(--rr9-surface);color:var(--rr9-text);padding:12px;border-radius:4px;font:inherit}
.rr9-contact-form textarea{resize:vertical}
.rr9-contact-form button{justify-self:start}

/* auth */
.rr9-auth{min-height:660px;padding:80px 0;background:linear-gradient(90deg,var(--rr9-bg) 0 54%,var(--rr9-surface-2) 54% 100%)}
.rr9-auth-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,.7fr);gap:80px;align-items:center}
.rr9-auth-copy h1{font-size:clamp(48px,5vw,72px);margin-bottom:16px}
.rr9-auth-card{background:var(--rr9-surface);border:1px solid var(--rr9-border);border-radius:14px;padding:34px;box-shadow:var(--rr9-shadow)}
.rr9-auth-card form,.rr9-auth-card .stack-form{display:grid;gap:20px}
.rr9-auth-card label{display:grid;gap:8px;color:var(--rr9-text);font-weight:800}
.rr9-auth-card .field-help{font-weight:400;color:var(--rr9-muted);font-size:13px}
.rr9-auth-card input{height:48px;border:1px solid #8ca09a;background:var(--rr9-surface);color:var(--rr9-text);padding:0 12px;font:inherit;border-radius:4px}
.rr9-auth-card .button{min-height:46px;border-radius:6px}
.rr9-auth-card .form-link,.rr9-auth-card .secondary-action{margin:0}
/* other auth pages still using legacy markup */
.rr9-public .auth-width{width:min(680px,calc(100% - 48px));margin-left:auto;margin-right:auto}
.rr9-public .page-heading.auth-width{padding-top:60px;text-align:center}
.rr9-public .panel.auth-width{background:var(--rr9-surface);border:1px solid var(--rr9-border);border-radius:12px;padding:30px;box-shadow:var(--rr9-shadow)}
.rr9-public .stack-form label{color:var(--rr9-text)}
.rr9-public .stack-form input,.rr9-public .stack-form select,.rr9-public .stack-form textarea{background:var(--rr9-surface);color:var(--rr9-text);border:1px solid #8ca09a}
.rr9-public .secondary-action.auth-width{padding-bottom:70px}

.rr9-footer{background:var(--rr9-green-deep);color:#fff;padding:36px 0}
.rr9-footer-inner{display:grid;grid-template-columns:1fr auto auto;gap:44px;align-items:center}
.rr9-footer p{margin:4px 0 0;color:rgba(255,255,255,.76);font-size:13px}
.rr9-footer nav{display:flex;gap:18px;flex-wrap:wrap}
.rr9-footer a{color:#fff;text-decoration:none;font-size:13px;font-weight:700}

@media (max-width:1100px){
  .rr9-container{width:min(var(--rr9-max),calc(100% - 40px))}
  .rr9-nav{gap:18px}.rr9-nav a{font-size:13px}
  .rr9-hero-grid{grid-template-columns:1fr 1fr}.rr9-hero-copy{padding-right:36px}
  .rr9-feature{padding:36px 22px}.rr9-feature:first-child{padding-left:0}.rr9-feature:last-child{padding-right:0}
  .rr9-two-col,.rr9-two-col.reverse,.rr9-analytics-grid,.rr9-page-hero-grid,.rr9-pricing-grid,.rr9-contact-grid{gap:42px}
  .rr9-family-grid{grid-template-columns:repeat(3,1fr)}.rr9-family-grid article:nth-child(3){border-right:0}.rr9-family-grid article:nth-child(n+4){border-top:1px solid var(--rr9-border)}
  .rr9-step-row{grid-template-columns:58px 1fr 300px}
}
@media (max-width:860px){
  body.rr9-menu-open{overflow:hidden}
  .rr9-container{width:calc(100% - 32px)}
  .rr9-header-inner{width:calc(100% - 24px);height:64px;gap:10px}
  .rr9-brand{font-size:16px;min-width:0;max-width:58%}.rr9-brand img{max-width:180px;max-height:36px}
  .rr9-nav{display:none}.rr9-menu-button{display:grid}.rr9-signin-link,.rr9-dashboard-link{display:none}
  .rr9-header-actions{margin-left:auto}
  .rr9-hero-grid{grid-template-columns:1fr;min-height:0}
  .rr9-hero-copy{padding:54px 0 42px}
  .rr9-hero-media{min-height:420px;margin-inline:-16px}
  .rr9-hero-title{font-size:clamp(42px,11vw,62px)}
  .rr9-page-title{font-size:clamp(40px,10vw,58px)}
  .rr9-section-title{font-size:clamp(34px,8vw,48px)}
  .rr9-lead{font-size:18px}
  .rr9-feature-grid{grid-template-columns:1fr}.rr9-feature{padding:34px 0!important;border-right:0;border-top:1px solid var(--rr9-border)}.rr9-feature:first-child{border-top:0}
  .rr9-section{padding:58px 0}
  .rr9-two-col,.rr9-two-col.reverse,.rr9-analytics-grid,.rr9-pricing-grid,.rr9-page-hero-grid,.rr9-contact-grid{grid-template-columns:1fr;gap:34px}
  .rr9-two-col.reverse>*:first-child{order:2}
  .rr9-photo-card img{height:340px}
  .rr9-render-pair{grid-template-columns:1fr}.rr9-render-shot img,.rr9-render-shot.compact img{height:440px}
  .rr9-family-grid{grid-template-columns:1fr}.rr9-family-grid article{border-right:0;border-top:1px solid var(--rr9-border)}.rr9-family-grid article:first-child{border-top:0}
  .rr9-pricing-cards{grid-template-columns:1fr}.rr9-included-grid{grid-template-columns:1fr}
  .rr9-process-strip{grid-template-columns:1fr;gap:8px}.rr9-process-step{display:grid;grid-template-columns:50px 1fr;text-align:left;column-gap:14px;align-items:start}.rr9-process-step span{grid-row:1/3;margin:0}.rr9-process-step strong{align-self:end}
  .rr9-step-row{grid-template-columns:50px 1fr}.rr9-step-demo{grid-column:2}
  .rr9-contact-form{grid-template-columns:1fr}.rr9-contact-form .span-2{grid-column:auto}
  .rr9-auth{padding:56px 0;background:var(--rr9-bg)}.rr9-auth-grid{grid-template-columns:1fr;gap:30px}.rr9-auth-copy{text-align:center}.rr9-auth-card{padding:26px}
  .rr9-footer-inner{grid-template-columns:1fr;gap:18px}.rr9-footer nav{gap:14px}
}
@media (max-width:520px){
  .rr9-container{width:calc(100% - 24px)}
  .rr9-header-inner{width:calc(100% - 16px)}
  .rr9-theme-toggle,.rr9-menu-button{width:40px;height:40px}
  .rr9-brand{font-size:14px;max-width:56%}.rr9-brand img{max-width:150px}
  .rr9-hero-copy{padding:42px 0 34px}
  .rr9-hero-title{font-size:clamp(38px,12.5vw,54px);line-height:.98}
  .rr9-page-title{font-size:clamp(36px,11vw,50px);line-height:1}
  .rr9-section-title{font-size:clamp(31px,9.5vw,42px)}
  .rr9-card-title{font-size:27px}
  .rr9-lead,.rr9-copy{font-size:17px}
  .rr9-hero-media{min-height:330px;margin-inline:-12px}.rr9-hero-caption{left:12px;right:12px;bottom:12px;padding:14px}
  .rr9-actions{display:grid}.rr9-actions .rr9-btn{width:100%}
  .rr9-checkline{display:grid;gap:10px}
  .rr9-section{padding:48px 0}
  .rr9-panel{padding:20px}
  .rr9-analytics-cards{grid-template-columns:1fr}
  .rr9-render-shot img,.rr9-render-shot.compact img{height:360px}
  .rr9-step-row{grid-template-columns:44px 1fr;gap:14px}.rr9-step-num{width:40px;height:40px}.rr9-step-row h2{font-size:28px}.rr9-step-demo{grid-column:1/-1}
  .rr9-price{font-size:64px}.rr9-contact-form{padding:20px}
  .rr9-auth-card{padding:20px}.rr9-auth-copy h1{font-size:44px}
}
/* Final responsive guardrails: prevent long marketing copy from widening the page. */
.rr9-hero-grid>* ,.rr9-page-hero-grid>* ,.rr9-two-col>* ,.rr9-analytics-grid>* ,.rr9-pricing-grid>* ,.rr9-contact-grid>*{min-width:0}
.rr9-public h1,.rr9-public h2,.rr9-public h3{overflow-wrap:anywhere;word-break:normal}
@media (max-width:520px){.rr9-hero-title{font-size:clamp(36px,11vw,48px)}}
/* Explicit button and panel contrast wins over legacy application CSS. */
.rr9-public .rr9-btn-primary{background:var(--rr9-green)!important;border-color:var(--rr9-green)!important;color:#fff!important}
.rr9-public .rr9-btn-secondary{background:var(--rr9-surface)!important;border-color:var(--rr9-green)!important;color:var(--rr9-green)!important}
.rr9-public .rr9-btn-gold{background:var(--rr9-gold)!important;border-color:var(--rr9-gold)!important;color:#10231f!important}
.rr9-section-dark .rr9-panel{color:var(--rr9-text)}
.rr9-section-dark .rr9-panel h2,.rr9-section-dark .rr9-panel h3,.rr9-section-dark .rr9-panel li{color:var(--rr9-text)}
.rr9-section-dark .rr9-panel p{color:var(--rr9-muted);opacity:1}
.rr9-section-dark .rr9-panel .rr9-bullets li{color:var(--rr9-text)}
.rr9-section-dark .rr9-panel .rr9-btn-secondary{color:var(--rr9-green)!important}
/* Dark-theme contrast corrections for accent text on dark surfaces. */
html[data-theme="dark"] .rr9-kicker{color:#8fd0bd}
html[data-theme="dark"] .rr9-ui-row b{color:#9be1c9}
html[data-theme="dark"] .rr9-public .rr9-btn-secondary{background:#132421!important;border-color:#8fd0bd!important;color:#d8f2e9!important}
html[data-theme="dark"] .rr9-panel .rr9-btn-secondary{background:#132421!important;border-color:#8fd0bd!important;color:#d8f2e9!important}
html[data-theme="dark"] .skip-link{background:#fff!important;color:#10231f!important}

/* R6 0.6.9 final contrast guardrail */
.rr9-process-step span{background:var(--rr9-green);color:#fff}

/* R6 0.7.0 — primary signup route stays visible in the public header. */
.rr9-button-gold{background:#d8aa4f!important;border-color:#d8aa4f!important;color:#10231f!important;font-weight:900!important}
.rr9-button-gold:hover{background:#e1b85f!important;border-color:#e1b85f!important;color:#10231f!important}
@media(max-width:760px){.rr9-start-link{display:none!important}}

/* R7 0.8.6 — sector demo centre. */
.demo-centre-hero .lead{max-width:78ch}.demo-sector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.demo-sector-card{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);background:var(--surface);border:1px solid var(--border);overflow:hidden}.demo-sector-card>img{width:100%;height:100%;min-height:300px;object-fit:cover;background:var(--surface-muted)}.demo-sector-copy{padding:26px}.demo-sector-copy h2{font-size:clamp(1.55rem,2.2vw,2.2rem);margin:.2rem 0 .25rem}.demo-sector-copy h3{font-size:1rem;margin:0 0 12px;color:var(--text-muted)}.demo-location{font-weight:700;color:var(--text-muted)}.demo-sector-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.sector-demo{--demo-accent:#234846;background:var(--page);padding-bottom:70px}.sector-demo-bar{width:min(calc(100% - 32px),1400px);margin:24px auto 0;padding:12px 16px;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:18px}.sector-demo-bar>div:first-child{display:grid;gap:2px}.sector-demo-bar span{color:var(--text-muted);font-size:.86rem}.demo-switch{display:flex;flex-wrap:wrap;gap:8px}.demo-switch a{padding:8px 11px;border:1px solid var(--border);color:var(--text);text-decoration:none;font-weight:750}.demo-switch a.active{background:var(--demo-accent);border-color:var(--demo-accent);color:#fff}.sector-demo-site{width:min(calc(100% - 32px),1400px);margin:14px auto 0;background:#fff;color:#17211f;border:1px solid #bbc5c2;box-shadow:0 18px 55px rgba(0,0,0,.08);overflow:hidden}.sector-demo-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 38px;border-bottom:1px solid #d5dcda;background:#fff}.sector-demo-header>div{display:grid}.sector-demo-brand{font-size:1.18rem}.sector-demo-header span{font-size:.83rem;color:#64726e}.sector-demo-header nav{display:flex;gap:22px;font-size:.9rem;font-weight:750}.sector-demo-hero{display:grid;grid-template-columns:1fr 1fr;min-height:470px;background:#f4f7f6}.sector-demo-hero-copy{padding:70px 58px;align-self:center}.sector-demo-eyebrow{color:var(--demo-accent);font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;font-weight:850;margin-bottom:10px}.sector-demo-hero h1{font-size:clamp(2.6rem,4.8vw,5.4rem);line-height:.98;letter-spacing:-.05em;max-width:12ch;margin:0 0 18px;color:#17211f}.sector-demo-hero p{font-size:1.08rem;line-height:1.6;color:#56635f;max-width:55ch}.sector-demo-hero>img{width:100%;height:100%;min-height:470px;object-fit:cover;background:#e7edeb}.sector-demo-actions,.sector-demo-review-buttons,.sector-demo-share{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.sector-demo-actions span,.sector-demo-review-buttons span,.sector-demo-share span,.sector-demo-book-button{display:inline-block;padding:11px 15px;background:var(--demo-accent);color:#fff;font-weight:800}.sector-demo-actions span+span,.sector-demo-review-buttons span+span,.sector-demo-share span+span{background:#fff;color:#17211f;border:1px solid #9eaaa6}.sector-demo-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #c8d1ce;border-bottom:1px solid #c8d1ce;background:#e9eeec}.sector-demo-trust div{padding:22px 28px;background:#fff;border-right:1px solid #c8d1ce}.sector-demo-trust div:last-child{border-right:0}.sector-demo-trust strong{font-size:.93rem}.sector-demo-section{padding:58px}.sector-demo-section h2,.sector-demo-review-focus h2,.sector-demo-recommend h2,.sector-demo-booking h2{font-size:clamp(2rem,3.2vw,3.1rem);letter-spacing:-.035em;margin:.2rem 0 22px;color:#17211f}.sector-demo-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sector-demo-services article{border:1px solid #c9d2cf;padding:22px;background:#fff}.sector-demo-services h3{font-size:1.2rem;margin:0 0 8px}.sector-demo-services p{color:#63706c;line-height:1.5}.sector-demo-split{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;background:#f3f6f5}.sector-demo-split>div:first-child p{max-width:65ch;line-height:1.65;color:#56635f}.sector-demo-review{padding:28px;background:#fff;border:1px solid #c8d1ce;align-self:start}.demo-stars{letter-spacing:.12em;color:#b58a2d;font-size:1.25rem}.sector-demo-review span{display:inline-block;margin-top:14px;padding:10px 13px;background:var(--demo-accent);color:#fff;font-weight:800}.sector-demo-review-focus{padding:64px;text-align:center;max-width:850px;margin:0 auto}.sector-demo-review-focus p{color:#5c6965}.sector-demo-review-buttons{justify-content:center}.sector-demo-recommend,.sector-demo-booking{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:48px 58px;border-top:1px solid #c9d2cf;background:#f3f6f5}.sector-demo-recommend p,.sector-demo-booking p{color:#5b6864;max-width:60ch}.sector-demo-share{margin:0;justify-content:flex-end}.sector-demo-footer{display:flex;justify-content:space-between;gap:20px;padding:24px 38px;background:#1d2926;color:#fff}.sector-demo-footer span{color:#c9d4d0}.demo-theme-established .sector-demo-header,.demo-theme-established .sector-demo-hero-copy{font-family:Georgia,"Times New Roman",serif}.demo-theme-established .sector-demo-hero{background:#eee9df}.demo-theme-workshop .sector-demo-header{background:#1b2926;color:#fff}.demo-theme-workshop .sector-demo-header span,.demo-theme-workshop .sector-demo-header nav{color:#d6e0dc}.demo-theme-workshop .sector-demo-hero{background:#1b2926}.demo-theme-workshop .sector-demo-hero h1,.demo-theme-workshop .sector-demo-hero p{color:#fff}.demo-theme-studio .sector-demo-site{border-radius:18px}.demo-theme-studio .sector-demo-hero{background:#f4ece9}.demo-theme-studio .sector-demo-hero>img{margin:34px;width:calc(100% - 68px);height:calc(100% - 68px);min-height:400px;border-radius:24px}.demo-theme-showcase .sector-demo-hero{grid-template-columns:.85fr 1.15fr;background:#202a27}.demo-theme-showcase .sector-demo-hero h1,.demo-theme-showcase .sector-demo-hero p{color:#fff}.demo-theme-showcase .sector-demo-hero>img{order:-1}.demo-theme-classic .sector-demo-site{box-shadow:none}.demo-theme-classic .sector-demo-hero{background:#f7f8f7}
@media(max-width:1050px){.demo-sector-grid{grid-template-columns:1fr}.sector-demo-services{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.demo-sector-card{grid-template-columns:1fr}.demo-sector-card>img{min-height:220px}.sector-demo-bar,.sector-demo-header,.sector-demo-footer{align-items:flex-start;flex-direction:column}.sector-demo-hero,.sector-demo-split,.sector-demo-recommend,.sector-demo-booking{grid-template-columns:1fr}.sector-demo-hero-copy,.sector-demo-section,.sector-demo-review-focus,.sector-demo-recommend,.sector-demo-booking{padding:34px 24px}.sector-demo-hero>img{min-height:260px}.sector-demo-trust{grid-template-columns:1fr 1fr}.sector-demo-trust div:nth-child(2){border-right:0}.sector-demo-trust div{border-bottom:1px solid #c8d1ce}.sector-demo-services{grid-template-columns:1fr}.sector-demo-share{justify-content:flex-start}.demo-theme-studio .sector-demo-hero>img{margin:0;width:100%;height:100%;border-radius:0}.demo-theme-showcase .sector-demo-hero>img{order:0}}


/* R7 0.8.8 — demo centre starts clear of the sticky public header. */
.demo-centre-hero{padding:44px 0 36px!important;border-bottom:1px solid var(--rr9-border)}
.demo-centre-hero .rr9-kicker{margin-top:0!important}
.demo-centre-hero h1{margin-top:10px}
@media(max-width:760px){.demo-centre-hero{padding:30px 0 28px!important}}


/* R7 0.8.15 — invoice checkout. */
.rr9-checkout-wrap{max-width:980px}.rr9-checkout-form{margin-top:24px}.rr9-checkout-form h2{margin:10px 0 0}.rr9-checkout-price{display:grid;gap:4px;margin:22px 0;padding:20px;border:1px solid #cbd6d2;background:#edf3f1}.rr9-checkout-price strong{font-size:2rem}.rr9-checkout-price span{font-weight:800}.rr9-checkout-price small,.rr9-small-note{color:#64706c}.rr9-checkout-invoice-head{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.rr9-checkout-invoice-head>div{padding:14px;border:1px solid #d4dcda;display:grid;gap:4px}.rr9-checkout-invoice-head span{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.rr9-checkout-invoice-head strong{font-size:1.2rem}@media(max-width:700px){.rr9-checkout-invoice-head{grid-template-columns:1fr}}

/* R10 0.11.13-r16: paid landing-page conversion fixes */
.rr9-guarantee-line{margin:16px 0 0;max-width:720px;font-size:14px;line-height:1.55;color:var(--rr9-muted)}
.rr9-guarantee-line strong{color:var(--rr9-text)}
.rr9-guarantee-line-on-dark{color:rgba(255,255,255,.82)}
.rr9-guarantee-line-on-dark strong{color:#fff}
.rr9-guarantee-panel{border-top:4px solid var(--rr9-green)}
.rr9-demo-selector-section{scroll-margin-top:92px}
.rr9-demo-selector-heading{max-width:820px;margin-bottom:28px}
.rr9-demo-tabs{display:flex;gap:8px;overflow-x:auto;padding:0 0 12px;scrollbar-width:thin}
.rr9-demo-tab{flex:0 0 auto;min-height:42px;padding:0 14px;border:1px solid var(--rr9-border);border-radius:7px;background:var(--rr9-surface);color:var(--rr9-text);font:inherit;font-weight:800;cursor:pointer}
.rr9-demo-tab:hover,.rr9-demo-tab:focus-visible{border-color:var(--rr9-green);outline:none}
.rr9-demo-tab.active,.rr9-demo-tab[aria-selected="true"]{background:var(--rr9-green);border-color:var(--rr9-green);color:#fff}
.rr9-demo-preview{margin-top:8px}
.rr9-demo-preview-item{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:360px;border:1px solid var(--rr9-border);background:var(--rr9-surface);box-shadow:var(--rr9-shadow);overflow:hidden}
.rr9-demo-preview-item[hidden]{display:none!important}
.rr9-demo-preview-item>img{width:100%;height:100%;min-height:360px;object-fit:cover;background:var(--rr9-surface-2)}
.rr9-demo-preview-copy{padding:42px;align-self:center}
.rr9-demo-sector{margin:0 0 8px;color:var(--rr9-green);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.rr9-demo-preview-copy h3{font-size:clamp(30px,3vw,44px);margin:0 0 8px}
.rr9-demo-preview-copy>p:not(.rr9-demo-sector){font-size:17px;margin-bottom:0}
.rr9-demo-all{margin-top:18px}
@media(max-width:760px){
  .rr9-demo-selector-section{scroll-margin-top:76px}
  .rr9-demo-preview-item{grid-template-columns:1fr;min-height:0}
  .rr9-demo-preview-item>img{min-height:230px;max-height:300px}
  .rr9-demo-preview-copy{padding:24px}
  .rr9-demo-preview-copy h3{font-size:30px}
  .rr9-demo-tabs{margin-inline:-16px;padding-inline:16px}
}

/* R10 0.11.13-r18 — How it works visual and content upgrade */
.rr9-how-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--rr9-surface) 0 68%,#eaf4f1 68% 100%)}
.rr9-how-hero::after{content:"";position:absolute;width:280px;height:280px;border:56px solid rgba(216,169,65,.16);border-radius:50%;right:-120px;top:-110px;pointer-events:none}
.rr9-how-hero .rr9-page-hero-grid{position:relative;z-index:1;padding:72px 0;align-items:center}
.rr9-how-hero-copy{padding-right:34px}
.rr9-how-hero .rr9-page-title{max-width:760px}
.rr9-how-hero-photo{position:relative;margin:0;border-radius:18px;overflow:visible}
.rr9-how-hero-photo::before{content:"";position:absolute;inset:24px -24px -24px 24px;background:var(--rr9-gold);border-radius:18px;z-index:-1}
.rr9-how-hero-photo img{width:100%;min-height:420px;max-height:500px;object-fit:cover;border-radius:18px;border:1px solid var(--rr9-border);box-shadow:0 24px 60px rgba(13,43,37,.16)}

.rr9-how-steps-section{background:var(--rr9-surface)}
.rr9-how-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.rr9-how-step-card{--how-accent:#0b4a41;--how-accent-soft:#e4f1ed;position:relative;padding:28px;border:1px solid var(--rr9-border);border-top:6px solid var(--how-accent);border-radius:18px;background:var(--rr9-surface);box-shadow:0 16px 38px rgba(13,43,37,.07);overflow:hidden}
.rr9-how-step-card-2{--how-accent:#316fd0;--how-accent-soft:#e8f0fd}
.rr9-how-step-card-3{--how-accent:#8a5bb4;--how-accent-soft:#f1eafa}
.rr9-how-step-card-4{--how-accent:#b98216;--how-accent-soft:#faf0d9}
.rr9-how-step-card::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:var(--how-accent-soft);right:-72px;top:-76px;opacity:.78;pointer-events:none}
.rr9-how-step-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.rr9-how-step-num{display:grid;place-items:center;min-width:48px;height:36px;padding:0 12px;border-radius:999px;background:var(--how-accent-soft);color:var(--how-accent);font-size:13px;font-weight:900;letter-spacing:.05em}
.rr9-how-step-icon{position:relative;z-index:2;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--how-accent);color:#fff;box-shadow:0 8px 20px rgba(13,43,37,.13)}
.rr9-how-step-icon svg{width:25px;height:25px;fill:currentColor}
.rr9-how-step-card h2{position:relative;z-index:1;margin:0 0 10px;font-size:clamp(27px,2.1vw,36px);line-height:1.05}
.rr9-how-step-card>p{position:relative;z-index:1;margin-bottom:22px;font-size:16px;line-height:1.65}
.rr9-how-step-demo{position:relative;z-index:1;display:grid;gap:0;background:var(--how-accent-soft);border:1px solid color-mix(in srgb,var(--how-accent) 24%,var(--rr9-border));border-radius:12px;overflow:hidden}
.rr9-how-step-demo div{display:flex;align-items:center;gap:9px;padding:11px 13px;border-top:1px solid color-mix(in srgb,var(--how-accent) 18%,transparent);color:var(--rr9-text);font-size:13px;font-weight:700}
.rr9-how-step-demo div:first-child{border-top:0}
.rr9-how-step-demo div span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--how-accent);color:#fff;font-size:11px;flex:0 0 auto}

.rr9-how-platform-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#eaf5f1 0%,#f8f2e3 100%)}
.rr9-how-platform-section::before{content:"";position:absolute;inset:auto auto -130px -100px;width:340px;height:340px;border-radius:50%;background:rgba(11,74,65,.06);pointer-events:none}
.rr9-how-platform-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:56px;align-items:center}
.rr9-how-platform-copy .rr9-section-title{max-width:620px}
.rr9-how-platform-copy .rr9-copy{max-width:660px}
.rr9-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rr9-platform-card{--platform-accent:var(--rr9-green);display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;row-gap:8px;align-items:center;min-height:148px;padding:20px;border:1px solid rgba(16,35,31,.12);border-top:5px solid var(--platform-accent);border-radius:16px;background:#fff;color:#10231f;box-shadow:0 14px 32px rgba(13,43,37,.08);transition:transform .18s ease,box-shadow .18s ease}
.rr9-platform-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(13,43,37,.12)}
.rr9-platform-google{--platform-accent:#4285F4}
.rr9-platform-facebook{--platform-accent:#1877F2}
.rr9-platform-trustpilot{--platform-accent:#00B67A}
.rr9-platform-checkatrade{--platform-accent:#FF3F3F}
.rr9-platform-other{--platform-accent:#0b4a41}
.rr9-platform-brand{grid-row:1/3;width:64px;height:64px;display:grid;place-items:center;border-radius:15px;background:#f6f8f7;border:1px solid #e1e7e4}
.rr9-brand-svg{width:42px;height:42px;display:block}
.rr9-facebook-mark{width:44px;height:44px}
.rr9-trustpilot-mark{width:45px;height:45px}
.rr9-other-mark{width:40px;height:40px;fill:#0b4a41}
.rr9-platform-copy{min-width:0;display:grid;gap:4px;align-self:end}
.rr9-platform-copy strong{font-size:19px;line-height:1.15;letter-spacing:-.02em}
.rr9-platform-copy span{color:#60706b;font-size:13px;line-height:1.35}
.rr9-platform-action{align-self:start;color:var(--platform-accent);font-size:12px;font-weight:900;text-transform:none}
.rr9-checkatrade-mark{display:grid;place-items:center;width:100%;height:100%}
.rr9-checkatrade-mark img{display:block;width:46px;height:46px;object-fit:contain}

.rr9-how-booking-section{background:linear-gradient(180deg,var(--rr9-surface) 0%,var(--rr9-surface) 70%,#f7f2e7 100%)}
.rr9-how-booking-panel{padding:18px;border-top:6px solid var(--rr9-gold);box-shadow:0 20px 46px rgba(13,43,37,.09)}
.rr9-how-booking-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 10px;border-top:1px solid var(--rr9-border);font-size:14px}
.rr9-how-booking-row:first-child{border-top:0}
.rr9-how-booking-row>b{color:var(--rr9-green);font-size:13px;text-align:right}
.rr9-how-booking-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--rr9-gold-soft);color:#8b650d;font-size:11px;font-weight:900}

.rr9-how-recommend-section{background:var(--rr9-green-deep);color:#fff}
.rr9-how-recommend-section .rr9-section-title,.rr9-how-recommend-section .rr9-copy{color:#fff}
.rr9-how-recommend-section .rr9-copy{opacity:.86}
.rr9-how-recommend-photo{border:7px solid rgba(255,255,255,.13);box-shadow:0 24px 58px rgba(0,0,0,.24)}
.rr9-how-recommend-photo img{height:500px}
.rr9-share-methods{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.rr9-share-methods span{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:800}
.rr9-how-recommend-section .rr9-btn-secondary{background:transparent!important;border-color:rgba(255,255,255,.72)!important;color:#fff!important}
.rr9-how-recommend-section .rr9-btn-secondary:hover{background:rgba(255,255,255,.08)!important}

html[data-theme="dark"] .rr9-how-hero{background:linear-gradient(135deg,var(--rr9-surface) 0 68%,#132c27 68% 100%)}
html[data-theme="dark"] .rr9-how-step-card{background:var(--rr9-surface)}
html[data-theme="dark"] .rr9-how-step-demo{background:color-mix(in srgb,var(--how-accent) 18%,var(--rr9-surface))}
html[data-theme="dark"] .rr9-how-platform-section{background:linear-gradient(135deg,#102720 0%,#2b2617 100%)}
html[data-theme="dark"] .rr9-how-platform-copy .rr9-section-title,html[data-theme="dark"] .rr9-how-platform-copy .rr9-copy{color:var(--rr9-text)}
html[data-theme="dark"] .rr9-how-booking-section{background:var(--rr9-surface)}
html[data-theme="dark"] .rr9-how-booking-row>b{color:#9be1c9}

@media(max-width:1000px){
  .rr9-how-platform-layout{grid-template-columns:1fr;gap:34px}
}
@media(max-width:860px){
  .rr9-how-hero .rr9-page-hero-grid{padding:54px 0}
  .rr9-how-hero-copy{padding-right:0}
  .rr9-how-hero-photo::before{inset:14px -14px -14px 14px}
  .rr9-how-step-grid{grid-template-columns:1fr}
  .rr9-how-recommend-photo img{height:360px}
}
@media(max-width:620px){
  .rr9-platform-grid{grid-template-columns:1fr}
  .rr9-platform-card{min-height:128px}
  .rr9-how-step-card{padding:22px}
  .rr9-how-booking-row{grid-template-columns:30px 1fr}
  .rr9-how-booking-row>b{grid-column:2;text-align:left;margin-top:-7px}
  .rr9-how-hero-photo img{min-height:300px}
}

/* R10 0.11.13-r19 — How it works UI-panel refinement */
.rr9-how-page h1,.rr9-how-page h2,.rr9-how-page h3{overflow-wrap:normal;word-break:normal}
.rr9-how-page .rr9-btn,
.rr9-how-page .rr9-how-hero-photo,
.rr9-how-page .rr9-how-hero-photo::before,
.rr9-how-page .rr9-how-hero-photo img,
.rr9-how-page .rr9-how-step-card,
.rr9-how-page .rr9-how-step-icon,
.rr9-how-page .rr9-app-panel,
.rr9-how-page .rr9-app-avatar,
.rr9-how-page .rr9-app-status,
.rr9-how-page .rr9-app-choice,
.rr9-how-page .rr9-app-event-marker,
.rr9-how-page .rr9-app-field,
.rr9-how-page .rr9-platform-card,
.rr9-how-page .rr9-platform-brand,
.rr9-how-page .rr9-panel,
.rr9-how-page .rr9-booking-ui-status,
.rr9-how-page .rr9-booking-ui-field,
.rr9-how-page .rr9-photo-card,
.rr9-how-page .rr9-share-methods span{border-radius:0!important}

.rr9-how-hero::after,.rr9-how-platform-section::before,.rr9-how-step-card::after{display:none!important}
.rr9-how-hero .rr9-page-hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:60px}
.rr9-how-hero .rr9-page-title{max-width:860px;font-size:clamp(44px,3.65vw,64px);line-height:1.01;text-wrap:pretty;overflow-wrap:normal;word-break:normal}
.rr9-how-hero-photo{border-radius:0!important}
.rr9-how-hero-photo::before{border-radius:0!important}
.rr9-how-hero-photo img{border-radius:0!important}

.rr9-how-step-card{border-radius:0!important;padding:28px;background:var(--rr9-surface)}
.rr9-how-step-top{justify-content:flex-start;margin-bottom:18px}
.rr9-how-step-icon{width:46px;height:46px;border-radius:0!important;box-shadow:none}
.rr9-how-step-card h2{font-size:clamp(26px,2vw,34px);line-height:1.08}
.rr9-how-step-card>p{margin-bottom:20px}

.rr9-app-panel{border:1px solid color-mix(in srgb,var(--how-accent) 28%,var(--rr9-border));background:var(--rr9-surface);box-shadow:0 10px 24px rgba(13,43,37,.07);overflow:hidden}
.rr9-app-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px;background:var(--how-accent-soft);border-bottom:1px solid color-mix(in srgb,var(--how-accent) 28%,var(--rr9-border));color:var(--rr9-text)}
.rr9-app-panel-head strong{font-size:13px;letter-spacing:.01em}
.rr9-app-panel-head span{font-size:11px;font-weight:800;color:var(--how-accent);text-align:right}
.rr9-app-list{display:grid}
.rr9-app-customer-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px 12px;border-top:1px solid var(--rr9-border)}
.rr9-app-customer-row:first-child{border-top:0}
.rr9-app-avatar{width:34px;height:34px;display:grid;place-items:center;background:var(--how-accent);color:#fff;font-size:11px;font-weight:900;letter-spacing:.03em}
.rr9-app-customer-name{min-width:0;display:grid;gap:1px}
.rr9-app-customer-name strong{font-size:13px;color:var(--rr9-text)}
.rr9-app-customer-name small{font-size:10px;color:var(--rr9-muted)}
.rr9-app-status{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--how-accent) 34%,var(--rr9-border));background:var(--how-accent-soft);color:var(--how-accent);font-size:10px;font-weight:900;white-space:nowrap}
.rr9-app-status>span{display:grid;place-items:center;width:15px;height:15px;background:var(--how-accent);color:#fff;font-size:9px}

.rr9-app-message-preview{display:grid;gap:5px;padding:14px 13px;border-bottom:1px solid var(--rr9-border);background:color-mix(in srgb,var(--how-accent-soft) 55%,var(--rr9-surface))}
.rr9-app-message-preview span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--rr9-muted)}
.rr9-app-message-preview strong{font-size:14px;line-height:1.35;color:var(--rr9-text)}
.rr9-app-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.rr9-app-choice{display:flex;align-items:center;gap:9px;min-height:50px;padding:10px 12px;border-left:1px solid var(--rr9-border);background:var(--rr9-surface)}
.rr9-app-choice:first-child{border-left:0}
.rr9-app-choice>span{display:grid;place-items:center;width:24px;height:24px;background:var(--how-accent);color:#fff;font-size:13px;flex:0 0 auto}
.rr9-app-choice strong{font-size:12px;line-height:1.25;color:var(--rr9-text)}

.rr9-app-activity-stream{position:relative;display:grid;padding:4px 0}
.rr9-app-activity-event{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:11px 12px;border-top:1px solid var(--rr9-border)}
.rr9-app-activity-event:first-child{border-top:0}
.rr9-app-event-marker{width:30px;height:30px;display:grid;place-items:center;background:var(--how-accent);color:#fff;font-weight:900;font-size:13px}
.rr9-app-activity-event div{display:grid;gap:2px}
.rr9-app-activity-event small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--rr9-muted);font-weight:800}
.rr9-app-activity-event strong{font-size:13px;color:var(--rr9-text)}

.rr9-app-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.rr9-app-field{min-height:72px;padding:12px;border-top:1px solid var(--rr9-border);border-left:1px solid var(--rr9-border);background:var(--rr9-surface)}
.rr9-app-field:nth-child(odd){border-left:0}
.rr9-app-field:nth-child(-n+2){border-top:0}
.rr9-app-field small{display:block;margin-bottom:5px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--rr9-muted);font-weight:800}
.rr9-app-field strong{display:block;font-size:13px;line-height:1.25;color:var(--rr9-text)}

.rr9-platform-card{border-radius:0!important}
.rr9-platform-brand{border-radius:0!important}
.rr9-how-platform-section{background:linear-gradient(135deg,#eaf5f1 0%,#f8f2e3 100%)}

.rr9-how-booking-panel{padding:0!important;border-radius:0!important;overflow:hidden;border-top:6px solid var(--rr9-gold);background:var(--rr9-surface)}
.rr9-booking-ui-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;background:#f7f3e7;border-bottom:1px solid var(--rr9-border)}
.rr9-booking-ui-head>div{display:grid;gap:2px}
.rr9-booking-ui-head strong{font-size:15px;color:var(--rr9-text)}
.rr9-booking-ui-head span{font-size:11px;color:var(--rr9-muted)}
.rr9-booking-ui-status{padding:7px 9px;border:1px solid #8fb9ad;background:#e8f3ef;color:var(--rr9-green)!important;font-weight:900!important;white-space:nowrap}
.rr9-booking-ui-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.rr9-booking-ui-field{display:grid;gap:5px;min-height:96px;padding:18px;border-top:1px solid var(--rr9-border);border-left:1px solid var(--rr9-border);background:var(--rr9-surface)}
.rr9-booking-ui-field:nth-child(odd){border-left:0}
.rr9-booking-ui-field:nth-child(-n+2){border-top:0}
.rr9-booking-ui-field small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--rr9-muted);font-weight:800}
.rr9-booking-ui-field strong{font-size:17px;line-height:1.25;color:var(--rr9-text)}
.rr9-booking-ui-confirmation{background:#edf6f2;border-top-color:#a9cfc3}
.rr9-booking-ui-confirmation strong{color:var(--rr9-green)}

.rr9-how-recommend-photo{border-radius:0!important}
.rr9-share-methods span{border-radius:0!important;background:transparent}

html[data-theme="dark"] .rr9-app-panel-head{background:color-mix(in srgb,var(--how-accent) 20%,var(--rr9-surface))}
html[data-theme="dark"] .rr9-app-message-preview{background:color-mix(in srgb,var(--how-accent) 14%,var(--rr9-surface))}
html[data-theme="dark"] .rr9-booking-ui-head{background:#28271f}
html[data-theme="dark"] .rr9-booking-ui-status{background:#16372f;border-color:#4f8274;color:#b9ead9!important}
html[data-theme="dark"] .rr9-booking-ui-confirmation{background:#163029}

@media(max-width:860px){
  .rr9-how-hero .rr9-page-hero-grid{grid-template-columns:1fr;gap:34px}
  .rr9-how-hero .rr9-page-title{max-width:760px}
}
@media(max-width:620px){
  .rr9-how-hero .rr9-page-title{font-size:clamp(34px,9vw,44px);line-height:1.02}
  .rr9-app-customer-row{grid-template-columns:32px minmax(0,1fr)}
  .rr9-app-status{grid-column:2;justify-self:start}
  .rr9-app-choice-grid,.rr9-app-field-grid,.rr9-booking-ui-grid{grid-template-columns:1fr}
  .rr9-app-choice,.rr9-app-field,.rr9-booking-ui-field{border-left:0!important;border-top:1px solid var(--rr9-border)!important}
  .rr9-app-choice:first-child,.rr9-app-field:first-child,.rr9-booking-ui-field:first-child{border-top:0!important}
  .rr9-booking-ui-head{align-items:flex-start;flex-direction:column}
}
.rr9-app-field:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:620px){.rr9-app-field:last-child:nth-child(odd){grid-column:auto}}

/* R10 0.11.13-r20 — site-wide visual system based on approved r19 How it works styling */
:root{--rr9-radius:0}
.rr9-public .rr9-kicker,.rr9-public .sector-demo-eyebrow{display:none!important}
.rr9-public h1,.rr9-public h2,.rr9-public h3{overflow-wrap:normal!important;word-break:normal!important;hyphens:none;text-wrap:pretty}
.rr9-public .rr9-btn,.rr9-public .rr9-button,.rr9-public .rr9-theme-toggle,.rr9-public .rr9-menu-button,.rr9-public .rr9-panel,.rr9-public .rr9-ui-card,.rr9-public .rr9-photo-card,.rr9-public .rr9-analytics-ui,.rr9-public .rr9-analytics-cards>div,.rr9-public .rr9-render-shot,.rr9-public .rr9-family-grid,.rr9-public .rr9-family-grid article,.rr9-public .rr9-included,.rr9-public .rr9-pricing-cards article,.rr9-public .rr9-comparison,.rr9-public .rr9-faq details,.rr9-public .rr9-contact-form,.rr9-public .rr9-auth-card,.rr9-public .panel,.rr9-public input,.rr9-public select,.rr9-public textarea,.rr9-public .rr9-demo-tab,.rr9-public .rr9-demo-preview-item,.rr9-public .demo-sector-card,.rr9-public .sector-demo-site,.rr9-public .demo-theme-studio .sector-demo-site,.rr9-public .demo-theme-studio .sector-demo-hero>img,.rr9-public .rr9-checkout-price,.rr9-public .rr9-checkout-invoice-head>div{border-radius:0!important}
.rr9-public .rr9-icon,.rr9-public .rr9-process-step span,.rr9-public .rr9-step-num,.rr9-public .rr9-family-grid>article>span{border-radius:0!important}

.rr9-site-page .rr9-section-title{max-width:960px}
.rr9-site-page .rr9-page-title,.rr9-site-page .rr9-hero-title{max-width:920px}
.rr9-site-page .rr9-copy,.rr9-site-page .rr9-lead{max-width:760px}
.rr9-site-page .rr9-section{position:relative}

/* shared stronger split hero */
.rr9-home-hero,.rr9-landing-hero,.rr9-business-pages-hero,.rr9-contact-hero{background:linear-gradient(135deg,var(--rr9-surface) 0 68%,#e9f3f0 68% 100%)}
.rr9-site-hero-photo{position:relative;margin:0;z-index:1}
.rr9-site-hero-photo::before{content:"";position:absolute;inset:22px -22px -22px 22px;background:var(--rr9-gold);z-index:-1}
.rr9-site-hero-photo img{width:100%;height:100%;min-height:420px;max-height:510px;object-fit:cover;border:1px solid var(--rr9-border);box-shadow:0 24px 60px rgba(13,43,37,.15)}
.rr9-home-hero .rr9-hero-grid,.rr9-landing-hero .rr9-hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);gap:58px;min-height:610px;align-items:center}
.rr9-home-hero .rr9-hero-copy,.rr9-landing-hero .rr9-hero-copy{padding:70px 0}
.rr9-home-hero .rr9-hero-title,.rr9-landing-hero .rr9-hero-title{font-size:clamp(48px,4.7vw,78px);line-height:.99}

/* trust / commercial reassurance */
.rr9-trust-strip{display:grid;gap:4px;margin-top:24px;padding:16px 18px;border-left:5px solid var(--rr9-gold);background:rgba(255,255,255,.08);color:#fff}
.rr9-trust-strip strong{font-size:15px;color:inherit}
.rr9-trust-strip span{font-size:13px;line-height:1.5;color:inherit;opacity:.84}
.rr9-trust-strip-light{background:#f6f1e3;color:var(--rr9-text);border:1px solid #e4d8b7;border-left:5px solid var(--rr9-gold);max-width:720px}
.rr9-trust-strip-light span{color:var(--rr9-muted);opacity:1}

/* branded review-platform section shared with How it works */
.rr9-platform-showcase{background:linear-gradient(135deg,#eaf5f1 0%,#f8f2e3 100%)}
.rr9-platform-showcase-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:56px;align-items:center}
.rr9-platform-grid-shared .rr9-platform-card{border-radius:0!important}
.rr9-platform-grid-shared .rr9-platform-brand{border-radius:0!important}
.rr9-checkatrade-wordmark{display:inline-flex;align-items:baseline;gap:0;font-size:12px;font-weight:900;letter-spacing:-.04em;color:#111;white-space:nowrap;transform:rotate(-1deg)}
.rr9-checkatrade-wordmark span{color:#111}.rr9-checkatrade-wordmark b{color:#e43b37}

/* product cards: software first, copy second */
.rr9-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.rr9-product-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.rr9-product-card{--product-accent:#0b4a41;--product-soft:#e4f1ed;display:flex;flex-direction:column;padding:28px;border:1px solid var(--rr9-border);border-top:6px solid var(--product-accent);background:var(--rr9-surface);box-shadow:0 16px 38px rgba(13,43,37,.07)}
.rr9-product-card-green{--product-accent:#0b6c5d;--product-soft:#e4f1ed}.rr9-product-card-purple{--product-accent:#7f55ad;--product-soft:#f0e9f8}.rr9-product-card-gold{--product-accent:#b98216;--product-soft:#faf0d9}
.rr9-product-card h2{font-size:clamp(27px,2vw,35px);line-height:1.04;margin:0 0 12px}
.rr9-product-card>p{font-size:16px;line-height:1.6;margin-bottom:20px}
.rr9-product-icon{width:46px;height:46px;display:grid;place-items:center;background:var(--product-accent);color:#fff;font-size:22px;font-weight:900;margin-bottom:20px}
.rr9-product-card .rr9-app-panel{margin-top:auto;--how-accent:var(--product-accent);--how-accent-soft:var(--product-soft)}
.rr9-product-card .rr9-app-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.rr9-product-card .rr9-app-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* shared application panels */
.rr9-site-page .rr9-app-panel,.rr9-journey-panel,.rr9-site-booking-panel,.rr9-domain-panel,.rr9-profile-mode-panel,.rr9-profile-summary-panel,.rr9-contact-help-panel{border:1px solid var(--rr9-border);background:var(--rr9-surface);box-shadow:0 12px 28px rgba(13,43,37,.07);overflow:hidden}
.rr9-site-page .rr9-app-panel-head{background:#edf5f2;border-bottom:1px solid var(--rr9-border)}
.rr9-journey-panel{padding:0!important}
.rr9-journey-flow{display:grid}
.rr9-journey-event{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:center;padding:14px 16px;border-top:1px solid var(--rr9-border)}
.rr9-journey-event:first-child{border-top:0}
.rr9-journey-marker{width:30px;height:30px;display:grid;place-items:center;background:var(--rr9-green);color:#fff;font-weight:900}
.rr9-journey-event div{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.rr9-journey-event strong{font-size:14px;color:var(--rr9-text)}
.rr9-journey-event small{font-size:11px;color:var(--rr9-green);font-weight:900;text-align:right}

/* dashboard / analytics */
.rr9-dashboard-panel{padding:0;border-top:6px solid #316fd0}
.rr9-dashboard-panel .rr9-analytics-toolbar{padding:18px 20px;margin:0;background:#edf3fc}
.rr9-dashboard-panel .rr9-analytics-cards{gap:0;grid-template-columns:repeat(2,minmax(0,1fr))}
.rr9-dashboard-panel .rr9-analytics-cards>div{border:0;border-top:1px solid var(--rr9-border);border-left:1px solid var(--rr9-border);background:var(--rr9-surface);min-height:104px;padding:18px}
.rr9-dashboard-panel .rr9-analytics-cards>div:nth-child(odd){border-left:0}

/* booking panels shared site-wide */
.rr9-site-booking-panel{padding:0!important;border-top:6px solid var(--rr9-gold)!important}
.rr9-site-booking-panel .rr9-booking-ui-head{background:#f7f3e7}
.rr9-site-booking-panel .rr9-booking-ui-status,.rr9-site-booking-panel .rr9-booking-ui-field{border-radius:0!important}

/* Business Profile bands and style families */
.rr9-business-profile-band{background:linear-gradient(135deg,#eef5f3 0%,#f7f1e4 100%)}
.rr9-render-shot{border:1px solid var(--rr9-border)!important;background:var(--rr9-green-deep)!important;padding:8px!important;box-shadow:0 18px 44px rgba(13,43,37,.12)}
.rr9-render-shot-hero img{height:560px}

/* r43: homepage Business Profile screenshot is presented as a real phone screen, not a generic image card. */
.rr9-phone-showcase{margin:0;display:grid;justify-items:center;gap:14px;min-width:0}
.rr9-phone-device{position:relative;width:min(100%,330px);aspect-ratio:9/19.35;padding:9px;background:linear-gradient(145deg,#293d38 0%,#0c1614 45%,#1c2b27 100%);border:2px solid #07110f;border-radius:46px;box-shadow:0 28px 56px rgba(13,43,37,.24),inset 0 0 0 1px rgba(255,255,255,.14);isolation:isolate}
.rr9-phone-device::before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.12);border-radius:40px;pointer-events:none;z-index:3}
.rr9-phone-screen{position:relative;z-index:1;width:100%;height:100%;overflow:hidden;border-radius:36px;background:#fff;border:2px solid #050b0a}
.rr9-phone-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;background:#fff}
.rr9-phone-hardware{position:absolute;left:50%;top:10px;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:999px;background:rgba(7,17,15,.96);box-shadow:0 1px 2px rgba(0,0,0,.28)}
.rr9-phone-speaker{display:block;width:54px;height:5px;border-radius:999px;background:#050807;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.rr9-phone-camera{display:block;width:7px;height:7px;border-radius:50%;background:#102d3c;box-shadow:inset 0 0 0 2px #050807}
.rr9-phone-button{position:absolute;z-index:0;display:block;width:4px;background:#14221f;border:1px solid #07110f}
.rr9-phone-button-silent{height:31px;left:-5px;top:113px;border-radius:3px 0 0 3px}
.rr9-phone-button-volume-one{height:54px;left:-5px;top:159px;border-radius:3px 0 0 3px}
.rr9-phone-button-volume-two{height:54px;left:-5px;top:220px;border-radius:3px 0 0 3px}
.rr9-phone-button-power{height:80px;right:-5px;top:175px;border-radius:0 3px 3px 0}
.rr9-phone-showcase figcaption{max-width:330px;color:var(--rr9-muted);font-size:13px;line-height:1.4;text-align:center}
html[data-theme="dark"] .rr9-phone-showcase figcaption{color:#cad7d3}
@media(max-width:860px){.rr9-phone-showcase{order:2}.rr9-phone-device{width:min(78vw,310px)}}
@media(max-width:620px){.rr9-phone-device{width:min(82vw,286px);padding:8px;border-radius:40px}.rr9-phone-screen{border-radius:32px}.rr9-phone-device::before{border-radius:35px}.rr9-phone-hardware{top:8px}.rr9-phone-speaker{width:46px}}
.rr9-style-band{background:#edf4f1}
.rr9-family-grid-visual{border:0!important;gap:14px;background:transparent!important}
.rr9-family-grid-visual article{border:1px solid var(--rr9-border)!important;border-top:5px solid var(--style-accent)!important;background:var(--rr9-surface);padding:20px!important}
.rr9-style-card-1{--style-accent:#0b4a41}.rr9-style-card-2{--style-accent:#2f6fcb}.rr9-style-card-3{--style-accent:#b06a7b}.rr9-style-card-4{--style-accent:#b98216}.rr9-style-card-5{--style-accent:#7657a8}
.rr9-style-swatch{display:grid;grid-template-columns:1.4fr .8fr .6fr;height:48px;margin-bottom:18px;border:1px solid var(--rr9-border)}
.rr9-style-swatch span:nth-child(1){background:var(--style-accent)}.rr9-style-swatch span:nth-child(2){background:#e9efed}.rr9-style-swatch span:nth-child(3){background:#f4dfad}
.rr9-profile-mode-panel{margin-top:20px}
.rr9-profile-mode-head{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--product-soft,#edf5f2);border-bottom:1px solid var(--rr9-border)}
.rr9-profile-mode-head strong{color:var(--rr9-text)}.rr9-profile-mode-head span{color:var(--rr9-muted);font-size:12px;font-weight:800;text-align:right}
.rr9-profile-mode-panel .rr9-bullets{padding:0 16px 6px}
.rr9-domain-panel{padding:0!important;border-top:6px solid #316fd0!important}
.rr9-domain-field{display:grid;gap:4px;padding:17px 18px;border-top:1px solid var(--rr9-border)}
.rr9-domain-field small{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--rr9-muted);font-weight:800}
.rr9-domain-field strong{font-size:15px;overflow-wrap:anywhere;color:var(--rr9-text)}
.rr9-domain-status{padding:13px 18px;background:#e9f4ef;color:var(--rr9-green);font-size:12px;font-weight:800}

/* demos */
.rr9-demos-hero{background:linear-gradient(135deg,var(--rr9-surface) 0%,#e9f3f0 70%,#f6eed9 70%);padding:80px 0}
.rr9-demo-hero-copy{max-width:900px}
.rr9-demo-card-grid{gap:24px}
.rr9-demo-card{--demo-card-accent:#0b4a41;grid-template-columns:minmax(230px,.9fr) minmax(0,1.1fr)!important;border-top:6px solid var(--demo-card-accent)!important;box-shadow:0 15px 36px rgba(13,43,37,.07)}
.rr9-demo-card-2{--demo-card-accent:#b06a7b}.rr9-demo-card-3{--demo-card-accent:#316fd0}.rr9-demo-card-4{--demo-card-accent:#d19d22}.rr9-demo-card-5{--demo-card-accent:#7657a8}
.rr9-demo-card-media{position:relative;min-height:300px;background:#e9eeec;overflow:hidden}
.rr9-demo-cover{width:100%;height:100%;min-height:300px;object-fit:cover}
.rr9-demo-logo-wrap{position:absolute;left:16px;right:16px;bottom:16px;height:78px;display:flex;align-items:center;justify-content:center;padding:8px 12px;background:rgba(255,255,255,.94);border-left:5px solid var(--demo-card-accent)}
.rr9-demo-logo-wrap img{max-width:100%;max-height:62px;object-fit:contain}
.rr9-demo-sector-label{display:block;margin:0 0 8px;color:var(--demo-card-accent);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.rr9-choice-panel{padding:0!important}
.rr9-choice-row{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,1.45fr);gap:18px;padding:18px;border-top:1px solid var(--rr9-border)}
.rr9-choice-row:first-child{border-top:0}.rr9-choice-row strong{color:var(--rr9-text)}.rr9-choice-row span{color:var(--rr9-muted)}

/* landing demo selector */
.rr9-demo-tabs{gap:0;border:1px solid var(--rr9-border);background:var(--rr9-surface)}
.rr9-demo-tab{border:0!important;border-right:1px solid var(--rr9-border)!important;min-height:46px}
.rr9-demo-tab:last-child{border-right:0!important}
.rr9-demo-preview-item{border-top:6px solid var(--rr9-gold)!important}
.rr9-demo-preview-copy{display:flex;flex-direction:column;align-items:flex-start}
.rr9-demo-preview-logo{display:block;max-width:260px;max-height:82px;object-fit:contain;object-position:left center;margin-bottom:18px}
.rr9-demo-sector{display:block!important;margin-bottom:8px!important}

/* pricing */
.rr9-pricing-page .rr9-pricing-hero{background:linear-gradient(135deg,var(--rr9-surface) 0 68%,#e9f3f0 68% 100%)}
.rr9-price-included{border-top:6px solid var(--rr9-gold)!important;box-shadow:0 18px 44px rgba(13,43,37,.09)}
.rr9-pricing-process{grid-template-columns:repeat(3,minmax(0,1fr))}
.rr9-pricing-step{--pricing-accent:#0b4a41;border-top:6px solid var(--pricing-accent)!important}
.rr9-pricing-step-green{--pricing-accent:#0b6c5d}.rr9-pricing-step-gold{--pricing-accent:#b98216}.rr9-pricing-step-purple{--pricing-accent:#7657a8}
.rr9-pricing-step .rr9-product-icon{background:var(--pricing-accent)}
.rr9-qr-panel{display:grid;grid-template-columns:140px minmax(0,1fr);gap:28px;align-items:center;border-top:6px solid #316fd0!important}
.rr9-qr-visual{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:38px;gap:6px;padding:12px;background:#fff;border:8px solid var(--rr9-text)}
.rr9-qr-visual span{background:var(--rr9-text)}.rr9-qr-visual span:nth-child(2),.rr9-qr-visual span:nth-child(4),.rr9-qr-visual span:nth-child(8){background:#fff}
.rr9-competitor-card{border-top:5px solid #a7b5b0!important}.rr9-competitor-card-ours{border-top-color:var(--rr9-green)!important;background:#edf5f2!important}.rr9-competitor-price strong{font-size:28px;color:var(--rr9-text)}
.rr9-faq details{border-left:5px solid var(--rr9-green)}

/* contact */
.rr9-contact-help-panel{padding:0!important;border-top:6px solid var(--rr9-gold)!important}
.rr9-contact-fact{display:grid;grid-template-columns:.65fr 1.35fr;gap:16px;padding:15px 18px;border-top:1px solid var(--rr9-border)}
.rr9-contact-fact small{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--rr9-muted);font-weight:800}.rr9-contact-fact strong{color:var(--rr9-text)}
.rr9-contact-form{border-top:6px solid var(--rr9-green)!important;box-shadow:0 15px 36px rgba(13,43,37,.08)}
.rr9-contact-side-note{margin-top:28px;padding:18px;border-left:5px solid var(--rr9-gold);background:#f7f1e3}.rr9-contact-side-note p{margin:5px 0 14px}

/* checkout and auth consistency */
.rr9-public .auth-width,.rr9-checkout-wrap{max-width:920px}
.rr9-public .page-heading.auth-width{text-align:left;padding-top:64px}
.rr9-public .panel.auth-width,.rr9-checkout-form{border-top:6px solid var(--rr9-green)!important}
.rr9-checkout-price{border-left:6px solid var(--rr9-gold)!important;background:#f7f2e5!important}
.rr9-public .stack-form input,.rr9-public .stack-form select,.rr9-public .stack-form textarea{min-height:48px}
.rr9-public .button,.rr9-public button{border-radius:0!important}

/* keep public dark mode usable, but first visit stays light */
html[data-theme="dark"] .rr9-home-hero,html[data-theme="dark"] .rr9-landing-hero,html[data-theme="dark"] .rr9-business-pages-hero,html[data-theme="dark"] .rr9-contact-hero,html[data-theme="dark"] .rr9-pricing-page .rr9-pricing-hero{background:linear-gradient(135deg,var(--rr9-surface) 0 68%,#132c27 68% 100%)}
html[data-theme="dark"] .rr9-platform-showcase,html[data-theme="dark"] .rr9-business-profile-band,html[data-theme="dark"] .rr9-style-band{background:#102720}
html[data-theme="dark"] .rr9-trust-strip-light,html[data-theme="dark"] .rr9-contact-side-note{background:#28271f;color:var(--rr9-text)}
html[data-theme="dark"] .rr9-dashboard-panel .rr9-analytics-toolbar,html[data-theme="dark"] .rr9-site-page .rr9-app-panel-head{background:#172d29}
html[data-theme="dark"] .rr9-demo-logo-wrap{background:rgba(19,36,33,.94)}
/* r45: the demos page has its own composed dark treatment rather than retaining the light hero colours. */
html[data-theme="dark"] .rr9-demos-hero{
  background:linear-gradient(135deg,#132421 0%,#17312b 68%,#3b321f 68%,#2c271a 100%);
  border-bottom-color:#36514b;
}
html[data-theme="dark"] .rr9-demos-hero .rr9-page-title{color:#f7faf9}
html[data-theme="dark"] .rr9-demos-hero .rr9-lead{color:#d3dedb;opacity:1}
html[data-theme="dark"] .rr9-demos-page .rr9-section-white{background:#0f1d1a}
html[data-theme="dark"] .rr9-demos-page .rr9-demo-card{
  background:var(--rr9-surface);
  border-color:var(--rr9-border)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.26);
}
html[data-theme="dark"] .rr9-demos-page .rr9-demo-card-1{--demo-card-accent:#75cfb5}
html[data-theme="dark"] .rr9-demos-page .rr9-demo-card-2{--demo-card-accent:#e49aae}
html[data-theme="dark"] .rr9-demos-page .rr9-demo-card-3{--demo-card-accent:#82aef2}
html[data-theme="dark"] .rr9-demos-page .rr9-demo-card-4{--demo-card-accent:#efc55f}
html[data-theme="dark"] .rr9-demos-page .rr9-demo-card-5{--demo-card-accent:#b3a0dc}
html[data-theme="dark"] .rr9-demos-page .rr9-demo-logo-wrap{
  background:rgba(255,255,255,.96);
  border-color:var(--demo-card-accent);
}
html[data-theme="dark"] .rr9-demos-page .rr9-demo-sector-label{color:var(--demo-card-accent)}
html[data-theme="dark"] .rr9-qr-visual{background:#fff}

@media(max-width:1100px){
  .rr9-product-grid{grid-template-columns:1fr 1fr}.rr9-product-grid>article:last-child:nth-child(odd){grid-column:1/-1}
  .rr9-platform-showcase-layout{grid-template-columns:1fr;gap:34px}
  .rr9-pricing-process{grid-template-columns:1fr 1fr}.rr9-pricing-process>article:last-child{grid-column:1/-1}
}
@media(max-width:860px){
  .rr9-home-hero .rr9-hero-grid,.rr9-landing-hero .rr9-hero-grid{grid-template-columns:1fr;gap:0}
  .rr9-home-hero .rr9-hero-copy,.rr9-landing-hero .rr9-hero-copy{padding:54px 0 42px}
  .rr9-site-hero-photo{margin:0 0 28px}.rr9-site-hero-photo::before{inset:14px -14px -14px 14px}.rr9-site-hero-photo img{min-height:320px}
  .rr9-product-grid,.rr9-product-grid-two,.rr9-pricing-process{grid-template-columns:1fr}.rr9-product-grid>article:last-child:nth-child(odd),.rr9-pricing-process>article:last-child{grid-column:auto}
  .rr9-demo-card{grid-template-columns:1fr!important}.rr9-demo-card-media,.rr9-demo-cover{min-height:250px}
  .rr9-qr-panel{grid-template-columns:110px 1fr}.rr9-qr-visual{grid-auto-rows:28px}
}
@media(max-width:620px){
  .rr9-home-hero .rr9-hero-title,.rr9-landing-hero .rr9-hero-title{font-size:clamp(38px,11vw,52px)}
  .rr9-platform-grid-shared{grid-template-columns:1fr}
  .rr9-product-card{padding:22px}
  .rr9-product-card .rr9-app-choice-grid,.rr9-product-card .rr9-app-field-grid{grid-template-columns:1fr}
  .rr9-journey-event div{display:grid;gap:3px}.rr9-journey-event small{text-align:left}
  .rr9-dashboard-panel .rr9-analytics-cards{grid-template-columns:1fr}.rr9-dashboard-panel .rr9-analytics-cards>div{border-left:0}
  .rr9-qr-panel{grid-template-columns:1fr}.rr9-qr-visual{width:132px}
  .rr9-contact-fact,.rr9-choice-row{grid-template-columns:1fr;gap:4px}
  .rr9-demo-tabs{border:0;background:transparent}.rr9-demo-tab{border:1px solid var(--rr9-border)!important;margin-right:6px}
}

/* r22: show the actual Business Profile presentations instead of colour-only swatches */
.rr9-style-preview-grid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:22px!important;border:0!important;background:transparent!important}
.rr9-style-preview-grid .rr9-style-card{flex:0 1 calc((100% - 44px)/3);min-width:0;padding:0!important;border:1px solid var(--rr9-border)!important;border-top:6px solid var(--style-accent)!important;background:var(--rr9-surface);box-shadow:0 14px 34px rgba(13,43,37,.08);overflow:hidden}
.rr9-style-preview-media{margin:0;aspect-ratio:4/3;background:#dfe8e5;border-bottom:1px solid var(--rr9-border);overflow:hidden}
.rr9-style-preview-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .2s ease}
.rr9-style-preview-card:hover .rr9-style-preview-media img,.rr9-style-preview-grid .rr9-style-card:hover .rr9-style-preview-media img{transform:scale(1.015)}
.rr9-style-preview-copy{padding:20px 20px 22px}
.rr9-style-preview-copy h3{margin:0 0 7px;font-size:24px;line-height:1.08;color:var(--rr9-text)}
.rr9-style-preview-copy p{margin:0;color:var(--rr9-muted);font-size:15px;line-height:1.45}
html[data-theme="dark"] .rr9-style-preview-media{background:#1a302b}
@media(max-width:1100px){.rr9-style-preview-grid .rr9-style-card{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:620px){.rr9-style-preview-grid{gap:16px!important}.rr9-style-preview-grid .rr9-style-card{flex-basis:100%}.rr9-style-preview-copy{padding:17px 17px 19px}}

/* R10 0.11.13-r33 — marketing-site mobile hardening. */
@media(max-width:760px){
  .rr9-public{overflow-x:hidden}
  .rr9-public img,.rr9-public svg,.rr9-public video{max-width:100%;height:auto}
  .rr9-public .rr9-container,.rr9-public .rr9-header-inner{width:min(calc(100% - 24px),var(--rr9-max,1180px));max-width:100%}
  .rr9-public :is(.rr9-grid,.rr9-two-col,.rr9-feature-grid,.rr9-proof-grid,.rr9-pricing-grid,.rr9-footer-grid){min-width:0}
  .rr9-public :is(h1,h2,h3,p,a,li){overflow-wrap:anywhere}
  .rr9-public input,.rr9-public select,.rr9-public textarea,.rr9-public button{max-width:100%;box-sizing:border-box}
}

/* r51: clearer landing page — price first, visual flow, less reading */
.rr9-landing-hero .rr9-hero-copy{align-self:center}
.rr9-hero-price{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:12px;row-gap:2px;width:max-content;max-width:100%;margin:22px 0 24px;padding:16px 20px;border-left:6px solid #d6aa28;background:#fff;color:#17211f;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.rr9-hero-price strong{font-size:clamp(42px,6vw,68px);line-height:.9;letter-spacing:-.04em}
.rr9-hero-price span{font-size:18px;font-weight:800;padding-bottom:4px}
.rr9-hero-price small{grid-column:1/-1;margin-top:6px;font-size:15px;font-weight:750;color:#42514e}
html[data-theme="dark"] .rr9-hero-price{background:#eef3f1;color:#14201d}
.rr9-landing-flow-section{padding-block:clamp(44px,7vw,84px)}
.rr9-flow-heading{max-width:760px;margin-bottom:28px}
.rr9-growth-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:14px}
.rr9-growth-step{min-height:190px;padding:24px;border:1px solid var(--rr9-border);border-top:6px solid #0f665d;background:var(--rr9-surface);display:flex;flex-direction:column;justify-content:flex-start}
.rr9-growth-step:nth-of-type(2){border-top-color:#d6aa28}.rr9-growth-step:nth-of-type(3){border-top-color:#2c7e74}
.rr9-growth-step-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:22px;border-radius:50%;background:#0e4d46;color:#fff;font-size:24px;font-weight:900}
.rr9-growth-step strong{font-size:clamp(22px,2.5vw,30px);line-height:1.05;margin-bottom:10px}.rr9-growth-step small{font-size:16px;line-height:1.45;color:var(--rr9-muted)}
.rr9-growth-arrow{align-self:center;font-size:36px;font-weight:900;color:#0f665d}
@media(max-width:760px){.rr9-hero-price{width:100%;grid-template-columns:auto 1fr}.rr9-growth-flow{grid-template-columns:1fr}.rr9-growth-arrow{transform:rotate(90deg);justify-self:center;margin:-2px 0}.rr9-growth-step{min-height:0}.rr9-landing-hero .rr9-actions{display:grid;grid-template-columns:1fr}.rr9-landing-hero .rr9-btn{width:100%;justify-content:center}}

/* R10 0.11.13-r81 — public flexible-payment pricing cards. */
.rr9-payment-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.rr9-payment-choice-price{font-size:34px;font-weight:900;letter-spacing:-.035em;margin:14px 0 8px;color:var(--rr9-text)}
.rr9-payment-choice-price span{font-size:14px;font-weight:750;letter-spacing:0;color:var(--rr9-muted)}
@media(max-width:860px){.rr9-payment-choice-grid{grid-template-columns:1fr}}


/* R10 0.11.13-r90 — business pages phone mockup and cleaner example pairing. */
.rr9-render-pair{align-items:start}
.rr9-business-pages-phone-showcase{justify-items:center;align-content:start;gap:12px}
.rr9-business-pages-phone-showcase .rr9-phone-device{width:min(100%,360px)}
.rr9-business-pages-phone-showcase figcaption{max-width:360px;text-align:left}
@media(max-width:860px){.rr9-business-pages-phone-showcase .rr9-phone-device{width:min(74vw,320px)}}
@media(max-width:620px){.rr9-business-pages-phone-showcase figcaption{text-align:center}}


/* R10 0.11.13-r91 — better sizing for the Business Profiles comparison pair. */
.rr9-business-pages-page .rr9-render-pair{
  grid-template-columns:minmax(0,1fr) minmax(240px,290px);
  gap:28px 36px;
  align-items:start;
}
.rr9-business-pages-page .rr9-render-shot img{
  height:440px;
}
.rr9-business-pages-phone-showcase{
  justify-self:center;
  align-self:start;
  width:min(100%,290px);
}
.rr9-business-pages-phone-showcase .rr9-phone-device{
  width:min(100%,290px);
}
.rr9-business-pages-phone-showcase figcaption{
  max-width:290px;
}
@media(max-width:1020px){
  .rr9-business-pages-page .rr9-render-pair{
    grid-template-columns:minmax(0,1fr) minmax(220px,260px);
    gap:24px 28px;
  }
  .rr9-business-pages-page .rr9-render-shot img{
    height:400px;
  }
  .rr9-business-pages-phone-showcase,
  .rr9-business-pages-phone-showcase .rr9-phone-device,
  .rr9-business-pages-phone-showcase figcaption{
    max-width:260px;
  }
}
@media(max-width:860px){
  .rr9-business-pages-page .rr9-render-pair{
    grid-template-columns:1fr;
    gap:28px;
  }
  .rr9-business-pages-page .rr9-render-shot img{
    height:440px;
  }
  .rr9-business-pages-phone-showcase,
  .rr9-business-pages-phone-showcase .rr9-phone-device,
  .rr9-business-pages-phone-showcase figcaption{
    max-width:320px;
  }
}


/* R10 0.11.13-r92 — Business Profiles example sizing correction. */
.rr9-business-pages-page .rr9-render-pair{
  grid-template-columns:minmax(0,540px) minmax(260px,300px);
  justify-content:center;
  gap:28px 32px;
  align-items:start;
}
.rr9-business-pages-page .rr9-render-shot{
  width:100%;
  justify-self:end;
}
.rr9-business-pages-page .rr9-render-shot img{
  height:520px;
}
.rr9-business-pages-phone-showcase{
  width:min(100%,300px);
  max-width:300px;
  justify-self:start;
  align-self:start;
  gap:10px;
}
.rr9-business-pages-phone-showcase .rr9-phone-device{
  width:min(100%,300px);
}
.rr9-business-pages-phone-showcase figcaption{
  max-width:300px;
}
@media(max-width:1020px){
  .rr9-business-pages-page .rr9-render-pair{
    grid-template-columns:minmax(0,500px) minmax(240px,280px);
    gap:24px 28px;
  }
  .rr9-business-pages-page .rr9-render-shot img{
    height:480px;
  }
  .rr9-business-pages-phone-showcase,
  .rr9-business-pages-phone-showcase .rr9-phone-device,
  .rr9-business-pages-phone-showcase figcaption{
    max-width:280px;
  }
}
@media(max-width:860px){
  .rr9-business-pages-page .rr9-render-pair{
    grid-template-columns:1fr;
    justify-content:stretch;
    gap:24px;
  }
  .rr9-business-pages-page .rr9-render-shot{
    justify-self:center;
    width:min(100%,560px);
  }
  .rr9-business-pages-page .rr9-render-shot img{
    height:420px;
  }
  .rr9-business-pages-phone-showcase,
  .rr9-business-pages-phone-showcase .rr9-phone-device,
  .rr9-business-pages-phone-showcase figcaption{
    max-width:300px;
  }
  .rr9-business-pages-phone-showcase{
    justify-self:center;
    width:min(100%,300px);
  }
}
@media(max-width:620px){
  .rr9-business-pages-page .rr9-render-shot{
    width:100%;
  }
  .rr9-business-pages-page .rr9-render-shot img{
    height:340px;
  }
  .rr9-business-pages-phone-showcase,
  .rr9-business-pages-phone-showcase .rr9-phone-device,
  .rr9-business-pages-phone-showcase figcaption{
    max-width:274px;
  }
}

/* R10 0.11.13-r93 — restore the Business Profiles desktop example sizing exactly to r90. */
@media (min-width:861px){
  .rr9-business-pages-page .rr9-render-pair{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:24px;
    margin-top:34px;
    justify-content:normal;
    align-items:start;
  }
  .rr9-business-pages-page .rr9-render-shot{
    width:auto;
    max-width:none;
    justify-self:stretch;
  }
  .rr9-business-pages-page .rr9-render-shot img{
    width:100%;
    height:520px;
    object-fit:cover;
    object-position:top;
  }
  .rr9-business-pages-phone-showcase{
    width:auto;
    max-width:none;
    justify-self:center;
    align-self:start;
    gap:12px;
  }
  .rr9-business-pages-phone-showcase .rr9-phone-device{
    width:min(100%,360px);
    max-width:none;
  }
  .rr9-business-pages-phone-showcase figcaption{
    max-width:360px;
    text-align:left;
  }
}

/* Keep only the mobile stacking correction from the later revisions. */
@media (max-width:860px){
  .rr9-business-pages-page .rr9-render-pair{
    grid-template-columns:1fr;
    gap:24px;
    justify-content:stretch;
  }
  .rr9-business-pages-page .rr9-render-shot{
    width:100%;
    max-width:100%;
    justify-self:stretch;
  }
  .rr9-business-pages-page .rr9-render-shot img{
    width:100%;
    height:auto;
    aspect-ratio:16/10;
    object-fit:cover;
    object-position:top;
  }
  .rr9-business-pages-phone-showcase{
    width:min(100%,300px);
    max-width:300px;
    justify-self:center;
  }
  .rr9-business-pages-phone-showcase .rr9-phone-device{
    width:100%;
    max-width:300px;
  }
  .rr9-business-pages-phone-showcase figcaption{
    max-width:300px;
    text-align:center;
  }
}

/* R10 0.11.13-r94 — mobile-only Business Profiles image rendering repair.
   Do not alter desktop sizing from r90/r93. */
@media (max-width:860px){
  /* The generic marketing mobile rule sets img height:auto. Restore the
     component-owned dimensions for phone/screenshots on this page only. */
  .rr9-business-pages-page .rr9-phone-screen img{
    display:block;
    width:100%;
    height:100%!important;
    max-width:none;
    object-fit:cover;
    object-position:top center;
  }

  .rr9-business-pages-page .rr9-style-preview-media{
    display:block;
    width:100%;
    aspect-ratio:4/3;
    overflow:hidden;
    background:#dfe8e5;
  }
  .rr9-business-pages-page .rr9-style-preview-media img{
    display:block;
    width:100%;
    height:100%!important;
    max-width:none;
    object-fit:cover;
    object-position:top center;
  }

  /* Keep the comparison section cleanly stacked on phones. */
  .rr9-business-pages-page .rr9-render-pair{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:26px;
    align-items:start;
  }
  .rr9-business-pages-page .rr9-render-shot{
    width:100%;
    max-width:100%;
    margin:0;
  }
  .rr9-business-pages-page .rr9-render-shot img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:16/10;
    object-fit:cover;
    object-position:top center;
  }
  .rr9-business-pages-page .rr9-business-pages-phone-showcase{
    width:min(82vw,300px);
    max-width:300px;
    justify-self:center;
    margin:0 auto;
  }
  .rr9-business-pages-page .rr9-business-pages-phone-showcase .rr9-phone-device{
    width:100%;
    max-width:300px;
  }

  /* Cards must be true single-column mobile cards, with no inherited
     flex sizing/min-height creating empty blocks. */
  .rr9-business-pages-page .rr9-style-preview-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
    width:100%;
  }
  .rr9-business-pages-page .rr9-style-preview-grid .rr9-style-card{
    display:block;
    width:100%;
    min-width:0;
    max-width:none;
    min-height:0;
    flex:none;
  }
}

@media (max-width:520px){
  .rr9-business-pages-page .rr9-business-pages-phone-showcase{
    width:min(84vw,280px);
  }
  .rr9-business-pages-page .rr9-business-pages-phone-showcase .rr9-phone-device{
    max-width:280px;
  }
}

/* R10 0.11.13-r97 — one consistent public-page start position below the shared header.
   Keep each page's content/design intact; only normalise the first hero's vertical offset. */
.rr9-public{
  --rr9-public-page-top:70px;
}

/* Home and campaign landing pages own their top spacing on the hero copy. */
.rr9-home-page > .rr9-home-hero .rr9-hero-copy,
.rr9-landing-page > .rr9-landing-hero .rr9-hero-copy{
  padding-top:var(--rr9-public-page-top)!important;
}

/* Standard public subpages own their top spacing on the outer hero. */
.rr9-business-pages-page > .rr9-business-pages-hero,
.rr9-demos-page > .rr9-demos-hero,
.rr9-pricing-page > .rr9-pricing-hero,
.rr9-contact-page > .rr9-contact-hero{
  padding-top:var(--rr9-public-page-top)!important;
}

/* How it works previously had outer page-hero padding plus inner-grid padding.
   Remove the outer top padding and give the same single shared offset to the grid. */
.rr9-how-page > .rr9-how-hero{
  padding-top:0!important;
}
.rr9-how-page > .rr9-how-hero .rr9-page-hero-grid{
  padding-top:var(--rr9-public-page-top)!important;
}

@media(max-width:860px){
  .rr9-public{
    --rr9-public-page-top:42px;
  }

  /* Keep bottom rhythm independent; this rule is only about where each page begins. */
  .rr9-home-page > .rr9-home-hero .rr9-hero-copy,
  .rr9-landing-page > .rr9-landing-hero .rr9-hero-copy{
    padding-top:var(--rr9-public-page-top)!important;
  }

  .rr9-business-pages-page > .rr9-business-pages-hero,
  .rr9-demos-page > .rr9-demos-hero,
  .rr9-pricing-page > .rr9-pricing-hero,
  .rr9-contact-page > .rr9-contact-hero{
    padding-top:var(--rr9-public-page-top)!important;
  }

  .rr9-how-page > .rr9-how-hero{
    padding-top:0!important;
  }
  .rr9-how-page > .rr9-how-hero .rr9-page-hero-grid{
    padding-top:var(--rr9-public-page-top)!important;
  }
}

@media(max-width:520px){
  .rr9-public{
    --rr9-public-page-top:32px;
  }
}


/* R10 0.11.13-r99 — consistent public card alignment and remove profile-mode microcopy. */
.rr9-public :is(
  .rr9-feature-grid,
  .rr9-product-grid,
  .rr9-pricing-process,
  .rr9-family-grid,
  .rr9-analytics-cards
) > * {
  box-sizing:border-box;
  align-self:stretch;
}

.rr9-public .rr9-product-grid {
  align-items:stretch;
}

.rr9-public .rr9-product-card {
  height:100%;
  box-sizing:border-box;
}

/* The two Business Profiles cards must share the same lower-panel baseline. */
.rr9-business-pages-page .rr9-product-grid-two {
  align-items:stretch;
}

.rr9-business-pages-page .rr9-product-grid-two > .rr9-product-card {
  height:100%;
}

.rr9-business-pages-page .rr9-product-grid-two .rr9-profile-mode-panel {
  margin-top:auto;
}

/* Profile-mode headers now contain only the useful label. */
.rr9-profile-mode-head {
  justify-content:flex-start;
}

.rr9-profile-mode-head > span {
  display:none!important;
}


/* R10 0.11.13-r100 — definitive public dark-mode contrast and page-start alignment. */

/* One structural top gutter for every main TruWord marketing page.
   Page-specific hero padding is neutralised so the shared gutter cannot be overridden. */
body.rr9-public{
  --rr9-public-page-top:70px;
}

body.rr9-public .rr9-main > :is(.rr9-site-page,.rr9-how-page) > :first-child{
  padding-top:0!important;
  margin-top:0!important;
}

body.rr9-public .rr9-main > :is(.rr9-site-page,.rr9-how-page) > :first-child > .rr9-container{
  padding-top:var(--rr9-public-page-top)!important;
}

/* Home/Landing previously owned extra top padding on the copy itself.
   The outer shared gutter now owns that spacing instead. */
body.rr9-public .rr9-main > .rr9-home-page > .rr9-home-hero .rr9-hero-copy,
body.rr9-public .rr9-main > .rr9-landing-page > .rr9-landing-hero .rr9-hero-copy{
  padding-top:0!important;
}

/* How it works previously owned top padding on the inner grid. */
body.rr9-public .rr9-main > .rr9-how-page > .rr9-how-hero .rr9-page-hero-grid{
  padding-top:var(--rr9-public-page-top)!important;
}

/* Dark mode: hard-coded light components must not become white-on-white or pale blocks. */
html[data-theme="dark"] body.rr9-public .rr9-competitor-card-ours{
  background:#163029!important;
  border-color:var(--rr9-border)!important;
}
html[data-theme="dark"] body.rr9-public .rr9-competitor-card-ours :is(h2,h3,p,strong,span){
  color:var(--rr9-text)!important;
}

/* QR must stay a conventional white code field, but its modules must stay dark. */
html[data-theme="dark"] body.rr9-public .rr9-qr-visual{
  background:#fff!important;
  border-color:#10231f!important;
}
html[data-theme="dark"] body.rr9-public .rr9-qr-visual span{
  background:#10231f!important;
}
html[data-theme="dark"] body.rr9-public .rr9-qr-visual span:nth-child(2),
html[data-theme="dark"] body.rr9-public .rr9-qr-visual span:nth-child(4),
html[data-theme="dark"] body.rr9-public .rr9-qr-visual span:nth-child(8){
  background:#fff!important;
}

/* Review-platform cards were hard-coded white. */
html[data-theme="dark"] body.rr9-public .rr9-platform-card{
  background:var(--rr9-surface)!important;
  color:var(--rr9-text)!important;
  border-color:var(--rr9-border)!important;
  box-shadow:var(--rr9-shadow);
}
html[data-theme="dark"] body.rr9-public .rr9-platform-brand{
  background:var(--rr9-surface-2)!important;
  border-color:var(--rr9-border)!important;
}
html[data-theme="dark"] body.rr9-public .rr9-platform-copy strong{
  color:var(--rr9-text)!important;
}
html[data-theme="dark"] body.rr9-public .rr9-platform-copy span{
  color:var(--rr9-muted)!important;
}
html[data-theme="dark"] body.rr9-public .rr9-other-mark{
  fill:#8fd0bd!important;
}

/* Hero captions/pricing panels should belong to dark mode rather than remain pale cards. */
html[data-theme="dark"] body.rr9-public .rr9-hero-caption{
  background:rgba(19,36,33,.96)!important;
  color:var(--rr9-text)!important;
  border-color:var(--rr9-gold)!important;
}
html[data-theme="dark"] body.rr9-public .rr9-hero-caption span{
  color:var(--rr9-muted)!important;
}

html[data-theme="dark"] body.rr9-public .rr9-hero-price{
  background:#172d29!important;
  color:var(--rr9-text)!important;
}
html[data-theme="dark"] body.rr9-public .rr9-hero-price small{
  color:var(--rr9-muted)!important;
}

html[data-theme="dark"] body.rr9-public .rr9-checkout-price{
  background:#28271f!important;
  border-color:var(--rr9-gold)!important;
  color:var(--rr9-text)!important;
}
html[data-theme="dark"] body.rr9-public .rr9-checkout-price :is(strong,span){
  color:var(--rr9-text)!important;
}
html[data-theme="dark"] body.rr9-public .rr9-checkout-price small,
html[data-theme="dark"] body.rr9-public .rr9-small-note{
  color:var(--rr9-muted)!important;
}

html[data-theme="dark"] body.rr9-public .rr9-domain-status{
  background:#163029!important;
  color:#b9ead9!important;
}

/* Ensure dark-mode public cards/fields always inherit readable theme colours. */
html[data-theme="dark"] body.rr9-public :is(
  .rr9-panel,
  .rr9-product-card,
  .rr9-pricing-cards article,
  .rr9-faq details,
  .rr9-included,
  .rr9-contact-form,
  .rr9-auth-card,
  .rr9-app-panel,
  .rr9-ui-card
){
  color:var(--rr9-text);
}

@media(max-width:860px){
  body.rr9-public{
    --rr9-public-page-top:42px;
  }
}

@media(max-width:520px){
  body.rr9-public{
    --rr9-public-page-top:32px;
  }
}


/* R10 0.11.13-r104 — customer-first pricing comparison. */
.rr9-customer-comparison{margin-top:28px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--rr9-border);background:var(--rr9-surface)}
.rr9-customer-comparison table{width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed}
.rr9-customer-comparison th,.rr9-customer-comparison td{padding:15px 16px;border-right:1px solid var(--rr9-border);border-bottom:1px solid var(--rr9-border);vertical-align:top;text-align:left;line-height:1.35;color:var(--rr9-text)}
.rr9-customer-comparison tr>*:last-child{border-right:0}.rr9-customer-comparison tbody tr:last-child>*{border-bottom:0}
.rr9-customer-comparison thead th{background:var(--rr9-surface-2);font-size:15px}.rr9-customer-comparison thead th:first-child{width:20%}
.rr9-customer-comparison thead th span{display:block;font-size:17px;font-weight:900}.rr9-customer-comparison thead th small{display:block;margin-top:6px;font-size:11px;font-weight:600;color:var(--rr9-muted)}
.rr9-customer-comparison tbody th{background:var(--rr9-surface-2);font-weight:850}
.rr9-customer-comparison .ours{background:#e9f4ef;color:var(--rr9-text)}.rr9-customer-comparison thead .ours{border-top:5px solid var(--rr9-green)}
html[data-theme="dark"] body.rr9-public .rr9-customer-comparison .ours{background:#163029!important;color:var(--rr9-text)!important}
html[data-theme="dark"] body.rr9-public .rr9-customer-comparison tbody th,html[data-theme="dark"] body.rr9-public .rr9-customer-comparison thead th{background:var(--rr9-surface-2)!important;color:var(--rr9-text)!important}
@media(max-width:760px){.rr9-customer-comparison table{min-width:780px}.rr9-customer-comparison th,.rr9-customer-comparison td{padding:12px;font-size:13px}}


/* R10 0.11.13-r105 — mobile comparison uses readable pairwise cards, not a squeezed table. */
.rr9-mobile-comparison{display:none}
@media(max-width:760px){
  .rr9-customer-comparison-desktop{display:none!important}
  .rr9-mobile-comparison{display:grid;gap:20px;margin-top:24px}
  .rr9-mobile-comparison-card{border:1px solid var(--rr9-border);border-top:5px solid var(--rr9-green);background:var(--rr9-surface);box-shadow:0 10px 24px rgba(13,43,37,.06)}
  .rr9-mobile-comparison-card>header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:14px 12px;background:var(--rr9-surface-2);border-bottom:1px solid var(--rr9-border);font-weight:900;line-height:1.15}
  .rr9-mobile-comparison-card>header span:first-child{color:var(--rr9-green)}
  .rr9-mobile-comparison-card>header span:last-child{text-align:right}
  .rr9-mobile-comparison-card>header b{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--rr9-muted)}
  .rr9-mobile-comparison-row{padding:12px;border-bottom:1px solid var(--rr9-border)}
  .rr9-mobile-comparison-row>strong{display:block;margin-bottom:8px;font-size:13px;line-height:1.2}
  .rr9-mobile-comparison-row>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .rr9-mobile-comparison-row span{display:grid;align-content:start;gap:3px;min-width:0;padding:9px;background:var(--rr9-surface-2);border:1px solid var(--rr9-border)}
  .rr9-mobile-comparison-row span.ours{background:#e9f4ef;border-color:#a9cbbf}
  .rr9-mobile-comparison-row small{font-size:9px;line-height:1.2;text-transform:uppercase;letter-spacing:.055em;color:var(--rr9-muted);overflow-wrap:anywhere}
  .rr9-mobile-comparison-row b{font-size:12px;line-height:1.35;font-weight:800;overflow-wrap:anywhere}
  .rr9-mobile-comparison-card>footer{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;font-size:11px;color:var(--rr9-muted)}
  .rr9-mobile-comparison-card>footer a{font-weight:800}
  html[data-theme="dark"] body.rr9-public .rr9-mobile-comparison-card{background:var(--rr9-surface);border-color:var(--rr9-border);border-top-color:#75cfb5}
  html[data-theme="dark"] body.rr9-public .rr9-mobile-comparison-card>header,
  html[data-theme="dark"] body.rr9-public .rr9-mobile-comparison-row span{background:var(--rr9-surface-2);color:var(--rr9-text)}
  html[data-theme="dark"] body.rr9-public .rr9-mobile-comparison-row span.ours{background:#163029;color:var(--rr9-text);border-color:#365d52}
}
@media(max-width:380px){
  .rr9-mobile-comparison-row>div{grid-template-columns:1fr}
  .rr9-mobile-comparison-card>header{grid-template-columns:1fr;justify-items:start}
  .rr9-mobile-comparison-card>header span:last-child{text-align:left}
  .rr9-mobile-comparison-card>header b{display:none}
}


/* R10 0.11.13-r107 — compact mobile Pricing comparison. */
.rr9-mobile-comparison-summary{display:none}

@media(max-width:760px){
  .rr9-mobile-comparison{display:none!important}
  .rr9-customer-comparison-desktop{display:none!important}

  .rr9-pricing-comparison-section{
    padding-top:46px;
    padding-bottom:46px;
  }
  .rr9-pricing-comparison-section .rr9-section-title{
    margin-bottom:10px;
  }
  .rr9-pricing-comparison-section .rr9-copy{
    margin-bottom:18px;
    max-width:none;
  }

  .rr9-mobile-comparison-summary{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:18px;
  }

  .rr9-mobile-provider-card{
    min-width:0;
    min-height:128px;
    padding:14px 12px;
    border:1px solid var(--rr9-border);
    border-top:4px solid #8aa19a;
    background:var(--rr9-surface);
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    box-shadow:0 6px 16px rgba(13,43,37,.045);
  }

  .rr9-mobile-provider-card.ours{
    border-top-color:var(--rr9-green);
    background:#e9f4ef;
  }

  .rr9-mobile-provider-card strong{
    font-size:14px;
    line-height:1.15;
    font-weight:900;
    color:var(--rr9-text);
    overflow-wrap:anywhere;
  }

  .rr9-mobile-provider-card b{
    font-size:16px;
    line-height:1.15;
    font-weight:900;
    color:var(--rr9-text);
    overflow-wrap:anywhere;
  }

  .rr9-mobile-provider-card span{
    margin-top:auto;
    font-size:11px;
    line-height:1.35;
    color:var(--rr9-muted);
    overflow-wrap:anywhere;
  }

  html[data-theme="dark"] body.rr9-public .rr9-mobile-provider-card{
    background:var(--rr9-surface);
    border-color:var(--rr9-border);
    border-top-color:#78908a;
  }
  html[data-theme="dark"] body.rr9-public .rr9-mobile-provider-card.ours{
    background:#163029;
    border-top-color:#75cfb5;
  }
}

@media(max-width:340px){
  .rr9-mobile-comparison-summary{
    grid-template-columns:1fr;
  }
  .rr9-mobile-provider-card{
    min-height:0;
  }
}


/* R10 0.11.13-r112 — rich legal document presentation. */
.legal-copy{
  overflow-wrap:anywhere;
}
.legal-copy h2{
  margin:2rem 0 .7rem;
  line-height:1.2;
}
.legal-copy h3{
  margin:1.6rem 0 .55rem;
  line-height:1.25;
}
.legal-copy h4{
  margin:1.35rem 0 .45rem;
}
.legal-copy p{
  margin:.75rem 0;
  line-height:1.7;
}
.legal-copy ul,
.legal-copy ol{
  margin:.75rem 0 1rem 1.5rem;
  padding:0;
}
.legal-copy li{
  margin:.4rem 0;
  line-height:1.6;
}
.legal-copy blockquote{
  margin:1.2rem 0;
  padding:.9rem 1.1rem;
  border-left:4px solid var(--rr9-green);
  background:var(--rr9-surface-2);
}
.legal-copy a{
  text-decoration:underline;
  text-underline-offset:2px;
}
.legal-copy hr{
  margin:2rem 0;
  border:0;
  border-top:1px solid var(--rr9-border);
}
.legal-copy table{
  display:block;
  width:100%;
  margin:1.2rem 0;
  overflow-x:auto;
  border-collapse:collapse;
}
.legal-copy th,
.legal-copy td{
  min-width:130px;
  padding:10px 12px;
  border:1px solid var(--rr9-border);
  text-align:left;
  vertical-align:top;
}
.legal-copy th{
  background:var(--rr9-surface-2);
}
.legal-cookie-actions{
  margin-top:2rem;
}


/* R10 0.11.13-r116 — compact TruWord cookie consent card. */
.rr9-cookie-consent{
  position:fixed;
  left:16px;
  bottom:max(16px,env(safe-area-inset-bottom));
  z-index:1300;
  width:min(420px,calc(100vw - 32px));
  padding:15px 16px 14px;
  border:1px solid var(--rr9-border);
  border-left:4px solid var(--rr9-green);
  background:var(--rr9-surface);
  color:var(--rr9-text);
  box-shadow:0 12px 32px rgba(13,43,37,.16);
  display:grid;
  gap:12px;
}
.rr9-cookie-consent[hidden]{
  display:none!important;
}
.rr9-cookie-copy{
  min-width:0;
}
.rr9-cookie-copy strong{
  display:block;
  margin:0 0 4px;
  font-size:15px;
  line-height:1.2;
  font-weight:900;
  color:var(--rr9-text);
}
.rr9-cookie-copy p{
  margin:0;
  font-size:13px;
  line-height:1.45;
  color:var(--rr9-muted);
}
.rr9-cookie-copy a{
  display:inline-block;
  margin-top:6px;
  font-size:12px;
  line-height:1.3;
  font-weight:750;
  color:var(--rr9-link,var(--rr9-green));
  text-decoration:underline;
  text-underline-offset:2px;
}
.rr9-cookie-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.rr9-cookie-button{
  min-height:34px;
  padding:7px 11px;
  border:1px solid var(--rr9-green);
  border-radius:0;
  font:inherit;
  font-size:12px;
  line-height:1.15;
  font-weight:850;
  cursor:pointer;
}
.rr9-cookie-button-primary{
  background:var(--rr9-green);
  color:#fff;
}
.rr9-cookie-button-secondary{
  background:transparent;
  color:var(--rr9-text);
}
.rr9-cookie-button:hover,
.rr9-cookie-button:focus-visible{
  outline:2px solid var(--rr9-text);
  outline-offset:2px;
}
html[data-theme="dark"] body.rr9-public .rr9-cookie-consent{
  background:#15201d;
  color:#edf2ef;
  border-color:#52635e;
  border-left-color:#80c9b5;
  box-shadow:0 14px 34px rgba(0,0,0,.34);
}
html[data-theme="dark"] body.rr9-public .rr9-cookie-copy strong,
html[data-theme="dark"] body.rr9-public .rr9-cookie-button-secondary{
  color:#edf2ef;
}
html[data-theme="dark"] body.rr9-public .rr9-cookie-copy p{
  color:#c2cfca;
}
html[data-theme="dark"] body.rr9-public .rr9-cookie-copy a{
  color:#a6d9ca;
}
html[data-theme="dark"] body.rr9-public .rr9-cookie-button-primary{
  background:#2a6f60;
  border-color:#80c9b5;
  color:#fff;
}
html[data-theme="dark"] body.rr9-public .rr9-cookie-button-secondary{
  border-color:#71847e;
  background:#111916;
}

@media(max-width:520px){
  .rr9-cookie-consent{
    left:10px;
    bottom:max(10px,env(safe-area-inset-bottom));
    width:calc(100vw - 20px);
    padding:12px 13px;
    gap:10px;
    box-shadow:0 8px 24px rgba(13,43,37,.14);
  }
  .rr9-cookie-copy strong{
    font-size:14px;
  }
  .rr9-cookie-copy p{
    font-size:12.5px;
    line-height:1.4;
  }
  .rr9-cookie-copy a{
    margin-top:5px;
    font-size:11.5px;
  }
  .rr9-cookie-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  .rr9-cookie-button{
    width:100%;
    min-height:36px;
    padding:7px 8px;
    font-size:11.5px;
  }
}
@media(max-width:330px){
  .rr9-cookie-actions{
    grid-template-columns:1fr;
  }
}
@media(prefers-reduced-motion:no-preference){
  .rr9-cookie-consent:not([hidden]){
    animation:rr9-cookie-in .18s ease-out both;
  }
  @keyframes rr9-cookie-in{
    from{opacity:0;transform:translateY(6px)}
    to{opacity:1;transform:translateY(0)}
  }
}


/* R10 0.11.13-r118 — reflow when one side of a split section is disabled. */
.rr9-section-one-col{grid-template-columns:minmax(0,1fr)!important}
.rr9-section-one-col>article{max-width:760px;width:100%}
.rr9-pricing-grid.rr9-section-one-col,
.rr9-page-hero-grid.rr9-section-one-col{max-width:900px}


/* R10 0.11.13-r121 — card-payment status feedback. */
.stripe-payment-status{
  margin:10px 0 0;
}
.payment-result-notice{
  margin:18px 0;
}
.payment-result-notice p{
  margin:.45rem 0 0;
}


/* R10 0.11.13-r126 — true sticky footer for short public/auth pages.
   The footer sits at the bottom of the viewport when content is short and
   follows the document normally when content is taller than the viewport. */
html{
  min-height:100%;
}
body.rr9-public{
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
}
body.rr9-public > .rr9-header{
  flex:0 0 auto;
}
body.rr9-public > .rr9-main{
  flex:1 0 auto;
  min-height:0;
  width:100%;
}
body.rr9-public > .rr9-footer{
  flex:0 0 auto;
  margin-top:auto;
}