:root{
  --blue:#2563eb;--blue-dark:#1849b8;--navy:#081a33;--navy-2:#102945;
  --ivory:#fff7ee;--paper:#fffdfa;--white:#fff;--plum:#72546e;--plum-soft:#f3eaf1;
  --blue-soft:#e9effe;--blue-lighter:#f4f7ff;--ink:#12243a;--muted:#5d6b79;
  --border:rgba(8,26,51,.12);--border-strong:rgba(8,26,51,.2);
  --shadow-sm:0 10px 30px rgba(8,26,51,.08);--shadow-lg:0 30px 80px rgba(8,26,51,.14);
  --radius-sm:14px;--radius:24px;--radius-lg:36px;--max:1240px;
  --sans:"Manrope",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --serif:"Source Serif 4","Iowan Old Style",Georgia,serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:88px;overflow-x:hidden}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{display:block;max-width:100%} a{color:inherit;text-decoration:none} button{font:inherit}
.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.section{padding:112px 0;position:relative}.section-sm{padding:76px 0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--blue-dark);font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.eyebrow::before{content:"";width:27px;height:2px;background:var(--blue);border-radius:2px}
h1,h2{font-family:var(--serif);color:var(--navy);font-weight:600;letter-spacing:-.035em;margin:0}h1{font-size:clamp(62px,6vw,94px);line-height:.96}h2{font-size:clamp(42px,4.1vw,66px);line-height:1.02}.section h3{margin:0;color:var(--navy)}
.lead{font-size:19px;line-height:1.65;color:var(--muted);margin:22px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:15px 22px;font-size:15px;font-weight:700;border:1px solid transparent}.btn-primary{background:var(--blue);color:white;box-shadow:0 10px 26px rgba(37,99,235,.20)}.btn-primary:hover{background:var(--blue-dark)}.btn-secondary{background:white;color:var(--navy);border-color:var(--border)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,250,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(8,26,51,.07)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:11px}.brand img{width:40px;height:40px;object-fit:contain}.brand-name{font-size:25px;font-weight:700;letter-spacing:-.025em;color:var(--navy)}.desktop-nav{display:flex;gap:31px;margin-left:auto}.nav-link{font-size:14px;font-weight:600;color:#405166}.header-actions{display:flex;align-items:center;gap:12px}.btn-small{padding:11px 17px;font-size:13px}
.hero{padding:78px 0 92px;background:var(--paper)}.hero>.container{width:min(calc(100% - 48px),1360px)}.hero-grid{display:grid;grid-template-columns:minmax(430px,.78fr) minmax(720px,1.22fr);gap:46px;align-items:center}.hero-copy{padding:24px 0}.hero-copy h1 span{display:block;color:var(--blue)}.hero-copy .lead{max-width:585px}.hero-actions{display:flex;align-items:center;gap:13px;margin-top:30px}.hero-proof{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:23px;color:#516173;font-size:12px;font-weight:600}.hero-proof span{display:flex;align-items:center;gap:7px}.proof-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}
.hero-module{position:relative;height:735px;overflow:hidden;background:transparent}.hero-module iframe{position:absolute;border:0;width:1010px;height:930px;left:0;top:0;transform:scale(.78);transform-origin:top left;background:transparent;overflow:hidden;color-scheme:light}
.problem{background:var(--ivory)}.problem-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:84px;align-items:center}.load-stack{display:grid;gap:14px;padding-right:76px}.load-card{background:rgba(255,255,255,.84);border:1px solid var(--border);border-radius:20px;padding:23px 25px;display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:center;box-shadow:var(--shadow-sm)}.load-icon{width:44px;height:44px;border-radius:13px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:800}.load-icon.plum{background:var(--plum-soft);color:var(--plum)}.load-card h3{font-size:18px}.load-card p{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.load-count{font-size:12px;font-weight:700;color:#8a95a2}
.mechanism{background:white}.section-heading{max-width:800px}.section-heading.center{text-align:center;margin:0 auto 52px}.mechanism-track{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--border);border-radius:26px;overflow:hidden;background:var(--paper)}.mechanism-step{padding:30px 27px;min-height:240px;border-right:1px solid var(--border);position:relative}.mechanism-step:last-child{border-right:0}.step-number{font-size:12px;color:var(--blue);font-weight:800;letter-spacing:.08em;margin-bottom:31px}.mechanism-step h3{font-size:21px}.mechanism-step p{font-size:14px;line-height:1.58;color:var(--muted);margin:9px 0 0}
.capabilities{background:var(--paper)}
.outcome-stack{margin-top:50px;border-top:1px solid var(--border-strong)}
.outcome-row{display:grid;grid-template-columns:.88fr 1fr 1.2fr;gap:34px;align-items:start;padding:36px 0;border-bottom:1px solid var(--border)}
.outcome-title{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding-top:6px}
.outcome-index{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--blue);padding-top:4px}
.outcome-title h3{font-size:27px;line-height:1.18;letter-spacing:-.02em}
.outcome-side{padding-top:6px}
.outcome-label{display:block;margin-bottom:9px;color:#8591a0;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.outcome-side p{margin:0;color:var(--muted);font-size:14px;line-height:1.62}
.outcome-with{margin-top:-6px;padding:20px 22px;border:1px solid rgba(37,99,235,.12);border-radius:20px;background:linear-gradient(180deg,#fbfcff,var(--blue-lighter))}
.outcome-with .outcome-label{color:var(--blue-dark)}
.outcome-with p{color:#405166}
.outcome-proof{margin-top:15px;padding-top:13px;border-top:1px solid rgba(37,99,235,.10);font-size:11.5px;line-height:1.5;color:#667589;font-weight:650}
.outcome-breadth{max-width:990px;margin:26px 0 0;padding-left:16px;border-left:2px solid var(--blue);font-size:13px;line-height:1.62;color:#657485}

.security{background:var(--navy);color:white}.security .eyebrow{color:#8db0ff}.security h2{color:white}.security .lead{color:#c7d1de}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:46px}.trust-card{padding:25px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.055)}.trust-card h3{color:white;font-size:18px}.trust-card p{color:#bdc8d7;font-size:13.5px;line-height:1.55;margin:9px 0 0}.trust-strip{margin-top:26px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:13px 20px;text-align:center;font-weight:700;font-size:12px;color:#dbe4ef}
.chat-first{background:white}.chat-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:center}.channel-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:29px}.channel{border:1px solid var(--border);border-radius:18px;padding:21px;background:var(--paper)}.channel strong{display:block;color:var(--navy);font-size:15px}.channel span{display:block;color:var(--muted);font-size:12px;margin-top:4px;line-height:1.45}.overview{background:linear-gradient(180deg,#fbfcff,#f4f7ff);border:1px solid var(--border);border-radius:32px;padding:24px;box-shadow:var(--shadow-lg)}.overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.overview-head h3{font-size:22px}.overview-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.overview-pill{padding:7px 10px;border-radius:999px;background:white;border:1px solid var(--border);font-size:11px;color:#657587}.overview-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:14px}.overview-panel{background:white;border:1px solid var(--border);border-radius:18px;padding:18px}.overview-panel h4{margin:0 0 13px;font-size:12px;color:#7a8795;text-transform:uppercase;letter-spacing:.08em}.event{display:grid;grid-template-columns:45px 1fr auto;gap:9px;padding:11px 0;border-top:1px solid rgba(8,26,51,.07);font-size:12px}.event:first-of-type{border-top:0}.event-time{font-weight:700;color:var(--navy)}.event-status{color:var(--blue);font-weight:700;font-size:10px}.need{padding:12px;border-radius:12px;background:var(--blue-lighter);margin-top:9px}.need strong{font-size:12px;color:var(--navy)}.need p{font-size:11px;color:var(--muted);margin:5px 0 0}
.experience{background:linear-gradient(180deg,var(--ivory),#fff)}.experience-shell{border:1px solid var(--border);border-radius:36px;padding:46px;background:rgba(255,255,255,.72);box-shadow:0 16px 50px rgba(8,26,51,.06)}.experience-top{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:start}.experience-copy h2 span{color:var(--blue);display:block}.confidence{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.confidence span{background:var(--blue-lighter);border:1px solid rgba(37,99,235,.08);border-radius:999px;padding:8px 10px;font-size:11px;font-weight:700;color:#536378}.journey{position:relative;padding-left:43px}.journey::before{content:"";position:absolute;left:14px;top:16px;bottom:20px;width:1px;background:linear-gradient(var(--blue),rgba(37,99,235,.12))}.journey-step{position:relative;padding:0 0 27px 20px}.journey-step:last-child{padding-bottom:0}.journey-step::before{content:"";position:absolute;left:-35px;top:2px;width:12px;height:12px;border-radius:50%;background:white;border:3px solid var(--blue);box-shadow:0 0 0 5px rgba(37,99,235,.08)}.journey-meta{display:flex;align-items:center;gap:10px;margin-bottom:6px}.journey-num{color:var(--blue);font-size:11px;font-weight:800}.journey-time{font-size:11px;color:#7b8796;font-weight:700}.journey-step h3{font-size:19px}.journey-step p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.success-title{margin:44px 0 16px;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#7d8895}.success-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.success-card{border:1px solid var(--border);border-radius:18px;padding:20px;background:white}.success-card h3{font-size:17px}.success-card p{font-size:12.5px;line-height:1.5;color:var(--muted);margin:7px 0 0}.experience-control{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--navy);color:white;padding:18px 22px;border-radius:17px;margin-top:18px}.experience-control strong{font-size:13px}.experience-control span{font-size:11px;color:#cfdae7}.after14{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-top:18px;padding:18px 4px 0}.after14 strong{font-size:14px;color:var(--navy)}.after14 p{margin:3px 0 0;color:var(--muted);font-size:12px}.price{font-family:var(--serif);font-weight:600;font-size:26px;color:var(--navy);white-space:nowrap}
.faq{background:white}.faq-wrap{display:grid;grid-template-columns:.62fr 1.38fr;gap:70px;align-items:start}.faq-list{border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:transparent;border:0;padding:20px 0;text-align:left;font-weight:700;color:var(--navy);cursor:pointer}.faq-answer{display:none;color:var(--muted);font-size:13.5px;line-height:1.62;padding:0 38px 18px 0}.faq-item.open .faq-answer{display:block}.faq-plus{font-size:22px;color:var(--blue);font-weight:400}
.final-cta{background:var(--blue);color:white;padding:86px 0}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.final-cta h2{color:white;max-width:690px}.final-cta p{color:#dfe9ff;max-width:620px}.btn-light{background:white;color:var(--blue);padding:15px 22px;border-radius:999px;font-weight:700;white-space:nowrap}
.footer{background:var(--paper);padding:55px 0 28px}.footer-top{display:grid;grid-template-columns:1.2fr .7fr .9fr;gap:50px}.footer-brand p{max-width:390px;color:var(--muted);font-size:13px;line-height:1.6}.footer-col h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 15px}.footer-col a{display:block;color:var(--muted);font-size:13px;margin:9px 0}.footer-bottom{margin-top:35px;padding-top:22px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:40px;color:#7c8794;font-size:11px;line-height:1.55}.footer-bottom p{margin:0;max-width:800px}
.note{position:fixed;right:14px;bottom:14px;z-index:50;background:rgba(8,26,51,.92);color:white;padding:9px 12px;border-radius:999px;font-size:10px;box-shadow:var(--shadow-sm)}
@media(max-width:1100px){.desktop-nav{display:none}.hero>.container{width:min(calc(100% - 48px),var(--max))}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy .lead{margin-left:auto;margin-right:auto}.hero-actions,.hero-proof{justify-content:center}.hero-module{height:720px;width:min(100%,780px);margin:auto}.problem-grid,.chat-grid,.experience-top,.faq-wrap{grid-template-columns:1fr}.mechanism-track{grid-template-columns:1fr 1fr}.mechanism-step:nth-child(2){border-right:0}.mechanism-step:nth-child(-n+2){border-bottom:1px solid var(--border)}.trust-grid{grid-template-columns:1fr 1fr}.experience-top{gap:45px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:720px){.container{width:min(calc(100% - 28px),var(--max))}.section{padding:80px 0}.header-inner{height:72px}.header-actions .btn-secondary{display:none}.brand-name{font-size:22px}.hero{padding-top:52px}.hero-grid{gap:25px}.hero-module{height:590px}.hero-module iframe{transform:scale(.58)}.mechanism-track,.trust-grid,.success-grid,.channel-pair,.overview-grid{grid-template-columns:1fr}.outcome-row{grid-template-columns:1fr;gap:18px;padding:30px 0}.outcome-title{grid-template-columns:30px 1fr}.outcome-with{margin-top:0}.outcome-breadth{margin-top:22px}.mechanism-step{border-right:0!important;border-bottom:1px solid var(--border)!important}.mechanism-step:last-child{border-bottom:0!important}.load-card{grid-template-columns:42px 1fr}.load-count{display:none}.experience-shell{padding:28px 20px}.experience-control,.after14,.final-cta-inner,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}.header-actions .btn-primary{padding:10px 13px}.trust-strip{border-radius:18px}.note{display:none}}

/* v5: low-awareness, product-demonstration-first homepage reference */
.product-moments{background:var(--paper)}
.product-moments .section-heading{max-width:860px}
.demo-stack{display:grid;gap:34px;margin-top:52px}
.demo-row{display:grid;grid-template-columns:.78fr 1.22fr;gap:54px;align-items:center;padding:38px 0;border-top:1px solid var(--border)}
.demo-row:last-child{border-bottom:1px solid var(--border)}
.demo-row.reverse{grid-template-columns:1.22fr .78fr}
.demo-row.reverse .demo-copy{order:2}.demo-row.reverse .demo-visual{order:1}
.demo-kicker{font-size:11px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;color:var(--blue);margin-bottom:10px}
.demo-copy h3{font-family:var(--serif);font-size:34px;line-height:1.08;letter-spacing:-.025em;color:var(--navy);margin:0}
.demo-copy p{font-size:15px;line-height:1.65;color:var(--muted);margin:15px 0 0;max-width:520px}
.demo-proof{margin-top:17px;font-size:12px;color:#788494;font-weight:650}
.demo-visual{border-radius:28px;border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f8faff);padding:24px;box-shadow:var(--shadow-sm)}
.mini-chat{background:#f5f0ea;border:1px solid rgba(8,26,51,.08);border-radius:22px;overflow:hidden}
.mini-chat-head{height:56px;display:flex;align-items:center;gap:10px;padding:9px 14px;background:white;border-bottom:1px solid rgba(8,26,51,.07)}
.mini-avatar{width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center;border:1px solid rgba(8,26,51,.08);overflow:hidden}
.mini-avatar img{width:100%;height:100%;object-fit:contain}
.mini-chat-head strong{font-size:14px;color:var(--navy)}
.mini-chat-head span{display:block;font-size:9.5px;color:#7d8896;margin-top:2px}
.mini-thread{padding:16px 15px 18px;display:grid;gap:9px}
.mini-msg{max-width:83%;border-radius:10px;padding:10px 11px;background:white;box-shadow:0 1px 2px rgba(8,26,51,.08);font-size:12.5px;line-height:1.42;color:#28394d}
.mini-msg.out{justify-self:end;background:#dce8ff}
.mini-msg strong{color:var(--navy)}
.mini-msg ul{margin:7px 0 0;padding-left:17px}.mini-msg li{margin:3px 0}.mini-ask{font-weight:700;margin-top:8px;color:var(--navy)}
.mini-time{display:block;text-align:right;color:#85909e;font-size:8.5px;margin-top:6px}
.receipt-state{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;align-items:stretch}
.receipt-card,.state-card{border-radius:20px;border:1px solid var(--border);background:white;padding:18px}
.receipt-card{background:#fffaf4}
.receipt-mark{display:inline-flex;padding:6px 8px;border-radius:999px;background:var(--blue-lighter);font-size:9px;font-weight:800;color:var(--blue-dark);letter-spacing:.05em;text-transform:uppercase}
.receipt-card h4,.state-card h4{margin:12px 0 7px;color:var(--navy);font-size:15px}
.receipt-card p,.state-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.receipt-lines{margin-top:13px;display:grid;gap:7px}.receipt-line{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#5d6a79}.receipt-line strong{color:var(--navy)}
.state-big{font-family:var(--serif);font-size:31px;color:var(--navy);margin:4px 0}.state-sub{font-size:10px;color:#7c8795}.state-alert{margin-top:14px;padding:11px 12px;border-radius:13px;background:var(--blue-lighter);font-size:10.5px;line-height:1.45;color:#445a75}.state-alert strong{display:block;color:var(--navy);font-size:11px;margin-bottom:3px}
.breadth-line{margin:38px auto 0;max-width:980px;text-align:center;color:#687687;font-size:13px;line-height:1.6}

.surfaces{background:white}.surfaces .section-heading{max-width:900px;margin-bottom:44px}
.surface-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:26px;align-items:stretch}
.surface-card{border:1px solid var(--border);border-radius:28px;padding:24px;background:var(--paper);box-shadow:var(--shadow-sm)}
.surface-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.surface-label h3{font-size:19px}.surface-label span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a95a3}
.surface-card .mini-chat{height:100%}
.surface-explain{display:flex;gap:20px;margin-top:22px}.surface-explain div{flex:1;padding-top:15px;border-top:1px solid var(--border)}.surface-explain strong{display:block;font-size:13px;color:var(--navy)}.surface-explain span{display:block;margin-top:4px;font-size:11px;line-height:1.45;color:var(--muted)}

.control-show{background:var(--navy);color:white}.control-show .eyebrow{color:#8db0ff}.control-show h2{color:white}.control-show .lead{color:#c7d1de}
.control-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:64px;align-items:center;margin-top:45px}
.approval-demo{background:#f5f0ea;border-radius:28px;padding:22px;border:1px solid rgba(255,255,255,.14)}
.approval-demo .mini-chat{box-shadow:0 14px 34px rgba(0,0,0,.12)}
.control-points{display:grid;gap:18px}.control-point{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start}.control-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);color:#9db9ff;font-size:10px;font-weight:800}.control-point h3{color:white;font-size:17px}.control-point p{margin:5px 0 0;color:#bdc8d7;font-size:12.5px;line-height:1.55}.control-foot{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);color:#dbe4ef;font-size:11.5px;font-weight:650}

@media(max-width:900px){.demo-row,.demo-row.reverse,.surface-grid,.control-grid{grid-template-columns:1fr}.demo-row.reverse .demo-copy,.demo-row.reverse .demo-visual{order:initial}.receipt-state{grid-template-columns:1fr}.surface-explain{flex-direction:column}.control-grid{gap:34px}}


/* v6: customer-language and low-awareness refinement */
.product-moments .section-heading{max-width:720px}
.demo-stack{margin-top:38px}
.demo-row{grid-template-columns:.64fr 1.36fr;gap:58px;padding:44px 0}
.demo-row.reverse{grid-template-columns:1.36fr .64fr}
.demo-copy p{max-width:430px;margin-top:12px}
.demo-kicker{margin-bottom:9px}
.demo-proof{display:none}
.surfaces .section-heading{max-width:820px}
.surface-label{align-items:flex-start}
.surface-label span{max-width:210px;text-align:right;line-height:1.35;letter-spacing:.04em;text-transform:none;font-size:11px;font-weight:700}
@media(max-width:900px){.demo-row,.demo-row.reverse{grid-template-columns:1fr;gap:24px}.demo-row.reverse .demo-copy,.demo-row.reverse .demo-visual{order:initial}.surface-label span{text-align:right}}


/* V7 UX refinements: product demonstration, dashboard, how-it-works, control */
.load-card:nth-child(1){margin-left:0;width:100%}
.load-card:nth-child(2){margin-left:38px;width:calc(100% - 38px)}
.load-card:nth-child(3){margin-left:76px;width:calc(100% - 76px)}

.flow-showcase{background:var(--navy);color:white}
.flow-showcase .eyebrow{color:#9bb8ff}.flow-showcase .eyebrow::before{background:#6f98ff}.flow-showcase h2{color:white}.flow-showcase .lead{color:#c9d4e2}
.flow-shell{margin-top:42px;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:#102945;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.16)}
.flow-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.1);color:#c9d4e2;font-size:12px}
.flow-topbar strong{color:white;font-size:13px}.flow-topbar span{color:#9eacc0}
.flow-body{display:grid;grid-template-columns:310px 1fr;min-height:610px}
.flow-tabs{padding:20px;border-right:1px solid rgba(255,255,255,.1);display:grid;align-content:start;gap:12px;background:rgba(4,18,36,.28)}
.flow-tab{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);border-radius:18px;padding:20px;text-align:left;color:white;cursor:pointer;transition:.2s ease}
.flow-tab:hover{background:rgba(255,255,255,.07)}.flow-tab.active{background:white;color:var(--navy);border-color:white;box-shadow:0 16px 40px rgba(0,0,0,.15)}
.flow-tab-num{font-size:10px;font-weight:800;letter-spacing:.08em;color:#8fb0ff;margin-bottom:9px}.flow-tab.active .flow-tab-num{color:var(--blue)}
.flow-tab h3{font-size:17px;line-height:1.25;color:inherit;margin:0}.flow-tab p{font-size:12.5px;line-height:1.48;margin:7px 0 0;color:#aab8ca}.flow-tab.active p{color:#68788e}
.flow-stage{padding:38px 42px 34px;display:grid;grid-template-columns:minmax(300px,.94fr) minmax(310px,1.06fr);gap:34px;align-items:center}
.flow-copy .flow-label{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#9bb8ff;margin-bottom:16px}.flow-copy h3{font-family:var(--serif);font-size:46px;line-height:1.02;letter-spacing:-.035em;color:white;margin:0}.flow-copy p{font-size:15px;line-height:1.65;color:#c9d4e2;margin:20px 0 0;max-width:480px}.flow-proof{display:grid;gap:10px;margin-top:25px}.flow-proof div{display:flex;align-items:flex-start;gap:9px;color:#d9e2ee;font-size:13px;line-height:1.45}.flow-proof div::before{content:'✓';color:#9bb8ff;font-weight:800}
.flow-visual{background:#f7f2eb;border-radius:25px;padding:18px;min-height:460px;color:#1f2937;display:flex;align-items:center;justify-content:center}
.flow-chat{width:100%;max-width:390px}.flow-chat-head{display:flex;align-items:center;gap:10px;background:white;border-radius:16px 16px 0 0;padding:12px 14px;border-bottom:1px solid rgba(8,26,51,.08)}
.flow-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;border:1px solid rgba(8,26,51,.08);background:#fff}.flow-avatar img{width:100%;height:100%;object-fit:cover}.flow-contact strong{display:block;font-size:13px}.flow-contact span{display:block;font-size:10px;color:#7a8795;margin-top:2px}
.flow-chat-body{padding:17px;background:#f5f0ea;border-radius:0 0 16px 16px;min-height:360px}.flow-msg{max-width:88%;border-radius:10px;background:white;padding:11px 12px;margin:8px 0;font-size:12px;line-height:1.45;box-shadow:0 1px 2px rgba(8,26,51,.08)}.flow-msg.out{margin-left:auto;background:#d9e8ff}.flow-msg strong{font-weight:700}.flow-msg ul{padding-left:18px;margin:7px 0 0}.flow-msg li{margin:4px 0}.flow-msg .tiny{display:block;text-align:right;color:#8893a1;font-size:9px;margin-top:7px}
.flow-receipt{width:100%;max-width:390px;display:grid;gap:14px}.receipt-sheet{background:white;border-radius:18px;padding:20px;box-shadow:0 10px 30px rgba(8,26,51,.09)}.receipt-sheet .receipt-title{font-weight:800;font-size:15px}.receipt-sheet .receipt-sub{font-size:11px;color:#7b8795;margin-top:3px}.receipt-sheet .receipt-total{font-size:28px;font-weight:750;color:var(--navy);margin-top:18px}.receipt-sheet .receipt-row{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid rgba(8,26,51,.08);font-size:12px}.receipt-alert{background:#fff;border:1px solid rgba(37,99,235,.15);border-radius:18px;padding:17px}.receipt-alert strong{display:block;color:var(--navy);font-size:13px}.receipt-alert p{font-size:12px;line-height:1.5;color:#5f6f82;margin:6px 0 0}

.dashboard-section{background:white}.dashboard-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:64px;align-items:end;margin-bottom:46px}.dashboard-intro .lead{margin-top:18px}.dashboard-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dashboard-benefit{padding:16px 18px;border-top:2px solid var(--blue);background:var(--blue-lighter);border-radius:0 0 15px 15px}.dashboard-benefit strong{display:block;font-size:13px;color:var(--navy)}.dashboard-benefit span{display:block;font-size:11px;line-height:1.45;color:#68778a;margin-top:4px}
.dashboard-frame{border:1px solid var(--border);border-radius:32px;background:#f7f9fd;box-shadow:var(--shadow-lg);overflow:hidden}.dash-top{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 22px;background:white;border-bottom:1px solid var(--border)}.dash-brand{display:flex;align-items:center;gap:12px}.dash-mark{width:34px;height:34px;border-radius:12px;background:var(--navy);display:grid;place-items:center;color:white;font-weight:800}.dash-title strong{display:block;font-size:14px}.dash-title span{font-size:10px;color:#7b8795}.dash-tabs{display:flex;align-items:center;gap:8px}.dash-tab{padding:8px 11px;border-radius:999px;font-size:10px;font-weight:700;color:#68788a}.dash-tab.active{background:var(--navy);color:white}
.dash-content{padding:24px}.dash-hello{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.dash-hello h3{font-size:28px;letter-spacing:-.02em}.dash-hello p{font-size:12px;color:var(--muted);margin:4px 0 0}.dash-date{font-size:11px;color:#7c8796}
.dash-summary{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px;margin-bottom:15px}.dash-card{background:white;border:1px solid var(--border);border-radius:17px;padding:16px}.dash-card-label{font-size:10px;color:#7b8795;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.dash-card-value{font-size:22px;color:var(--navy);font-weight:750;margin-top:9px;line-height:1.1}.dash-card-sub{font-size:10.5px;color:#718094;margin-top:5px;line-height:1.4}.dash-card.attn{background:#eef4ff;border-color:rgba(37,99,235,.2)}
.dash-main{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.dash-panel{background:white;border:1px solid var(--border);border-radius:19px;padding:18px}.dash-panel h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#778594;margin:0 0 12px}.dash-event{display:grid;grid-template-columns:52px 1fr auto;gap:9px;padding:11px 0;border-top:1px solid rgba(8,26,51,.07);font-size:12px}.dash-event:first-of-type{border-top:0}.dash-time{font-weight:750;color:var(--navy)}.dash-status{font-size:10px;font-weight:750;color:var(--blue)}.dash-need{border-radius:14px;background:var(--blue-lighter);padding:13px;margin-top:10px}.dash-need:first-of-type{margin-top:0}.dash-need strong{font-size:12px;color:var(--navy)}.dash-need p{font-size:10.5px;color:#657487;margin:4px 0 0;line-height:1.42}.dash-record{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid rgba(8,26,51,.07);font-size:11px}.dash-record:first-of-type{border-top:0}.dash-record span{color:#657487}.dash-record strong{color:var(--navy)}

.how-visual{background:var(--ivory)}.how-shell{margin-top:42px;border:1px solid var(--border);border-radius:30px;background:white;padding:32px;box-shadow:0 18px 50px rgba(8,26,51,.07)}.how-flow{display:grid;grid-template-columns:.9fr 58px 1.25fr 58px .9fr;align-items:center;gap:0}.how-node{border-radius:20px;border:1px solid var(--border);padding:22px;background:var(--paper)}.how-node .node-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#8290a0;margin-bottom:10px}.how-node h3{font-size:20px;line-height:1.22}.how-node p{font-size:12px;line-height:1.5;color:#657487;margin:8px 0 0}.how-message{background:#d9e8ff;border:0}.how-decision{background:var(--navy);border:0}.how-decision .node-label,.how-decision h3,.how-decision p{color:white}.how-decision p{color:#cfdae8}.how-arrow{display:grid;place-items:center;color:var(--blue);font-size:25px;font-weight:500}.how-engine{border:1px solid rgba(37,99,235,.18);border-radius:22px;background:linear-gradient(180deg,#fbfcff,#f4f7ff);padding:20px}.engine-title{font-size:11px;color:var(--blue-dark);font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.engine-step{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:11px 0;border-top:1px solid rgba(37,99,235,.1)}.engine-step:first-of-type{border-top:0}.engine-num{width:24px;height:24px;border-radius:50%;background:white;border:1px solid rgba(37,99,235,.18);display:grid;place-items:center;font-size:9px;font-weight:800;color:var(--blue)}.engine-step strong{display:block;font-size:12px;color:var(--navy)}.engine-step span{display:block;font-size:10.5px;line-height:1.45;color:#6b7a8d;margin-top:3px}

.control-show{background:var(--navy);color:white}.control-show .eyebrow{color:#9bb8ff}.control-show h2{color:white}.control-show .lead{color:#c9d4e2}.control-demo{margin-top:44px;display:grid;grid-template-columns:minmax(420px,.95fr) minmax(350px,1.05fr);gap:70px;align-items:center}.control-chat{background:#f5f0ea;border-radius:26px;padding:20px;box-shadow:0 26px 60px rgba(0,0,0,.22)}.control-chat-head{display:flex;align-items:center;gap:10px;padding:0 0 14px;border-bottom:1px solid rgba(8,26,51,.08);color:var(--navy)}.control-chat-head .flow-avatar{width:38px;height:38px}.control-chat-body{padding-top:12px}.control-msg{max-width:86%;padding:12px 13px;border-radius:10px;background:white;color:#1f2937;font-size:13px;line-height:1.48;margin:8px 0;box-shadow:0 1px 2px rgba(8,26,51,.08)}.control-msg.out{margin-left:auto;background:#d9e8ff}.control-msg ul{padding-left:18px;margin:7px 0}.control-msg .tiny{font-size:9px;color:#8792a1;text-align:right;margin-top:7px}.control-callouts{display:grid;gap:24px}.control-point-v7{position:relative;padding-left:54px}.control-point-v7::before{content:'';position:absolute;left:-46px;top:19px;width:74px;height:1px;background:linear-gradient(90deg,rgba(155,184,255,.15),#9bb8ff)}.control-point-v7::after{content:'';position:absolute;left:24px;top:15px;width:8px;height:8px;border-radius:50%;background:#9bb8ff;box-shadow:0 0 0 5px rgba(155,184,255,.12)}.control-point-v7 .control-num{font-size:10px;color:#9bb8ff;font-weight:800;letter-spacing:.08em;margin-bottom:6px}.control-point-v7 h3{color:white;font-size:18px}.control-point-v7 p{font-size:12.5px;line-height:1.55;color:#c4cfdd;margin:6px 0 0}

@media(max-width:980px){
  .load-stack{padding-right:0}.load-card:nth-child(n){margin-left:0;width:100%}
  .flow-body{grid-template-columns:1fr}.flow-tabs{grid-template-columns:repeat(3,1fr);border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.flow-stage{grid-template-columns:1fr 1fr;padding:30px}.flow-tab{padding:15px}.flow-tab p{display:none}
  .dashboard-intro{grid-template-columns:1fr}.dash-summary{grid-template-columns:1fr 1fr}.dash-main{grid-template-columns:1fr}
  .how-flow{grid-template-columns:1fr}.how-arrow{transform:rotate(90deg);padding:8px}.control-demo{grid-template-columns:1fr;gap:34px}.control-point-v7::before{display:none}
}
@media(max-width:720px){
  .flow-tabs{grid-template-columns:1fr}.flow-stage{grid-template-columns:1fr}.flow-copy h3{font-size:38px}.dashboard-benefits{grid-template-columns:1fr}.dash-summary{grid-template-columns:1fr}.dash-tabs{display:none}
}


/* V9 targeted refinements */
.hero-module,.hero-module iframe{background:transparent!important;color-scheme:light}

/* Control section: the annotation line originates from the exact sentence/block it explains. */
.control-demo{position:relative;grid-template-columns:minmax(500px,.98fr) minmax(390px,1.02fr);gap:96px;align-items:center}
.control-chat{position:relative;z-index:2}
.control-callouts{position:relative;z-index:2;display:grid;gap:28px}
.control-point-v9{position:relative;padding:17px 20px 17px 52px;border:1px solid rgba(155,184,255,.16);border-radius:18px;background:rgba(255,255,255,.045)}
.control-point-v9 .control-num{position:absolute;left:17px;top:18px;color:#9bb8ff;font-size:11px;font-weight:800;letter-spacing:.08em}
.control-point-v9 h3{color:white;font-size:19px;line-height:1.28}
.control-point-v9 p{font-size:13px;line-height:1.55;color:#c4cfdd;margin:6px 0 0}
.control-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}
.control-connectors path{fill:none;stroke:#9bb8ff;stroke-width:1.7;opacity:.92;stroke-linecap:round;stroke-linejoin:round}
.control-connectors circle.source{fill:#0b2342;stroke:#9bb8ff;stroke-width:2.6}
.control-connectors circle.destination{fill:#9bb8ff;stroke:#0b2342;stroke-width:2.6}
.control-anchor-v9{position:relative;border-radius:8px;background:rgba(155,184,255,.10);box-shadow:inset 3px 0 0 #9bb8ff;padding:5px 7px 5px 10px;margin-left:-10px}
.control-anchor-v9.anchor-block{display:block;padding-top:8px;padding-bottom:7px;margin-top:3px;margin-bottom:8px}
.control-anchor-v9.anchor-line{display:block;margin-top:10px;margin-bottom:7px}
.control-anchor-v9::after{content:'';position:absolute;right:-8px;top:50%;width:8px;height:8px;border-radius:50%;background:#9bb8ff;box-shadow:0 0 0 4px rgba(155,184,255,.14);transform:translate(50%,-50%)}
.control-msg .impact-list{margin:8px 0 1px;padding-left:20px}
.control-msg .impact-list li{margin:4px 0}
@media(max-width:980px){.control-demo{grid-template-columns:1fr;gap:34px}.control-connectors{display:none}.control-point-v9{padding-left:52px}.control-anchor-v9::after{display:none}}




/* V10 strategic refinement: show-first hierarchy and desktop readability */
.hero>.container{width:min(calc(100% - 48px),1420px)}
.hero-grid{grid-template-columns:minmax(420px,.72fr) minmax(790px,1.28fr);gap:34px}
.hero-copy h1{font-size:clamp(58px,5.35vw,88px)}
.hero-copy .lead{font-size:19px;line-height:1.62;max-width:570px}
.hero-proof{font-size:13.5px;gap:10px 19px}
.hero-module{height:740px}

/* Clickable example section: supporting text should be readable, but secondary to the actual demo. */
.flow-tab h3{font-size:18px}
.flow-tab p{font-size:13.5px;line-height:1.5}
.flow-topbar{font-size:13px}.flow-topbar strong{font-size:14px}

/* Dashboard is a selling surface, not fine print. */
.dashboard-benefit strong{font-size:14.5px}
.dashboard-benefit span{font-size:12.8px;line-height:1.5}

/* How Rellan works: keep explanatory content comfortably readable. */
.how-node .node-label{font-size:11px}
.how-node h3{font-size:21px}
.how-node p{font-size:14px;line-height:1.55}
.engine-title{font-size:12px}
.engine-step strong{font-size:14px}
.engine-step span{font-size:12.5px;line-height:1.5}
.engine-num{font-size:10px}

/* Control annotations are part of the explanation, not microcopy. */
.control-point-v9 h3{font-size:20px}
.control-point-v9 p{font-size:14px;line-height:1.55}

@media(max-width:1120px){
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero-module{max-width:820px;width:100%;margin-inline:auto}
}



/* V11 whole-page typography audit.
   Principle: customer-facing explanatory copy >=15px on desktop; 12-14px is reserved for true UI metadata, timestamps and labels. */
:root{--type-body:16px;--type-small:15px;--type-caption:13px;--type-lead:20px}
body{font-size:var(--type-body)}
.eyebrow{font-size:14px;line-height:1.35}
.nav-link{font-size:15px}.btn{font-size:16px}.btn-small{font-size:14px}.brand-name{font-size:25px}
.lead{font-size:20px;line-height:1.62}
.hero-copy .lead{font-size:20px;line-height:1.62}.hero-proof{font-size:14px;line-height:1.45}
/* Invisible household load */
.load-card h3{font-size:21px}.load-card p{font-size:16px;line-height:1.5}.load-count{font-size:14px}
/* Clickable three-flow product demonstration */
.flow-topbar{font-size:15px}.flow-topbar strong{font-size:16px}.flow-tab-num{font-size:12px}.flow-tab h3{font-size:20px}.flow-tab p{font-size:15px;line-height:1.52}
.flow-copy .flow-label{font-size:13px}.flow-copy h3{font-size:48px}.flow-copy p{font-size:18px;line-height:1.58}.flow-proof div{font-size:15px;line-height:1.5}
.flow-contact strong{font-size:15px}.flow-contact span{font-size:12px}.flow-msg{font-size:14.5px;line-height:1.48}.flow-msg .tiny{font-size:10.5px}
.receipt-sheet .receipt-title{font-size:17px}.receipt-sheet .receipt-sub{font-size:13px}.receipt-sheet .receipt-total{font-size:30px}.receipt-sheet .receipt-row{font-size:14px}.receipt-alert strong{font-size:15px}.receipt-alert p{font-size:14px;line-height:1.5}
/* Dashboard: still reads as UI, but not miniature UI. */
.dashboard-benefit strong{font-size:16px}.dashboard-benefit span{font-size:14px;line-height:1.5}
.dash-title strong{font-size:16px}.dash-title span{font-size:12px}.dash-tab{font-size:12px}.dash-hello h3{font-size:30px}.dash-hello p{font-size:14px}.dash-date{font-size:13px}
.dash-card-label{font-size:12px}.dash-card-value{font-size:24px}.dash-card-sub{font-size:13px}.dash-panel h4{font-size:13px}.dash-event{font-size:14px}.dash-status{font-size:12px}.dash-need strong{font-size:14px}.dash-need p{font-size:13px;line-height:1.45}.dash-record{font-size:13px}
/* Control demonstration */
.control-msg{font-size:15px;line-height:1.5}.control-msg .tiny{font-size:10.5px}.control-point-v9 .control-num{font-size:12px}.control-point-v9 h3{font-size:21px}.control-point-v9 p{font-size:15px;line-height:1.55}
/* Rellan Experience */
.confidence span{font-size:12.5px}.journey-num,.journey-time{font-size:12.5px}.journey-step h3{font-size:21px}.journey-step p{font-size:15px;line-height:1.55}
.experience-control strong{font-size:15px}.experience-control span{font-size:13.5px;line-height:1.45}.after14 strong{font-size:16px}.after14 p{font-size:14px;line-height:1.5}.price{font-size:28px}
/* FAQs, final CTA and footer */
.faq-button{font-size:17px}.faq-answer{font-size:15.5px;line-height:1.62}.final-cta p{font-size:18px;line-height:1.55}.btn-light{font-size:16px}
.footer-brand p{font-size:15px;line-height:1.6}.footer-col h3{font-size:13px}.footer-col a{font-size:15px}.footer-bottom{font-size:12.5px;line-height:1.55}
@media(max-width:780px){
  .eyebrow{font-size:12.5px}.nav-link{font-size:14px}.lead,.hero-copy .lead{font-size:18px}.hero-proof{font-size:13px}
  .load-card h3{font-size:19px}.load-card p{font-size:15px}.load-count{font-size:13px}
  .flow-tab h3{font-size:18px}.flow-tab p{font-size:14.5px}.flow-copy h3{font-size:38px}.flow-copy p{font-size:16px}.flow-proof div{font-size:14px}
  .dashboard-benefit span{font-size:13.5px}.journey-step p{font-size:14.5px}.faq-button{font-size:16px}.faq-answer{font-size:15px}.footer-brand p,.footer-col a{font-size:14px}
}



/*
V12 whole-page audit:
- Preserve approved Manrope / Source Serif 4 family authority and approved palette.
- Do not solve layout pressure by shrinking customer-facing text.
- 16px is the default explanatory floor on desktop.
- 12-14px is reserved for genuine UI metadata, dates, timestamps, compact labels and simulated product chrome.
*/
:root{
  --type-body:16.5px;
  --type-small:15px;
  --type-caption:13px;
  --type-lead:20px;
  --type-card-title:21px;
}
body{font-size:var(--type-body)}
.section{padding:104px 0}
.section-sm{padding:72px 0}
.eyebrow{font-size:14px;line-height:1.35;margin-bottom:17px}
.lead{font-size:20px;line-height:1.58;max-width:760px}
.nav-link{font-size:15.5px}
.btn{font-size:16px}
.btn-small{font-size:14.5px}
.brand-name{font-size:25px}

/* Hero: rebalance claim and evidence. Product proof should not feel subordinate. */
.hero{padding:70px 0 86px}
.hero>.container{width:min(calc(100% - 48px),1400px)}
.hero-grid{
  grid-template-columns:minmax(410px,.72fr) minmax(760px,1.28fr);
  gap:42px;
}
.hero-copy{padding:20px 0}
.hero-copy h1{font-size:clamp(56px,5.15vw,84px);line-height:.98}
.hero-copy .lead{font-size:20px;line-height:1.58;max-width:565px}
.hero-actions{margin-top:27px}
.hero-proof{font-size:14px;line-height:1.45;margin-top:21px}
.hero-module{height:754px}
.hero-module iframe{
  width:1035px;
  height:940px;
  transform:scale(.80);
  background:transparent;
}

/* Invisible household load */
.load-card{padding:25px 27px}
.load-card h3{font-size:22px}
.load-card p{font-size:16.5px;line-height:1.5}
.load-count{font-size:14.5px}
.load-icon{font-size:16px}

/* Clickable three-flow product demonstration */
.flow-topbar{font-size:15.5px}
.flow-topbar strong{font-size:16.5px}
.flow-topbar span{font-size:15px}
.flow-tab-num{font-size:12.5px}
.flow-tab h3{font-size:20.5px}
.flow-tab p{font-size:15.5px;line-height:1.5}
.flow-copy .flow-label{font-size:13px}
.flow-copy h3{font-size:48px;line-height:1.02}
.flow-copy p{font-size:18px;line-height:1.58}
.flow-proof div{font-size:15.5px;line-height:1.5}
.flow-contact strong{font-size:15.5px}
.flow-contact span{font-size:12.5px}
.flow-msg{font-size:14.8px;line-height:1.48}
.flow-msg .tiny{font-size:10.5px}
.receipt-sheet .receipt-title{font-size:17px}
.receipt-sheet .receipt-sub{font-size:13px}
.receipt-sheet .receipt-total{font-size:30px}
.receipt-sheet .receipt-row{font-size:14.5px}
.receipt-alert strong{font-size:15.5px}
.receipt-alert p{font-size:14.5px;line-height:1.5}

/* Dashboard: it is a selling surface, so it should remain readable without zooming. */
.dashboard-intro{margin-bottom:42px}
.dashboard-benefit strong{font-size:16px}
.dashboard-benefit span{font-size:15px;line-height:1.48}
.dash-title strong{font-size:16px}
.dash-title span{font-size:12.5px}
.dash-tab{font-size:12.5px}
.dash-hello h3{font-size:30px}
.dash-hello p{font-size:15px}
.dash-date{font-size:13px}
.dash-card-label{font-size:12.5px}
.dash-card-value{font-size:24px}
.dash-card-sub{font-size:14px;line-height:1.42}
.dash-panel h4{font-size:13px}
.dash-event{font-size:14.5px}
.dash-status{font-size:12.5px}
.dash-need strong{font-size:14.5px}
.dash-need p{font-size:14px;line-height:1.45}
.dash-record{font-size:13.5px}

/* Control demonstration */
.control-msg{font-size:16px;line-height:1.5}
.control-msg .tiny{font-size:10.5px}
.control-point-v9 .control-num{font-size:12.5px}
.control-point-v9 h3{font-size:22px;line-height:1.25}
.control-point-v9 p{font-size:16.5px;line-height:1.52}

/* 14-day Experience */
.experience-shell{padding:44px}
.confidence span{font-size:13px}
.journey-num,.journey-time{font-size:13px}
.journey-step h3{font-size:22px}
.journey-step p{font-size:16.5px;line-height:1.52}
.experience-control strong{font-size:15.5px}
.experience-control span{font-size:15px;line-height:1.45}
.after14 strong{font-size:16.5px}
.after14 p{font-size:16px;line-height:1.5}
.price{font-size:29px}

/* FAQ / closing */
.faq-button{font-size:17.5px}
.faq-answer{font-size:16px;line-height:1.6}
.final-cta p{font-size:18px;line-height:1.55}
.btn-light{font-size:16px}
.footer-brand p{font-size:15.5px;line-height:1.58}
.footer-col h3{font-size:13px}
.footer-col a{font-size:15px}
.footer-bottom{font-size:13px;line-height:1.5}

@media(max-width:1100px){
  .hero-grid{grid-template-columns:minmax(350px,.76fr) minmax(650px,1.24fr);gap:28px}
  .hero-copy h1{font-size:clamp(52px,5.3vw,76px)}
  .hero-module iframe{transform:scale(.74)}
}
@media(max-width:900px){
  .section{padding:82px 0}
  .hero-grid{display:flex;flex-direction:column}
  .hero-module{width:100%;height:720px}
  .hero-module iframe{transform:scale(.72);transform-origin:top center;left:50%;translate:-50% 0}
  .load-card p{font-size:15.5px}
  .flow-tab p{font-size:15px}
  .dashboard-benefit span{font-size:14.5px}
  .control-point-v9 p,.journey-step p,.faq-answer{font-size:15.5px}
}
@media(max-width:780px){
  .eyebrow{font-size:12.5px}
  .lead,.hero-copy .lead{font-size:18px}
  .hero-proof{font-size:13px}
  .load-card h3{font-size:20px}
  .load-card p{font-size:15px}
  .load-count{font-size:13px}
  .flow-tab h3{font-size:18.5px}
  .flow-tab p{font-size:14.5px}
  .flow-copy h3{font-size:38px}
  .flow-copy p{font-size:16px}
  .flow-proof div{font-size:14.5px}
  .journey-step p{font-size:15px}
  .faq-button{font-size:16.5px}
  .faq-answer{font-size:15px}
  .footer-brand p,.footer-col a{font-size:14px}
}



/* V13 freezes all approved branding. Changes below are hierarchy, spacing and layout only. */
@media (min-width:1101px){

  /* Global pacing: fewer oversized empty gaps, more intentional rhythm. */
  .section{padding:96px 0}
  .problem{padding:88px 0}
  .flow-showcase{padding:104px 0}
  .dashboard-section{padding:108px 0}
  .control-show{padding:100px 0}
  .experience{padding:100px 0}
  .faq{padding:90px 0}
  .final-cta{padding:78px 0}
  .section-heading{max-width:850px}
  .section-heading.center{margin-bottom:44px}

  /* Hero: claim + proof should carry comparable visual weight. */
  .hero{padding:66px 0 82px}
  .hero-grid{grid-template-columns:minmax(400px,.69fr) minmax(790px,1.31fr);gap:38px}
  .hero-copy h1{font-size:clamp(58px,5vw,80px)}
  .hero-copy .lead{font-size:19px;line-height:1.56;max-width:550px}
  .hero-module{height:766px}

  /* Invisible load retains the approved stepped visual treatment and readable body size. */
  .load-stack{padding-right:70px}
  .load-card{min-height:122px}
  .load-card h3{font-size:22px}
  .load-card p{font-size:16.5px;line-height:1.5}
  .load-count{font-size:14px}

  /* Product demonstration: remove "demo control panel" feeling.
     Three compact choices sit above one large product pane. */
  .flow-shell{border-radius:30px;overflow:hidden}
  .flow-body{display:block;min-height:0}
  .flow-tabs{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:0;
    padding:0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12);
    background:rgba(4,18,36,.30)
  }
  .flow-tab{
    min-height:112px;
    border:0;
    border-right:1px solid rgba(255,255,255,.10);
    border-radius:0;
    padding:20px 24px;
    background:transparent
  }
  .flow-tab:last-child{border-right:0}
  .flow-tab.active{
    background:white;
    border-color:transparent;
    box-shadow:none
  }
  .flow-tab-num{font-size:12px;margin-bottom:7px}
  .flow-tab h3{font-size:20px;line-height:1.22}
  .flow-tab p{font-size:15.5px;line-height:1.42;margin-top:5px}
  .flow-stage{
    padding:46px 52px;
    grid-template-columns:minmax(340px,.86fr) minmax(430px,1.14fr);
    gap:48px;
    min-height:560px
  }
  .flow-copy .flow-label{font-size:13px;margin-bottom:13px}
  .flow-copy h3{font-size:50px;line-height:1.01}
  .flow-copy p{font-size:18px;line-height:1.55;margin-top:18px}
  .flow-proof{display:none}
  .flow-visual{min-height:470px}
  .flow-msg{font-size:15px;line-height:1.48}
  .flow-contact strong{font-size:15.5px}
  .flow-contact span{font-size:12.5px}

  /* Dashboard: the dashboard itself is the hero of this section. */
  .dashboard-intro{
    display:grid;
    grid-template-columns:.82fr 1.18fr;
    align-items:end;
    gap:72px;
    margin-bottom:34px
  }
  .dashboard-intro h2{max-width:720px}
  .dashboard-intro .lead{font-size:19px;line-height:1.56;max-width:700px}
  .dashboard-benefits{gap:18px}
  .dashboard-benefit{
    background:transparent;
    border-top:1px solid rgba(8,26,51,.14);
    border-radius:0;
    padding:15px 0 0
  }
  .dashboard-benefit strong{font-size:17px}
  .dashboard-benefit span{font-size:15.5px;line-height:1.45;margin-top:5px}
  .dashboard-frame{border-radius:34px;box-shadow:0 30px 80px rgba(8,26,51,.13)}
  .dash-content{padding:30px}
  .dash-hello h3{font-size:32px}
  .dash-hello p{font-size:16px}
  .dash-date{font-size:13px}
  .dash-summary{gap:15px;margin-bottom:18px}
  .dash-card{padding:19px}
  .dash-card-label{font-size:12.5px}
  .dash-card-value{font-size:25px}
  .dash-card-sub{font-size:14px;line-height:1.45}
  .dash-main{gap:17px}
  .dash-panel{padding:21px}
  .dash-panel h4{font-size:13px}
  .dash-event{font-size:15px;padding:13px 0}
  .dash-status{font-size:12.5px}
  .dash-need{padding:15px}
  .dash-need strong{font-size:15px}
  .dash-need p{font-size:14.5px;line-height:1.45}
  .dash-record{font-size:14px;padding:12px 0}

  /* Control: annotations are anchored to the exact source text, not decorative lines. */
  .control-show .section-heading{max-width:780px;margin-bottom:42px}
  .control-show .section-heading .lead{font-size:18px;line-height:1.55}
  .control-demo{grid-template-columns:minmax(520px,.92fr) minmax(500px,1.08fr);gap:88px}
  .control-chat{max-width:660px}
  .control-msg{font-size:16.5px;line-height:1.5}
  .control-anchor-v9{
    position:relative;
    border-radius:10px;
    transition:.2s ease
  }
  .control-anchor-v9.anchor-block{
    padding:13px 14px 13px 44px;
    margin:-3px -3px 13px;
    background:rgba(37,99,235,.07);
    border:1px solid rgba(37,99,235,.12)
  }
  .control-anchor-v9.anchor-line{
    display:block;
    padding:9px 10px 9px 44px;
    margin:7px -3px;
    background:rgba(37,99,235,.055);
    border:1px solid rgba(37,99,235,.10)
  }
  .control-anchor-v9::before{
    content:attr(data-callout);
    position:absolute;
    left:10px;
    top:10px;
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--blue);
    color:white;
    font-size:11px;
    line-height:1;
    font-weight:800;
    box-shadow:0 0 0 4px rgba(37,99,235,.10)
  }
  .control-callouts{gap:24px}
  .control-point-v9{
    min-height:auto;
    padding:22px 24px;
    border:1px solid rgba(155,184,255,.22);
    background:rgba(255,255,255,.045);
    border-radius:19px
  }
  .control-point-v9 .control-num{font-size:12px}
  .control-point-v9 h3{font-size:22px;line-height:1.25}
  .control-point-v9 p{font-size:16px;line-height:1.48;margin-top:6px}
  .control-connectors path{
    stroke:#9bb8ff;
    stroke-width:2;
    opacity:.82
  }

  /* Experience: make the trial easy to scan and remove repeated reassurance. */
  .experience-shell{padding:42px 44px}
  .experience-top{gap:70px}
  .experience-copy h2{font-size:clamp(42px,3.7vw,58px);line-height:1.02}
  .experience-copy .lead{font-size:18px;line-height:1.55}
  .journey{padding-left:45px}
  .journey-step{padding-bottom:23px}
  .journey-meta{margin-bottom:5px}
  .journey-num,.journey-time{font-size:13px}
  .journey-step h3{font-size:21px}
  .journey-step p{font-size:16px;line-height:1.48;margin-top:5px}
  .experience-control{
    margin-top:28px;
    padding:16px 20px
  }
  .experience-control strong{font-size:15.5px}
  .experience-control span{font-size:14.5px}
  .after14{padding-top:20px;margin-top:16px}
  .after14 strong{font-size:16px}
  .after14 p{font-size:15.5px}
  .price{font-size:29px}

  /* FAQ and closing: consistent reading size and a cleaner end to the page. */
  .faq-wrap{gap:78px}
  .faq-button{font-size:17px;padding:22px 0}
  .faq-answer{font-size:16px;line-height:1.6}
  .final-cta p{font-size:18px}
  .footer-brand p{font-size:15px}
  .footer-col a{font-size:15px}
}

/* Brand freeze: explicit protection against accidental local overrides. */
:root{
  --brand-locked-rellan-blue:#2563EB;
  --brand-locked-deep-navy:#081A33;
}



@media (min-width:1101px){

  /* Smaller demonstration chat should look like the same Rellan/WhatsApp product,
     not a draft card mock-up. */
  .flow-chat{
    max-width:420px;
    border:1px solid rgba(8,26,51,.10);
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 18px 45px rgba(8,26,51,.11);
    background:#fff;
  }
  .flow-chat-head{
    display:grid;
    grid-template-columns:38px minmax(0,1fr) auto;
    align-items:center;
    gap:11px;
    min-height:68px;
    padding:12px 13px 12px 15px;
    border-radius:0;
    background:#fff;
  }
  .flow-avatar{width:38px;height:38px}
  .flow-contact strong{font-size:15.5px;line-height:1.1}
  .flow-contact span{font-size:11.5px;line-height:1.25;margin-top:4px}
  .flow-head-actions{
    display:flex;
    align-items:center;
    gap:4px;
    color:#16304f;
  }
  .flow-head-icon{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:50%;
  }
  .flow-head-icon svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .flow-head-menu svg{
    fill:currentColor;
    stroke:none;
    width:18px;
    height:18px;
  }
  .flow-chat-body{
    padding:19px;
    min-height:380px;
    border-radius:0;
    background:
      radial-gradient(circle at 18px 18px,rgba(8,26,51,.025) 1px,transparent 1.2px),
      #f5f0ea;
    background-size:42px 42px;
  }
  .flow-msg{
    position:relative;
    max-width:90%;
    border-radius:10px;
    padding:12px 13px 23px;
    font-size:15px;
    line-height:1.46;
    box-shadow:0 1px 2px rgba(8,26,51,.08);
  }
  .flow-msg.out{
    background:#d9e8ff;
    border-top-right-radius:4px;
  }
  .flow-msg:not(.out){border-top-left-radius:4px}
  .flow-msg.out::after{
    content:"";
    position:absolute;
    right:-6px;
    top:0;
    width:10px;
    height:12px;
    background:radial-gradient(circle at top left,transparent 8px,#d9e8ff 8.2px);
  }
  .flow-msg:not(.out)::after{
    content:"";
    position:absolute;
    left:-6px;
    top:0;
    width:10px;
    height:12px;
    background:radial-gradient(circle at top right,transparent 8px,#fff 8.2px);
  }
  .flow-msg .tiny{
    position:absolute;
    right:10px;
    bottom:6px;
    margin:0;
    font-size:10.5px;
    line-height:1;
  }

  /* Experience timeline: line passes exactly through the centre of every dot. */
  .journey{
    --timeline-x:22px;
    --timeline-pad:58px;
    position:relative;
    padding-left:var(--timeline-pad);
  }
  .journey::before{
    left:var(--timeline-x);
    width:2px;
    transform:translateX(-50%);
    top:12px;
    bottom:15px;
    background:linear-gradient(var(--blue),rgba(37,99,235,.13));
  }
  .journey-step{
    padding-left:18px;
  }
  .journey-step::before{
    box-sizing:border-box;
    left:calc(var(--timeline-x) - var(--timeline-pad));
    width:20px;
    height:20px;
    transform:translateX(-50%);
    top:0;
    border:3px solid var(--blue);
    background:white;
    box-shadow:0 0 0 6px rgba(37,99,235,.08);
  }

  /* The strip is reassurance, not a risk claim. */
  .experience-control{
    justify-content:center;
    text-align:center;
    padding:16px 22px;
  }
  .experience-control span{
    font-size:15px;
    color:#dce6f3;
    font-weight:650;
    letter-spacing:.005em;
  }
}



@media (min-width:1101px){

  /* Receipt example now belongs to the same WhatsApp/Rellan visual system. */
  .flow-chat-receipt{max-width:440px}
  .flow-chat-receipt .flow-chat-body{min-height:430px}
  .flow-chat-list{margin:9px 0 0;padding-left:18px}
  .flow-chat-list li{margin:4px 0;line-height:1.42}
  .flow-msg.out{min-width:108px}

  /* Control chat uses the same header / bubble language as the other Rellan chats. */
  .control-chat{
    padding:0;
    overflow:hidden;
    border:1px solid rgba(8,26,51,.10);
    border-radius:24px;
    background:white;
    box-shadow:0 18px 48px rgba(0,0,0,.18);
  }
  .control-chat-head{
    display:grid;
    grid-template-columns:40px minmax(0,1fr) auto;
    gap:11px;
    align-items:center;
    min-height:72px;
    padding:12px 14px 12px 16px;
    border-bottom:1px solid rgba(8,26,51,.08);
    background:white;
  }
  .control-chat-head .flow-avatar{width:40px;height:40px}
  .control-chat-head .flow-contact strong{font-size:15.5px}
  .control-chat-head .flow-contact span{font-size:11.5px}
  .control-chat-body{
    padding:18px 20px 22px;
    background:
      radial-gradient(circle at 18px 18px,rgba(8,26,51,.025) 1px,transparent 1.2px),
      #f5f0ea;
    background-size:42px 42px;
  }
  .control-msg{
    position:relative;
    max-width:88%;
    padding:12px 13px 24px;
    margin:9px 0;
    border-radius:10px;
    background:white;
    box-shadow:0 1px 2px rgba(8,26,51,.08);
  }
  .control-msg:not(.out){border-top-left-radius:4px}
  .control-msg.out{
    margin-left:auto;
    min-width:210px;
    background:#d9e8ff;
    border-top-right-radius:4px;
  }
  .control-msg:not(.out)::before{
    content:"";
    position:absolute;
    left:-6px;
    top:0;
    width:10px;
    height:12px;
    background:radial-gradient(circle at top right,transparent 8px,#fff 8.2px);
  }
  .control-msg.out::before{
    content:"";
    position:absolute;
    right:-6px;
    top:0;
    width:10px;
    height:12px;
    background:radial-gradient(circle at top left,transparent 8px,#d9e8ff 8.2px);
  }
  .control-msg .tiny{
    position:absolute;
    right:10px;
    bottom:6px;
    margin:0;
  }

  /* Control explanations are concise annotations, not giant panels. */
  .control-demo{
    grid-template-columns:minmax(520px,.98fr) minmax(360px,.70fr);
    gap:70px;
    justify-content:center;
  }
  .control-callouts{
    width:min(100%,410px);
    justify-self:start;
    gap:20px;
  }
  .control-point-v9{
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    column-gap:13px;
    row-gap:5px;
    align-items:start;
    width:100%;
    min-height:0;
    padding:17px 19px;
    border-radius:17px;
  }
  .control-point-v9 .control-num{
    position:static;
    grid-column:1;
    grid-row:1 / span 2;
    width:31px;
    height:31px;
    display:grid;
    place-items:center;
    margin:0;
    border:1px solid rgba(155,184,255,.38);
    border-radius:50%;
    color:#9bb8ff;
    font-size:11px;
    line-height:1;
  }
  .control-point-v9 h3{
    grid-column:2;
    margin:0;
    font-size:21px;
    line-height:1.24;
  }
  .control-point-v9 p{
    grid-column:2;
    margin:0;
    font-size:15.5px;
    line-height:1.45;
  }
}



@media (min-width:1101px){

  /* All three household-moment chat visuals must use the same footprint. */
  .flow-visual{
    display:grid;
    place-items:center;
  }
  .flow-chat,
  .flow-chat-receipt{
    width:100%!important;
    max-width:420px!important;
    height:500px!important;
    min-height:500px!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .flow-chat-head{
    flex:0 0 68px;
  }
  .flow-chat-body{
    flex:1 1 auto;
    min-height:0!important;
    overflow:hidden;
  }

  /* Receipt flow should not visually expand beyond the plan/instruction examples. */
  .flow-chat-receipt .flow-chat-body{
    min-height:0!important;
  }

  /* Remove the redundant 01/02/03 badges from the chat itself.
     The exact source text stays highlighted and connector dots remain. */
  .control-anchor-v9::before{
    display:none!important;
    content:none!important;
  }
  .control-anchor-v9.anchor-block{
    padding-left:14px!important;
  }
  .control-anchor-v9.anchor-line{
    padding-left:14px!important;
  }

  /* FAQ accordion: use a true plus/minus affordance. */
  .faq-plus{
    width:30px;
    height:30px;
    flex:0 0 30px;
    display:grid;
    place-items:center;
    border:1px solid rgba(37,99,235,.18);
    border-radius:50%;
    font-size:21px!important;
    line-height:1!important;
    color:#2563EB!important;
    transition:transform .18s ease,background .18s ease;
  }
  .faq-item.open .faq-plus{
    background:rgba(37,99,235,.06);
  }
}


/* Next.js integration boundary. V20 source rules above remain in source order. */
.r26-main-v20 .dash-mark img{width:30px;height:30px;display:block;object-fit:contain}
.r26-main-v20 .dashboard-preview-visual{position:relative;height:min(51vh,490px);min-height:390px;margin:0;overflow:hidden;border:1px solid rgba(8,26,51,.14);border-radius:30px;background:#FFFDFA;box-shadow:0 26px 70px rgba(8,26,51,.13)}
.r26-main-v20 .dashboard-preview-image{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;background:#FFF7EE}
.r26-main-v20 .dashboard-preview-visual figcaption{position:absolute;right:18px;bottom:18px;padding:11px 15px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#081A33;color:#fff;font-size:12px;font-weight:800;box-shadow:0 10px 28px rgba(8,26,51,.2)}
body:has(.r26-main-v20){margin:0!important;background:#FFF7EE!important;color:#12243A!important}
body.modal-open:has(.r26-main-v20){overflow:hidden!important}
/* Connector SVG owns the source dots. Suppress the legacy duplicate pseudo-dot so each line has one aligned anchor. */
.r26-main-v20 .control-anchor-v9::after{display:none!important;content:none!important}
/* RC4 type scale: font sizes only. Typefaces, weights, spacing and approved visual assets are unchanged. */
.r26-main-v20{font-size:16px}
.r26-main-v20 .eyebrow{font-size:12px}
.r26-main-v20 .nav-link{font-size:15px}
.r26-main-v20 .btn{font-size:16px}
.r26-main-v20 .btn-small{font-size:14px}
.r26-main-v20 .hero-copy h1{font-size:clamp(54px,4.8vw,76px)}
.r26-main-v20 .lead,.r26-main-v20 .hero-copy .lead{font-size:18px}
.r26-main-v20 .section-heading h2,.r26-main-v20 .dashboard-intro h2,.r26-main-v20 .experience-copy h2,.r26-main-v20 .faq-wrap>div>h2{font-size:clamp(40px,3.6vw,56px)}
.r26-main-v20 .flow-tab h3{font-size:18px}
.r26-main-v20 .flow-tab p{font-size:14px}
.r26-main-v20 .flow-copy .flow-label{font-size:12px}
.r26-main-v20 .flow-copy h3{font-size:clamp(36px,3vw,44px)}
.r26-main-v20 .flow-copy p{font-size:17px}
.r26-main-v20 .flow-proof div{font-size:15px}
.r26-main-v20 .dashboard-intro .lead{font-size:18px}
.r26-main-v20 .dashboard-benefit strong{font-size:16px}
.r26-main-v20 .dashboard-benefit span{font-size:15px}
.r26-main-v20 .control-show .section-heading .lead{font-size:18px}
.r26-main-v20 .control-msg{font-size:14px}
.r26-main-v20 .control-msg .tiny{font-size:10px}
.r26-main-v20 .control-point-v9 .control-num{font-size:11px}
.r26-main-v20 .control-point-v9 h3{font-size:20px}
.r26-main-v20 .control-point-v9 p{font-size:15px}
.r26-main-v20 .journey-num,.r26-main-v20 .journey-time{font-size:12px}
.r26-main-v20 .journey-step h3{font-size:20px}
.r26-main-v20 .journey-step p{font-size:15px}
.r26-main-v20 .faq-button{font-size:17px}
.r26-main-v20 .faq-answer{font-size:16px}
@media(min-width:1101px){
 .r26-main-v20 .flow-showcase,.r26-main-v20 .dashboard-section,.r26-main-v20 .control-show{min-height:calc(100vh - 74px);padding:52px 0;display:flex;align-items:center}
 .r26-main-v20 .flow-showcase .section-heading.center{margin-bottom:24px}
 .r26-main-v20 .flow-showcase .section-heading h2,.r26-main-v20 .dashboard-intro h2,.r26-main-v20 .control-show .section-heading h2{font-size:clamp(40px,3.2vw,52px)}
 .r26-main-v20 .flow-tab{min-height:82px;padding:13px 20px}
 .r26-main-v20 .flow-stage{min-height:390px;padding:26px 38px}.r26-main-v20 .flow-visual{min-height:350px}
 .r26-main-v20 .dashboard-intro{margin-bottom:22px}.r26-main-v20 .dashboard-preview-visual{height:min(44vh,460px);min-height:330px}
 .r26-main-v20 .control-show .section-heading{margin-bottom:22px}
 .r26-main-v20 .control-demo{margin-top:0;gap:54px}.r26-main-v20 .control-chat{padding:15px}.r26-main-v20 .control-msg{line-height:1.4;margin:6px 0;padding:9px 10px}.r26-main-v20 .control-callouts{gap:13px}.r26-main-v20 .control-point-v9{padding:14px 18px}
}
@media(max-width:720px){.r26-main-v20{font-size:15px}.r26-main-v20 .hero-copy h1{font-size:clamp(40px,11vw,52px)}.r26-main-v20 .section-heading h2,.r26-main-v20 .dashboard-intro h2,.r26-main-v20 .experience-copy h2,.r26-main-v20 .faq-wrap>div>h2{font-size:clamp(32px,9vw,42px)}.r26-main-v20 .lead,.r26-main-v20 .hero-copy .lead,.r26-main-v20 .dashboard-intro .lead,.r26-main-v20 .control-show .section-heading .lead{font-size:17px}.r26-main-v20 .flow-copy h3{font-size:34px}.r26-main-v20 .flow-copy p{font-size:16px}.r26-main-v20 .dashboard-preview-visual{height:330px;min-height:0;border-radius:24px}.r26-main-v20 .dashboard-preview-visual figcaption{right:10px;bottom:10px;max-width:calc(100% - 20px);padding:9px 12px;font-size:11px}}
/* RC6 dashboard story: retain the static V10 Home authority, show the complete capture at native clarity, and place the value explanation beside it. */
@media(min-width:981px){
 .r26-main-v20 .dashboard-section .container{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);gap:clamp(42px,5vw,76px);align-items:center}
 .r26-main-v20 .dashboard-intro{display:block;margin:0}
 .r26-main-v20 .dashboard-benefits{grid-template-columns:1fr;gap:0;margin-top:28px}
 .r26-main-v20 .dashboard-benefit{padding:15px 0;border-top:1px solid rgba(8,26,51,.12)}
 .r26-main-v20 .dashboard-preview-visual{width:100%;height:auto!important;min-height:0!important;aspect-ratio:1425/900}
 .r26-main-v20 .dashboard-preview-image{object-fit:contain;object-position:center}
}
@media(max-width:980px){
 .r26-main-v20 .dashboard-preview-visual{height:auto!important;min-height:0!important;aspect-ratio:1425/900}
 .r26-main-v20 .dashboard-preview-image{object-fit:contain;object-position:center}
}
/* RC6 FAQ: stable accordion spacing with a drawn plus/minus that cannot rotate into a slash. */
.r26-main-v20 .faq-button{min-height:76px;padding:20px 0;align-items:center}
.r26-main-v20 .faq-plus{position:relative;width:32px;height:32px;flex:0 0 32px;display:block;border:1px solid rgba(37,99,235,.2);border-radius:50%;background:rgba(37,99,235,.035);font-size:0!important;line-height:0!important;transform:none!important}
.r26-main-v20 .faq-plus::before,.r26-main-v20 .faq-plus::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:2px;background:#2563EB;transform:translate(-50%,-50%);transition:transform .18s ease,opacity .18s ease}
.r26-main-v20 .faq-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.r26-main-v20 .faq-item.open .faq-plus::after{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scaleX(0)}
.r26-main-v20 .faq-answer{display:block!important;max-height:0;overflow:hidden;opacity:0;padding:0 48px 0 0;transition:max-height .22s ease,opacity .18s ease,padding-bottom .22s ease}
.r26-main-v20 .faq-item.open .faq-answer{max-height:320px;opacity:1;padding-bottom:22px}
.r26-main-v20 .faq-button:focus:not(:focus-visible){outline:none}
@media(prefers-reduced-motion:reduce){.r26-main-v20 .faq-plus::before,.r26-main-v20 .faq-plus::after,.r26-main-v20 .faq-answer{transition:none}}

/* RELLAN_MOBILE_UX_V1_0_10_20260904
   Mobile presentation only. No copy, assets, fonts, colours, data, APIs or desktop rules.
   .r26-main-v20  resolves to the exact live visual-authority shell when one exists. */
@media (max-width:720px){
  html,body{overflow-x:clip!important;max-width:100%;}
  .r26-main-v20 {overflow-x:clip;}
  .r26-main-v20 .container{width:min(calc(100% - 36px),var(--max));}
  .r26-main-v20 .section{padding:60px 0;}
  .r26-main-v20 .section-sm{padding:44px 0;}
  .r26-main-v20 .section-heading{margin-bottom:28px;}
  .r26-main-v20 .section-heading.center{text-align:left;margin-inline:0;}
  .r26-main-v20 .section-heading.center .lead{margin-inline:0;}
  .r26-main-v20 h1{font-size:clamp(2.48rem,11.3vw,3.05rem);line-height:.98;letter-spacing:-.04em;}
  .r26-main-v20 h2{font-size:clamp(2.04rem,9.5vw,2.62rem);line-height:1.04;}
  .r26-main-v20 .lead{font-size:17px;line-height:1.58;}
  .r26-main-v20 .eyebrow{font-size:12px;line-height:1.35;letter-spacing:.075em;margin-bottom:14px;}

  .r26-main-v20 .site-header{position:sticky!important;top:0!important;}
  .r26-main-v20 .header-inner{height:68px;gap:10px;}
  .r26-main-v20 .brand{gap:8px;min-width:0;}
  .r26-main-v20 .brand img,.r26-main-v20 .brand-mark{width:34px!important;height:34px!important;object-fit:contain;}
  .r26-main-v20 .brand-name{font-size:21px;}
  .r26-main-v20 .desktop-nav{display:none!important;}
  .r26-main-v20 .header-actions{gap:7px;margin-left:auto;}
  .r26-main-v20 .header-actions .btn-primary,.r26-main-v20 .header-actions .btn-secondary{min-height:44px;padding:0 13px;font-size:12px;white-space:nowrap;}

  .r26-main-v20 .hero{min-height:0;padding:34px 0 50px;overflow:hidden;}
  .r26-main-v20 .hero>.container{width:min(calc(100% - 36px),var(--max));}
  .r26-main-v20 .hero-grid{display:grid;grid-template-columns:1fr;gap:20px;align-items:start;}
  .r26-main-v20 .hero-copy{padding:0;text-align:left;}
  .r26-main-v20 .hero-copy h1{font-size:clamp(2.48rem,11.3vw,3.05rem);line-height:.98;}
  .r26-main-v20 .hero-copy .lead{font-size:17px;line-height:1.58;margin-top:18px;}
  .r26-main-v20 .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px;}
  .r26-main-v20 .hero-actions .btn{width:100%;min-height:50px;padding-inline:17px;text-align:center;}
  .r26-main-v20 .hero-proof{display:grid;grid-template-columns:1fr;gap:8px;margin-top:18px;font-size:12.5px;line-height:1.4;}
  .r26-main-v20 .hero-module{width:100%;max-width:100%;height:540px;margin:0;overflow:hidden;}
  .r26-main-v20 .hero-module iframe{width:820px;height:930px;left:50%;top:0;translate:none;transform:translateX(-50%) scale(.50);transform-origin:top center;}

  .r26-main-v20 .problem-grid{grid-template-columns:1fr;gap:30px;}
  .r26-main-v20 .load-stack{padding-right:0;gap:10px;}
  .r26-main-v20 .load-card,.r26-main-v20 .load-card:nth-child(1),.r26-main-v20 .load-card:nth-child(2),.r26-main-v20 .load-card:nth-child(3){width:100%;margin-left:0;min-height:0;padding:18px 17px;border-radius:17px;gap:12px;}
  .r26-main-v20 .load-card h3{font-size:19px;}
  .r26-main-v20 .load-card p{font-size:15px;line-height:1.48;}
  .r26-main-v20 .load-count{font-size:12.5px;}

  .r26-main-v20 .mechanism-track{grid-template-columns:1fr;}
  .r26-main-v20 .mechanism-step{min-height:0;padding:22px;border-right:0;}

  .r26-main-v20 .flow-showcase{padding:60px 0;}
  .r26-main-v20 .flow-showcase .section-heading.center{margin-bottom:22px;}
  .r26-main-v20 .flow-shell{margin-top:26px;border-radius:24px;}
  .r26-main-v20 .flow-topbar{align-items:flex-start;flex-direction:column;gap:5px;padding:14px 16px;font-size:13px;}
  .r26-main-v20 .flow-body{display:block;min-height:0;}
  .r26-main-v20 .flow-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;gap:8px;padding:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;border-right:0;}
  .r26-main-v20 .flow-tab{min-width:0;min-height:112px;padding:16px;border-radius:15px;scroll-snap-align:start;}
  .r26-main-v20 .flow-tab h3{font-size:18px;}
  .r26-main-v20 .flow-tab p{font-size:14px;line-height:1.45;}
  .r26-main-v20 .flow-stage{grid-template-columns:1fr;gap:22px;min-height:0;padding:22px 18px;}
  .r26-main-v20 .flow-copy h3{font-size:34px;line-height:1.03;}
  .r26-main-v20 .flow-copy p{font-size:16px;line-height:1.55;margin-top:14px;}
  .r26-main-v20 .flow-visual{min-height:0;padding:12px;border-radius:20px;}
  .r26-main-v20 .flow-chat,.r26-main-v20 .flow-chat-receipt{width:100%!important;max-width:420px!important;height:auto!important;min-height:0!important;}
  .r26-main-v20 .flow-chat-head{min-height:62px;padding:11px 12px;}
  .r26-main-v20 .flow-chat-body,.r26-main-v20 .flow-chat-receipt .flow-chat-body{min-height:330px!important;padding:15px;}

  .r26-main-v20 .dashboard-section{padding:60px 0;}
  .r26-main-v20 .dashboard-section .container{display:block;}
  .r26-main-v20 .dashboard-intro{display:block;margin-bottom:22px;}
  .r26-main-v20 .dashboard-benefits{grid-template-columns:1fr;gap:0;margin-top:18px;}
  .r26-main-v20 .dashboard-benefit{padding:14px 0;border-radius:0;}
  .r26-main-v20 .dashboard-preview-visual{width:100%;height:auto!important;min-height:0!important;aspect-ratio:1.28;border-radius:22px;}
  .r26-main-v20 .dashboard-preview-image{object-fit:cover;object-position:50% 16%;}
  .r26-main-v20 .dashboard-preview-visual figcaption{right:8px;bottom:8px;max-width:62%;padding:6px 9px;font-size:9.5px;line-height:1.25;text-align:center;}

  .r26-main-v20 .how-shell{margin-top:28px;padding:20px;border-radius:22px;}
  .r26-main-v20 .how-flow{grid-template-columns:1fr;gap:11px;}
  .r26-main-v20 .how-arrow{transform:rotate(90deg);}

  .r26-main-v20 .control-show{padding:60px 0;}
  .r26-main-v20 .control-show .section-heading{margin-bottom:22px;}
  .r26-main-v20 .control-grid,.r26-main-v20 .control-demo{grid-template-columns:1fr;gap:28px;margin-top:28px;}
  .r26-main-v20 .control-chat{width:100%;max-width:100%;border-radius:21px;}
  .r26-main-v20 .control-callouts,.r26-main-v20 .control-points{width:100%;gap:12px;}
  .r26-main-v20 .control-point-v9{display:grid!important;grid-template-columns:34px minmax(0,1fr);column-gap:12px;row-gap:4px;align-items:start;}
  .r26-main-v20 .control-point-v9 .control-num{position:static!important;grid-column:1;grid-row:1 / span 2;width:31px;height:31px;display:grid;place-items:center;margin:0;}
  .r26-main-v20 .control-point-v9 h3{grid-column:2;grid-row:1;margin:0;}
  .r26-main-v20 .control-point-v9 p{grid-column:2;grid-row:2;margin:0;}
  .r26-main-v20 .control-point-v9{width:100%;padding:15px 16px;border-radius:15px;}
  .r26-main-v20 .control-point-v9 h3{font-size:19px;}
  .r26-main-v20 .control-point-v9 p{font-size:14.5px;line-height:1.48;}
  .r26-main-v20 .control-connectors{display:none!important;}

  .r26-main-v20 .experience{padding:60px 0;}
  .r26-main-v20 .experience-shell{padding:22px 18px;border-radius:24px;}
  .r26-main-v20 .experience-top{grid-template-columns:1fr;gap:34px;}
  .r26-main-v20 .experience-copy h2{font-size:clamp(2.04rem,9.5vw,2.62rem);}
  .r26-main-v20 .confidence{gap:7px;margin-top:18px;}
  .r26-main-v20 .journey{padding-left:44px;}
  .r26-main-v20 .journey-step{padding-left:12px;padding-bottom:22px;}
  .r26-main-v20 .experience-control{align-items:flex-start;flex-direction:column;gap:4px;margin-top:22px;padding:15px 16px;text-align:left;}
  .r26-main-v20 .after14{align-items:flex-start;flex-direction:column;gap:10px;padding-top:17px;}
  .r26-main-v20 .price{white-space:normal;font-size:27px;}

  .r26-main-v20 .faq{padding:58px 0;}
  .r26-main-v20 .faq-wrap{grid-template-columns:1fr;gap:28px;}
  .r26-main-v20 .faq-button{min-height:58px;padding:16px 0;font-size:16px;line-height:1.35;}
  .r26-main-v20 .faq-answer{padding-right:34px;font-size:15px;line-height:1.58;}

  .r26-main-v20 .final-cta{padding:52px 0;}
  .r26-main-v20 .final-cta-inner{align-items:flex-start;flex-direction:column;gap:24px;}
  .r26-main-v20 .final-cta .btn,.r26-main-v20 .final-cta .btn-light{width:100%;min-height:50px;text-align:center;}
  .r26-main-v20 .footer{padding:36px 0 20px;}
  .r26-main-v20 .footer-top{grid-template-columns:1fr;gap:22px;}
  .r26-main-v20 .footer-bottom{align-items:flex-start;flex-direction:column;gap:14px;}

  [role="dialog"],[aria-modal="true"]{max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain;}
  [role="dialog"] input,[role="dialog"] select,[role="dialog"] textarea,[aria-modal="true"] input,[aria-modal="true"] select,[aria-modal="true"] textarea{font-size:16px;}
}
@media (max-width:380px){
  .r26-main-v20 .container,.r26-main-v20 .hero>.container{width:min(calc(100% - 24px),var(--max));}
  .r26-main-v20 h1,.r26-main-v20 .hero-copy h1{font-size:clamp(2.28rem,12.3vw,2.78rem);}
  .r26-main-v20 h2{font-size:clamp(1.94rem,10.2vw,2.38rem);}
  .r26-main-v20 .header-actions .btn-primary,.r26-main-v20 .header-actions .btn-secondary{padding-inline:10px;font-size:11.5px;}
  .r26-main-v20 .hero-module{height:500px;}
  .r26-main-v20 .hero-module iframe{transform:translateX(-50%) scale(.43);}
  .r26-main-v20 .flow-tabs{grid-auto-columns:88%;}
}