.checkout{padding-bottom:var(--section)}
.checkout a:not(.btn){text-decoration:underline;text-decoration-color:var(--rule-2);text-underline-offset:3px;transition:text-decoration-color var(--t-word)}
.checkout a:not(.btn):hover{text-decoration-color:currentColor}

.co-head{position:relative;padding-top:calc(var(--eye) - var(--bl))}
.co-head>.eyebrow{position:absolute;left:0;top:calc(var(--eye) - var(--bl) - var(--s-7));margin:0}

.buy .co-head{--F:min(clamp(64px,(100vw - 2 * var(--gutter) - 56px) / 2.9,250px),(var(--eye) - var(--header) - 64px) / var(--serif-cap));--bl:calc(var(--F) * var(--serif-baseline))}
.buy .co-head>.eyebrow{top:calc(var(--eye) - var(--F) * var(--serif-cap) - var(--s-7))}
.co-price{font:400 var(--F)/1 var(--serif);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.co-price .cur{font:400 clamp(12px,.35vw + 10px,16px)/1 var(--mono);letter-spacing:var(--tr-label);color:var(--ink-2);vertical-align:calc(var(--F) * var(--serif-cap) - 1em)}
@media (min-width:1024px){.co-price{position:relative}.co-price .cur{position:absolute;right:100%;top:calc(var(--F) * (var(--serif-baseline) - var(--serif-cap)));margin-right:var(--s-3)}}
.co-price .once{display:inline-block;color:var(--accent);background:linear-gradient(var(--accent),var(--accent)) .02em calc(var(--serif-baseline) * 1em)/calc(100% - .12em) 3px no-repeat}

.teams .co-head{--ppl:max(24px,calc(var(--F) * .3));--F:min(clamp(56px,(100vw - 2 * var(--gutter) - 56px) / 3.4,220px),(var(--eye) - var(--header) - 64px - var(--s-4)) / (var(--serif-cap) + .3));--bl:calc(var(--F) * var(--serif-baseline))}
.teams .co-head>.eyebrow{top:calc(var(--eye) - var(--F) * var(--serif-cap) - var(--s-4) - var(--ppl) - var(--s-6))}
.teams .co-price{position:relative}
.teams .co-price .ppl{position:absolute;left:0;top:calc(var(--bl) - var(--F) * var(--serif-cap) - var(--s-4) - var(--ppl));font-size:var(--ppl);line-height:1;letter-spacing:var(--tr-serif);color:var(--w-said);white-space:nowrap}
.co-packs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-4);margin-top:var(--s-6)}
.co-packs select{min-height:48px;padding:0 var(--s-4);border:1px solid var(--rule-2);border-radius:var(--r-md);background:var(--bg);color:var(--ink);font-size:16px;cursor:pointer}
.co-packs select:disabled{cursor:not-allowed;color:var(--ink-3)}
.teams .btn-buy{margin-top:var(--s-4)}
.co-sales{max-width:72ch;margin-top:var(--s-8)}
.co-sales+.co-fine{margin-top:var(--s-4)}

.co-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s-8) var(--s-9);align-items:start;margin-top:var(--s-7)}
.co-act{display:flex;flex-direction:column;align-items:flex-start}
@media (min-width:1024px){.co-act{position:sticky;top:calc(var(--eye) + var(--s-7))}}
.co-act .lede{max-width:28em}
.btn-buy{min-width:min(100%,300px);min-height:60px;margin-top:var(--s-6);padding:0 var(--s-7);font-size:17px}
.btn-buy:disabled{cursor:not-allowed}
.co-fallback{max-width:34em;margin-top:var(--s-4);padding:var(--s-3) var(--s-4);border-left:2px solid var(--warm-ink);font-size:var(--fs-small);line-height:1.55}
.co-nojs{margin-top:var(--s-6)}
.co-by{margin-top:var(--s-4);font-size:var(--fs-small);color:var(--ink-2)}
.co-link{margin:calc(var(--s-2) - 11px) 0 -11px;padding-block:11px;font-size:var(--fs-small)}

