/* The public site (README §Decisions 95, 96), in the Coretime identity (README §Decisions 139, docs/45-coretime-brand.md):
   a white header with the logo, a Canvas page with white cards, Core green for headings and the one primary action,
   Growth coral only for short rules and small details, the growth motif once in the home hero. DejaVu Sans, served
   from the site itself. The rating ramp appears only as data in the sprint score. */
@font-face{font-family:"DejaVu Sans";font-weight:400;font-display:swap;src:url(/fonts/DejaVuSans.woff2) format("woff2")}
@font-face{font-family:"DejaVu Sans";font-weight:700;font-display:swap;src:url(/fonts/DejaVuSans-Bold.woff2) format("woff2")}
:root{
  --paper:#F5F7F4;--surface:#FFFFFF;--sunk:#ECF1ED;--ink:#18332A;--ink-soft:#53685E;--ink-faint:#566B61;
  --rule:#DCE4DE;--rule-strong:#7A8E84;--primary:#0E3927;--primary-ink:#145A3C;--primary-soft:#E4EEE8;--on-primary:#FFFFFF;
  --heading:#0E3927;--accent:#F76D45;--accent-soft:#FDE7DF;--header:#FFFFFF;
  --hot:#B4233F;--good:#2B7134;--mark:#FDE7DF;
  --r-good:#2B7134;--r-ok:#5E9E58;--r-mid:#8A9690;--r-low:#D9738A;
  --shadow:0 1px 2px rgba(14,57,39,.05),0 2px 8px -4px rgba(14,57,39,.08);
  --text:"DejaVu Sans",Arial,sans-serif;
  --display:"DejaVu Sans",Arial,sans-serif;
  --wrap:75rem;--measure:38rem;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{
  --paper:#0B1E16;--surface:#11291F;--sunk:#183428;--ink:#E8F0EB;--ink-soft:#B3C6BB;--ink-faint:#A0B5AA;
  --rule:#25443A;--rule-strong:#6E8C7F;--primary:#8FD6AF;--primary-ink:#AEE4C6;--primary-soft:#1D4535;--on-primary:#0B1E16;
  --heading:#E8F0EB;--accent:#F7845F;--accent-soft:#4A2418;--header:#10291F;
  --hot:#FF92A8;--good:#A6DB86;--mark:#5A2A1B;
  --r-good:#A6DB86;--r-ok:#6FAE6A;--r-mid:#7F8F87;--r-low:#E27D97;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 2px 10px -6px rgba(0,0,0,.6)}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--text);font-kerning:normal}
a{color:var(--primary)}a:hover{color:var(--primary-ink)}
:focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:0}.skip:focus{left:1rem;top:1rem;background:var(--surface);padding:.5rem .8rem;z-index:2}

/* the header: white, full width, the logo as drawn (at least 180 px wide), the menu and one quiet sign-in */
.top{display:flex;align-items:center;gap:1.5rem;max-width:var(--wrap);margin:0 auto;padding:1rem 1.5rem;background:var(--header);box-shadow:0 0 0 100vmax var(--header),0 1px 0 100vmax var(--rule);clip-path:inset(0 -100vmax -1px)}
.brand{display:flex;align-items:center;margin-right:auto;text-decoration:none;color:var(--heading)}
.brand img,.brand picture{display:block;width:180px;height:auto}
.brand-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.top nav{display:flex;gap:1.5rem}.top nav a{color:var(--ink-soft);text-decoration:none;font-size:.95rem}.top nav a:hover{color:var(--heading)}
@media (max-width:40rem){.top nav{display:none}}

.btn{display:inline-block;padding:.75rem 1.25rem;border-radius:8px;background:var(--primary);color:var(--on-primary);font-weight:700;font-size:1rem;line-height:1.3;text-decoration:none;border:2px solid var(--primary);min-height:44px}
.btn:hover{background:var(--primary-ink);border-color:var(--primary-ink);color:var(--on-primary)}
.btn.quiet{background:var(--surface);color:var(--heading);border-color:var(--rule-strong)}.btn.quiet:hover{border-color:var(--heading);color:var(--heading)}
.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:2rem 0 0}

