/* CoManager page (/construction/): the RND.energy design system, Paper theme with Navy bands.
   Tokens follow the design system "RND.energy" (approved 16.10.2026). Scoped to body.cm main,
   so the rest of the site keeps rnd.css until the whole site moves over. */
body.cm{
  --cm-ground:#f7f8fc; --cm-ground-alt:#eceff7; --cm-surface:#ffffff; --cm-line:#dde1ec;
  --cm-ink:#272b4a; --cm-ink-muted:#5b6185; --cm-accent:#004eff; --cm-accent-soft:#e6efff;
  --cm-blue:#004eff; --cm-on-blue:#ffffff;
  --cm-navy:#272b4a; --cm-navy-ink:#ffffff; --cm-navy-muted:#b4b9d6; --cm-navy-accent:#00baff; --cm-navy-signal:#ff9a5c; --cm-navy-line:#454b72;
  --cm-sans:Inter,"Segoe UI",Arial,sans-serif; --cm-mono:"JetBrains Mono",Consolas,ui-monospace,monospace;
}
body.cm main{background:var(--cm-ground);color:var(--cm-ink);font-family:var(--cm-sans);font-size:17px;line-height:1.6}
.cm-page h1,.cm-page h2,.cm-page h3{font-family:var(--cm-sans);font-weight:600;color:inherit;text-wrap:balance;letter-spacing:-.02em;margin:0}
.cm-page h1{font-size:clamp(34px,5.6vw,54px);line-height:1.08}
.cm-page h2{font-size:clamp(26px,3.6vw,34px);line-height:1.15;margin-bottom:24px}
.cm-page h3{font-size:19px;line-height:1.3;margin-bottom:10px;letter-spacing:-.01em}
.cm-page p{margin:0 0 16px;max-width:68ch;font-family:var(--cm-sans)}
.cm-page a{color:var(--cm-accent)}
.cm-col{max-width:820px}
.cm-wide{max-width:1080px}
.cm-sec{padding-block:72px}
.cm-alt{background:var(--cm-ground-alt)}
.cm-band{background:var(--cm-navy);color:var(--cm-navy-ink);padding-block:72px}
.cm-band a{color:var(--cm-navy-accent)}
.cm-kicker{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cm-accent);margin-bottom:14px!important}
.cm-band .cm-kicker{color:var(--cm-navy-accent)}
.cm-muted{color:var(--cm-ink-muted)}
.cm-band .cm-muted{color:var(--cm-navy-muted)}
.cm-small{font-size:15px}
.cm-ref{font-family:var(--cm-mono);font-weight:500;font-size:13px}
.cm-brandrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-bottom:40px;font-size:14px;color:var(--cm-navy-muted)}
.cm-num{font-weight:600;font-size:clamp(64px,11vw,112px);line-height:1;letter-spacing:-.025em;color:var(--cm-navy-signal);margin:16px 0 22px!important;font-variant-numeric:tabular-nums}
.cm-lead{font-size:19px}
.cm-src{font-size:13px;color:var(--cm-navy-muted);margin-top:24px!important}
.cm-steps{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--cm-line)}
.cm-steps li{display:grid;grid-template-columns:44px 1fr;gap:16px;padding-block:16px;border-bottom:1px solid var(--cm-line)}
.cm-steps .cm-ref{color:var(--cm-accent);padding-top:4px}
.cm-steps p{margin:0}
.cm-rule{background:var(--cm-accent-soft);border-radius:12px;padding:16px 20px;margin-top:28px}
.cm-rule p{margin:0}
.cm-grid2{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.cm-grid2 ul{margin:0;padding-left:20px}
.cm-grid2 li{margin-bottom:8px}
.cm-scroll{overflow-x:auto}
.cm-fence{width:100%;border-collapse:collapse;font-size:16px}
.cm-fence th{text-align:left;font-size:13px;font-weight:500;color:var(--cm-ink-muted);padding:0 16px 10px 0;border-bottom:1px solid var(--cm-line)}
.cm-fence td{vertical-align:top;padding:14px 16px 14px 0;border-bottom:1px solid var(--cm-line)}
.cm-fence td:first-child{font-weight:600;white-space:nowrap;width:32%}
.cm-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:20px}
.cm-tier{background:var(--cm-surface);border-radius:12px;padding:24px 22px;display:flex;flex-direction:column;gap:8px;min-width:0}
.cm-tier.cm-first{background:var(--cm-accent-soft)}
.cm-tier .cm-ref{color:var(--cm-ink-muted)}
.cm-tier h3{margin:0}
.cm-price{font-weight:600;font-size:30px;letter-spacing:-.02em;margin:0!important;font-variant-numeric:tabular-nums}
.cm-price small{font-weight:400;font-size:14px;color:var(--cm-ink-muted);letter-spacing:0}
.cm-tier p:last-child{font-size:15px;color:var(--cm-ink-muted);margin:0}
.cm-call{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.cm-formcard{background:var(--cm-surface);color:var(--cm-ink);border-radius:12px;padding:24px;min-width:0}
.cm-formcard a{color:var(--cm-accent)}
.cm-formcard .btn-primary{background:var(--cm-blue);border-color:var(--cm-blue);color:var(--cm-on-blue)}
.cm-formcard .btn-primary:hover{background:#003fcc;border-color:#003fcc}
.cm-page :focus-visible{outline:3px solid var(--cm-accent);outline-offset:2px}
.cm-band :focus-visible{outline-color:var(--cm-navy-accent)}
@media (max-width:860px){.cm-call{grid-template-columns:1fr}.cm-tiers{grid-template-columns:1fr}}
@media (max-width:560px){.cm-grid2{grid-template-columns:1fr}.cm-sec,.cm-band{padding-block:56px}.cm-fence td:first-child{white-space:normal}}
.cm-formcard .form-card,.cm-formcard > *{border:0!important;padding:0!important;box-shadow:none!important;background:none!important}
.cm-formcard input,.cm-formcard textarea,.cm-formcard select,.cm-formcard label,.cm-formcard p{font-family:var(--cm-sans)!important}
.cm-cases{display:grid;gap:20px;margin:24px 0 8px}
.cm-case{background:var(--cm-surface);border-radius:12px;padding:22px 24px}
.cm-case h3{margin-bottom:14px}
.cm-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cm-two p{margin:0;font-size:16px}
.cm-two .cm-ref{color:var(--cm-ink-muted);margin-bottom:6px}
.cm-with .cm-ref{color:var(--cm-accent)}
@media (max-width:700px){.cm-two{grid-template-columns:1fr;gap:14px}}

/* The demo page (/construction/demo/, 25.10.2026): the owner's phone, the decision card, the loop stepper.
   Same tokens; the .cmd-* classes are used only there. v=7. */
.cmd-contents{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:28px;font-size:15px}
.cmd-contents a{color:var(--cm-navy-ink);text-decoration:none;border-bottom:1px solid var(--cm-navy-line);padding-bottom:2px}
.cmd-contents a:hover{border-bottom-color:var(--cm-navy-accent)}
.cmd-contents .cm-ref{color:var(--cm-navy-accent);margin-right:4px}
.cmd-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.cmd-card{background:var(--cm-surface);border:1px solid var(--cm-line);border-radius:12px;padding:20px 22px;min-width:0}
.cmd-card h3{margin-bottom:8px}
.cmd-phone{width:min(360px,100%);margin:0 auto;background:var(--cm-ground-alt);border:1px solid var(--cm-line);border-radius:28px;padding:14px}
.cmd-screen{background:var(--cm-surface);border:1px solid var(--cm-line);border-radius:20px;overflow:hidden}
.cmd-shead{padding:14px 16px;background:var(--cm-navy);color:var(--cm-navy-ink)}
.cmd-day{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--cm-navy-muted)}
.cmd-proj{font-size:18px;font-weight:600;letter-spacing:-.01em}
.cmd-kpis{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--cm-line)}
.cmd-kpi{background:var(--cm-surface);padding:12px 14px}
.cmd-v{font-size:20px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.cmd-k{font-size:12px;color:var(--cm-ink-muted);line-height:1.35}
.cmd-sec{padding:12px 14px 4px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cm-accent)}
.cmd-item{padding:12px 14px;border-top:1px solid var(--cm-line);font-size:14px;line-height:1.45}
.cmd-item b{display:block;font-size:15px;margin-bottom:2px}
.cmd-why{color:var(--cm-ink-muted);font-size:13px}
.cmd-act{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.cmd-btn{font:inherit;font-family:var(--cm-sans);font-size:13px;font-weight:600;padding:7px 12px;border-radius:8px;border:1px solid var(--cm-line);background:var(--cm-surface);color:var(--cm-ink);cursor:pointer}
.cmd-btn.cmd-primary{background:var(--cm-blue);border-color:var(--cm-blue);color:var(--cm-on-blue)}
.cmd-btn:disabled{cursor:default}
.cmd-done{opacity:.5}
.cmd-chips{font-size:13px}
.cmd-chip{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--cm-accent-soft);color:var(--cm-accent);white-space:nowrap;margin:2px 2px 2px 0}
.cmd-chip.cmd-ok{background:#e4f3ea;color:#1e8e5a}
.cmd-chip.cmd-sig{background:transparent;border:1px solid #c2410c;color:#c2410c}
.cmd-toast{font-size:13px;color:var(--cm-ink-muted);padding:10px 14px;border-top:1px solid var(--cm-line);min-height:40px}
.cmd-dec{display:grid;gap:16px;margin-top:8px}
.cmd-dhead{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline}
.cmd-dhead h3{margin:0}
.cmd-dl{display:grid;grid-template-columns:160px 1fr;gap:8px 16px;margin:0}
.cmd-dl dt{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cm-ink-muted);padding-top:3px}
.cmd-dl dd{margin:0;min-width:0}
.cmd-table{border-collapse:collapse;width:100%;min-width:620px;font-size:15px}
.cmd-table th,.cmd-table td{text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--cm-line);vertical-align:top}
.cmd-table th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--cm-ink-muted);font-weight:600}
.cmd-q{border-left:3px solid var(--cm-accent);padding:10px 14px;background:var(--cm-ground-alt);border-radius:0 10px 10px 0}
.cmd-q b{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--cm-ink-muted);margin-bottom:2px}
.cmd-loop{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:8px 0 14px}
.cmd-loop button{font:inherit;font-family:var(--cm-sans);font-size:14px;font-weight:600;padding:12px 8px;border-radius:10px;border:1px solid var(--cm-line);background:var(--cm-surface);color:var(--cm-ink-muted);cursor:pointer}
.cmd-loop button[aria-selected="true"]{background:var(--cm-blue);border-color:var(--cm-blue);color:var(--cm-on-blue)}
.cmd-step h3{margin:6px 0 8px}
.cmd-nav{display:flex;gap:8px;margin-top:12px}
.cmd-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:8px 0 20px}
.cmd-day-card{background:var(--cm-surface);border:1px solid var(--cm-line);border-radius:12px;padding:14px 16px;font-size:15px}
.cmd-day-card b{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--cm-ink-muted);margin-bottom:6px}
.cmd-princ{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.cmd-princ div{background:var(--cm-surface);border:1px solid var(--cm-line);border-radius:12px;padding:14px 16px;font-size:15px}
.cmd-princ div b{display:block;margin-bottom:4px}
@media (max-width:760px){.cmd-two{grid-template-columns:1fr}.cmd-loop{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.cmd-dl{grid-template-columns:1fr}}
.cm-demo{display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;background:var(--cm-surface);border:1px solid var(--cm-line);border-radius:12px;padding:20px 22px;margin-top:20px}
.cm-demo h3{margin-bottom:6px}
.cm-demo p{margin:0;font-size:15px;color:var(--cm-ink-muted)}
.cm-demo .btn-primary{background:var(--cm-blue);border-color:var(--cm-blue);color:var(--cm-on-blue);white-space:nowrap}
.cm-demo .btn-primary:hover{background:#003fcc;border-color:#003fcc}
.cmd .cm-hero h1{margin-bottom:18px}

/* The demo button in the first screen of /construction/ (26.10.2026). v=8 */
.cm-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.cm-hero-cta .btn-primary{background:var(--cm-blue);border-color:var(--cm-blue);color:var(--cm-on-blue);font-family:var(--cm-sans);font-weight:600}
.cm-hero-cta .btn-primary:hover{background:#003fcc;border-color:#003fcc}
.cm-band .cm-hero-cta .cm-hero-talk{color:var(--cm-navy-muted);font-size:14px;text-decoration:underline;text-underline-offset:3px}