.co-terms{margin:0;padding:0;list-style:none;border-top:1px solid var(--rule-2)}
.co-terms li{display:grid;grid-template-columns:5ch minmax(0,1fr);padding:var(--s-4) 0 var(--s-5);border-bottom:1px solid var(--rule)}
.co-terms .n{grid-row:span 2;padding-top:calc(var(--fs-terms) * .42);font:400 var(--fs-label)/1 var(--mono);letter-spacing:var(--tr-label);color:var(--accent);font-variant-numeric:tabular-nums;transition:color var(--t-light) var(--ease-inout)}
.has-line .co-terms li:not(.is-lit) .n{color:var(--ink-3)}
.co-terms .t{font:400 var(--fs-terms)/1.15 var(--serif);letter-spacing:var(--tr-serif)}
.co-terms .d{max-width:46ch;margin-top:var(--s-1);font-size:var(--fs-small);line-height:1.55;color:var(--ink-2)}

.co-next{margin-top:var(--section)}
.co-next h2{max-width:12em}
.rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-6);margin:var(--s-8) 0 0;padding:0;list-style:none}
.rail>li{position:relative;padding-top:var(--s-7)}
.rail>li::before{content:"";position:absolute;top:6px;left:0;right:calc(var(--s-6) * -1);height:1px;background:repeating-linear-gradient(90deg,var(--ink-3) 0 1px,transparent 1px 6px)}
.rail>li:last-child::before{right:25%;-webkit-mask:linear-gradient(90deg,var(--ink),transparent);mask:linear-gradient(90deg,var(--ink),transparent)}
.rail>li::after{content:"";position:absolute;top:0;left:0;width:13px;height:13px;border:1px solid var(--ink-3);border-radius:50%;background:var(--bg)}
.rail .k{font:400 var(--fs-label)/1 var(--mono);letter-spacing:var(--tr-label);color:var(--ink-3);font-variant-numeric:tabular-nums}
.rail h3{margin-top:var(--s-3);color:var(--w-unlit)}
.rail p{max-width:36ch;margin-top:var(--s-3);font-size:var(--fs-small);line-height:1.6;color:var(--ink-2)}
.rail strong{font-weight:500;color:var(--ink)}
.rail .is-now h3{color:var(--accent)}
.rail .is-now::after{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 5px var(--bg),0 0 0 6px var(--pencil)}
.co-fine{max-width:72ch;margin-top:var(--s-8);font-size:var(--fs-small);line-height:1.6;color:var(--ink-3)}

:is(.thanks,.download) .co-head{--F:min(clamp(28px,(100vw - 2 * var(--gutter)) / 9.6,80px),(var(--eye) - var(--header) - 24px) / 1.93);--lh:var(--lh-script);--bl:calc(var(--F) * var(--lh) + var(--F) * ((var(--lh) - 1) / 2 + var(--serif-baseline)))}
.pl{font:400 var(--F)/var(--lh) var(--serif);letter-spacing:var(--tr-serif)}
.pl.is-said{color:var(--w-said)}
.pl.is-unlit{color:var(--w-unlit)}
.co-read .w{display:inline-block}
.co-read .w.is-now{background-position:0 calc(((var(--lh) - 1) / 2 + var(--serif-baseline)) * 1em);background-size:calc(100% - .14em) 3px}
.thanks .co-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);margin-top:var(--s-8)}
.co-btns{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-6)}
.co-callout{padding:var(--s-5) var(--s-5) var(--s-6);border:1px solid var(--accent);border-radius:var(--r-md);background:var(--paper-2)}
.co-callout .label{color:var(--accent)}
.co-callout p+p{margin-top:var(--s-3)}
.co-callout .label+p{margin-top:var(--s-3)}
.co-more{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--s-8) var(--s-9);margin-top:var(--section)}
.co-more h2{font-size:clamp(32px,2vw + 18px,48px)}
.co-more p{max-width:36em;margin-top:var(--s-4);color:var(--ink-2)}
.co-contact{align-self:start;margin-top:var(--s-2);padding-top:var(--s-5);border-top:1px solid var(--rule-2)}
.co-contact .mail{display:inline-block;margin-top:var(--s-3);font:400 var(--fs-terms)/1.2 var(--serif);letter-spacing:var(--tr-serif)}
.co-contact p{margin-top:var(--s-3);font-size:var(--fs-small);color:var(--ink-2)}
.co-hint{max-width:40em;margin-top:var(--s-4);font-size:var(--fs-small);line-height:1.55;color:var(--ink-2)}