main section{max-width:var(--wrap);margin:0 auto;padding:0 1.5rem}
.hero{padding-top:4rem!important}
h1,h2,h3{font-family:var(--display);font-weight:700;color:var(--heading)}
h1{font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.15;letter-spacing:-.01em;margin:0;max-width:16ch}
h2{font-size:clamp(1.5rem,2.6vw,1.75rem);line-height:1.25;letter-spacing:0;margin:0 0 1.25rem}
h3{font-size:1.125rem;line-height:1.3;margin:0 0 .5rem}
.lead{font-size:1.2rem;line-height:1.55;color:var(--ink-soft);max-width:var(--measure);margin:1.5rem 0 0}
p{max-width:var(--measure)}
/* a short coral rule by every section title (brand guide 08) */
.band>h2::before,.band>.split h2::before,.band>.split>div>h2::before,.band .split.two>div>h2::before{content:"";display:block;width:2.5rem;height:4px;border-radius:2px;background:var(--accent);margin:0 0 1rem}

/* the home hero: the promise and one action on the left, the growth motif as illustration on the right (brand guide 08-09) */
.home .hero{position:relative}
.home .hero::after{content:"";position:absolute;top:4rem;right:1.5rem;width:min(26vw,20rem);aspect-ratio:1/1;border-radius:12px;
  background:url(/coretime-motif.svg) center 58%/40% auto no-repeat,var(--surface);border:1px solid var(--rule);box-shadow:var(--shadow)}
.home .hero>h1,.home .hero>.lead,.home .hero>.actions{max-width:min(var(--measure),calc(100% - min(26vw,20rem) - 3rem))}
/* on the dark page the motif's greens turn mint, as the app's dark theme does (the logo itself is the contra logo, README §Decisions 141) */
@media (prefers-color-scheme:dark){.home .hero::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 160'%3E%3Crect y='96' width='38' height='64' rx='19' fill='%238FD6AF'/%3E%3Crect x='56' y='48' width='38' height='112' rx='19' fill='%23F7845F'/%3E%3Crect x='112' width='38' height='160' rx='19' fill='%238FD6AF'/%3E%3C/svg%3E")}}
@media (max-width:56rem){.home .hero::after{display:none}.home .hero>h1,.home .hero>.lead,.home .hero>.actions{max-width:var(--measure)}}

.sprint{margin:3.5rem 0 0;padding:1.5rem 1.5rem 1rem;background:var(--surface);border:1px solid var(--rule);border-radius:12px;box-shadow:var(--shadow)}
.sprint figcaption{color:var(--ink-faint);font-size:.95rem;margin-top:.5rem;max-width:44rem}
.score{display:block;width:100%;height:auto;font-family:var(--text);overflow:visible}
.score .grid{stroke:var(--rule);stroke-width:1}
.score .week{stroke:var(--rule);stroke-width:1;stroke-dasharray:4 6}
.score .base{stroke:var(--primary);stroke-width:1.5;stroke-dasharray:2 5;opacity:.6}
.score.narrow{display:none}
@media (max-width:40rem){.score.wide{display:none}.score.narrow{display:block}}
.score .trend{fill:none;stroke:var(--rule-strong);stroke-width:1.5;opacity:.55}
.score .axis{fill:var(--ink-faint);font-size:14px}
.score .lab{fill:var(--ink-soft);font-size:15px}
.score .lab.hot{fill:var(--hot);font-weight:700}
/* the score's ramp follows the app's (the drawing carries its light colours) */
.score [fill="#1D7A55"]{fill:var(--r-good)}.score [fill="#4F9E7C"]{fill:var(--r-ok)}.score [fill="#8A94A3"]{fill:var(--r-mid)}.score [fill="#D9738A"]{fill:var(--r-low)}
.score .n{transform-box:fill-box;transform-origin:center;animation:land .45s cubic-bezier(.2,.8,.3,1.2) both;animation-delay:calc(var(--d) * 70ms + 150ms)}
@keyframes land{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.score .n{animation:none}}
@media (max-width:40rem){.sprint{padding:1rem .5rem .75rem;margin-left:-.5rem;margin-right:-.5rem}.sprint figcaption{padding:0 .5rem}}

.band{padding-top:5rem!important}
.sunk{background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:3rem 2.5rem!important;margin-top:5rem!important;max-width:calc(var(--wrap) - 3rem)!important;box-shadow:var(--shadow)}
@media (max-width:40rem){.sunk{border-radius:0;border-left:0;border-right:0;padding:3rem 1.5rem!important}}

/* steps as cards: white on Canvas, a coral rule, the number in Core green */
.steps{list-style:none;counter-reset:step;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.5rem}
.steps li{counter-increment:step;background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow)}
.steps li::before{content:counter(step,decimal-leading-zero);display:block;font:700 1rem/1 var(--display);color:var(--heading);padding-top:1rem;margin-bottom:.75rem;background:linear-gradient(var(--accent),var(--accent)) left top/2rem 4px no-repeat}
.steps p{color:var(--ink-soft);margin:0}

