/* The Ops Layer · 7-Day Clarity Sprint. Builds on tokens/base/components (Home v3 system). */

/* hero (same frame as Home and Snapshot) */
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.3) 52%,rgba(0,0,0,0) 74%),linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.2) 45%,rgba(0,0,0,0) 60%)}
.sentinel{position:absolute;top:120px;left:0;width:1px;height:1px}
.ol.js:not(.is-static) .hero [data-h]{opacity:0;translate:0 24px;filter:blur(6px);transition:opacity 1.3s var(--ex),translate 1.5s var(--ex),filter 1.3s var(--ex);transition-delay:var(--d,0ms)}
.ol.js:not(.is-static).loaded .hero [data-h]{opacity:1;translate:0 0;filter:blur(0)}
.btn .ic-dn,.btn .ic-up{transition:transform .6s var(--ex)}
.btn:hover .ic-dn{transform:translateY(3px)}
.btn:hover .ic-up{transform:translateY(-3px)}

.sp-hero{min-height:max(800px,min(100vh,1080px));display:flex;flex-direction:column}
.sp-hero>.wrap{width:100%}
.sp-in{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;padding-top:112px;padding-bottom:32px}
.sp-h1{font-size:clamp(56px,7.4vw,116px);line-height:.92}
.sp-h1 .ln+.ln{padding-left:clamp(0px,9vw,150px)}
.sp-row{margin-top:clamp(32px,3vw,48px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px clamp(40px,6vw,104px);align-items:start}
.sp-promise{font-family:var(--disp);font-weight:700;font-size:clamp(23px,2.1vw,33px);line-height:1.22;letter-spacing:-.012em;color:var(--fg);max-width:17em;text-wrap:balance}
.sp-body .hero-sub{font-size:clamp(15.5px,1.1vw,17px);line-height:1.72;color:var(--on-d2);max-width:56ch;text-wrap:pretty}
.sp-cta{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:20px 34px}
.sp-terms{list-style:none;margin:0;padding:0;display:flex;border-top:1px solid var(--hair2)}
.sp-terms li{flex:1 1 auto;padding:22px 26px 24px;font-size:14px;line-height:1.45;color:var(--on-d2)}
.sp-terms li:first-child{padding-left:0}
.sp-terms li+li{border-left:1px solid var(--hair)}
.sp-terms b{display:block;margin-bottom:4px;font-family:var(--disp);font-size:clamp(19px,1.5vw,23px);font-weight:700;color:var(--fg);letter-spacing:-.01em}

/* evidence: three traces of the same week */
.ev-head,.fit-head,.wk-head,.ap-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px clamp(40px,7vw,120px);align-items:end}
.ev-head .lead,.wk-head .lead{color:var(--on-d2)}
.trace{position:relative;margin:clamp(72px,7vw,112px) 0 0;display:grid;grid-template-columns:minmax(180px,250px) minmax(0,1fr);gap:0 32px}
.tr-rows{position:relative;height:420px}
.tr-lab{position:absolute;left:0;right:0;top:calc((70px + var(--row) * 140px));translate:0 -50%;display:flex;flex-direction:column;gap:4px}
.tr-lab b{font-family:var(--disp);font-weight:700;font-size:clamp(17px,1.4vw,21px);line-height:1.2;color:var(--fg)}
.tr-lab span{font-size:13px;color:var(--on-d3)}
.tr-svg{display:block;width:100%;height:420px;overflow:visible}
.tr-base{fill:none;stroke:var(--hair);stroke-width:1;vector-effect:non-scaling-stroke}
.tr-l{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.4s var(--ex)}
.tr-l0{stroke:rgb(255 255 255 / .55)}
.tr-l1{stroke:rgb(255 255 255 / .75);transition-delay:.25s}
.tr-l2{stroke:#fff;stroke-width:2;transition-delay:.5s}
.tr-wait{transition-delay:1.6s}
.trace.in .tr-l{stroke-dashoffset:0}
.trace.in .tr-wait{stroke-dasharray:.05 .05;stroke-dashoffset:0}
.tr-n circle{fill:#000;stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .6s var(--ease) 1.6s}
.trace.in .tr-n circle{opacity:1}
.tr-gap rect{fill:url(#tr-h);opacity:0;transition:opacity 1.2s var(--ease) 2.4s}
.trace.in .tr-gap rect{opacity:1}
.ol:not(.js) .tr-l,.ol.is-static .tr-l{stroke-dashoffset:0}
.ol:not(.js) .tr-n circle,.ol:not(.js) .tr-gap rect,.ol.is-static .tr-n circle,.ol.is-static .tr-gap rect{opacity:1}
.tr-cap{grid-column:2;margin-top:28px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;font-size:15px;line-height:1.6;color:var(--on-d2)}
.tr-cap em{font-family:var(--disp);font-size:clamp(19px,1.6vw,24px);color:var(--fg)}
.tr-cap .lk{margin-left:auto}
.ev-why{margin-top:clamp(110px,11vw,180px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px clamp(40px,7vw,120px);align-items:end}
.ev-big{font-size:clamp(38px,4.4vw,72px);line-height:1.02;color:var(--fg);max-width:11em}
.ev-why-b p{font-size:clamp(16px,1.2vw,18px);line-height:1.72;color:var(--on-d2)}
.ev-pair{margin-top:clamp(64px,6vw,96px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--hair2)}
.ev-p{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 22px;align-items:start;padding:34px 40px 8px 0;color:var(--on-d3);transition:color .4s}
.ev-p+.ev-p{padding-left:40px;border-left:1px solid var(--hair)}
.ev-p .mk{grid-row:1/4;font-size:52px;color:currentColor}
.ev-p b{font-family:var(--disp);font-weight:700;font-size:clamp(22px,1.9vw,29px);line-height:1.1;color:inherit}
.ev-p p{font-size:16px;line-height:1.6;color:inherit;max-width:36ch}
.ev-p .lk{margin-top:12px;color:var(--on-d2)}
.ev-p-on,.ev-p:hover{color:var(--fg)}
.ev-p-on p{color:var(--on-d2)}

/* who it is for: tick what applies */
.fit-sub{font-family:var(--disp);font-style:italic;font-size:clamp(19px,1.6vw,24px);color:var(--on-d2)}
.fit{margin-top:clamp(56px,5vw,80px);border-top:1px solid rgb(0 0 0 / .14)}
.fit-r{position:relative;width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,1fr);gap:8px clamp(24px,4vw,64px);align-items:baseline;padding:32px 12px 32px 0;border-bottom:1px solid rgb(0 0 0 / .1);isolation:isolate;transition:background-color .5s var(--ease)}
.fit-r::before{content:"";position:absolute;inset:0 calc(min(24px,var(--pad)) * -1);z-index:-1;background:rgb(0 0 0 / .035);opacity:0;transition:opacity .4s}
.fit-r:hover::before{opacity:1}
.fit-x{position:relative;top:4px;display:grid;place-items:center;width:30px;height:30px;border:1.5px solid rgb(0 0 0 / .35);border-radius:4px;transition:background-color .35s var(--ease),border-color .35s}
.fit-x svg{width:20px;height:20px;overflow:visible}
.fit-x path{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .5s var(--ex) .1s}
.fit-r[aria-pressed="true"] .fit-x{background:#0F0F0F;border-color:#0F0F0F}
.fit-r[aria-pressed="true"] .fit-x path{stroke-dashoffset:0}
.fit-t{font-family:var(--disp);font-weight:700;font-size:clamp(21px,1.85vw,29px);line-height:1.18;letter-spacing:-.012em;color:var(--on-d2);text-wrap:balance;transition:color .4s,translate .7s var(--ex)}
.fit-b{font-size:16px;line-height:1.65;color:var(--on-d2)}
.fit-r:hover .fit-t,.fit-r[aria-pressed="true"] .fit-t{color:var(--fg)}
.fit-r[aria-pressed="true"] .fit-t{translate:6px 0}
.fit-r:focus-visible{outline:2px solid #F26B21;outline-offset:4px}
.fit-out{display:flex;flex-wrap:wrap;align-items:center;gap:20px 36px;margin-top:40px;min-height:58px;opacity:0;translate:0 12px;pointer-events:none;transition:opacity .7s var(--ease),translate .9s var(--ex)}
.fit-out.has{opacity:1;translate:0 0;pointer-events:auto}
.fit-say{font-family:var(--disp);font-style:italic;font-size:clamp(21px,1.8vw,27px);color:var(--fg)}
.ol:not(.js) .fit-out{display:none}
.fit-foot{margin-top:clamp(56px,5vw,80px);max-width:64ch;font-size:15px;line-height:1.7;color:var(--on-d2)}
.fit-foot a{color:var(--fg);text-underline-offset:3px}

/* the seven days: a week chart with a today line, pinned while the days scroll past */
.wk{position:relative;margin-top:clamp(56px,5vw,80px)}
.wk-grid{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr)) minmax(0,1.5fr);grid-template-rows:44px repeat(6,50px);row-gap:4px;border-top:1px solid var(--hair2)}
.wk-c{position:relative;grid-row:1;padding:14px 0 0 12px;font-size:13px;font-weight:700;color:var(--on-d3);font-variant-numeric:lining-nums tabular-nums}
.wk-c::before{content:"";position:absolute;left:0;top:0;width:1px;height:368px;background:var(--hair)}
.wk-c:first-child::before{display:none}
.wk-c:first-child{padding-left:0}
.wk-tail{font-family:var(--disp);font-style:italic;font-weight:400;font-size:15px}
.wk-tail::before{background:none;border-left:1px dashed rgb(255 255 255 / .25)}
.wk-bar{grid-column:var(--c0)/var(--c1);grid-row:var(--r);position:relative;margin:0 4px;display:flex;align-items:center;min-width:0;color:var(--on-d3);transition:color .5s var(--ease)}
.wk-bar::before{content:"";position:absolute;left:0;right:0;top:50%;height:18px;margin-top:-9px;background:rgb(255 255 255 / .07);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:background-color .6s var(--ease)}
.wk-bar b{position:absolute;left:calc(100% + 14px);top:50%;translate:0 -50%;font-size:14px;font-weight:700;white-space:nowrap;transition:translate .7s var(--ex)}
.wk-bar[data-i="4"] b,.wk-bar[data-i="5"] b{left:auto;right:calc(100% + 14px)}
.wk-bar[data-i="5"]::before{background:repeating-linear-gradient(-61deg,rgb(255 255 255 / .3) 0 1px,transparent 1px 6px)}
.wk-bar.done{color:var(--on-d2)}
.wk-bar.done::before{background-color:rgb(255 255 255 / .28)}
.wk-bar.on{color:var(--fg)}
.wk-bar.on::before{background-color:#F0EFEE}
.wk-bar.on b{translate:4px -50%}
.wk-bar[data-i="4"].on b,.wk-bar[data-i="5"].on b{translate:-4px -50%}
.wk-bar:hover{color:var(--fg)}
.wk-bar:focus-visible{outline:2px solid #F26B21;outline-offset:2px}
.wk-now{position:absolute;top:0;height:368px;left:calc(var(--x,0) * 1%);width:1px;background:#fff;pointer-events:none;opacity:0;transition:opacity .5s}
.wk-now b{position:absolute;left:-5px;top:-5px;width:11px;height:11px;border-radius:50%;background:#fff}
.wk.on .wk-now{opacity:1}
.wk-panes{position:relative;margin-top:clamp(40px,4vw,60px);display:grid;gap:48px}
.wk-pane{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:12px clamp(32px,5vw,80px);align-items:baseline}
.wk-day{font-family:var(--disp);font-style:italic;font-size:clamp(20px,1.7vw,26px);color:var(--on-d2)}
.wk-pane h3{grid-column:2;font-family:var(--disp);font-weight:700;font-size:clamp(28px,2.8vw,46px);line-height:1.05;letter-spacing:-.018em;color:var(--fg)}
.wk-pane p:last-child{grid-column:2;font-size:clamp(16px,1.2vw,18px);line-height:1.72;color:var(--on-d2);max-width:62ch}
.wk-day{grid-row:1/3}
/* pinned mode */
.wk.on{height:calc(100vh + 6 * 62vh)}
.wk.on .wk-pin{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:60px}
.wk.on .wk-pin>.wrap{width:100%}
.wk.on .wk-panes{display:block;min-height:250px}
.wk.on .wk-pane{position:absolute;inset:0 0 auto;opacity:0;visibility:hidden;translate:0 22px;filter:blur(8px);transition:opacity .6s var(--ease),translate .9s var(--ex),filter .8s var(--ex),visibility 0s .9s}
.wk.on .wk-pane.on{opacity:1;visibility:visible;translate:0 0;filter:blur(0);transition-delay:.05s,.05s,.05s,0s}
.wk:not(.on) .wk-bar{color:var(--on-d)}
.wk:not(.on) .wk-bar::before{background-color:rgb(255 255 255 / .3)}

/* deliverables: each one drawn */
.dv{margin-top:clamp(64px,6vw,104px);display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(40px,6vw,104px);align-items:stretch}
.dv-list{display:flex;flex-direction:column;justify-content:center}
.dv-t{position:relative;padding:20px 0;border-top:1px solid var(--hair);font-family:var(--disp);font-weight:700;font-size:clamp(18px,1.5vw,23px);line-height:1.2;color:var(--mute2);transition:color .4s var(--ease)}
.dv-t:last-child{border-bottom:1px solid var(--hair)}
.dv-t span{display:block;transition:translate .7s var(--ex)}
.dv-t:hover{color:var(--on-d2)}
.dv-t.on{color:var(--fg)}
.dv-t.on span{translate:14px 0}
.bar{position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--fg);transform:scaleX(0);transform-origin:left}
.run .on>.bar{animation:fill var(--dur,6000ms) linear forwards}
@keyframes fill{to{transform:scaleX(1)}}
.dv-stage{position:relative;min-height:600px}
.dv-pane{position:absolute;inset:0;display:flex;flex-direction:column;gap:18px;opacity:0;visibility:hidden;translate:0 20px;filter:blur(8px);transition:opacity .7s var(--ease),translate .9s var(--ex),filter .8s var(--ex),visibility 0s .9s}
.dv-pane.on{opacity:1;visibility:visible;translate:0 0;filter:blur(0);transition-delay:.1s,.1s,.1s,0s}
.dv-fig{position:relative;height:340px;padding:30px 32px;border:1px solid var(--hair2);border-radius:6px;background:linear-gradient(180deg,rgb(255 255 255 / .035),rgb(255 255 255 / .01));display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.dv-pane h3{margin-top:16px;font-family:var(--disp);font-weight:700;font-size:clamp(26px,2.4vw,38px);line-height:1.08;letter-spacing:-.016em;color:var(--fg)}
.dv-pane p{font-size:16px;line-height:1.72;color:var(--on-d2);max-width:60ch}
.dv-art{display:block;width:100%;height:100%;overflow:visible}
.dv-art text{font-family:var(--sans);font-size:12.5px;fill:var(--on-d3)}
.dv-art .dv-it{font-family:var(--disp);font-style:italic;font-size:15px;fill:var(--on-d2)}
.dv-e{fill:none;stroke:rgb(255 255 255 / .38);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
.dv-dot{fill:rgb(255 255 255 / .28)}
.dv-fd{fill:rgb(255 255 255 / .85)}
.dv-ring{fill:none;stroke:rgb(255 255 255 / .5);stroke-width:1;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center}
.dv-ring2{stroke:rgb(255 255 255 / .2)}
.dv-hub{fill:#fff}
.on .dv-e{stroke-dashoffset:0;transition:stroke-dashoffset 1.6s var(--ex) .2s}
.on .dv-ring{animation:ring 3.2s var(--ease) infinite}
.on .dv-ring2{animation-delay:.5s}
@keyframes ring{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}
.dv-rule{fill:none;stroke:rgb(255 255 255 / .3);stroke-width:1;vector-effect:non-scaling-stroke}
.dv-tk{fill:none;stroke:rgb(255 255 255 / .22);stroke-width:1;vector-effect:non-scaling-stroke}
.dv-mk path{fill:none;stroke:#fff;stroke-width:2.5;vector-effect:non-scaling-stroke}
.dv-mk{transform:translateX(0);transition:transform 1.4s var(--ex);transition-delay:calc(var(--k) * 150ms + .2s)}
.on .dv-mk{transform:translateX(var(--x))}
.dv-mx{width:100%;border-collapse:collapse;font-size:13.5px}
.dv-mx th{padding:0 8px 12px 0;font-weight:700;font-size:12.5px;color:var(--on-d3);text-align:left}
.dv-mx tbody th{padding:0 12px 0 0;font-weight:400;font-size:14px;color:var(--on-d2);white-space:nowrap}
.dv-mx td{height:50px;border-top:1px solid var(--hair);vertical-align:middle}
.dv-mx tbody tr{opacity:.15;transition:opacity .6s var(--ease);transition-delay:calc(var(--k) * 140ms + .1s)}
.on .dv-mx tbody tr{opacity:1}
.dv-mx b,.dv-key b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:3px;background:#F0EFEE;color:#0F0F0F;font-size:12px;font-weight:700}
.dv-mx i,.dv-key i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid rgb(255 255 255 / .35);font-style:normal;font-size:11px;color:var(--on-d2)}
.dv-key{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;color:var(--on-d3)}
.dv-key b,.dv-key i{width:20px;height:20px;font-size:10px}
.dv-key i{margin-left:14px}
.dv-band{fill:rgb(255 255 255 / .08)}
.dv-base{fill:none;stroke:rgb(255 255 255 / .45);stroke-width:1;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
.dv-hi{fill:none;stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
.on .dv-hi{stroke-dashoffset:0;transition:stroke-dashoffset 1.8s var(--ex) .2s}
.dv-band{opacity:0;transition:opacity 1s var(--ease) 1s}
.on .dv-band{opacity:1}
.dv-bp{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dv-bp li{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--hair2);border-radius:4px;font-size:14.5px;color:var(--on-d);opacity:0;translate:-10px 0;transition:opacity .6s var(--ease),translate .8s var(--ex);transition-delay:calc(var(--k) * 90ms + .1s)}
.dv-bp li:last-child{grid-column:1/-1}
.dv-bp .ic{font-size:18px;color:var(--on-d2)}
.on .dv-bp li{opacity:1;translate:0 0}
.dv-ag{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding-bottom:64px}
.ag-c{position:relative;padding:18px 18px 22px;border:1px solid var(--hair2);border-radius:4px;display:flex;flex-direction:column;gap:9px}
.ag-c b{font-size:13px;font-weight:700;color:var(--on-d);margin-bottom:6px}
.ag-c i{display:block;height:10px;border-radius:2px;background:rgb(255 255 255 / .22);width:calc(92% - var(--k) * 12%);opacity:0;transition:opacity .5s var(--ease);transition-delay:calc(var(--k) * 110ms + .1s)}
.ag-c i.ag-x{background:#F0EFEE}
.on .ag-c i{opacity:1}
.ag-lim{margin-top:8px;padding-top:10px;border-top:1px dashed rgb(255 255 255 / .35);font-family:var(--disp);font-style:italic;font-size:13.5px;color:var(--on-d2)}
.ag-arc{position:absolute;left:25%;right:25%;bottom:10px;width:50%;height:60px;overflow:visible}
.ag-arc path{fill:none;stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
.on .ag-arc path{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s var(--ex) .8s}
.ag-note{position:absolute;left:0;right:0;bottom:-6px;text-align:center;font-family:var(--disp);font-style:italic;font-size:14.5px;color:var(--on-d2)}
.cal-g{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px}
.cal-g i{position:relative;aspect-ratio:1;border:1px solid var(--hair2);border-radius:3px;opacity:.2;transition:opacity .4s var(--ease);transition-delay:calc(var(--k) * 30ms)}
.on .cal-g i{opacity:1}
.m-q::after,.dv-key .m-q{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:#fff}
.m-r::after,.dv-key .m-r{content:"";position:absolute;inset:28%;background:rgb(255 255 255 / .55);border-radius:1px}
.m-c::after,.dv-key .m-c{content:"";position:absolute;left:22%;right:22%;top:50%;height:1.5px;background:#fff;transform:rotate(-29deg)}
.dv-key span{position:relative;display:inline-block;width:14px;height:14px;margin-left:10px}
.dv-key span:first-child{margin-left:0}
.dv-key .m-q,.dv-key .m-r,.dv-key .m-c{position:relative;inset:auto;margin:0 0 0 10px}
.dv-key .m-q{width:7px;height:7px;left:auto;top:auto}
/* current state: conflict, unclear and shared authority sit beside confirmed owners */
.dv-mx u,.dv-mx s,.dv-mx q,.dv-key u,.dv-key s,.dv-key q{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:3px;font-size:12px;font-weight:700;text-decoration:none;quotes:none}
.dv-mx q::before,.dv-mx q::after,.dv-key q::before,.dv-key q::after{content:none}
.dv-mx u,.dv-key u{border:1px solid rgb(255 255 255 / .7);color:var(--fg)}
.dv-mx s,.dv-key s{border:1px dashed #fff;color:var(--fg)}
.dv-mx q,.dv-key q{border:1px dashed rgb(255 255 255 / .35);border-radius:50%;color:var(--on-d3);font-style:normal}
.dv-key .k{position:static;display:inline-flex;align-items:center;gap:7px;width:auto;height:auto;margin:0 10px 0 0}
.dv-key .k i{margin-left:0}
.dv-key .k b,.dv-key .k i,.dv-key .k u,.dv-key .k s,.dv-key .k q{width:20px;height:20px;font-size:10px}
/* T0 baseline: a pending number is a dashed range, not a mark */
.dv-pend{fill:none;stroke:rgb(255 255 255 / .45);stroke-width:1;stroke-dasharray:3 5;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .8s var(--ease) .6s}
.on .dv-pend{opacity:1}
.dv-mk-v path{stroke:rgb(255 255 255 / .7)}
/* future-state direction: one route drawn, the options left dashed */
.dv-opt{fill:none;stroke:rgb(255 255 255 / .38);stroke-width:1;stroke-dasharray:4 6;vector-effect:non-scaling-stroke}
.dv-oe{fill:none;stroke:rgb(255 255 255 / .45);stroke-width:1;vector-effect:non-scaling-stroke}
.dv-opt,.dv-oe{opacity:0;transition:opacity 1s var(--ease) 1.1s}
.on .dv-opt,.on .dv-oe{opacity:1}
.lnum{font-variant-numeric:lining-nums}
.dv-t span.lnum,.dv-t.on span.lnum{display:inline;translate:none}
.dv-st circle{fill:#fff}
.dv-st{opacity:0;transition:opacity .5s var(--ease);transition-delay:calc(var(--k) * 220ms + .9s)}
.on .dv-st{opacity:1}

/* what it is not */
.nt-h{max-width:14em}
.nts{margin-top:clamp(64px,6vw,104px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--hair2)}
.nt{padding:40px 40px 8px 0;display:flex;flex-direction:column;gap:26px}
.nt+.nt{padding-left:40px;border-left:1px solid var(--hair)}
.nt-w{position:relative;width:fit-content;font-family:var(--disp);font-weight:700;font-size:clamp(30px,2.9vw,46px);line-height:1.05;letter-spacing:-.018em;color:var(--on-d3)}
.nt-w i{position:absolute;left:-4%;right:-4%;top:54%;height:2px;background:var(--fg);transform:rotate(-4deg) scaleX(0);transform-origin:left;transition:transform 1s var(--ex);transition-delay:calc(var(--k) * 200ms + .5s)}
.nts.in .nt-w i,.ol:not(.js) .nt-w i,.ol.is-static .nt-w i{transform:rotate(-4deg) scaleX(1)}
.nt-b{font-size:16px;line-height:1.72;color:var(--on-d2)}
.nt-b a{color:var(--fg);text-underline-offset:3px}

/* pricing */
.pr{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px clamp(48px,8vw,140px);align-items:end}
.pr-n{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .2em;font-size:clamp(84px,9.6vw,156px);line-height:.88;letter-spacing:-.045em;color:var(--fg);font-variant-numeric:lining-nums}
.pr-n em{font-size:.36em;font-weight:400;letter-spacing:-.01em;color:var(--on-d2)}
.pr-terms{margin:clamp(48px,4.4vw,64px) 0 0;border-top:1px solid rgb(0 0 0 / .14)}
.pr-terms div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid rgb(0 0 0 / .08)}
.pr-terms dt{font-size:13px;font-weight:700;color:var(--on-d3);padding-top:2px}
.pr-terms dd{margin:0;font-size:16px;line-height:1.65;color:var(--on-d2)}
.pr-r{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.slots{display:flex;gap:22px;padding-left:40px;margin-bottom:14px}
.slots i{position:relative;width:34px;height:150px;border:1.5px solid #0F0F0F;border-radius:2px;transform:skewX(-29deg);overflow:hidden}
.slots i::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgb(0 0 0 / .55) 0 1px,transparent 1px 7px);transform:scaleY(0);transform-origin:bottom;transition:transform 1.4s var(--ex)}
.slots i+i::after{transition-delay:.25s}
.pr-r.in .slots i::after,.ol:not(.js) .slots i::after{transform:scaleY(1)}
.pr-s{font-size:clamp(30px,2.9vw,46px);line-height:1.05;color:var(--fg)}
.pr-b{font-size:16px;line-height:1.72;color:var(--on-d2);max-width:46ch}
.pr-r .btn{margin-top:10px}

/* after: three lanes on one time axis */
.af{margin-top:clamp(64px,6vw,104px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:clamp(40px,5vw,88px)}
.af-axis{grid-column:2;position:relative;height:40px;margin-right:8px}
.af-axis span{position:absolute;left:var(--at);top:0;translate:-50% 0;font-size:12.5px;font-weight:700;color:var(--on-d3);white-space:nowrap}
.af-axis span:first-child{translate:0 0}
.af-axis span:last-child{translate:-100% 0}
.af-row{display:contents}
.af-t,.af-track{border-top:1px solid var(--hair)}
.af-t{padding:34px 0 38px;display:flex;flex-direction:column;gap:12px}
.af-t h3{font-family:var(--disp);font-weight:700;font-size:clamp(23px,2vw,31px);line-height:1.1;letter-spacing:-.012em;color:var(--on-d2);transition:color .4s}
.af-t p{font-size:15.5px;line-height:1.7;color:var(--on-d2);max-width:52ch}
.af-t .lk{margin-top:6px}
.af-main h3{color:var(--fg)}
.af-track{position:relative;margin-right:8px;background:linear-gradient(var(--hair),var(--hair)) 33.33% 0/1px 100% no-repeat,linear-gradient(var(--hair),var(--hair)) 66.66% 0/1px 100% no-repeat,linear-gradient(var(--hair),var(--hair)) 100% 0/1px 100% no-repeat}
.af-line{position:absolute;left:0;top:50%;height:2px;margin-top:-1px;width:var(--w);background:rgb(255 255 255 / .7);transform:scaleX(0);transform-origin:left;transition:transform 1.8s var(--ex);transition-delay:calc(var(--k) * 250ms + .2s)}
.af-main .af-line{height:8px;margin-top:-4px;background:#F0EFEE;border-radius:1px}
.af-line.af-dash{background:repeating-linear-gradient(90deg,rgb(255 255 255 / .7) 0 6px,transparent 6px 12px)}
.af-end{position:absolute;left:var(--at);top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#000;border:1.5px solid #fff;transform:scale(0);transition:transform .6s var(--ex);transition-delay:calc(var(--k) * 250ms + 1.6s)}
.af-cred{position:absolute;left:0;top:50%;height:58px;margin-top:-29px;width:var(--w);border:1px dashed rgb(255 255 255 / .38);border-radius:4px;opacity:0;transition:opacity 1s var(--ease) 2.2s}
.af-cred span{position:absolute;left:12px;bottom:calc(100% + 8px);font-family:var(--disp);font-style:italic;font-size:14.5px;color:var(--fg);white-space:nowrap}
.af-stop{position:absolute;left:0;top:50%;width:26px;height:2px;margin-top:-1px;background:rgb(255 255 255 / .7)}
.af-stop::after{content:"";position:absolute;right:0;top:-11px;width:2px;height:24px;background:#fff}
.af.in .af-line{transform:scaleX(1)}
.af.in .af-end{transform:scale(1)}
.af.in .af-cred{opacity:1}
.ol:not(.js) .af-line,.ol.is-static .af-line{transform:none}.ol:not(.js) .af-end,.ol.is-static .af-end{transform:none}.ol:not(.js) .af-cred,.ol.is-static .af-cred{opacity:1}

/* apply */
.ap-sub{font-size:15px;line-height:1.7;color:var(--on-d2);max-width:44ch}
.faq-a a,.final .mail a{color:var(--fg);text-underline-offset:3px}

@media (max-width:1100px){
.sp-row,.ev-head,.fit-head,.wk-head,.ap-head,.ev-why,.pr,.dv{grid-template-columns:minmax(0,1fr)}
.sp-terms{flex-wrap:wrap}
.sp-terms li{flex:1 1 40%;padding-left:0!important;border-left:0!important;border-bottom:1px solid var(--hair)}
.trace{grid-template-columns:minmax(0,1fr)}
.tr-rows{display:none}
.tr-cap{grid-column:1}
.tr-svg{height:300px}
.trace::before{content:"Reported, documented, and what actually happened, top to bottom.";display:block;margin-bottom:18px;font-family:var(--disp);font-style:italic;font-size:17px;color:var(--on-d2)}
.dv-stage{min-height:620px}
.nts{grid-template-columns:minmax(0,1fr)}
.nt+.nt{padding-left:0;border-left:0;border-top:1px solid var(--hair)}
.nt{padding-bottom:40px}
.af{grid-template-columns:minmax(0,1fr)}
.af-axis{grid-column:1}
.af-track{height:90px;border-top:0}
.wk-grid{grid-template-columns:repeat(8,minmax(0,1fr)) minmax(0,1.2fr)}
.wk-bar b{font-size:12.5px}
}
@media (max-width:760px){
.sp-h1 .ln+.ln{padding-left:0}
.sp-terms li{flex-basis:100%}
.ev-pair{grid-template-columns:minmax(0,1fr)}
.ev-p+.ev-p{padding-left:0;border-left:0;border-top:1px solid var(--hair)}
.fit-r{grid-template-columns:40px minmax(0,1fr)}
.fit-b{grid-column:2}
.wk-chart{display:none}
.wk-pane::before{content:"";grid-column:1;display:block;height:8px;margin-bottom:6px;background:linear-gradient(#F0EFEE,#F0EFEE) var(--l) 0/var(--w) 100% no-repeat,linear-gradient(rgb(255 255 255 / .14),rgb(255 255 255 / .14)) 0 50%/100% 1px no-repeat}
.wk-pane{grid-template-columns:minmax(0,1fr)}
.wk-pane h3,.wk-pane p:last-child{grid-column:1}
.wk-day{grid-row:auto}
.dv-stage{min-height:700px}
.dv-fig{height:300px;padding:20px}
.dv-bp{grid-template-columns:minmax(0,1fr)}
.dv-fig:has(.dv-mx){padding:16px 14px}
.dv-mx th{padding-bottom:8px;font-size:11px}
.dv-mx tbody th{white-space:normal;font-size:12.5px;line-height:1.25;padding-right:8px}
.dv-mx td{height:38px}
.dv-mx b,.dv-mx i,.dv-mx u,.dv-mx s,.dv-mx q{width:22px;height:22px;font-size:10.5px}
.dv-pane .dv-key{margin-top:10px;gap:5px 4px;font-size:12px;line-height:1.4}
.dv-key .k b,.dv-key .k i,.dv-key .k u,.dv-key .k s,.dv-key .k q{width:16px;height:16px;font-size:9px}
.pr-terms div{grid-template-columns:minmax(0,1fr);gap:4px}
.tr-svg{height:240px}
}
@media (prefers-reduced-motion:reduce){
.ol *,.ol *::before,.ol *::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}
}