.pf-signature-intro{margin:24px 0 32px;padding:28px;border-radius:24px;background:#171827;color:#fff;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;overflow:hidden;position:relative}.pf-signature-intro:after{content:"";position:absolute;right:-80px;top:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#705cff 0,transparent 67%);opacity:.45}.pf-signature-intro h2{margin:7px 0 10px;font-size:clamp(24px,3vw,38px);letter-spacing:-.055em}.pf-signature-intro p{margin:0;color:#c8cada;line-height:1.7}.pf-signature-intro>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);align-self:center;z-index:1}.pf-signature-intro span{padding:12px;border-left:1px solid #3c3d4c;font-size:12px;color:#c8cada}.pf-signature-intro span b{display:block;margin-bottom:6px;color:#fff;font-size:18px}.pf-mood-panel{margin:0 0 22px;padding:22px;border:1px solid #d9d5f8;border-radius:18px;background:linear-gradient(135deg,#faf9ff,#f1efff)}.pf-mood-panel header{display:flex;justify-content:space-between;gap:20px;margin-bottom:14px}.pf-mood-panel h3{margin:0;font-size:18px}.pf-mood-panel header span{color:#77738b;font-size:12px}.pf-mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.pf-mood{padding:14px;border:1px solid #d9d5e5;border-radius:12px;background:#fff;text-align:left;font-weight:900;cursor:pointer}.pf-mood small{display:block;margin-top:5px;color:#77738b;font-weight:500}.pf-mood.selected{border:2px solid #6654ed;padding:13px;background:#efedff;color:#4e3ddd}.pf-ai-rec{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;margin:18px 0;padding:15px 17px;border:1px solid #ddd8ff;border-radius:15px;background:#f8f7ff}.pf-ai-rec>i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#6654ed;color:#fff;font-style:normal;font-weight:950}.pf-ai-rec b,.pf-ai-rec span{display:block}.pf-ai-rec span{margin-top:3px;color:#747184;font-size:12px}.pf-ai-rec button{border:0;border-radius:10px;background:#171827;color:#fff;padding:11px 14px;font-weight:900;cursor:pointer}.pf-finish-lab{margin:20px 0;padding:22px;border-radius:18px;background:#171827;color:#fff}.pf-finish-lab header{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.pf-finish-lab h3{margin:0}.pf-finish-lab header span{color:#aaaebe;font-size:12px}.pf-finish-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pf-finish-swatch{border:1px solid #424351;border-radius:12px;background:#232431;color:#fff;padding:12px;text-align:left;cursor:pointer}.pf-finish-swatch i{display:block;height:64px;margin-bottom:10px;border-radius:8px;background:#e8e4da}.pf-finish-swatch[data-finish="matte"] i{background:linear-gradient(135deg,#e9e6df,#c9c5bd)}.pf-finish-swatch[data-finish="gloss"] i{background:linear-gradient(125deg,#d9d5cb 20%,#fff 45%,#c5c1b8 70%)}.pf-finish-swatch[data-finish="texture"] i{background-color:#e6ddca;background-image:repeating-linear-gradient(35deg,rgba(87,68,42,.09) 0 1px,transparent 1px 5px)}.pf-finish-swatch[data-finish="foil"] i{background:linear-gradient(135deg,#80601c,#fff0a4,#a9781e)}.pf-finish-swatch.selected{border-color:#8c7aff;box-shadow:0 0 0 1px #8c7aff}.pf-proof-dna{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.pf-proof-dna span{padding:10px 12px;border:1px solid #dedbe7;border-radius:12px;background:#fff;font-size:11px;color:#77738b}.pf-proof-dna b{display:block;margin-bottom:4px;color:#171827;font-size:12px}.pf-signature-note{margin:14px 0;padding:15px 17px;border-left:4px solid #6654ed;background:#f3f1ff;color:#5d5874;font-size:13px;line-height:1.65}.pf-signature-note b{color:#171827}.pf-proof-mockup-v67{margin:14px 0;padding:18px;border-radius:18px;background:radial-gradient(circle at 20% 10%,#525465,#282a35 65%);color:#fff}.pf-proof-mockup-v67 header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pf-proof-mockup-v67 header span{font-size:11px;color:#bec1ce}.pf-card-stack-v67{min-height:260px;display:grid;place-items:center;perspective:950px}.pf-card-v67{position:relative;width:min(82%,480px);aspect-ratio:90/50;border-radius:5px;padding:28px;background:#f7f4ed;color:#151620;box-shadow:0 25px 55px #090a0f,6px 7px 0 #d9d1c2,12px 14px 0 #bdb5a8;transform:rotateX(7deg) rotateY(-10deg) rotateZ(-2deg);transition:.35s;overflow:hidden}.pf-card-v67:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(25deg,rgba(81,66,43,.035) 0 1px,transparent 1px 4px);mix-blend-mode:multiply}.pf-card-v67.black{background:#111217;color:#fff;box-shadow:0 25px 55px #090a0f,6px 7px 0 #a48330,12px 14px 0 #171717}.pf-card-v67 h4{margin:12px 0 4px;font-size:28px}.pf-card-v67 p{margin:4px 0;font-size:12px;opacity:.74}.pf-card-v67 small{font-weight:900;letter-spacing:.14em;color:#6654ed}.pf-card-v67.black small{color:#e1bd55}.pf-card-v67.back h4{margin-top:40px}.pf-card-tabs-v67{display:flex;justify-content:center;gap:7px}.pf-card-tabs-v67 button{border:1px solid #555766;border-radius:9px;background:#30313e;color:#fff;padding:9px 14px;font-weight:900}.pf-card-tabs-v67 button.active{background:#6654ed;border-color:#6654ed}
@media(max-width:760px){.pf-signature-intro{grid-template-columns:1fr}.pf-signature-intro>div:last-child,.pf-mood-grid,.pf-finish-swatches{grid-template-columns:1fr 1fr}.pf-ai-rec{grid-template-columns:auto 1fr}.pf-ai-rec button{grid-column:1/-1}.pf-proof-dna{grid-template-columns:1fr}.pf-card-v67{width:94%;padding:20px}.pf-card-v67 h4{font-size:22px}}
.pf-dna-lab{background:#f4f0e8;border-color:#c9c0b0}.pf-dna-lab header{align-items:center}.pf-dna-lab header small{color:#6552e8;font-size:10px;font-weight:950;letter-spacing:.16em}.pf-dna-code{min-width:120px;padding:12px 15px;border-radius:12px;background:#171827;color:#fff;text-align:center}.pf-dna-code span{display:block;color:#a9adba;font-size:9px;letter-spacing:.13em}.pf-dna-code b{display:block;margin-top:4px;font-size:22px;letter-spacing:.16em}.pf-dna-axes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pf-dna-axes>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:13px;border:1px solid #d2cabc;border-radius:13px;background:#fff}.pf-dna-axes>div>b{grid-column:1/-1;font-size:12px}.pf-dna-axes button{padding:11px 8px;border:1px solid #d7d3cc;border-radius:9px;background:#f7f5f1;font-weight:900;cursor:pointer}.pf-dna-axes button.selected{border-color:#6552e8;background:#6552e8;color:#fff}.pf-dna-lab>p{margin:14px 0 0;color:#686253;font-size:13px}.pf-dna-lab>p b{color:#171827}.pf-dna-result i{width:48px}.pf-dna-ticket{grid-template-columns:.8fr 1fr 1fr 1.4fr}.pf-dna-ticket span:first-child{background:#171827;color:#fff}.pf-dna-ticket span:first-child b{color:#aaaebe}.pf-dna-ticket strong{display:block;font-size:17px;letter-spacing:.14em}@media(max-width:760px){.pf-dna-axes{grid-template-columns:1fr}.pf-dna-ticket{grid-template-columns:1fr 1fr}}