.also{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.25rem 3rem;max-width:56rem}
.also li{color:var(--ink-soft);padding-top:1rem;border-top:1px solid var(--rule)}
.also strong{color:var(--ink)}

.checks{list-style:none;margin:2rem 0 0;padding:0;max-width:44rem}
.checks li{position:relative;padding-left:2rem;margin:.75rem 0}
.checks li::before{content:"";position:absolute;left:.15rem;top:.45em;width:.9rem;height:.5rem;border-left:3px solid var(--good);border-bottom:3px solid var(--good);transform:rotate(-45deg)}
.links{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}

.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.5rem;margin-top:2rem;max-width:56rem}
.plan h3{margin:0 0 .75rem}.plan .amount{font:700 clamp(2.25rem,4.5vw,3rem)/1 var(--display);letter-spacing:-.01em;margin:0;color:var(--heading)}
.plan .per{color:var(--ink-faint);font-size:1rem;margin:.4rem 0 1rem}
.plan ul{margin:0;padding-left:1.2rem;color:var(--ink-soft)}.plan li{margin:.35rem 0}
.plan .actions{margin-top:1.5rem}
.foot{max-width:var(--wrap);margin:6rem auto 0;padding:2rem 1.5rem 3rem;border-top:1px solid var(--rule);color:var(--ink-faint);font-size:.95rem}
.foot p{margin:.25rem 0}.foot nav{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1rem}.foot a{color:var(--ink-soft)}


/* ---- the site (README §Decisions 96): one look, the app's palette ---- */
.top{flex-wrap:wrap}
.top nav.main a[aria-current=page]{color:var(--heading);font-weight:700;box-shadow:inset 0 -3px 0 var(--accent)}
.menu{display:none;position:relative}
.menu summary{list-style:none;cursor:pointer;padding:.55rem .9rem;border:2px solid var(--rule-strong);border-radius:8px;font-weight:700;font-size:1rem;min-height:44px;display:flex;align-items:center}
.menu summary::-webkit-details-marker{display:none}
.menu nav{position:absolute;right:0;top:calc(100% + .5rem);display:flex;flex-direction:column;gap:.25rem;background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:.75rem;min-width:13rem;box-shadow:0 20px 40px -20px rgba(14,57,39,.4);z-index:5}
.menu nav a{padding:.5rem .6rem;border-radius:8px;text-decoration:none;color:var(--ink)}.menu nav a:hover{background:var(--sunk)}
@media (max-width:58rem){.top nav.main,.top .login{display:none}.menu{display:block}}
.crumb{margin:0 0 1rem;font-size:.95rem}.crumb a{color:var(--ink-faint);text-decoration:none}.crumb a:hover{color:var(--primary)}

.hero-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:3rem;align-items:center}
.hero-split h1{font-size:clamp(2rem,4vw,3rem);max-width:18ch}
.hero-split figure{margin:0}
@media (max-width:56rem){.hero-split{grid-template-columns:1fr}}
.split.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:start}
@media (max-width:56rem){.split.two{grid-template-columns:1fr}}

.dots{background:var(--sunk);border-radius:12px;padding:3rem 2.5rem!important;margin-top:5rem!important;max-width:calc(var(--wrap) - 3rem)!important}
@media (max-width:40rem){.dots{border-radius:0;padding:3rem 1.5rem!important}}

