/* Contract page: every final state is the default, so the page is complete without scripts, motion or print colours. */
.cr-page{--sage:#b8dbba;--violet:#bdb7ff;--warm:#e9e3d3;--panel:#151512;--frame:#47463f;--del:#8f8a7f;--ease:cubic-bezier(.2,.75,.2,1)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.ru-reading .cr-hero{border-bottom:0;padding-bottom:46px}
.cr-formats{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;font:12px/1.5 var(--mono);color:var(--muted)}
.cr-formats li{display:flex;align-items:center;gap:9px;margin:0;padding:8px 13px;border:1px solid var(--line);border-radius:3px}
.cr-formats li::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:var(--sage)}
.cr-hero .actions{margin-top:30px}

.cr-section{padding:56px 0 60px;border-top:1px solid var(--line)}
.cr-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:48px;align-items:end;margin:0 0 32px}
.cr-eyebrow{margin:0 0 12px;color:var(--red);font:11px/1.6 var(--mono);letter-spacing:.07em;text-transform:uppercase}
.cr-head h2,.cr-contact h2{margin:0;font-size:clamp(30px,3.7vw,46px);font-weight:500;line-height:1.14;letter-spacing:-.035em;text-wrap:balance}
.cr-intro{margin:0;color:var(--muted);font-size:16px;line-height:1.65}