.dl-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5);margin:var(--s-8) 0 0;padding:0;list-style:none}
.dl-opt{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:var(--s-5);border:1px solid var(--rule-2);border-radius:var(--r-md);transition:border-color var(--t-light) var(--ease-inout),background-color var(--t-light) var(--ease-inout)}
.dl-opt .n{font:400 var(--fs-label)/1 var(--mono);letter-spacing:var(--tr-label);color:var(--accent);font-variant-numeric:tabular-nums;transition:color var(--t-light) var(--ease-inout)}
.has-line .dl-opt:not(.is-lit) .n{color:var(--ink-3)}
.dl-opt h2{margin-top:var(--s-4);font:400 var(--fs-terms)/1.1 var(--serif);letter-spacing:var(--tr-serif)}
.dl-opt h2+p{max-width:36ch;margin:var(--s-3) 0 var(--s-6);font-size:var(--fs-small);line-height:1.55;color:var(--ink-2)}
.dl-opt .btn{margin-top:auto}
.dl-yours{position:absolute;top:calc(var(--s-5) - 7px);right:var(--s-5);display:flex}
.dl-opt.is-suggested{border-color:var(--accent);background:var(--paper-2)}
.download .co-hint{margin-top:var(--s-5)}
.dl-intro{margin-top:var(--s-4)}
.dl-opt .btn,.co-dl .btn{align-self:stretch;padding-block:var(--s-2);white-space:normal;text-align:center;text-wrap:balance}
.co-dl{display:grid;width:100%;max-width:25rem}
@media (min-width:1024px){
.dl-opt{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;align-items:start}
.dl-opt .btn{margin-top:0}
}

@media (prefers-reduced-motion:no-preference){
.co-price .num{animation:co-said var(--t-light) var(--ease-inout) both}
.co-price .once{animation:co-said var(--t-light) var(--ease-inout) var(--t-exhale) both,co-caret var(--t-line) var(--ease) calc(var(--t-exhale) + var(--t-word)) both}
.co-read .w{animation:co-said var(--t-caret) var(--ease-inout) calc(var(--i) * var(--t-word)) both}
.co-read .w.is-now{animation:co-said var(--t-caret) var(--ease-inout) calc(var(--i) * var(--t-word)) both,co-caret var(--t-caret) var(--ease) calc(var(--i) * var(--t-word)) both,co-park var(--breath) var(--ease-inout) calc(var(--i) * var(--t-word) + var(--t-light)) 2}
.rail .is-now::after{animation:co-stop var(--breath) var(--ease-inout) var(--t-light) 2}
}
@keyframes co-said{from{color:var(--w-unlit)}}
@keyframes co-caret{from{background-size:0 3px}}
@keyframes co-park{50%{background-size:calc(40% - .14em) 3px}}
@keyframes co-stop{50%{box-shadow:0 0 0 5px var(--bg),0 0 0 6px var(--accent)}}

@media (max-width:1023px){
.co-grid,.thanks .co-grid,.co-more{grid-template-columns:minmax(0,1fr);gap:var(--s-8)}
.dl-list{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:759px){
.btn-buy{width:100%}
.co-btns .btn{flex:1 1 100%}
.dl-opt .btn{align-self:stretch}
.rail{grid-template-columns:minmax(0,1fr);gap:0;margin-top:var(--s-7)}
.rail>li{padding:0 0 var(--s-7) var(--s-7)}
.rail>li::before{top:6px;bottom:-6px;left:6px;right:auto;width:1px;height:auto;background:repeating-linear-gradient(var(--ink-3) 0 1px,transparent 1px 6px)}
.rail>li:last-child::before{bottom:0;right:auto;-webkit-mask:linear-gradient(var(--ink),transparent);mask:linear-gradient(var(--ink),transparent)}
.rail h3{margin-top:var(--s-2)}
.pl{text-wrap:balance}
}