/* the retro board (from design C), in the app's tones */
:root{--keep:#E1F1DD;--drop:#FBE4E8;--try:#FBEFD3;--keep-ink:#2B7134;--drop-ink:#B4233F;--try-ink:#7A5300}
@media (prefers-color-scheme:dark){:root{--keep:#22401C;--drop:#4A1C2A;--try:#3B2F10;--keep-ink:#A6DB86;--drop-ink:#FF92A8;--try-ink:#F0C060}}
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:2.5rem 0 0}
.board .col{background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:1rem 1rem 1.25rem}
.board .col h3{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;margin:0 0 1rem}
.board .col h3::before{content:"";width:.7rem;height:.7rem;border-radius:3px;background:var(--c)}
.board .keep{--c:var(--keep-ink);--n:var(--keep)}.board .drop{--c:var(--drop-ink);--n:var(--drop)}.board .try{--c:var(--try-ink);--n:var(--try)}
.board .note{display:flex;flex-direction:column;gap:.5rem;background:var(--n);color:var(--ink);padding:.9rem 1rem;border-radius:4px;margin:0 0 .75rem;max-width:none;box-shadow:0 1px 0 rgba(14,57,39,.06),0 6px 14px -10px rgba(14,57,39,.35);transform:rotate(-.6deg);font-weight:700;font-size:.95rem;line-height:1.4}
.board .note:nth-child(odd){transform:rotate(.7deg)}
.board .note small{font-weight:400;font-size:.85rem;color:var(--ink-soft)}
.board figcaption{grid-column:1/-1;color:var(--ink-faint);font-size:.95rem}
.hero-split .board{grid-template-columns:1fr;margin:0}.hero-split .board .col:not(:first-child){display:none}
@media (max-width:48rem){.board{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.board .note{transform:none}}

/* the rating card (from design B): the chosen score in Core green, coral only as the sender's dot */
.card{margin:0;background:var(--surface);color:var(--ink);border:1px solid var(--rule);border-radius:12px;padding:1.5rem 1.5rem 1.25rem;box-shadow:0 30px 60px -34px rgba(14,57,39,.4);max-width:27rem}
.card p{margin:0;max-width:none}.card-from{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.95rem;color:var(--ink-soft)}
.card-from .dot{width:.75rem;height:.75rem;border-radius:4px;background:var(--accent)}
.card-q{font:700 1.35rem/1.25 var(--display);color:var(--heading);margin:.75rem 0 .25rem!important}.card-ctx{color:var(--ink-faint);font-size:.95rem}
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin:1.25rem 0 .5rem}
.tile{display:grid;place-items:center;aspect-ratio:1.25;border-radius:8px;background:var(--paper);border:1px solid var(--rule);font-weight:700;font-size:1.05rem}
.tile.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary);box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--accent)}
.card-scale{display:flex;justify-content:space-between;font-size:.85rem;color:var(--ink-faint)}
.card-note{font-size:.9rem;color:var(--ink-soft);margin-top:1rem!important}
.opts{list-style:none;margin:1.1rem 0 0;padding:0;display:grid;gap:.45rem}
.opts li{padding:.6rem .85rem;border:1px solid var(--rule);border-radius:8px;background:var(--paper);font-weight:700;font-size:.95rem}
.opts li.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}