/* The contract excerpt: deletions and insertions stay visible together, as in tracked changes. */
.cr-doc{position:relative;border:1px solid var(--frame);background:var(--panel)}
.cr-doc::before,.cr-doc::after{content:"";position:absolute;z-index:1;width:16px;height:16px;border:0 solid var(--ink);pointer-events:none}
.cr-doc::before{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}
.cr-doc::after{right:-1px;bottom:-1px;border-right-width:2px;border-bottom-width:2px}
.cr-doc-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding:12px 22px;border-bottom:1px solid var(--line);color:var(--muted);font:11px/1.6 var(--mono)}
.cr-doc-file{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.cr-doc-file::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px #ff5b4524}
.cr-legend{margin-left:auto}
.cr-lg-del,.cr-lg-ins{color:var(--ink)}
.cr-lg-del{text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:1.5px}
.cr-lg-ins{text-decoration:underline;text-decoration-color:var(--sage);text-decoration-thickness:1.5px;text-underline-offset:3px}
.cr-replay{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--ink);font:11px/1 var(--mono);cursor:pointer;transition:border-color .2s}
.cr-replay::before{content:"↻";color:var(--sage);font-size:15px;line-height:1}
.cr-replay:hover{border-color:var(--sage)}
.cr-replay[hidden]{display:none}
.cr-clauses{margin:0;padding:0;list-style:none}
.ru-reading .cr-clauses>li,.ru-reading .cr-parts>li,.ru-reading .cr-steps>li{margin:0;padding-left:0;counter-increment:none}
.ru-reading .cr-clauses>li::before,.ru-reading .cr-parts>li::before,.ru-reading .cr-steps>li::before{content:none}
.cr-clause{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px)}
.cr-clause+.cr-clause{border-top:1px solid var(--line)}
.cr-text{position:relative;margin:0;padding:30px 34px 32px 72px;font-size:18px;line-height:1.75;hyphens:none}
.cr-no{position:absolute;top:39px;left:24px;color:var(--muted);font:12px/1 var(--mono)}
.cr-text del{color:var(--del);text-decoration:none;background:linear-gradient(var(--red),var(--red)) no-repeat 0 56%/100% 2px}
.cr-text ins{color:var(--ink);text-decoration:none;background:linear-gradient(#b8dbba1f,#b8dbba1f) no-repeat 0 0/100% 100%,linear-gradient(var(--sage),var(--sage)) no-repeat 0 100%/100% 1.5px}
.cr-comment{position:relative;padding:26px 26px 28px;border-left:1px dashed #4b493f;background:#ffffff04;color:var(--muted);font-size:14.5px;line-height:1.6}
.cr-comment::before{content:"";position:absolute;left:-5px;top:37px;width:9px;height:9px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 4px var(--panel)}
.cr-comment p{margin:0}
.cr-comment .cr-comment-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--ink);font:10px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.cr-avatar{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:50%;background:var(--sage);color:#15201a;font:500 10px/1 var(--mono);letter-spacing:0}
.cr-comment .cr-delta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font:13px/1.45 var(--mono)}
.cr-delta s{color:var(--red);text-decoration:none;background:linear-gradient(currentColor,currentColor) no-repeat 0 55%/100% 1.5px}
.cr-delta b{color:var(--sage);font-weight:500}
.cr-delta-arrow{color:var(--muted)}

/* The combined effect, before and after, on one scale. */
.cr-impact{margin:24px 0 0;border:1px solid var(--frame);background:var(--panel)}
.cr-impact-title{display:flex;align-items:center;gap:10px;padding:12px 22px;border-bottom:1px solid var(--line);color:var(--muted);font:10px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.cr-impact-title::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--sage);box-shadow:0 0 0 3px #b8dbba24}
.cr-panels{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.cr-panel{min-width:0;padding:26px 28px 30px}
.cr-panel+.cr-panel{border-left:1px solid var(--line)}
.cr-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px 24px;margin-bottom:26px}
.cr-panel h3{margin:0;max-width:270px;font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.015em}
.cr-kpi{margin:0;text-align:right}
.cr-kpi b{display:block;color:var(--sage);font:500 clamp(30px,3.3vw,42px)/1 var(--sans);letter-spacing:-.04em;white-space:nowrap}
.cr-kpi span{display:block;margin-top:7px;color:var(--muted);font:11px/1.4 var(--mono)}
.cr-grow,.cr-axis{display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:14px;align-items:center}
.cr-grow+.cr-grow{margin-top:18px}
.cr-grow-label{color:var(--red);font:10px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.cr-after .cr-grow-label{color:var(--sage)}
.cr-grow-desc{grid-column:2;margin:8px 0 0;color:var(--muted);font:12px/1.5 var(--mono)}
.cr-track{--scale:84;position:relative;height:32px;border-right:1px solid #ffffff14;background:linear-gradient(90deg,#ffffff14 1px,transparent 1px) 0 0/25% 100%}
.cr-seg,.cr-tail{position:absolute;top:5px;bottom:5px;left:calc(var(--a) / var(--scale) * 100%);width:calc((var(--b) - var(--a)) / var(--scale) * 100%);transform-origin:0 50%}
.cr-seg-q{display:grid;place-items:center;border:1px dashed var(--red);background:repeating-linear-gradient(-45deg,#ff5b4540 0 3px,transparent 3px 7px);color:var(--red);font:500 13px/1 var(--mono);font-style:normal}
.cr-seg-wait{background:#ff5b45b8;box-shadow:inset 2px 0 0 var(--panel)}
.cr-tail{top:15px;bottom:auto;height:2px;background:repeating-linear-gradient(90deg,var(--red) 0 5px,transparent 5px 9px);-webkit-mask:linear-gradient(90deg,#000,transparent);mask:linear-gradient(90deg,#000,transparent)}
.cr-seg-check{border:1.5px solid var(--sage);background:#b8dbba26}
.cr-seg-pay{background:var(--sage);box-shadow:inset 2px 0 0 var(--panel)}
.cr-coin{position:absolute;top:50%;left:calc(var(--a) / var(--scale) * 100%);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px #b8dbba45,0 0 22px #b8dbba90}
.cr-axis{margin-top:14px;color:var(--muted);font:10px/1.4 var(--mono)}
.cr-axis>span:first-child{letter-spacing:.06em;text-transform:uppercase}
.cr-axis-scale{position:relative;height:14px}
.cr-axis-scale span{position:absolute;top:0;transform:translateX(-50%)}
.cr-axis-scale span:nth-child(1){left:0;transform:none}.cr-axis-scale span:nth-child(2){left:25%}.cr-axis-scale span:nth-child(3){left:50%}.cr-axis-scale span:nth-child(4){left:75%}.cr-axis-scale span:nth-child(5){left:100%;transform:translateX(-100%)}
.cr-panel-note{margin:20px 0 0;padding-top:14px;border-top:1px dashed var(--line);color:var(--muted);font-size:12.5px;line-height:1.55}
.cr-cells{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;height:32px}
.cr-cells i{position:relative;border-radius:1px;background-color:#ff5b45b8}
.cr-cells i::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,#0f0f0e70 0 3px,transparent 3px 6px)}
.cr-after .cr-cells i:nth-child(n+3){background-color:var(--sage)}
.cr-after .cr-cells i:nth-child(n+3)::after{opacity:0}
.cr-caption{max-width:820px;margin:14px 0 0;color:var(--muted);font-size:12.5px;line-height:1.65}

/* Motion replays the final state once, when each part comes into view. */
.cr-before .cr-seg-q{--d:.15s;--t:.45s}.cr-before .cr-seg-wait{--d:.55s;--t:1s}.cr-after .cr-seg-check{--d:1.25s;--t:.3s}.cr-after .cr-seg-pay{--d:1.5s;--t:.5s}
@media screen and (prefers-reduced-motion:no-preference){
.cr-clause.is-armed .cr-text del{background-size:0% 2px}
.cr-clause.is-armed .cr-text ins{background-size:0% 100%,0% 1.5px;color:transparent}
.cr-clause.is-armed .cr-comment{opacity:0;transform:translateX(16px)}
.cr-clause.is-armed .cr-delta s{background-size:0% 1.5px}
.cr-clause.is-armed .cr-delta b,.cr-clause.is-armed .cr-delta-arrow{opacity:0}
.cr-clause.is-playing .cr-text del{background-size:100% 2px;transition:background-size .6s var(--ease) calc(var(--md,0s) + .15s)}
.cr-clause.is-playing .cr-text ins{background-size:100% 100%,100% 1.5px;color:var(--ink);transition:background-size .75s var(--ease) calc(var(--md,0s) + .7s),color .45s ease calc(var(--md,0s) + .8s)}
.cr-clause.is-playing .cr-comment{opacity:1;transform:none;transition:opacity .45s ease calc(var(--md,0s) + 1.2s),transform .6s var(--ease) calc(var(--md,0s) + 1.2s)}
.cr-clause.is-playing .cr-delta s{background-size:100% 1.5px;transition:background-size .4s var(--ease) calc(var(--md,0s) + 1.65s)}
.cr-clause.is-playing .cr-delta b,.cr-clause.is-playing .cr-delta-arrow{opacity:1;transition:opacity .35s ease calc(var(--md,0s) + 1.95s)}
.cr-panel.is-armed .cr-seg{transform:scaleX(0)}
.cr-panel.is-armed .cr-tail,.cr-panel.is-armed .cr-kpi{opacity:0}
.cr-panel.is-armed .cr-coin{opacity:0;transform:scale(0)}
.cr-panel.is-armed .cr-before .cr-cells i{opacity:0}
.cr-panel.is-armed .cr-after .cr-cells i{background-color:#ff5b45b8}
.cr-panel.is-armed .cr-after .cr-cells i::after{opacity:1}
.cr-panel.is-playing .cr-seg{transform:none;transition:transform var(--t,.5s) var(--ease) calc(var(--md,0s) + var(--d,0s))}
.cr-panel.is-playing .cr-tail{opacity:1;transition:opacity .5s ease calc(var(--md,0s) + 1.45s)}
.cr-panel.is-playing .cr-coin{opacity:1;transform:none;transition:opacity .2s ease calc(var(--md,0s) + 2s),transform .55s cubic-bezier(.3,1.6,.5,1) calc(var(--md,0s) + 2s)}
.cr-panel.is-playing .cr-kpi{opacity:1;transition:opacity .5s ease calc(var(--md,0s) + 2.1s)}
.cr-panel.is-playing .cr-before .cr-cells i{opacity:1;transition:opacity .3s ease calc(var(--md,0s) + .3s + var(--i) * 45ms)}
.cr-panel.is-playing .cr-after .cr-cells i:nth-child(n+3){background-color:var(--sage);transition:background-color .45s ease calc(var(--md,0s) + 1.1s + var(--i) * 80ms)}
.cr-panel.is-playing .cr-after .cr-cells i:nth-child(n+3)::after{opacity:0;transition:opacity .45s ease calc(var(--md,0s) + 1.1s + var(--i) * 80ms)}
}

@media(max-width:1080px){.cr-clause{grid-template-columns:minmax(0,1fr) 280px}.cr-text{padding-right:26px;font-size:17px}.cr-panels{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}
@media(max-width:900px){.cr-head{grid-template-columns:1fr;gap:16px}.cr-intro{max-width:620px}.cr-clause{grid-template-columns:1fr}.cr-text{padding-bottom:18px}.cr-comment{margin:0 24px 26px 70px;padding:18px 20px 20px;border:1px solid var(--line);border-left:2px solid var(--sage)}.cr-comment::before{display:none}.cr-panels{grid-template-columns:1fr}.cr-panel+.cr-panel{border-left:0;border-top:1px solid var(--line)}.cr-panel h3{max-width:none}}
@media(max-width:650px){.ru-reading .cr-hero{padding-bottom:34px}.cr-formats{gap:8px;font-size:11px}.cr-formats li{padding:7px 11px}.cr-section{padding:40px 0 44px}.cr-head{margin-bottom:24px}.cr-head h2,.cr-contact h2{font-size:31px;text-wrap:pretty}.cr-intro{font-size:15px}.cr-doc-bar{gap:8px 14px;padding:11px 16px}.cr-legend{order:3;width:100%;margin:0}.cr-replay{width:34px;margin-left:auto;padding:0;justify-content:center;font-size:0}.cr-replay::before{font-size:15px}.cr-text{padding:22px 18px 16px;font-size:16px;line-height:1.7}.cr-no{position:static;display:block;margin-bottom:9px}.cr-comment{margin:0 16px 22px;padding:16px 16px 18px;font-size:14px}.cr-comment .cr-delta{font-size:12px}.cr-impact-title{padding:11px 16px}.cr-panel{padding:22px 18px 24px}.cr-panel-head{flex-direction:column;gap:12px;margin-bottom:22px}.cr-kpi{text-align:left}.cr-kpi b{font-size:34px}.cr-grow,.cr-axis{grid-template-columns:46px minmax(0,1fr);column-gap:10px}.cr-grow-desc{font-size:11px}.cr-caption{font-size:12px}}
@media(max-width:380px){.cr-head h2,.cr-contact h2{font-size:28px}.cr-text{padding-inline:14px}.cr-comment{margin-inline:12px}.cr-panel{padding-inline:14px}.cr-grow,.cr-axis{grid-template-columns:40px minmax(0,1fr);column-gap:8px}.cr-cells{gap:3px}}
@media(forced-colors:active){.cr-text del,.cr-delta s{text-decoration:line-through}.cr-text ins{text-decoration:underline}}
@media print{.cr-page{--panel:#fff}.cr-formats li{border-color:#999}.cr-section{padding:22px 0}.cr-head{display:block}.cr-head h2,.cr-contact h2{font-size:22pt}.cr-intro{margin-top:10px;font-size:11pt}.cr-doc,.cr-impact{border-color:#999;background:none}.cr-doc::before,.cr-doc::after,.cr-replay{display:none!important}.cr-clause{grid-template-columns:1fr;break-inside:avoid}.cr-text{padding:12px 0 8px;font-size:11pt}.cr-text del{color:#555;background:none;text-decoration:line-through}.cr-text ins{color:#111;background:none;text-decoration:underline}.cr-comment{margin:0 0 14px;padding:2px 12px;border:0;border-left:2px solid #999;background:none;color:#333;font-size:10pt}.cr-comment::before{display:none}.cr-avatar{border:1px solid #999;background:none;color:#111}.cr-delta s{background:none;text-decoration:line-through}.cr-panels{grid-template-columns:1fr}.cr-panel{break-inside:avoid}.cr-panel+.cr-panel{border-left:0;border-top:1px solid #999}.cr-track,.cr-cells,.cr-coin{-webkit-print-color-adjust:exact;print-color-adjust:exact}.cr-kpi b{color:#111}}
