.co{position:relative;overflow:hidden}.co-glow{pointer-events:none;position:absolute;inset:0}.co-glow span{background:radial-gradient(circle,#c9a15a2e,#0000 65%);border-radius:50%;width:620px;height:620px;position:absolute}.co-glow span:first-child{animation:20s ease-in-out infinite alternate co-drift;top:-240px;left:-200px}.co-glow span:last-child{animation:24s ease-in-out -8s infinite alternate-reverse co-drift;bottom:-260px;right:-220px}@keyframes co-drift{to{transform:translate(70px,50px)scale(1.1)}}.co-wrap{max-width:1120px;margin:0 auto;padding:40px 20px 80px;position:relative}.co-head{text-align:center;margin-bottom:30px;animation:.7s cubic-bezier(.2,.8,.2,1) both co-rise}.co-kicker{color:var(--brand-brass);border:1px solid #c9a15a73;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-block}.co-head h1{color:var(--ink-text);margin-top:12px;font-size:clamp(26px,4vw,38px);font-weight:900}.co-head p{color:var(--ink-muted);margin-top:8px;font-size:14px}.co-grid{gap:28px;display:grid}@media (min-width:960px){.co-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:44px}.co-preview{order:2;position:sticky;top:96px}}.co-preview{animation:.8s cubic-bezier(.2,.8,.2,1) .1s both co-rise}.co-stage{perspective:1400px;padding:28px 8px 36px;position:relative}.co-card{aspect-ratio:1.586;width:100%;max-width:520px;margin:0 auto;animation:6s ease-in-out infinite co-float;display:block}.co-card.is-round{aspect-ratio:1;max-width:340px}.co-card-in{width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,.9,.3,1);display:block;position:relative;transform:rotateX(6deg)rotateY(-8deg)}button.co-card{cursor:pointer}.co-card[data-flipped=true] .co-card-in{transform:rotateX(6deg)rotateY(172deg)}@media (hover:hover){.co-card:hover .co-card-in{transform:rotateX(2deg)rotateY(-2deg)scale(1.02)}.co-card[data-flipped=true]:hover .co-card-in{transform:rotateX(2deg)rotateY(178deg)scale(1.02)}}.co-face{object-fit:cover;backface-visibility:hidden;border-radius:5.5%/8.7%;width:100%;height:100%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000000f,0 34px 60px -30px #281a08b3}.is-round .co-face{border-radius:50%}.co-back{transform:rotateY(180deg)}.co-card-in:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 38%,#fff8e666 50%,#0000 62%) 120% 0/250% 100%;border-radius:5.5%/8.7%;animation:7s ease-in-out 1.5s infinite co-glint;position:absolute;inset:0}.is-round .co-card-in:after{border-radius:50%}@keyframes co-glint{0%{background-position:120% 0}22%,to{background-position:-120% 0}}.co-shadow{background:radial-gradient(closest-side,#281a0859,#0000);border-radius:50%;height:22px;animation:6s ease-in-out infinite co-shadow;position:absolute;bottom:6px;left:18%;right:18%}@keyframes co-float{0%,to{translate:0}50%{translate:0 -10px}}@keyframes co-shadow{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(.85)}}.co-mock-face{color:#d9b56e;background:linear-gradient(140deg,#2b2016,#0f0b07 55%,#22190f);align-content:center;place-items:center;gap:12px;display:grid}.co-mock.pvc .co-mock-face{color:#6b5a3f;background:linear-gradient(150deg,#fffdf8 0%,#f6efe2 55%,#ebe1cf 100%)}.co-mock.sticker .co-mock-face{color:#3b2709;background:radial-gradient(circle at 35% 30%,#f6e2b0,#c9a15a 55%,#8a6428)}.co-mock-face img{width:22%}.co-mock.sticker .co-mock-face img{filter:brightness(.62)contrast(1.15)}.co-mock-face small{text-overflow:ellipsis;white-space:nowrap;opacity:.8;max-width:80%;font-size:13px;font-weight:700;overflow:hidden}.co-flipbar{border:1px solid var(--hairline);background:var(--paper-card);border-radius:99px;width:fit-content;margin:0 auto;padding:4px;display:flex}.co-flipbar button{color:var(--ink-muted);border-radius:99px;padding:7px 16px;font-size:12px;font-weight:800;transition:background-color .3s,color .3s}.co-flipbar button[data-on=true]{color:#241a08;background:linear-gradient(#ebcd8f,#c9a15a)}.co-preview-meta{text-align:center;justify-items:center;gap:4px;margin-top:16px;display:grid}.co-preview-meta b{color:var(--ink-text);font-size:17px;font-weight:900}.co-preview-meta>span{color:var(--ink-muted);font-size:12px}.co-edit{color:var(--brand-brass);border:1px solid #c9a15a80;border-radius:99px;align-items:center;gap:6px;margin-top:8px;padding:7px 14px;font-size:12.5px;font-weight:800;transition:background-color .25s;display:inline-flex}.co-edit:hover{background:var(--brand-brass-dim)}.co-steps{gap:16px;display:grid}.co-step{border:1px solid var(--hairline);background:var(--paper-card);animation:.6s cubic-bezier(.2,.8,.2,1) both co-rise;animation-delay:calc(var(--i,0) * 80ms + .15s);border-radius:22px;padding:20px;box-shadow:0 20px 40px -32px #281a0873}.co-step h2{color:var(--ink-text);align-items:center;gap:10px;margin-bottom:14px;font-size:15px;font-weight:900;display:flex}.co-step h2 i{color:#241a08;background:linear-gradient(#ebcd8f,#c9a15a);border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-style:normal;font-weight:900;display:grid}.co-skus{gap:8px;display:grid}.co-sku{border:1px solid var(--hairline);text-align:right;border-radius:16px;align-items:center;gap:12px;padding:14px;transition:border-color .25s,background-color .25s,transform .2s;display:flex}.co-sku:hover{border-color:#c9a15a80}.co-sku:active{transform:scale(.99)}.co-sku[data-on=true]{border-color:var(--brand-brass);background:var(--brand-brass-dim)}.co-sku b{color:var(--ink-text);font-size:14px;font-weight:800;display:block}.co-sku small{color:var(--ink-muted);margin-top:2px;font-size:12px;line-height:1.7;display:block}.co-radio{border:2px solid var(--hairline);border-radius:50%;flex:none;width:20px;height:20px;transition:border-color .25s;position:relative}.co-radio:after{content:"";background:var(--brand-brass);border-radius:50%;transition:transform .3s cubic-bezier(.3,1.5,.5,1);position:absolute;inset:3px;transform:scale(0)}.co-sku[data-on=true] .co-radio{border-color:var(--brand-brass)}.co-sku[data-on=true] .co-radio:after{transform:scale(1)}.co-price{color:var(--ink-text);flex:none;font-size:14px;font-weight:900}.co-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.co-label{color:var(--ink-muted);font-size:13px;font-weight:700}.co-qty{border:1px solid var(--hairline);border-radius:99px;align-items:center;gap:4px;padding:4px;display:flex}.co-qty button{width:34px;height:34px;color:var(--ink-text);border-radius:50%;font-size:18px;transition:background-color .2s}.co-qty button:hover{background:var(--brand-brass-dim)}.co-qty span{text-align:center;min-width:34px;color:var(--ink-text);font-size:15px;font-weight:900;animation:.3s co-tick}@keyframes co-tick{0%{opacity:0;transform:translateY(-6px)}}.co-design-ok,.co-design-cta{border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.co-design-ok{color:#1f8a50;background:#1f8a5014;border:1px solid #1f8a5059}.co-design-cta{color:var(--brand-brass);border:1px dashed #c9a15a99;transition:background-color .25s}.co-design-cta:hover{background:var(--brand-brass-dim)}.co-design-ok span,.co-design-cta span{flex:1}.co-design-ok b,.co-design-cta b{color:var(--ink-text);font-size:14px;font-weight:800;display:block}.co-design-ok small,.co-design-cta small{color:var(--ink-muted);margin-top:2px;font-size:12px;display:block}.co-upload{border:1px dashed var(--hairline);color:var(--ink-muted);cursor:pointer;border-radius:14px;align-items:center;gap:8px;margin-top:10px;padding:12px 14px;font-size:12.5px;font-weight:600;transition:border-color .25s;display:flex}.co-upload:hover{border-color:#c9a15a99}.co-note{background:var(--brand-brass-dim);color:var(--ink-text);border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:14px;padding:10px 12px;font-size:12px;line-height:1.8;display:flex}.co-note svg{color:var(--brand-brass);flex:none;margin-top:3px}.co-line{color:var(--ink-muted);justify-content:space-between;align-items:center;padding:4px 0;font-size:14px;display:flex}.co-total{border-top:1px solid var(--hairline);justify-content:space-between;align-items:baseline;margin-top:16px;padding-top:16px;display:flex}.co-total span{color:var(--ink-text);font-size:14px;font-weight:700}.co-total b{background:linear-gradient(#e9ca8b,#b8903f);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:900}.co-error{text-align:center;color:#b52d18;margin-top:10px;font-size:12px;font-weight:700;animation:.4s co-shake}html[data-theme=dark] .co-error{color:#ef6b54}@keyframes co-shake{25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.co-pay{text-align:center;color:#241a08;background:linear-gradient(#ebcd8f,#c9a15a);border-radius:16px;width:100%;margin-top:16px;padding:16px;font-size:15px;font-weight:900;transition:transform .2s;display:block;position:relative;overflow:hidden;box-shadow:0 16px 30px -16px #c9a15af2}.co-pay:hover{transform:translateY(-1px)}.co-pay:disabled{opacity:.6}.co-pay:after{content:"";background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:40%;animation:5s ease-in-out 2s infinite co-sheen;position:absolute;inset:0;transform:translate(-160%)skew(-18deg)}@keyframes co-sheen{0%{transform:translate(-160%)skew(-18deg)}22%,to{transform:translate(360%)skew(-18deg)}}.co-secure{color:var(--ink-muted);justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:11.5px;display:flex}@keyframes co-rise{0%{opacity:0;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.co *,.co :after{transition:none!important;animation:none!important}}.flow-head{z-index:40;border-bottom:1px solid var(--hairline);background:color-mix(in srgb, var(--paper) 92%, transparent);position:sticky;top:0}.flow-head-in{justify-content:space-between;align-items:center;max-width:1120px;height:64px;margin:0 auto;padding:0 20px;display:flex}.flow-back{color:var(--ink-muted);justify-self:start;align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.flow-back:hover{color:var(--brand-brass)}.flow-logo{display:flex}.flow-end{justify-self:end;align-items:center;gap:12px;display:flex}.flow-secure{color:#1f8a50;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}html[data-theme=dark] .flow-secure{color:#4fc785}@media (max-width:520px){.flow-secure span{display:none}}.flow-theme{border:1px solid var(--hairline);width:36px;height:36px;color:var(--brand-brass);border-radius:50%;place-items:center;display:grid}.flow-theme svg{grid-area:1/1;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .3s}.flow-theme .sun,html[data-theme=dark] .flow-theme .moon{opacity:0;transform:rotate(90deg)scale(.5)}html[data-theme=dark] .flow-theme .sun{opacity:1;transform:none}.co-free{color:var(--ink-muted);margin-top:12px;font-size:12.5px}.co-free a{color:var(--brand-brass);text-underline-offset:4px;font-weight:800;text-decoration:underline}.co-needs-page{color:var(--ink-text);background:color-mix(in srgb, var(--brand-brass) 12%, transparent);border:1px solid color-mix(in srgb, var(--brand-brass) 35%, transparent);border-radius:12px;padding:10px 12px;line-height:1.9}.co-discount-link{color:var(--brand-brass);text-underline-offset:4px;margin-top:12px;font-size:12.5px;font-weight:700;text-decoration:underline;display:block}