/* panels shared by the other visuals */
.costs,.pulse,.report,.cap,.stored{margin:0;background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow)}
.costs h3,.pulse h3,.report h3,.cap h3,.stored h3{font-size:1.1rem;margin:0 0 1rem}
.costs figcaption,.pulse figcaption,.report figcaption,.cap figcaption,.stored figcaption{color:var(--ink-faint);font-size:.9rem;margin-top:1rem}
.costs ol{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.costs li{display:grid;grid-template-columns:1fr auto;gap:.2rem .75rem;font-size:.95rem}
.costs .what{font-weight:700}.costs .who{color:var(--ink-faint);font-size:.9rem;text-align:right}
.costs .bar{grid-column:1/-1;height:.55rem;border-radius:99px;background:linear-gradient(90deg,var(--drop-ink) var(--w),var(--sunk) var(--w))}
.costs .eur{grid-column:1/-1;color:var(--ink-soft);font-size:.9rem}
.pulse ul{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.pulse li{display:grid;grid-template-columns:8.5rem 1fr;gap:.75rem;align-items:center;font-size:.95rem}
.pulse .stack{display:flex;height:1.1rem;border-radius:6px;overflow:hidden;gap:2px}
.pulse i{display:block}.pulse .g{background:var(--r-good)}.pulse .o{background:#E2A33A}.pulse .r{background:var(--hot)}
.report dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.report dt{color:var(--ink-faint);font-size:.9rem}.report dd{margin:.2rem 0 0}
.report strong{display:block;font:700 1.85rem/1.15 var(--display);letter-spacing:-.01em;color:var(--heading)}.report dd span{color:var(--ink-soft);font-size:.9rem}
/* the capacity of a sprint: who is there, and the team's person days */
.cap .cap-ctx{color:var(--ink-faint);font-size:.9rem;margin:-.6rem 0 .75rem}
.cap ul{list-style:none;margin:0;padding:0}
.cap li{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:baseline;padding:.6rem 0;border-top:1px solid var(--rule);font-size:.95rem}
.cap li:first-child{border-top:0}.cap .what{font-weight:700}.cap .kind{color:var(--ink-faint);font-size:.9rem}.cap .days{color:var(--ink-soft);font-size:.9rem;text-align:right}
.cap dl{margin:.75rem 0 0;padding-top:.75rem;border-top:2px solid var(--rule-strong);display:grid;gap:.4rem}
.cap dl div{display:flex;justify-content:space-between;gap:1rem}.cap dt{color:var(--ink-soft);font-size:.95rem}.cap dd{margin:0;font-weight:700;color:var(--heading)}
.stored>p{color:var(--ink-soft);margin:-.5rem 0 1rem}
.stored dl{margin:0;display:grid;gap:1rem}.stored dt{font-weight:700}.stored dd{margin:.2rem 0 0;color:var(--ink-soft)}

/* content blocks */
.benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:2rem 3rem;max-width:62rem;margin-top:1.5rem}
.benefits p{color:var(--ink-soft);margin:0}
.links-list{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:.75rem 2.5rem;max-width:62rem}
.links-list a{display:block;padding:1rem 0;border-top:1px solid var(--rule);text-decoration:none;color:var(--ink-soft)}
.links-list strong{display:block;color:var(--heading);font-size:1.05rem;margin-bottom:.2rem}
.links-list a:hover strong{color:var(--primary-ink);text-decoration:underline}
.chips,.pills{list-style:none;margin:1.5rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.chips a,.pills a{display:inline-block;padding:.5rem .9rem;border:1px solid var(--rule-strong);border-radius:99px;background:var(--surface);color:var(--ink);text-decoration:none;font-weight:700;font-size:.9rem}
.chips a:hover,.pills a:hover{border-color:var(--primary);color:var(--primary)}
.groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:2rem;margin-top:1.5rem}
.groups ul{list-style:none;margin:0;padding:0}.groups li{margin:.45rem 0}
.setup{list-style:none;margin:1.5rem 0 0;padding:0;counter-reset:s;max-width:46rem}
.setup li{counter-increment:s;display:grid;grid-template-columns:2.4rem 1fr auto;gap:.2rem 1rem;align-items:baseline;padding:.85rem 0;border-top:1px solid var(--rule)}
.setup li::before{content:counter(s);grid-row:span 2;font:700 1.3rem/1 var(--display);color:var(--heading)}
.setup strong{grid-column:2}.setup .m{grid-column:3;grid-row:1;color:var(--ink-faint);font-size:.9rem;white-space:nowrap}
.setup li>span:not(.m){grid-column:2/4;color:var(--ink-soft);font-size:1rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:1.5rem}
.pcard{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border:1px solid var(--rule);border-radius:12px;background:var(--surface);text-decoration:none;color:var(--ink-soft);box-shadow:var(--shadow)}
.pcard strong{color:var(--primary);font-size:1rem}.pcard .h{font:700 1.2rem/1.3 var(--display);color:var(--heading)}
.pcard:hover{border-color:var(--primary)}
.integrations{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.25rem 2.5rem;margin-top:1rem}
.integ{padding-top:1rem;border-top:1px solid var(--rule)}.integ p{color:var(--ink-soft);margin:0}
.integ:target{outline:3px solid var(--primary);outline-offset:6px;border-radius:6px}
.checks.wide{max-width:50rem}.sub{margin-top:2rem}
.faq details{max-width:46rem;border-top:1px solid var(--rule);padding:1rem 0}
.faq summary{cursor:pointer;font-weight:700;font-size:1.05rem;color:var(--heading)}.faq details p{color:var(--ink-soft);margin:.6rem 0 0}
.close{text-align:left}.related h2{font-size:1.35rem}

.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.5rem;margin-top:2rem;max-width:56rem}
.plan{padding:1.75rem;background:var(--surface);border:1px solid var(--rule);border-radius:12px;box-shadow:var(--shadow)}
.plan.alt{background:transparent;border-style:dashed;border-color:var(--rule-strong);box-shadow:none}
.plan h3{margin:0 0 .75rem}.plan .amount{font:700 clamp(2.25rem,4.5vw,3rem)/1 var(--display);letter-spacing:-.01em;margin:0}
.plan .per{color:var(--ink-faint);font-size:1rem;margin:.4rem 0 1rem}
.plan ul{margin:0;padding-left:1.2rem;color:var(--ink-soft)}.plan li{margin:.35rem 0}.plan .actions{margin-top:1.5rem}

.foot{max-width:var(--wrap);margin:6rem auto 0;padding:2.5rem 1.5rem 3rem;border-top:1px solid var(--rule);color:var(--ink-faint);font-size:.95rem}
.foot .map{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:2rem;margin-bottom:2rem}
.foot h2{font:700 1rem/1.3 var(--text);color:var(--heading);margin:0 0 .6rem}
.foot h2::before{display:none}
.foot ul{list-style:none;margin:0;padding:0}.foot li{margin:.3rem 0}.foot a{color:var(--ink-soft);text-decoration:none}.foot a:hover{color:var(--primary);text-decoration:underline}

.benefits{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));max-width:58rem}
.langswitch{color:var(--ink-soft);text-decoration:none;font-size:.9rem;font-weight:700;padding:.35rem .6rem;border:1px solid var(--rule);border-radius:8px}
.langswitch:hover{color:var(--primary);border-color:var(--primary)}
@media (max-width:58rem){.top .langswitch{display:none}}
/* the Light and Full plans, a guided event and the coach (README §Decisions 109) */
.plan-tag{margin:0 0 .35rem;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary)}
.plan .plan-lead{margin:0 0 1rem;color:var(--ink);font-weight:700;line-height:1.45}
/* a feature only in Coretime Full says so under its lead */
.plan-note{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:1.25rem 0 0;font-size:.95rem}
.plan-note span{font-size:.9rem;font-weight:700;color:var(--primary);background:var(--primary-soft);padding:.3rem .75rem;border-radius:99px}
/* the welcome journey without a Scrum Master */
.setup-note{color:var(--ink-soft);margin:1rem 0 0;max-width:46rem}
.vrun,.vcoach{background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:1.25rem 1.4rem;margin:0;box-shadow:var(--shadow)}
.vrun-head{display:flex;justify-content:space-between;gap:1rem;margin:0 0 .75rem;font-size:.95rem;color:var(--ink-soft)}
.vrun-step{margin:0;text-align:center;font:700 1.3rem/1.25 var(--display);color:var(--heading)}
.vrun-time{margin:.25rem 0;text-align:center;font:700 clamp(2.75rem,6vw,3.75rem)/1 var(--display);color:var(--primary);letter-spacing:-.01em}
.vrun-nudge{margin:.5rem auto;max-width:26rem;text-align:center;background:var(--primary-soft);border-radius:999px;padding:.35rem .9rem;font-size:.9rem}
.vrun-guide{margin:.75rem 0 0;line-height:1.5}
.vcoach-kicker{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}
.vcoach h3{margin:.2rem 0 .3rem;font-size:1.1rem}
.vcoach-evidence{margin:0 0 .8rem;font-weight:700}
.vcoach-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.vcoach-options div{border:1px solid var(--rule);border-radius:8px;padding:.75rem;display:grid;gap:.35rem;align-content:start}
.vcoach-options span{font-size:.9rem;color:var(--ink-soft);line-height:1.4}
.vcoach-options em{font-style:normal;justify-self:start;background:var(--primary);color:var(--on-primary);border-radius:8px;padding:.25rem .6rem;font-size:.85rem;font-weight:700}
.vrun figcaption,.vcoach figcaption{margin-top:.9rem;font-size:.85rem;color:var(--ink-faint)}
@media (max-width:40rem){.vcoach-options{grid-template-columns:1fr}}
@media (max-width:40rem){.top{padding:.75rem 1rem}main section{padding:0 1rem}}