/* Tap2Grow Hub — printed designs (custom logo cards, ready-made designs, the stand).
   Print colours: these are physical objects, so they don't change in dark mode. */
.pc,.nd{-webkit-print-color-adjust:exact;print-color-adjust:exact}
.nd .d-ndc{display:flex;flex-direction:column;align-items:center;width:100%}
.dimw .dh,.dimw .dv,.dimw .dh::before,.dimw .dh::after,.dimw .dv::before,.dimw .dv::after{border-color:var(--muted,#5E7F72)}
.pc{--c:#7A1F2B;--c2:#F4D9A6;--ci:#FFFFFF;--u:1.2px;position:relative;width:var(--w);aspect-ratio:54/85.6;border-radius:calc(var(--u)*5);overflow:hidden;font-family:'Poppins','Space Grotesk',system-ui,sans-serif;display:flex;flex-direction:column;box-shadow:0 6px 18px rgba(0,0,0,.18);isolation:isolate}
.pc.sq{aspect-ratio:1}
.pc.st{aspect-ratio:6/7;border-radius:calc(var(--u)*3.5) calc(var(--u)*3.5) calc(var(--u)*.6) calc(var(--u)*.6);box-shadow:none}
.pc .d-top{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*3);padding:calc(var(--u)*9) calc(var(--u)*7) 0}
.pc .d-logo{max-width:62%;max-height:calc(var(--u)*30);object-fit:contain;display:block}
.pc.sq .d-logo,.pc.st .d-logo{max-height:calc(var(--u)*20)}
.pc .d-nm{font-weight:800;font-size:calc(var(--u)*9);line-height:1.05;text-align:center;overflow-wrap:anywhere;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc.sq .d-nm,.pc.st .d-nm{font-size:calc(var(--u)*7.5)}
.pc.sq .d-top{padding-top:calc(var(--u)*6)}
.pc.sq .d-bot{padding-bottom:calc(var(--u)*8);gap:calc(var(--u)*2)}
.pc.sq .d-ic i{width:calc(var(--u)*23);height:calc(var(--u)*23)}
.pc .d-bot{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*3.5);padding:calc(var(--u)*4) calc(var(--u)*6) calc(var(--u)*10);min-height:0}
.pc .d-icons{display:flex;justify-content:center;align-items:flex-start;gap:calc(var(--u)*9)}
.pc .d-ic{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*2.5);font-size:calc(var(--u)*5);font-weight:800;letter-spacing:.12em}
.pc .d-ic i{width:calc(var(--u)*31);height:calc(var(--u)*31);display:grid;place-items:center;border-radius:calc(var(--u)*6);border:calc(var(--u)*1.2) solid currentColor}
.pc.sq .d-ic i,.pc.st .d-ic i{width:calc(var(--u)*26);height:calc(var(--u)*26)}
.pc .d-ic i svg{width:66%;height:66%}
.pc .d-ic.d-q i{background:#fff;color:#111;border-color:#111;padding:calc(var(--u)*2)}
.pc .d-ic.d-q i svg{width:100%;height:100%}
.pc .d-cta{display:flex;align-items:center;gap:calc(var(--u)*1.8);font-size:calc(var(--u)*4.6);font-weight:700;opacity:.9}
.pc .d-cta svg{width:calc(var(--u)*5.5);height:calc(var(--u)*5.5);flex:none}
.pc .d-tg{font-size:calc(var(--u)*4.2);font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.75}
.pc .d-mk{position:absolute;bottom:calc(var(--u)*3);left:0;right:0;text-align:center;font-size:calc(var(--u)*3);opacity:.5;letter-spacing:.06em}
.pc[data-s="minimal"]{background:#FBF8F3;color:var(--c)}
.pc[data-s="minimal"] .d-top::after{content:"";width:calc(var(--u)*14);height:calc(var(--u)*1);background:var(--c2);border-radius:9px}
.pc[data-s="minimal"] .d-tg{color:#6B6257}
.pc[data-s="arch"]{background:var(--c);color:var(--c)}
.pc[data-s="arch"]::before{content:"";position:absolute;left:calc(var(--u)*8);right:calc(var(--u)*8);top:calc(var(--u)*8);bottom:calc(var(--u)*11);background:#FBF8F3;border-radius:calc(var(--u)*42) calc(var(--u)*42) calc(var(--u)*3) calc(var(--u)*3);box-shadow:0 0 0 calc(var(--u)*1.4) var(--c),0 0 0 calc(var(--u)*2.1) var(--c2);z-index:-1}
.pc[data-s="arch"] .d-top{padding-top:calc(var(--u)*24)}
.pc[data-s="arch"] .d-bot{padding-bottom:calc(var(--u)*17)}
.pc[data-s="arch"] .d-mk{color:var(--ci);opacity:.7;bottom:calc(var(--u)*3.5)}
.pc[data-s="kraft"]{background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35  0 0 0 0 .22  0 0 0 0 .1  0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .35' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .3  0 0 0 0 .18  0 0 0 0 .08  0 0 0 .5 -.12'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23f)'/%3E%3C/svg%3E"),radial-gradient(120% 80% at 30% 20%,#D9B98C 0%,#C9A46F 60%,#B88F5A 100%);background-size:160px 160px,220px 220px,100% 100%;color:color-mix(in srgb,var(--c) 75%,#1E140B)}
.pc[data-s="kraft"] .d-logo{mix-blend-mode:multiply}
.pc[data-s="kraft"] .d-top::after{content:"";width:calc(var(--u)*30);height:0;border-top:calc(var(--u)*.7) dashed currentColor;opacity:.55}
.pc[data-s="kraft"] .d-tg{color:#4A3420}
.pc[data-s="kraft"] .d-ic:not(.d-q) i{background:rgba(255,248,235,.35)}
.pc[data-s="kraft"] .d-mk{color:#3A2A18;opacity:.6}
.pc[data-s="fade"]{background:linear-gradient(180deg,color-mix(in srgb,var(--c2) 22%,#fff) 0%,color-mix(in srgb,var(--c2) 22%,#fff) 44%,var(--c) 74%,color-mix(in srgb,var(--c) 80%,#000) 100%);color:var(--c)}
.pc[data-s="fade"] .d-bot{color:var(--ci)}
.pc[data-s="fade"] .d-ic:not(.d-q) i{background:rgba(255,255,255,.16);border-color:var(--ci)}
.pc[data-s="fade"] .d-mk{color:var(--ci)}
.stage{position:relative;width:calc(1200px*var(--k));height:calc(1100px*var(--k))}
.stage .d-in{position:absolute;left:0;top:0;width:1200px;height:1100px;transform:scale(var(--k));transform-origin:0 0}
.stage .d-lean{position:absolute;left:0;top:0;width:600px;height:700px;transform-origin:0 0;transform:matrix(.93333,.025,-.2,1.05714,330,160)}
.stage .d-lean .d-gl{position:absolute;inset:0;border-radius:21px 21px 4px 4px;background:linear-gradient(115deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 38%,rgba(0,0,0,0) 70%,rgba(0,0,0,.06) 100%);pointer-events:none}
.nd{--w:180px;position:relative;width:var(--w);aspect-ratio:568/900;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 26px rgba(0,0,0,.22);font-family:'Poppins','Space Grotesk',system-ui,sans-serif;color:#0B3D2E;display:flex;flex-direction:column}
.nd .d-band{position:relative;flex:0 0 52%;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;overflow:hidden}
.nd.fb .d-band{background:#1877F2}
.nd.ig .d-band{background:linear-gradient(135deg,#FEDA75 0%,#FA7E1E 25%,#D62976 55%,#962FBF 80%,#4F5BD5 100%)}
.nd.mn{background:#F6EFE3;color:#1F3D2B}
.nd.mn .d-band{background:none;color:#1F3D2B;gap:2px}
.nd.mn .d-band::after{content:"";position:absolute;bottom:0;left:12%;right:12%;border-top:1.5px solid #C9A24B}
.nd.mn .d-shine{background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.6) 50%,transparent 65%)}
.nd.mn .d-icn{background:none;box-shadow:none;width:24%}
.nd.mn .d-icn svg{width:80%;height:80%}
.nd.mn .d-ring{display:none}
.nd.mn .d-k{font-size:calc(var(--w)*.05);letter-spacing:.18em;text-transform:uppercase;font-weight:700;opacity:.8}
.nd.mn .d-n{font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:600;font-size:calc(var(--w)*.2);letter-spacing:0;line-height:.95}
.nd.mn .d-chips{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:calc(var(--w)*.04);font-weight:700;color:#9A7A2E}
.nd.mn .d-chips span{background:none;padding:0;font-size:inherit}
.nd.mn .d-chips i{width:3px;height:3px;border-radius:50%;background:#C9A24B}
.nd.mn .d-bot .d-tap,.nd.mn .d-bot .d-qr{border-color:#1F3D2B}
.nd.mn .d-bot .d-tap::after{border-color:#C9A24B}
.nd.mn .d-bot span{color:#1F3D2B}
.nd.mn .d-mk{color:#1F3D2B}
.nd.tt .d-band{background:radial-gradient(70% 60% at 15% 10%,rgba(37,244,238,.35),transparent 70%),radial-gradient(70% 60% at 90% 95%,rgba(254,44,85,.4),transparent 70%),#0A0A0A}
.nd.tt .d-ring{border-color:rgba(37,244,238,.85)}
.nd.tt .d-ring.d-r2{border-color:rgba(254,44,85,.85)}
.nd.tt .d-n{font-style:normal;text-shadow:-2px -1px 0 #25F4EE,2px 1px 0 #FE2C55}
.nd.gg .d-band{background:linear-gradient(160deg,#ffffff 0%,#F1F6FF 100%);color:#1F2937}
.nd .d-icn{position:relative;width:30%;aspect-ratio:1;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.nd .d-icn svg{width:58%;height:58%}
.nd .d-ring{position:absolute;inset:-14%;border-radius:50%;border:2px solid rgba(255,255,255,.75);animation:pulse 2s ease-out infinite}
.nd .d-ring.d-r2{animation-delay:1s}
.nd.gg .d-ring{border-color:rgba(251,188,5,.8)}
@keyframes pulse{0%{transform:scale(.8);opacity:.9}100%{transform:scale(1.45);opacity:0}}
.nd .d-k{font-size:calc(var(--w)*.06);opacity:.9;margin-top:4%}
.nd .d-n{font-weight:800;font-style:italic;font-size:calc(var(--w)*.15);line-height:1;letter-spacing:-.01em}
.nd.gg .d-n{font-style:normal}
.nd.gg .d-n b{font-weight:inherit;font-size:inherit}
.nd .d-stars{display:flex;gap:2px}
.nd .d-stars svg{width:calc(var(--w)*.085);height:calc(var(--w)*.085);animation:twinkle 2.4s ease-in-out infinite}
.nd .d-stars svg:nth-child(2){animation-delay:.15s}
.nd .d-stars svg:nth-child(3){animation-delay:.3s}
.nd .d-stars svg:nth-child(4){animation-delay:.45s}
.nd .d-stars svg:nth-child(5){animation-delay:.6s}
@keyframes twinkle{0%,70%,100%{transform:scale(1)}80%{transform:scale(1.25)}}
.nd .d-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-120%);animation:shine 3.6s ease-in-out infinite}
@keyframes shine{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.nd .d-bot{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;padding:6% 6% 10%}
.nd .d-bot .d-tap,.nd .d-bot .d-qr{width:78%;aspect-ratio:1;display:grid;place-items:center}
.nd .d-bot .d-tap{border-radius:50%;border:2px solid #0B3D2E;position:relative}
.nd .d-bot .d-tap::after{content:"";position:absolute;inset:-12%;border-radius:50%;border:2px solid #12B886;animation:pulse 2s ease-out infinite}
.nd .d-bot .d-qr{border:2px solid #0B3D2E;border-radius:12%;background:#fff}
.nd .d-bot svg{width:66%;height:66%}
.nd .d-bot span{font-size:calc(var(--w)*.045);font-weight:800;margin-top:6%;letter-spacing:.04em}
.nd .d-mk{position:absolute;bottom:3%;left:0;right:0;text-align:center;font-size:calc(var(--w)*.035);opacity:.55}
.nd.sq .d-band,.nd.st .d-band{flex:0 0 50%;gap:1px}
.nd.sq .d-icn,.nd.st .d-icn{width:20%}
.nd.sq .d-n,.nd.st .d-n{font-size:calc(var(--w)*.11)}
.nd.sq .d-k,.nd.st .d-k{font-size:calc(var(--w)*.045);margin-top:2%}
.nd.sq .d-stars svg,.nd.st .d-stars svg{width:calc(var(--w)*.055);height:calc(var(--w)*.055)}
.nd.sq .d-bot,.nd.st .d-bot{padding:3% 14% 9%;gap:0 6%}
.nd.sq .d-bot .d-tap,.nd.sq .d-bot .d-qr,.nd.st .d-bot .d-tap,.nd.st .d-bot .d-qr{width:72%}
.nd.sq .d-bot span,.nd.st .d-bot span{font-size:calc(var(--w)*.032);margin-top:4%}
.nd.sq .d-mk,.nd.st .d-mk{font-size:calc(var(--w)*.025);bottom:2.5%}
.dimw{position:relative;display:inline-block;padding:0 54px 30px 0}
.dimw .dh{position:absolute;left:0;right:54px;bottom:6px;height:0;border-top:1.5px solid var(--muted)}
.dimw .dv{position:absolute;top:0;bottom:30px;right:22px;width:0;border-left:1.5px solid var(--muted)}
.dimw .dh::before,.dimw .dh::after{content:"";position:absolute;top:-6px;height:11px;border-left:1.5px solid var(--muted)}
.dimw .dh::before{left:0}
.dimw .dh::after{right:0}
.dimw .dv::before,.dimw .dv::after{content:"";position:absolute;left:-6px;width:11px;border-top:1.5px solid var(--muted)}
.dimw .dv::before{top:0}
.dimw .dv::after{bottom:0}
.dimw .dl{position:absolute;font-size:12px;font-weight:700;color:var(--ink,#0B3D2E);background:var(--dimbg,#fff);padding:0 5px;white-space:nowrap}
.dimw .dh .dl{left:50%;top:0;transform:translate(-50%,-50%)}
.dimw .dv .dl{top:50%;left:0;transform:translate(-50%,-50%) rotate(-90deg)}
.stage .sdims{color:var(--ink);--dimbg:color-mix(in srgb,var(--green) 6%,var(--dimbg,#fff))}
.sizecap{margin:0;text-align:center;font-size:14px;color:var(--ink)}
.sizecap b{color:var(--orange-text,#E06A00)}
.pc.sq .d-top{padding-top:calc(var(--u)*7);gap:calc(var(--u)*1.8)}
.pc.sq .d-logo{max-height:calc(var(--u)*15)}
.pc.sq .d-nm{font-size:calc(var(--u)*6.4)}
.pc.sq .d-cta{font-size:calc(var(--u)*3.6)}
.pc.sq .d-ic i{width:calc(var(--u)*19);height:calc(var(--u)*19)}
.pc.sq .d-ic{font-size:calc(var(--u)*4)}
.pc.sq[data-s="arch"]::before{left:calc(var(--u)*14);right:calc(var(--u)*14);top:calc(var(--u)*6);bottom:calc(var(--u)*9);border-radius:calc(var(--u)*36) calc(var(--u)*36) calc(var(--u)*3) calc(var(--u)*3)}
.pc.sq[data-s="arch"] .d-top{padding-top:calc(var(--u)*17)}
.pc.sq[data-s="arch"] .d-bot{padding-bottom:calc(var(--u)*12)}
.pc.sq[data-s="arch"] .d-mk{bottom:calc(var(--u)*2)}
.pc[data-s="arch"]:not(.sq) .d-ic i{width:calc(var(--u)*27);height:calc(var(--u)*27)}
.pc[data-s="arch"] .d-icons{gap:calc(var(--u)*7)}
.pc.st[data-s="arch"] .d-ic i{width:calc(var(--u)*24);height:calc(var(--u)*24)}
.pc.st[data-s="arch"] .d-top{padding-top:calc(var(--u)*20)}
.pc.st[data-s="arch"] .d-bot{padding-bottom:calc(var(--u)*15)}
.pc.sq[data-s="minimal"] .d-top::after,.pc.sq[data-s="arch"] .d-top::after,.pc.sq[data-s="kraft"] .d-top::after{display:none}
.pc.st .d-cta{font-size:calc(var(--u)*4)}
.stage .sdims{color:var(--ink,#0B3D2E)}
/* quiet: no motion in prints, previews of prints, or for people who turned motion off */
.still .d-ring,.still .d-shine,.still .nd .d-bot .d-tap::after,.still.nd .d-bot .d-tap::after{display:none!important}
.still .nd .d-stars svg,.still.nd .d-stars svg{animation:none!important}
@media print{.nd .d-ring,.nd .d-shine,.nd .d-bot .d-tap::after{display:none!important}.nd .d-stars svg{animation:none!important}}
@media (prefers-reduced-motion:reduce){.nd .d-ring,.nd .d-shine,.nd .d-bot .d-tap::after,.nd .d-stars svg{animation:none!important}.nd .d-ring,.nd .d-shine{display:none}}

/* v8: brand-true colours, white wording, each design's own accent on the tap + QR */
.pc span,.pc b,.nd span,.nd b{color:inherit;font-size:inherit}
.nd .d-k,.nd .d-n{color:inherit}
.nd{--ac:#0B3D2E;--ac2:#12B886}
.nd.fb{--ac:#1877F2;--ac2:#1877F2}
.nd.ig{--ac:#C13584;--ac2:#F77737}
.nd.gg{--ac:#1F2937;--ac2:#4285F4}
.nd.tt{--ac:#111111;--ac2:#FE2C55}
.nd .d-bot .d-tap,.nd .d-bot .d-qr{border-color:var(--ac)}
.nd .d-bot .d-tap{color:var(--ac)}
.nd .d-bot .d-tap::after{border-color:var(--ac2)}
.nd .d-bot span{color:var(--ac)}
.nd .d-mk{color:var(--ac)}
.nd.fb .d-n,.nd.ig .d-n,.nd.tt .d-n{font-style:normal;letter-spacing:-.02em;color:#fff}
.nd.fb .d-n{text-transform:lowercase;font-size:calc(var(--w)*.17);letter-spacing:-.035em}
.nd.fb .d-k,.nd.ig .d-k,.nd.tt .d-k{color:#fff;opacity:.95;font-weight:600}
.nd.fb .d-icn svg{width:54%;height:54%}
.nd.ig .d-band{background:radial-gradient(130% 110% at 10% 105%,#FEDA75 0%,#FA7E1E 22%,#D62976 48%,#962FBF 72%,#4F5BD5 100%)}
.nd.ig .d-n{text-shadow:0 2px 8px rgba(80,0,60,.25)}
.nd.tt .d-band{background:radial-gradient(60% 50% at 0% 0%,rgba(37,244,238,.28),transparent 70%),radial-gradient(60% 50% at 100% 100%,rgba(254,44,85,.32),transparent 70%),#000}
.nd.tt .d-n{text-shadow:-.06em -.03em 0 #25F4EE,.06em .03em 0 #FE2C55}
.nd.gg .d-k{color:#3C4043}
.nd.sq.fb .d-n,.nd.st.fb .d-n{font-size:calc(var(--w)*.125)}
/* custom card: icon sits right next to its words, on one line */
.pc .d-cta{justify-content:center;white-space:nowrap;max-width:100%;color:inherit}
.pc .d-cta span{font-size:inherit;line-height:1.1}
/* v8 custom styles (Minimal's rules are in designs.css) */
.pc[data-s="neon"],.pc[data-s="orbit"],.pc[data-s="center"]{color:var(--ci)}
.pc[data-s="neon"] .d-logo,.pc[data-s="orbit"] .d-logo,.pc[data-s="center"] .d-logo{width:calc(var(--u)*38);height:calc(var(--u)*38);max-width:none;max-height:none;object-fit:contain;background:#fff;border-radius:50%;padding:calc(var(--u)*6);box-sizing:border-box}
.pc[data-s="neon"] .d-ic:not(.d-q) i,.pc[data-s="orbit"] .d-ic:not(.d-q) i,.pc[data-s="center"] .d-ic:not(.d-q) i{border-color:var(--hi);color:var(--ci);background:rgba(255,255,255,.08)}
.pc[data-s="neon"] .d-cta svg,.pc[data-s="orbit"] .d-cta svg,.pc[data-s="center"] .d-cta svg{color:var(--hi)}
.pc[data-s="neon"] .d-mk,.pc[data-s="orbit"] .d-mk,.pc[data-s="center"] .d-mk{color:var(--ci);opacity:.6}
.pc[data-s="neon"] .d-top,.pc[data-s="orbit"] .d-top,.pc[data-s="center"] .d-top{padding-top:calc(var(--u)*12)}
.pc.sq[data-s="neon"] .d-logo,.pc.st[data-s="neon"] .d-logo,.pc.sq[data-s="orbit"] .d-logo,.pc.st[data-s="orbit"] .d-logo,.pc.sq[data-s="center"] .d-logo,.pc.st[data-s="center"] .d-logo{width:calc(var(--u)*22);height:calc(var(--u)*22);padding:calc(var(--u)*3.5)}
.pc.sq[data-s="neon"] .d-top,.pc.st[data-s="neon"] .d-top,.pc.sq[data-s="orbit"] .d-top,.pc.st[data-s="orbit"] .d-top,.pc.sq[data-s="center"] .d-top,.pc.st[data-s="center"] .d-top{padding-top:calc(var(--u)*6);gap:calc(var(--u)*2)}
.pc .d-mk b{font-weight:800}
/* Neon: natural black with glowing accent */
.pc[data-s="neon"]{background:radial-gradient(70% 40% at 50% 22%,color-mix(in srgb,var(--c2) 22%,#0B0B0B) 0%,#0B0B0B 70%);color:#F2F2F2}
.pc[data-s="neon"] .d-nm{color:#fff;text-shadow:0 0 calc(var(--u)*2) var(--hi),0 0 calc(var(--u)*5) var(--hi)}
.pc[data-s="neon"] .d-cta{color:var(--hi)}
.pc[data-s="neon"] .d-logo{box-shadow:0 0 0 calc(var(--u)*1.2) var(--hi),0 0 calc(var(--u)*6) var(--hi)}
.pc[data-s="neon"] .d-ic:not(.d-q) i{color:var(--hi);box-shadow:0 0 calc(var(--u)*4) color-mix(in srgb,var(--hi) 70%,transparent),inset 0 0 calc(var(--u)*3) color-mix(in srgb,var(--hi) 40%,transparent)}
.pc[data-s="neon"] .d-ic.d-q i{box-shadow:0 0 calc(var(--u)*4) color-mix(in srgb,var(--hi) 70%,transparent);border-color:var(--hi)}
.pc[data-s="neon"] .d-mk{color:#bbb}
/* Orbit: rings around the logo */
.pc[data-s="orbit"]{background:radial-gradient(circle at 50% calc(var(--u)*31),transparent 0 calc(var(--u)*21.2),var(--hi) calc(var(--u)*21.2) calc(var(--u)*22.099999999999998),transparent calc(var(--u)*22.099999999999998) calc(var(--u)*24.6),color-mix(in srgb,var(--hi) 45%,transparent) calc(var(--u)*24.6) calc(var(--u)*25.1),transparent calc(var(--u)*25.1)),linear-gradient(165deg,color-mix(in srgb,var(--c) 85%,var(--c2)) 0%,var(--c) 45%,color-mix(in srgb,var(--c) 78%,#000) 100%)}
.pc[data-s="orbit"] .d-top{gap:calc(var(--u)*7.5)}
.pc[data-s="orbit"] .d-nm{margin-top:calc(var(--u)*-3)}
.pc.sq[data-s="orbit"],.pc.st[data-s="orbit"]{background:radial-gradient(circle at 50% calc(var(--u)*17),transparent 0 calc(var(--u)*12.6),var(--hi) calc(var(--u)*12.6) calc(var(--u)*13.5),transparent calc(var(--u)*13.5) calc(var(--u)*14.8),color-mix(in srgb,var(--hi) 45%,transparent) calc(var(--u)*14.8) calc(var(--u)*15.3),transparent calc(var(--u)*15.3)),linear-gradient(165deg,color-mix(in srgb,var(--c) 85%,var(--c2)) 0%,var(--c) 45%,color-mix(in srgb,var(--c) 78%,#000) 100%)}
.pc.sq[data-s="orbit"] .d-top,.pc.st[data-s="orbit"] .d-top{gap:calc(var(--u)*4.5)}
.pc.sq[data-s="orbit"] .d-nm,.pc.st[data-s="orbit"] .d-nm{margin-top:calc(var(--u)*-1.5)}
.pc[data-s="orbit"]::before{content:"";position:absolute;left:-25%;right:-25%;top:30%;bottom:-25%;background:var(--logo) center/contain no-repeat;filter:brightness(0) invert(1);opacity:.11;transform:rotate(-12deg);z-index:-1}
.pc.sq[data-s="orbit"]::before,.pc.st[data-s="orbit"]::before{left:5%;right:5%;top:22%;bottom:-20%}
/* Center (colour): their logo fills the background, TAP + QR in the middle */
.pc[data-s="center"]{justify-content:center;padding:calc(var(--u)*10) calc(var(--u)*6) calc(var(--u)*12);box-sizing:border-box}
.pc[data-s="center"] .d-top{display:contents}
.pc[data-s="center"] .d-logo{display:none}
.pc[data-s="center"] .d-nm{order:1;margin-bottom:calc(var(--u)*7);font-size:calc(var(--u)*9.5)}
.pc[data-s="center"] .d-bot{order:2;flex:none;padding:0}
.pc[data-s="center"] .d-cta{order:3;margin-top:calc(var(--u)*7)}
.pc[data-s="center"] .d-icons{padding:calc(var(--u)*4) calc(var(--u)*5);border-radius:calc(var(--u)*7)}
.pc[data-s="center"]{background:radial-gradient(70% 45% at 50% 50%,color-mix(in srgb,var(--c) 85%,var(--c2)) 0%,var(--c) 70%,color-mix(in srgb,var(--c) 75%,#000) 100%)}
.pc[data-s="center"]::before{content:"";position:absolute;inset:0;background:var(--logo) center/118% auto no-repeat;mix-blend-mode:soft-light;opacity:.9;z-index:-1}
.pc.sq[data-s="center"]::before,.pc.st[data-s="center"]::before{background-size:auto 105%}
.pc[data-s="center"] .d-icons{background:color-mix(in srgb,var(--c) 38%,transparent);box-shadow:0 0 0 calc(var(--u)*0.5) color-mix(in srgb,var(--hi) 60%,transparent)}
.pc[data-s="center"] .d-nm{color:#fff;text-shadow:0 0 calc(var(--u)*2) var(--hi),0 0 calc(var(--u)*5) var(--hi),0 0 calc(var(--u)*9) color-mix(in srgb,var(--hi) 60%,transparent)}
.pc.sq[data-s="center"],.pc.st[data-s="center"]{padding:calc(var(--u)*6) calc(var(--u)*6) calc(var(--u)*9)}
.pc.sq[data-s="center"] .d-nm,.pc.st[data-s="center"] .d-nm{margin-bottom:calc(var(--u)*4);font-size:calc(var(--u)*7)}
.pc.sq[data-s="center"] .d-cta,.pc.st[data-s="center"] .d-cta{margin-top:calc(var(--u)*4)}
.pc.sq[data-s="center"] .d-icons,.pc.st[data-s="center"] .d-icons{padding:calc(var(--u)*2.5) calc(var(--u)*4)}
/* Minimal: richer tinted ivory instead of plain white, so it doesn't look bare on PVC */
.pc[data-s="minimal"]{background:linear-gradient(180deg,color-mix(in srgb,var(--c2) 20%,#FFF6E6) 0%,color-mix(in srgb,var(--c2) 10%,#FFF9EF) 100%)}
.pc[data-s="minimal"]::after{content:"";position:absolute;inset:calc(var(--u)*3.5);border:calc(var(--u)*0.45) solid color-mix(in srgb,var(--c) 55%,transparent);border-radius:calc(var(--u)*3);pointer-events:none}
.pc[data-s="minimal"] .d-ic:not(.d-q) i{background:rgba(255,255,255,.7)}
.pc[data-s="minimal"] .d-mk{bottom:calc(var(--u)*5.5)}
.pc[data-s="minimal"] .d-bot{padding-bottom:calc(var(--u)*13)}

/* glowing names: give the glow room so it isn't clipped into a box */
.pc[data-s="neon"] .d-nm,.pc[data-s="center"] .d-nm{box-sizing:border-box;padding:calc(var(--u)*2.5) calc(var(--u)*4);margin-top:calc(var(--u)*-2.5);margin-bottom:calc(var(--u)*-2.5)}
.pc[data-s="center"] .d-nm{margin-bottom:calc(var(--u)*4.5)}
.pc.sq[data-s="center"] .d-nm,.pc.st[data-s="center"] .d-nm{margin-bottom:calc(var(--u)*1.5)}