@layer components{.ad-pages{gap:20px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:64rem){.ad-pages{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-bottom:48px}.ad-page:nth-child(2){margin-top:24px}.ad-page:nth-child(3){margin-top:48px}}.ad-page{background:var(--color-paper);color:var(--color-paper-ink);font-variant-numeric:tabular-nums;flex-direction:column;padding:22px 20px 20px;display:flex;box-shadow:0 1px #0003,0 30px 60px -20px #0009}@media (min-width:48rem){.ad-page{padding:32px 32px 28px}}.ad-page-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ad-page-num{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.1em;color:#14141499;margin:0}.ad-stamp{font-family:var(--font-mono);font-size:max(9px, var(--mono-min));letter-spacing:.16em;text-transform:uppercase;border:1.5px solid #141414b3;flex-shrink:0;margin:0;padding:4px 8px;transform:rotate(-4deg)}.ad-page-title{border-bottom:1px solid var(--color-paper-ink);font-family:var(--font-display);letter-spacing:-.01em;margin:18px 0 0;padding-bottom:14px;font-size:26px;font-weight:600;line-height:1.1}.ad-table{border-collapse:collapse;width:100%;margin-top:6px;font-size:13px;line-height:1.45}.ad-table th{font-family:var(--font-mono);font-size:max(9px, var(--mono-min));letter-spacing:.16em;text-align:left;text-transform:uppercase;color:#14141499;padding:10px 0 6px;font-weight:400}.ad-table th:last-child,.ad-result{text-align:right}.ad-table td{border-top:1px solid var(--color-paper-line);vertical-align:baseline;padding:10px 0}.ad-result{font-family:var(--font-mono);white-space:nowrap;font-size:11px;padding-left:12px!important}.ad-fix{border-top:1px solid var(--color-paper-ink);font-size:max(13px, var(--text-min));margin:auto 0 0;padding-top:14px;font-weight:500;line-height:1.45}.ad-table+.ad-fix{margin-top:16px}}
@layer components{.lp-path{gap:32px;display:grid;position:relative}.lp-steps{border-left:1px solid var(--color-line-2);gap:28px;margin:0;padding:0 0 0 20px;list-style:none;display:grid;position:relative}.lp-step{position:relative}.lp-dot{border:1px solid var(--color-cyan);background:var(--color-ink);width:9px;height:9px;position:absolute;top:4px;left:-25px;transform:rotate(45deg)}.lp-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-cyan);margin:0;font-size:11px}.lp-title{font-family:var(--font-display);color:var(--color-off);margin:10px 0 0;font-size:22px;font-weight:500;line-height:1.2}.lp-text{max-width:36ch;font-size:max(14px, var(--text-min));color:var(--color-off-soft);margin:8px 0 0;line-height:1.55}.lp-track{position:relative}.lp-tag{border:1px solid var(--color-cyan);background:var(--color-ink);font-family:var(--font-mono);color:var(--color-off);overflow-wrap:anywhere;padding:6px 10px;font-size:12px;display:inline-block}.lp-mail{border:1px solid var(--color-line-2);background:var(--color-panel);font-family:var(--font-mono);color:var(--color-off-soft);padding:20px 24px;font-size:13px;line-height:1.8}.lp-mail-label{letter-spacing:.18em;text-transform:uppercase;color:var(--color-mute);margin:0 0 8px;font-size:10px}.lp-mail-line{margin:0}.lp-mail-line:last-child{color:var(--color-off)}@media (min-width:64rem){.lp-path{grid-template-rows:auto auto;grid-template-columns:minmax(0,3fr) minmax(0,1.2fr);gap:28px 48px}.lp-track{grid-area:1/1/auto/-1;height:34px}.lp-tag{position:absolute;top:0;left:0}.lp-steps{border-left:0;border-top:1px solid var(--color-line-2);grid-area:2/1;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:28px 0 0}.lp-dot{top:-33px;left:0}.lp-mail{grid-area:2/2;align-self:start}@media (prefers-reduced-motion:no-preference){.lp-path[data-in] .lp-tag{animation:lp-travel 2.4s var(--ease-sig) .6s both}@keyframes lp-travel{0%{left:0;transform:translate(0)}to{left:100%;transform:translate(-100%)}}}}}
@layer components{.mg-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);letter-spacing:.02em;font-size:12px}@media (min-width:64rem){.mg-table{font-size:14px}}.mg-table th{letter-spacing:.18em;text-align:left;text-transform:uppercase;color:var(--color-mute);padding:0 0 12px;font-size:10px;font-weight:400}.mg-table td{border-top:1px solid var(--color-line);vertical-align:middle;overflow-wrap:anywhere;padding:16px 0}.mg-table tbody tr:last-child td{border-bottom:1px solid var(--color-line)}.mg-from{width:40%;color:var(--color-mute);text-decoration:line-through;-webkit-text-decoration-color:var(--color-line-3);text-decoration-color:var(--color-line-3)}.mg-to{width:40%;color:var(--color-off)}.mg-code-col{width:20%;position:relative;text-align:center!important}.mg-arrow{background:var(--color-line-2);transform-origin:0;height:1px;position:absolute;top:50%;left:12%;right:12%}.mg-arrow:after{content:"";border-left:6px solid var(--color-line-2);border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;position:absolute;top:-3px;right:0}.mg-code{background:var(--color-ink);color:var(--color-cyan);padding:2px 8px;position:relative}@media (max-width:39.99rem){.mg-table thead{clip:rect(0 0 0 0);position:absolute}.mg-table,.mg-table tbody,.mg-row,.mg-table td{width:auto;display:block}.mg-row{border-top:1px solid var(--color-line);padding:14px 0}.mg-table td,.mg-table tbody tr:last-child td{border:0;padding:0}.mg-row:last-child{border-bottom:1px solid var(--color-line)}.mg-table td.mg-code-col{align-items:center;gap:8px;height:24px;margin:6px 0;display:flex;text-align:left!important}.mg-arrow{flex:0 0 24px;position:relative;inset:auto}.mg-code{padding:0}.mg-from,.mg-to{overflow-wrap:normal}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.mg-arrow{transition:transform .7s var(--ease-sig) calc(var(--i,0) * 60ms + .25s);transform:scaleX(0)}.mg-row[data-in] .mg-arrow{transform:none}.mg-code{color:var(--color-mute);transition:color .3s ease calc(var(--i,0) * 60ms + .85s)}.mg-row[data-in] .mg-code{color:var(--color-cyan)}}}
@layer components{.op-sheet{background:var(--color-paper);color:var(--color-paper-ink);font-variant-numeric:tabular-nums;padding:24px 18px 20px;position:relative;box-shadow:0 1px #0003,0 30px 60px -20px #0009}@media (min-width:48rem){.op-sheet{padding:40px 44px 32px}}.op-sheet-head{border-bottom:1px solid var(--color-paper-ink);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;display:flex}.op-sheet-title{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600;line-height:1.1}@media (min-width:64rem){.op-sheet-title{font-size:28px}}.op-sheet-meta{font-family:var(--font-mono);letter-spacing:.08em;color:#1414149e;margin:8px 0 0;font-size:11px}.op-stamp{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.16em;text-transform:uppercase;border:1.5px solid #141414b3;flex-shrink:0;margin:0;padding:6px 10px;transform:rotate(-4deg)}.op-table{border-collapse:collapse;width:100%;margin-top:8px}.op-table th{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.16em;text-align:left;text-transform:uppercase;color:#14141499;padding:12px 0 8px;font-weight:400}.op-table td{border-top:1px solid var(--color-paper-line);vertical-align:baseline;padding:14px 0}.op-date{width:1%;font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;color:#141414b3;font-size:11px;padding-right:16px!important}@media (min-width:48rem){.op-date{width:120px;font-size:12px}}.op-text{font-size:max(14px, var(--text-min));line-height:1.5}@media (min-width:64rem){.op-text{font-size:max(15px, var(--text-min))}}.op-num{min-width:28px;font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.1em;color:#141414b8;display:inline-block}.op-col-state{width:40px;text-align:right!important}.op-tick{vertical-align:-3px;stroke:var(--color-paper-ink);display:inline-block}.op-sheet-foot{border-top:1px solid var(--color-paper-ink);font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.06em;color:#1414149e;margin:20px 0 0;padding-top:14px;line-height:1.6}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.op-tick path{stroke-dasharray:16;stroke-dashoffset:16px;transition:stroke-dashoffset .5s var(--ease-sig) calc(var(--i,0) * 60ms + .3s)}.op-row[data-in] .op-tick path{stroke-dashoffset:0}}}
@layer components{.sk-split{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);position:relative}.sk-lane-label{display:none}.sk-steps{margin:0;padding:0;list-style:none}.sk-step{border-left:2px solid var(--color-line-2);padding:20px 0 20px 16px}.sk-step+.sk-step{border-top:1px solid var(--color-line)}.sk-step[data-lane=front]{border-left-color:var(--color-cyan)}.sk-step-num{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-mute);font-size:11px}.sk-step[data-lane=front] .sk-step-num{color:var(--color-cyan)}.sk-step-title{font-family:var(--font-display);color:var(--color-off);margin:10px 0 0;font-size:20px;font-weight:500;line-height:1.25}.sk-step-text{max-width:40ch;font-size:max(14px, var(--text-min));color:var(--color-off-soft);margin:8px 0 0;line-height:1.55}@media (min-width:64rem){.sk-split{--sk-rail-y:42px;grid-template-rows:auto auto;padding:0;display:grid}.sk-lane-label{font-family:var(--font-mono);font-size:max(10px, var(--mono-min));letter-spacing:.2em;text-transform:uppercase;color:var(--color-mute);margin:0;display:block;position:absolute;left:22px}.sk-lane-front{color:var(--color-cyan);top:16px}.sk-lane-shop{top:calc(50% + 16px);left:calc(40% + 34.8px)}.sk-split:after{content:"";pointer-events:none;background:linear-gradient(var(--color-line), var(--color-line)) 0 50% / 100% 1px no-repeat, linear-gradient(var(--color-line), var(--color-line)) calc((100% - 128px) / 5 + 16px) 0 / 1px 100% no-repeat, linear-gradient(var(--color-line), var(--color-line)) calc(2 * (100% - 128px) / 5 + 48px) 0 / 1px 100% no-repeat, linear-gradient(var(--color-line), var(--color-line)) calc(3 * (100% - 128px) / 5 + 80px) 0 / 1px 100% no-repeat, linear-gradient(var(--color-line), var(--color-line)) calc(4 * (100% - 128px) / 5 + 112px) 0 / 1px 100% no-repeat;position:absolute;inset:0}.sk-steps{grid-template-rows:1fr 1fr;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:32px;display:grid}.sk-step{grid-column:var(--col);padding:56px 0 40px 20px;border-top:0!important}.sk-step[data-lane=front]{grid-row:1}.sk-step[data-lane=shopify]{grid-row:2}.sk-step-lane{display:none}.sk-step{position:relative}.sk-step:before{content:"";top:var(--sk-rail-y);background:var(--color-line-2);transform-origin:0;height:1px;position:absolute;left:0;right:-32px}.sk-step[data-lane=front]:before{background:var(--color-cyan)}.sk-step:last-child:before{right:0}.sk-step:has(+.sk-step[data-handover]):before{right:-16px}.sk-step[data-handover]:before{left:-16px}.sk-step[data-handover]:after{content:"";left:-16px;top:calc(-100% + var(--sk-rail-y));background:var(--color-line-2);width:1px;height:100%;position:absolute}}@media (min-width:64rem) and (prefers-reduced-motion:no-preference) and (scripting:enabled){.sk-step:before{transition:transform .7s var(--ease-sig) calc(var(--i) * .12s + .25s);transform:scaleX(0)}.sk-step[data-in]:before{transform:none}}}