.cl-section{--cl-board-a:var(--carton-a,#ecd2ab);--cl-board-b:var(--carton-b,#cfa878);--cl-board-top-a:var(--carton-top-a,#f7e6c8);--cl-board-top-b:var(--carton-top-b,#e6c89b);--cl-board-seam:var(--carton-seam,#b58d5c);--cl-board-tape:var(--carton-tape,#f4f7ff);padding-block:clamp(40px,5vw,72px) clamp(28px,4vw,56px)}.cl-card{--pad:clamp(22px, 5vw, 72px);--p:1;--cl-off:color-mix(in srgb, var(--text) 24%, var(--ambient));--in:clamp(0, calc(var(--p) / .34), 1);--out:calc(1 - var(--in));--pay:clamp(0, calc((var(--p) - .3) / .06), 1);--cut:clamp(0, calc((var(--p) - .925) / .07), 1);--lift:calc(clamp(0, calc((var(--p) - .445) / .033), 1) + clamp(0, calc((var(--p) - .563) / .033), 1) + clamp(0, calc((var(--p) - .681) / .033), 1) + clamp(0, calc((var(--p) - .799) / .033), 1));isolation:isolate;width:min(var(--wrap), 100% - 2 * var(--gutter));padding:max(var(--pad), 30px) var(--pad);border-radius:var(--r-l);border:1px solid var(--line);background:radial-gradient(60% 110% at calc(50% + var(--dir) * 50%) 100%, color-mix(in srgb, var(--glow) 52%, transparent), transparent 62%), linear-gradient(calc(var(--dir) * 135deg), color-mix(in srgb, var(--ambient) 88%, var(--glow)), color-mix(in srgb, var(--ground-raised) 50%, var(--ground)));box-shadow:0 18px 44px -30px color-mix(in srgb, var(--deep) 26%, transparent);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid;position:relative;overflow:clip}.cl-dots{z-index:0;pointer-events:none;background-image:radial-gradient(circle, color-mix(in srgb, var(--text) 18%, transparent) 1px, transparent 1.4px);-webkit-mask-image:linear-gradient(to top, var(--night), transparent 46%);mask-image:linear-gradient(to top, var(--night), transparent 46%);background-size:16px 16px;position:absolute;inset:0}.cl-dots:after{content:"";background-image:radial-gradient(circle, var(--signal) 1.2px, transparent 1.6px);-webkit-mask-image:radial-gradient(190px circle at var(--rx,-999px) var(--ry,-999px), var(--night), transparent 100%);mask-image:radial-gradient(190px circle at var(--rx,-999px) var(--ry,-999px), var(--night), transparent 100%);opacity:0;transition:opacity .5s var(--ease-out);background-size:16px 16px;position:absolute;inset:0}@media (hover:hover){.cl-card:hover .cl-dots:after{opacity:1;transition-duration:.22s}}.cl-copy{z-index:2;grid-area:1/1;align-content:center;justify-items:start;display:grid;position:relative}.cl-print{--h:22px;--tap:calc((44px - var(--h)) / 2);margin-block:calc(-1 * var(--tap)) calc(26px - var(--tap))}.cl-print .k-code{height:var(--h);transition:fill var(--t-control) var(--ease-out)}.cl-print:active .k-code,.cl-print:focus-visible .k-code{fill:var(--text)}@media (hover:hover){.cl-print:hover .k-code{fill:var(--text)}}.cl-h{max-width:15ch;font-size:clamp(34px,min(3.7vw,6.2svh),58px)}[dir=rtl] .cl-h{max-width:17ch}.cl-lead{max-width:44ch;margin-block-start:18px}.cl-asks{flex-wrap:wrap;gap:12px;width:100%;margin-block-start:30px;display:flex}.cl-main{flex:100%;justify-content:space-between}.cl-main:active .bt-dot svg,.cl-main:focus-visible .bt-dot svg{transform:translate(36px)}.cl-main:active .bt-dot svg+svg,.cl-main:focus-visible .bt-dot svg+svg{transform:none}.cl-main:focus-visible{box-shadow:0 0 0 5px var(--signal-soft)}.cl-tel{border:1px solid var(--line);background:var(--card);min-height:60px;color:var(--text);border-radius:999px;flex:100%;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:start;gap:6px;padding-inline:18px;display:inline-grid}.cl-tel.press{transition:transform var(--t-press) var(--ease-out), border-color var(--t-control) var(--ease-out), background-color var(--t-control) var(--ease-out), box-shadow var(--t-control) var(--ease-out)}.cl-tel-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);transition:color var(--t-control) var(--ease-out);align-items:center;gap:7px;font-size:11px;font-weight:650;line-height:1;display:inline-flex}[dir=rtl] .cl-tel-label{letter-spacing:0;font-size:12.5px}.cl-tel-label:before{content:"";width:7px;height:7px;box-shadow:inset 0 0 0 1.5px var(--signal);transition:background-color var(--t-control) var(--ease-out), box-shadow var(--t-control) var(--ease-out);border-radius:50%;flex:none}.cl-tel .k-code{width:calc(var(--code-h) * var(--cols) / 7);height:auto}.cl-tel:active,.cl-tel:focus-visible{border-color:color-mix(in srgb, var(--signal) 78%, transparent);background:var(--card-hover)}.cl-tel:active .cl-tel-label,.cl-tel:focus-visible .cl-tel-label{color:var(--text)}.cl-tel:active .cl-tel-label:before,.cl-tel:focus-visible .cl-tel-label:before{background:var(--signal);box-shadow:inset 0 0 0 1.5px var(--signal), 0 0 0 4px var(--signal-soft)}.cl-tel:active .k-code circle,.cl-tel:focus-visible .k-code circle{animation:cl-drop 80ms linear calc(var(--c) * 8ms) backwards}@media (hover:hover){.cl-tel:hover{border-color:color-mix(in srgb, var(--signal) 78%, transparent);background:var(--card-hover)}.cl-tel:hover .cl-tel-label{color:var(--text)}.cl-tel:hover .cl-tel-label:before{background:var(--signal);box-shadow:inset 0 0 0 1.5px var(--signal), 0 0 0 4px var(--signal-soft)}.cl-tel:hover .k-code circle{animation:cl-drop 80ms linear calc(var(--c) * 8ms) backwards}}@keyframes cl-drop{0%{opacity:0}}.cl-stage{z-index:1;width:min(100%,330px);margin-block:34px calc(var(--pad) * -.2);grid-area:2/1;justify-self:center;position:relative}.cl-stage:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--glow) 46%, transparent), transparent);pointer-events:none;position:absolute;inset:-8% -26% -22%}.cl-carton{width:100%;height:auto;display:block;position:relative;overflow:visible}.cl-tape{fill:var(--cl-board-tape);opacity:.92}.cl-plate{fill:var(--signal)}.cl-plate-light{fill:var(--signal);filter:blur(5px);opacity:.75}.cl-rail,.cl-wrap{transform-box:view-box;transform-origin:200px 165px;transform:scaleX(var(--dir))}.cl-track{fill:var(--cl-off);transform-box:fill-box;transform-origin:0;transform:scaleX(0)}.cl-lean{transform-box:view-box;transform-origin:200px 304px}.cl-turn{--t:clamp(0, calc((var(--p) - .36 - var(--n) * .118) / .085), 1)}.cl-veil{transform:translateX(calc((1 - var(--t)) * 400px))}.cl-front{transform:translate(calc(var(--t) * -400px), calc(var(--t) * 15.4px));opacity:clamp(0, min(calc(var(--t) * 12), calc((1 - var(--t)) * 6)), 1)}.cl-feed{transform:translateY(calc(var(--lift) * 52px));clip-path:inset(-8px -8px -8px calc(max(1 - var(--pay), var(--cut)) * 100%))}.cl-glint{opacity:0}.cl-seal-at{transform:translateX(calc((var(--dir) - 1) * 152px))}.cl-seal,.cl-seal-ring{transform-box:fill-box;transform-origin:50%}.cl-seal-disc{fill:var(--blue);stroke:var(--paper);stroke-width:3px}.cl-seal-ring{fill:none;stroke:var(--signal);stroke-width:2.5px;opacity:0}.cl-tick{fill:none;stroke:var(--paper);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.cl-card[data-live=open] .cl-seal{opacity:0;transform:scale(.4)}.cl-card[data-live=open] .cl-tick{stroke-dashoffset:1px}.cl-card[data-live=open] .cl-plate{fill:var(--cl-off)}.cl-card[data-live=open] .cl-plate-light{opacity:0}.cl-card[data-live=closed] .cl-glint{animation:cl-glint .86s var(--ease-surface) both}.cl-card[data-live=closed] .cl-seal{animation:cl-seal .46s var(--ease-out) .16s both}.cl-card[data-live=closed] .cl-seal-ring{animation:cl-ring .7s var(--ease-out) .3s forwards}.cl-card[data-live=closed] .cl-tick{animation:cl-tick .4s var(--ease-out) .38s both}.cl-card[data-live=closed] .cl-plate{transition:fill .56s var(--ease-out) .42s}.cl-card[data-live=closed] .cl-plate-light{transition:opacity .56s var(--ease-out) .42s}@keyframes cl-glint{0%{opacity:0;transform:translate(0)}15%,80%{opacity:1}to{opacity:0;transform:translate(-400px)}}@keyframes cl-seal{0%{opacity:0;transform:scale(.4)}}@keyframes cl-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes cl-tick{0%{stroke-dashoffset:1px}}@media (min-width:640px){.cl-main,.cl-tel{flex:0 auto;justify-content:flex-start}.cl-tel{gap:5px;min-height:54px;padding-inline:20px 24px}}@media (min-width:768px){.cl-card{grid-template-columns:minmax(0,1fr) clamp(280px,42%,500px);align-items:center;column-gap:clamp(20px,3.4vw,52px)}.cl-dots{-webkit-mask-image:linear-gradient(285deg, var(--night), transparent 58%);mask-image:linear-gradient(285deg, var(--night), transparent 58%)}[dir=rtl] .cl-dots{-webkit-mask-image:linear-gradient(75deg, var(--night), transparent 58%);mask-image:linear-gradient(75deg, var(--night), transparent 58%)}.cl-print{--h:clamp(22px, 2.1vw, 30px);margin-block-end:calc(30px - var(--tap))}.cl-stage{width:100%;margin-block:0 calc(var(--pad) * -.3);grid-area:1/2;place-self:end}.cl-box{transform:translateX(calc(var(--dir) * var(--out) * var(--out) * 460px))}.cl-lean{transform:skewX(calc(var(--dir) * var(--in) * var(--in) * var(--out) * 10deg))}.cl-track{transform:scaleX(calc(1 - clamp(0, calc((var(--p) - .3) / .08), 1)))}}@media (prefers-reduced-motion:reduce){.cl-tel.press,.cl-tel-label,.cl-tel-label:before,.cl-print .k-code,.cl-dots:after{transition:none}.cl-tel .k-code circle,.cl-card .cl-glint,.cl-card .cl-seal,.cl-card .cl-seal-ring,.cl-card .cl-tick{animation:none}.cl-card .cl-plate,.cl-card .cl-plate-light{transition:none}.cl-dots:after{display:none}}