/* Home: the week story as one navy two-column band (Daniel 2026-10-13 picked option B). Claude lane; built from tools-claude/build_home_week_variants.py. */
.wk{position:relative;isolation:isolate;margin-top:34px;margin-bottom:34px}
.wk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.wk .label{margin:0 0 18px}
.wk h2{margin:0 0 18px;font-size:clamp(30px,3.3vw,44px);line-height:1.1;letter-spacing:-.01em}
.wk p{font-size:17px;line-height:1.6;margin:0 0 14px}
.wk .wk-lead{font-size:19px}
.wk-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;padding-top:20px;border-top:1px solid var(--rule)}
.wk-stats b{display:block;font-size:clamp(30px,3vw,40px);line-height:1;font-weight:700;color:#ed873c;margin-bottom:8px}
.wk-stats span{display:block;font-size:15px;line-height:1.4}
.wk-white{padding-block:clamp(34px,4vw,56px);border-bottom:1px solid var(--rule)}
.wk-white h2{color:#1c3341}.wk-white p{color:#2f4453}.wk-white .wk-stats span{color:#526773}
.wk-navy{padding:clamp(30px,4vw,56px);border-radius:4px;background:#1b3140;color:#e6edf1;overflow:hidden;box-shadow:0 30px 60px -40px rgba(16,32,42,.7)}
.wk-navy .label{color:#c9d6dd}.wk-navy .label::after{background:#ed873c}
.wk-navy h2{color:#fff}.wk-navy p{color:#dbe5ea}.wk-navy .wk-lead{color:#fff}
.wk-navy .wk-stats{border-top-color:rgba(255,255,255,.16)}.wk-navy .wk-stats span{color:#c9d6dd}
.wk-navy .wk-close{color:#fff;font-weight:600}
.wk-payoff{font-size:clamp(24px,2.4vw,30px)!important;line-height:1.2!important;font-weight:600;color:#f4a165!important;margin-bottom:16px!important}
.wk-arches{position:absolute;z-index:-1;left:0;top:0;width:min(760px,70%);height:100%;background:rgba(237,135,60,.14);-webkit-mask-image:url(assets/arch-tile.svg),radial-gradient(farthest-corner at 0 0,#000 0,rgba(0,0,0,.75) 22%,rgba(0,0,0,.3) 48%,transparent 72%);mask-image:url(assets/arch-tile.svg),radial-gradient(farthest-corner at 0 0,#000 0,rgba(0,0,0,.75) 22%,rgba(0,0,0,.3) 48%,transparent 72%);-webkit-mask-size:179.4px 179.4px,100% 100%;mask-size:179.4px 179.4px,100% 100%;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}
@media(max-width:860px){.wk-grid{grid-template-columns:1fr;gap:8px}.wk-arches{display:none}}
/* Daniel 2026-10-13: the week as one navy plate, no arch pattern (the price plate below has it). Headline = the 24-hour fact,
   then "But you matter more than just the speed."; the 24 hours / 1 week comparison inside the plate. */
.wk4{margin-top:40px;margin-bottom:40px}
.wk4-plate{background:#1b3140;color:#dbe5ea;border-radius:6px;padding:clamp(26px,4vw,56px);box-shadow:0 30px 60px -40px rgba(16,32,42,.7)}
.wk4 h2{margin:0 0 clamp(24px,3vw,40px);max-width:980px;font-size:clamp(26px,2.8vw,38px);line-height:1.2;letter-spacing:-.01em;font-weight:400;color:#fff}
.wk4 h2 strong{display:block;font-weight:700}
.wk4 h2 span{display:block;margin-top:12px;color:#ed873c;font-weight:600}
.wk4-vs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}
.wk4-then{padding-right:clamp(20px,3vw,44px)}
.wk4-now{padding-left:clamp(20px,3vw,44px);border-left:1px solid rgba(255,255,255,.16)}
.wk4-big{margin:0 0 12px;font-size:clamp(60px,6.4vw,92px);line-height:.9;font-weight:700;letter-spacing:-.03em}
.wk4-big small{font-size:17px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-left:10px}
.wk4-then .wk4-big{color:#7d909b}.wk4-then .wk4-big s{text-decoration-thickness:6px;text-decoration-color:#ed873c}
.wk4-now .wk4-big{color:#ed873c}
.wk4 h3{margin:0 0 12px;font-size:20px}.wk4-then h3{color:#c9d6dd}.wk4-now h3{color:#fff}
.wk4 ul{margin:0;padding-left:20px}.wk4 li{margin:0 0 10px;font-size:16.5px;line-height:1.5}.wk4-then li{color:#a9bac4}
.wk4-stats{display:grid;grid-template-columns:repeat(2,max-content);gap:clamp(24px,5vw,72px);margin-top:clamp(22px,3vw,34px);padding-top:clamp(18px,2.4vw,26px);border-top:1px solid rgba(255,255,255,.16)}
.wk4-stats b{display:block;font-size:clamp(28px,2.6vw,36px);line-height:1;color:#ed873c;margin-bottom:6px}.wk4-stats span{font-size:14.5px;color:#c9d6dd}
@media(max-width:860px){.wk4-vs{grid-template-columns:1fr}.wk4-then{padding:0 0 22px}.wk4-now{padding:22px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.16)}.wk4-stats{grid-template-columns:1fr 1fr}}
.wk4-point{margin:clamp(22px,3vw,34px) 0 0;padding-top:clamp(18px,2.4vw,26px);border-top:1px solid rgba(255,255,255,.16);font-size:clamp(18px,1.6vw,21px);line-height:1.5;color:#fff;max-width:none}
.wk4 .wk4-point{font-size:clamp(24px,2.4vw,34px);line-height:1.25;font-weight:600;letter-spacing:-.01em}
.wk4 .wk4-point span{color:#ed873c}
/* v6 (Daniel 2026-10-13: "a better appearance... the DIO basics"): the week plate as a site navy band (graffiti field, ruled
   label, white headline with the orange second line), the comparison as two cut-corner cards (24 hours faded, 1 week in the
   orange frame like the hero), the punchline with the steel button and a text link. */
.wk5{width:var(--dio-col,min(1280px,calc(100% - 32px)));margin:40px auto;border-radius:4px;overflow:hidden;box-sizing:border-box;position:relative;isolation:isolate;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 22px 44px -24px rgba(16,32,42,.45)}
.wk5-in{padding-block:clamp(36px,5vw,72px);width:calc(100% - 2 * var(--dio-card-pad,clamp(20px,4vw,56px)))}
.wk5 .label{color:#dce6ec}
.wk5 h2{margin:18px 0 clamp(26px,3.4vw,44px);max-width:1000px;font-size:clamp(28px,3.1vw,44px);line-height:1.12;letter-spacing:-.02em;font-weight:600;color:#fff}
.wk5 h2 span{display:block;margin-top:12px;color:#f4a165}
.wk5-vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(14px,2vw,26px);align-items:stretch}
.wk5-card{--cut:36px;position:relative;padding:clamp(22px,3vw,36px);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.wk5-then{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.wk5-now{background:linear-gradient(160deg,rgba(76,114,136,.55),rgba(27,49,64,.65))}
.wk5-now::before{content:'';position:absolute;inset:0;pointer-events:none;background:#ed873c;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut),2px calc(var(--cut) + .8px),2px calc(100% - 2px),calc(100% - var(--cut) - .8px) calc(100% - 2px),calc(100% - 2px) calc(100% - var(--cut) - .8px),calc(100% - 2px) 2px,calc(var(--cut) + .8px) 2px,2px calc(var(--cut) + .8px),0 var(--cut))}
.wk5-vs-mark{align-self:center;font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8fa3ae}
.wk5-big{margin:0 0 14px;font-size:clamp(58px,6vw,88px);line-height:.9;font-weight:700;letter-spacing:-.03em}
.wk5-big small{font-size:16px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-left:10px}
.wk5-then .wk5-big{color:#7d909b}.wk5-then .wk5-big s{text-decoration-thickness:6px;text-decoration-color:#ed873c}
.wk5-now .wk5-big{color:#f4a165}
.wk5 h3{margin:0 0 12px;font-size:19px;font-weight:600}.wk5-then h3{color:#c9d6dd}.wk5-now h3{color:#fff}
.wk5 ul{margin:0;padding:0;list-style:none}
.wk5 li{position:relative;margin:0 0 12px;padding-left:22px;font-size:16px;line-height:1.5}
.wk5-then li{color:#c9d6dd}.wk5-now li{color:#e6edf1}
.wk5-then li::before{content:'×';position:absolute;left:0;top:-1px;color:#8fa3ae;font-weight:700}
.wk5-now li::before{content:'';position:absolute;left:2px;top:.5em;width:10px;height:6px;border-left:2px solid #ed873c;border-bottom:2px solid #ed873c;transform:rotate(-45deg)}
.wk5-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;margin-top:clamp(28px,3.4vw,44px);padding-top:clamp(22px,2.6vw,30px);border-top:1px solid rgba(255,255,255,.16)}
.wk5-point{margin:0;max-width:720px;font-size:clamp(22px,2.2vw,30px);line-height:1.25;font-weight:600;letter-spacing:-.01em;color:#fff}
.wk5-point span{color:#f4a165}
.wk5-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.wk5-actions .text-link{color:#dce6ec}
@media(max-width:860px){.wk5-vs{grid-template-columns:1fr}.wk5-vs-mark{justify-self:center}.wk5-card{--cut:26px}.wk5-foot{display:block}.wk5-actions{margin-top:18px}}
.wk5-point span{display:block}
/* Daniel 2026-10-13: "make this line more prominent" - the punchline leads the foot, large and centred, actions beneath */
.wk5-foot{display:block;text-align:center;padding-top:clamp(30px,3.6vw,48px)}
.wk5 .wk5-point{max-width:none;margin:0 auto;font-size:clamp(28px,3.4vw,50px);line-height:1.12;font-weight:700;letter-spacing:-.02em}
.wk5 .wk5-point span{margin-top:6px;font-size:1.15em;color:#ed873c}
.wk5-actions{justify-content:center;margin-top:clamp(22px,2.6vw,32px)}
@media(max-width:860px){.wk5 .wk5-point{font-size:clamp(26px,7vw,34px)}}
/* 2026-11-11 audit: the "24 hours" list was the faintest body text on the page (#a9bac4 on the dark card); it now uses the card heading's tone. The card and the struck 24 stay muted. */
/* 2026-11-11 audit: the panel sat 40px under the dark hero, a thin white seam between two dark blocks. It now takes the page's section gap (as the price box). */
.wk5{margin-top:76px}
@media(max-width:760px){.wk5{margin-top:48px}}

/* 2026-11-11 audit: the centred closing line left "quality." and "both." alone on their own lines on phones and tablets */
.wk5-point,.wk5-point span{text-wrap:balance}