.bf-playful{--cream: #fff9f0;--cream-2: #fef3e3;--paper: #ffffff;--ink: #1a1a2e;--ink-soft: #41415c;--amber: #f0a93b;--amber-deep: #e8982c;--coral: #f4886a;--coral-deep: #e9694a;--mint: #22a375;--mint-deep: #178a61;--sky: #5bb6d6;--sky-deep: #3a9ac1;--forest: #285d36;--butter: #f6d98a;--spring: cubic-bezier(.34, 1.56, .64, 1);--shadow-sticker: 0 10px 0 -4px rgba(26, 26, 46, .06), 0 22px 40px -18px rgba(26, 26, 46, .32);--shadow-lift: 0 18px 0 -6px rgba(26, 26, 46, .06), 0 40px 60px -28px rgba(26, 26, 46, .4);--maxw: 1200px;--r-lg: 34px;--r-md: 24px;--r-sm: 16px;position:relative;margin:0;background:var(--cream);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100dvh}.bf-playful *,.bf-playful *:before,.bf-playful *:after{box-sizing:border-box}.bf-playful:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(232,152,44,.1) 1.1px,transparent 1.2px);background-size:26px 26px;pointer-events:none;z-index:0;opacity:.55}.bf-playful img{display:block;max-width:100%}.bf-playful a{color:inherit;text-decoration:none}.bf-playful button{font-family:inherit;cursor:pointer}.bf-playful ::-moz-selection{background:var(--butter);color:var(--ink)}.bf-playful ::selection{background:var(--butter);color:var(--ink)}.bf-playful h1,.bf-playful h2,.bf-playful h3,.bf-playful .display{font-family:Bubblegum Sans,system-ui,cursive;font-weight:400;line-height:1.02;letter-spacing:.4px;margin:0}.bf-playful .serif{font-family:Fraunces,Georgia,serif}.bf-playful .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}.bf-playful .section{padding:96px 0;position:relative;z-index:1}@media (max-width: 760px){.bf-playful .section{padding:64px 0}.bf-playful{font-size:16px}}.bf-playful .eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:12.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--mint-deep);background:#eafaf2;border:2px solid #c7eedd;padding:7px 15px;border-radius:999px}.bf-playful .eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--coral)}.bf-playful .eyebrow.amber{color:var(--amber-deep);background:#fdf2dd;border-color:#f6e0b0}.bf-playful .eyebrow.amber .dot{background:var(--amber-deep)}.bf-playful .eyebrow.sky{color:var(--sky-deep);background:#e7f5fb;border-color:#bfe3f1}.bf-playful .eyebrow.sky .dot{background:var(--sky)}.bf-playful .h-sec{font-size:clamp(34px,5.2vw,62px)}.bf-playful .lede{font-size:clamp(17px,2vw,20px);color:var(--ink-soft);max-width:46ch}.bf-playful .btn{--bg: var(--coral);--bgd: var(--coral-deep);position:relative;display:inline-flex;align-items:center;gap:10px;font-family:Bubblegum Sans,cursive;font-size:19px;letter-spacing:.4px;color:#fff;background:var(--bg);padding:16px 30px;border:none;border-radius:999px;cursor:pointer;box-shadow:0 6px 0 0 var(--bgd),0 16px 26px -10px #e9694a8c;transition:transform .18s var(--spring),box-shadow .18s var(--spring),filter .18s ease;text-shadow:0 1px 0 rgba(0,0,0,.07)}.bf-playful .btn:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 9px 0 0 var(--bgd),0 22px 30px -12px #e9694a99}.bf-playful .btn:active{transform:translateY(2px);box-shadow:0 3px 0 0 var(--bgd),0 10px 18px -10px #e9694a80}.bf-playful .btn .arr{transition:transform .25s var(--spring)}.bf-playful .btn:hover .arr{transform:translate(4px)}.bf-playful .btn.amber{--bg: var(--amber);--bgd: var(--amber-deep);box-shadow:0 6px 0 0 var(--bgd),0 16px 26px -10px #e8982c80}.bf-playful .btn.amber:hover{box-shadow:0 9px 0 0 var(--bgd),0 22px 30px -12px #e8982c8c}.bf-playful .btn.mint{--bg: var(--mint);--bgd: var(--mint-deep);box-shadow:0 6px 0 0 var(--bgd),0 16px 26px -10px #22a37573}.bf-playful .btn-ghost{display:inline-flex;align-items:center;gap:9px;font-family:Bubblegum Sans,cursive;font-size:18px;color:var(--ink);background:transparent;border:2.5px solid rgba(26,26,46,.16);padding:14px 26px;border-radius:999px;cursor:pointer;transition:transform .18s var(--spring),border-color .18s,background .18s}.bf-playful .btn-ghost:hover{transform:translateY(-2px);border-color:var(--forest);background:#fff}.bf-playful .btn-ghost.on-dark{border-color:#ffffff4d;color:#fff}.bf-playful .btn-ghost.on-dark:hover{background:#ffffff1f;border-color:#ffffff8c}.bf-playful .blob{position:absolute;border-radius:50%;filter:blur(6px);opacity:.5;z-index:0;pointer-events:none}.bf-playful .squiggle{position:absolute;z-index:0;pointer-events:none;opacity:.85}.bf-playful .hero{position:relative;padding-top:clamp(52px,5vw,88px);padding-bottom:80px;overflow:hidden}.bf-playful .hero .grid{display:grid;grid-template-columns:1.04fr .96fr;gap:50px;align-items:center}.bf-playful .hero-copy h1{font-size:clamp(44px,6.6vw,82px);letter-spacing:.6px}.bf-playful .hero-copy h1 .pop{position:relative;display:inline-block;color:var(--coral-deep)}.bf-playful .hero-copy h1 .pop:after{content:"";position:absolute;left:-2%;right:-2%;bottom:.08em;height:.26em;background:var(--butter);border-radius:999px;z-index:-1;transform:rotate(-1.2deg)}.bf-playful .hero-copy .lede{margin:22px 0 30px;font-size:clamp(17px,2.1vw,21px);max-width:38ch}.bf-playful .hero-cta{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}@media (max-width: 480px){.bf-playful .hero-cta{flex-wrap:nowrap;gap:10px}.bf-playful .hero-cta>.btn,.bf-playful .hero-cta>.btn-ghost{flex:1 1 0;justify-content:center;text-align:center;padding-left:14px;padding-right:14px;font-size:15px;white-space:nowrap}}.bf-playful .hero-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px}.bf-playful .chip{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;color:var(--ink-soft)}.bf-playful .chip .ic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.bf-playful .chip .ic svg{width:15px;height:15px}.bf-playful .hero-art{position:relative;height:clamp(420px,46vw,560px)}.bf-playful .cover{position:absolute;border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--shadow-lift);border:6px solid #fff}.bf-playful .cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:1 / 1}.bf-playful .cover.c1{width:60%;left:18%;top:6%;z-index:3;transform:rotate(-4deg)}.bf-playful .cover.c2{width:42%;left:0;top:30%;z-index:2;transform:rotate(7deg)}.bf-playful .cover.c3{width:40%;right:0;top:38%;z-index:2;transform:rotate(-8deg)}.bf-playful .cover .ribbon{position:absolute;left:50%;transform:translate(-50%);bottom:10px;font-family:Bubblegum Sans,cursive;font-size:14px;color:#fff;background:var(--mint);padding:5px 14px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 0 var(--mint-deep)}.bf-playful .float{animation:bfp-floaty 6s ease-in-out infinite}.bf-playful .float.b{animation-duration:7.4s;animation-delay:-2s}.bf-playful .float.c{animation-duration:8s;animation-delay:-4s}@keyframes bfp-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.bf-playful .face-burst{position:absolute;z-index:5;right:-4%;top:-2%;background:#fff;border:5px solid #fff;border-radius:18px;box-shadow:var(--shadow-lift);padding:0;overflow:hidden;width:30%;transform:rotate(6deg)}.bf-playful .face-burst img{width:100%;aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover}.bf-playful .face-burst img.showcase-face{-o-object-position:0% 50%;object-position:0% 50%;transform:scale(1.7);transform-origin:18% 12%}.bf-playful .face-burst .tag{z-index:1}.bf-playful .face-burst .tag{position:absolute;left:8px;bottom:8px;font-family:Bubblegum Sans,cursive;font-size:12.5px;color:var(--ink);background:var(--butter);padding:3px 10px;border-radius:999px;transform:rotate(-4deg)}@media (max-width: 900px){.bf-playful .hero .grid{grid-template-columns:1fr;gap:18px}.bf-playful .hero-art{width:100%;height:clamp(300px,78vw,460px);max-width:520px;margin:8px auto 0}.bf-playful .hero{padding-bottom:44px}}@media (max-width: 480px){.bf-playful .hero-meta{flex-direction:column;align-items:flex-start;gap:12px}}.bf-playful .styles-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:8px}.bf-playful .styles-head .lede{margin-top:14px}.bf-playful .marquee{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:42px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.bf-playful .marquee+.marquee{margin-top:-8px}.bf-playful .track{display:flex;gap:22px;width:-moz-max-content;width:max-content;padding:14px 14px 18px;animation:bfp-scroll-l 64s linear infinite}.bf-playful .track.rev{animation-name:bfp-scroll-r;animation-duration:72s}.bf-playful .marquee:hover .track{animation-play-state:paused}@keyframes bfp-scroll-l{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes bfp-scroll-r{0%{transform:translate(-50%)}to{transform:translate(0)}}.bf-playful .style-card{flex:0 0 auto;width:212px;background:#fff;border-radius:var(--r-md);padding:10px 10px 12px;box-shadow:0 6px 16px -10px #1a1a2e4d;border:1px solid rgba(26,26,46,.05);transition:transform .25s var(--spring),box-shadow .25s var(--spring)}.bf-playful .style-card:nth-child(odd){transform:rotate(-1.6deg)}.bf-playful .style-card:nth-child(2n){transform:rotate(1.6deg)}.bf-playful .style-card:hover{transform:translateY(-5px) rotate(0) scale(1.02);box-shadow:0 14px 24px -14px #1a1a2e61;z-index:2}.bf-playful .style-card img{width:100%;aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover;border-radius:15px}.bf-playful .style-card .name{display:flex;align-items:center;justify-content:center;gap:7px;font-family:Bubblegum Sans,cursive;font-size:16px;margin-top:10px;color:var(--ink)}.bf-playful .style-card .name:before{content:"";width:8px;height:8px;border-radius:50%;flex:0 0 auto}.bf-playful .style-card.k0 .name:before{background:var(--amber)}.bf-playful .style-card.k1 .name:before{background:var(--coral)}.bf-playful .style-card.k2 .name:before{background:var(--mint)}.bf-playful .style-card.k3 .name:before{background:var(--sky)}.bf-playful .styles-foot{display:flex;justify-content:center;margin-top:36px}@media (max-width: 760px){.bf-playful .marquee{overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:24px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}.bf-playful .marquee::-webkit-scrollbar{display:none}.bf-playful .track,.bf-playful .track.rev{animation:none;padding-left:24px;padding-right:24px}.bf-playful .style-card{scroll-snap-align:start}}.bf-playful .how-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:18px}.bf-playful .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:46px;position:relative}.bf-playful .step{background:#fff;border-radius:var(--r-md);padding:26px 22px 28px;position:relative;box-shadow:var(--shadow-sticker);border:1px solid rgba(26,26,46,.05)}.bf-playful .step:nth-child(1){transform:rotate(-1.4deg)}.bf-playful .step:nth-child(2){transform:rotate(1deg)}.bf-playful .step:nth-child(3){transform:rotate(-.8deg)}.bf-playful .step:nth-child(4){transform:rotate(1.6deg)}.bf-playful .step .num{position:absolute;top:-20px;left:22px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;font-family:Bubblegum Sans,cursive;font-size:24px;transform:rotate(-6deg);box-shadow:0 6px #0000001f}.bf-playful .step.s1 .num{background:var(--coral)}.bf-playful .step.s2 .num{background:var(--amber)}.bf-playful .step.s3 .num{background:var(--mint)}.bf-playful .step.s4 .num{background:var(--sky)}.bf-playful .step h3{font-size:24px;margin:22px 0 8px}.bf-playful .step p{margin:0;color:var(--ink-soft);font-size:15.5px}.bf-playful .step .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.bf-playful .step .tags span{font-size:12.5px;font-weight:600;color:var(--ink-soft);background:var(--cream-2);padding:4px 10px;border-radius:999px}.bf-playful .how-time{display:flex;justify-content:center;margin-top:42px}.bf-playful .time-pill{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:#fff;font-family:Bubblegum Sans,cursive;font-size:20px;padding:14px 26px;border-radius:999px;box-shadow:var(--shadow-sticker)}.bf-playful .time-pill b{color:var(--butter);font-weight:400}@media (max-width: 900px){.bf-playful .steps{grid-template-columns:repeat(2,1fr);gap:30px 22px}}@media (max-width: 480px){.bf-playful .steps{grid-template-columns:1fr}}.bf-playful .payoff{background:linear-gradient(180deg,var(--cream),#fff5e6);position:relative;overflow:hidden}.bf-playful .payoff .grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center}.bf-playful .payoff-copy h2{font-size:clamp(32px,4.6vw,54px)}.bf-playful .payoff-copy .lede{margin-top:20px;max-width:42ch}.bf-playful .payoff-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}.bf-playful .payoff-list li{display:flex;gap:14px;align-items:flex-start;font-size:16px}.bf-playful .payoff-list .tick{flex:0 0 auto;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#eafaf2;border:2px solid #c7eedd;transform:rotate(-5deg)}.bf-playful .payoff-list .tick svg{width:15px;height:15px;color:var(--mint-deep)}.bf-playful .payoff-list b{font-weight:700}.bf-playful .spread{position:relative;perspective:1600px;height:clamp(380px,42vw,480px)}.bf-playful .spread-book{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:18px;box-shadow:var(--shadow-lift);border:8px solid #fff;overflow:hidden}.bf-playful .spread-book .leaf{position:relative;overflow:hidden}.bf-playful .spread-book .leaf img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bf-playful .spread.real{height:auto;aspect-ratio:2 / 1}.bf-playful .spread-book .leaf.full{grid-column:1 / -1}.bf-playful .spread.real .spread-cap{bottom:-34px}.bf-playful .spread-book .gutter{position:absolute;left:50%;top:0;bottom:0;width:30px;transform:translate(-50%);background:linear-gradient(90deg,#00000029,#0000 40%,#0000 60%,#00000029);z-index:4;pointer-events:none}.bf-playful .spread-cap{position:absolute;left:50%;transform:translate(-50%) rotate(-2deg);bottom:-22px;z-index:5;background:var(--coral);color:#fff;font-family:Bubblegum Sans,cursive;font-size:17px;padding:9px 20px;border-radius:999px;box-shadow:0 6px 0 var(--coral-deep);white-space:nowrap}.bf-playful .recog-badge{position:absolute;right:-10px;top:-22px;z-index:6;background:var(--butter);color:var(--ink);font-family:Bubblegum Sans,cursive;font-size:15px;padding:9px 16px;border-radius:14px;transform:rotate(6deg);box-shadow:0 6px #0000001f}@media (max-width: 900px){.bf-playful .payoff .grid{grid-template-columns:1fr;gap:34px}.bf-playful .spread{width:100%;height:clamp(300px,72vw,420px);max-width:560px;margin:0 auto}}.bf-playful .formats .how-head{margin-bottom:8px}.bf-playful .formats .fmt-panel{margin-top:46px;display:grid;grid-template-columns:1fr 0 1fr;align-items:stretch;position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--paper);border:1px solid rgba(26,26,46,.07);box-shadow:var(--shadow-sticker);transition:transform .3s var(--spring),box-shadow .3s var(--spring)}.bf-playful .formats .fmt-panel:hover{transform:translateY(-5px);box-shadow:var(--shadow-lift)}.bf-playful .formats .fmt-half{display:flex;flex-direction:column;min-width:0}.bf-playful .formats .fmt-half.digital{background:linear-gradient(170deg,#e7f5fb 0%,#f3fbf6 58%,var(--paper) 100%)}.bf-playful .formats .fmt-half.print{background:linear-gradient(170deg,#fdf6d6 0%,#fefaec 58%,var(--paper) 100%)}.bf-playful .formats .half-top{position:relative;height:244px;display:grid;place-items:center;padding:24px}.bf-playful .formats .fmt-half.digital .half-top{background:linear-gradient(135deg,#e7f5fb,#d3ecf6)}.bf-playful .formats .fmt-half.print .half-top{background:linear-gradient(135deg,#fdf6cf,#fbe98a)}.bf-playful .formats .badge{position:absolute;top:16px;z-index:3;font-family:Bubblegum Sans,cursive;font-size:13px;padding:6px 14px;border-radius:999px;background:var(--paper);color:var(--ink)}.bf-playful .formats .badge.sky{left:18px;color:var(--sky-deep);background:#f2fbfe;border:1.5px solid #bfe3f1;box-shadow:0 4px #3a9ac147}.bf-playful .formats .badge.keepsake{right:18px;color:#7a5610;background:#f6cb3c;border:1.5px solid rgba(255,255,255,.55);box-shadow:0 4px #b0841452}.bf-playful .formats .frame.tablet{position:relative;margin:0;width:168px;padding:12px 12px 26px;border-radius:22px;background:linear-gradient(155deg,#fff,#eef7fb);border:1px solid rgba(58,154,193,.22);box-shadow:0 20px 40px -18px #3a9ac18c,inset 0 0 0 5px var(--paper);transform:rotate(-3deg);transition:transform .3s var(--spring)}.bf-playful .formats .frame.tablet .cam{position:absolute;left:50%;bottom:9px;transform:translate(-50%);width:22px;height:22px;border-radius:50%;border:2px solid rgba(58,154,193,.35);background:#f2fbfe}.bf-playful .formats .frame.tablet img{width:100%;aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover;display:block;border-radius:12px}.bf-playful .formats .frame.tablet img.showcase-page{-o-object-position:0% 50%;object-position:0% 50%}.bf-playful .formats .fmt-panel:hover .frame.tablet{transform:rotate(-2deg) translateY(-3px)}.bf-playful .formats .frame.book{position:relative;margin:0;width:158px;border-radius:3px 13px 13px 3px;overflow:visible;box-shadow:0 24px 44px -18px #1a1a2e80;transform:rotate(2deg);transition:transform .3s var(--spring)}.bf-playful .formats .frame.book .pages{position:absolute;z-index:0;top:5px;bottom:5px;right:-5px;width:6px;border-radius:0 4px 4px 0;background:repeating-linear-gradient(to right,#fff,#fff 1px,#e7e2d8 1px,#e7e2d8 2px);box-shadow:0 8px 14px -8px #1a1a2e59}.bf-playful .formats .frame.book img{position:relative;z-index:1;display:block;width:100%;aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover;border-radius:3px 13px 13px 3px}.bf-playful .formats .frame.book .spine{position:absolute;z-index:2;top:0;bottom:0;left:0;width:18px;border-radius:3px 0 0 3px;pointer-events:none;background:linear-gradient(to right,rgba(26,26,46,.32),rgba(26,26,46,.1) 45%,rgba(255,255,255,.2) 78%,transparent)}.bf-playful .formats .fmt-panel:hover .frame.book{transform:rotate(1deg) translateY(-3px)}.bf-playful .formats .half-body{padding:26px 30px 32px;flex:1}.bf-playful .formats .half-body h3{font-size:29px;margin-bottom:7px}.bf-playful .formats .half-body p{margin:0 0 18px;color:var(--ink-soft);font-size:15.5px;line-height:1.55}.bf-playful .formats .feats{list-style:none;margin:0;padding:0;display:grid;gap:11px}.bf-playful .formats .feats li{display:flex;gap:11px;align-items:flex-start;font-size:15px;line-height:1.4}.bf-playful .formats .feats .tick{position:relative;width:20px;height:20px;border-radius:50%;flex:0 0 auto;margin-top:1px}.bf-playful .formats .feats .tick:after{content:"";position:absolute;left:6px;top:4px;width:5px;height:9px;border:solid var(--paper);border-width:0 2.2px 2.2px 0;transform:rotate(42deg)}.bf-playful .formats .feats .tick.sky{background:var(--sky-deep);box-shadow:0 3px #3a9ac14d}.bf-playful .formats .feats .tick.amber{background:#e6b00a;box-shadow:0 3px #b084144d}.bf-playful .formats .seam{position:relative;width:0;z-index:4;display:flex;align-items:center;justify-content:center}.bf-playful .formats .seam-line{position:absolute;top:26px;bottom:26px;left:50%;transform:translate(-50%);width:0;border-left:2px dashed rgba(26,26,46,.28)}.bf-playful .formats .seam-swap{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:var(--ink-soft);background:var(--paper);border:2px solid rgba(26,26,46,.1);box-shadow:0 4px #1a1a2e14,0 12px 22px -12px #1a1a2e66;transform:rotate(-4deg);transition:transform .3s var(--spring)}.bf-playful .formats .seam-swap svg{width:26px;height:26px}.bf-playful .formats .fmt-panel:hover .seam-swap{transform:rotate(0) scale(1.05)}.bf-playful .formats .formats-foot{text-align:center;margin-top:30px;color:var(--ink-soft);font-size:15px}.bf-playful .formats .formats-foot .soon{color:var(--amber-deep);font-weight:700}@media (max-width: 760px){.bf-playful .formats .fmt-panel{grid-template-columns:1fr;grid-template-rows:auto 0 auto}.bf-playful .formats .fmt-half.digital{background:linear-gradient(180deg,#e7f5fb 0%,#f3fbf6 70%,var(--paper) 100%)}.bf-playful .formats .fmt-half.print{background:linear-gradient(180deg,#fdf6d6 0%,#fefaec 70%,var(--paper) 100%)}.bf-playful .formats .seam{width:auto;height:0}.bf-playful .formats .seam-line{top:50%;bottom:auto;left:26px;right:26px;transform:translateY(-50%);width:auto;border-left:0;border-top:2px dashed rgba(26,26,46,.28)}.bf-playful .formats .seam-swap{transform:rotate(86deg)}.bf-playful .formats .fmt-panel:hover .seam-swap{transform:rotate(90deg) scale(1.05)}.bf-playful .formats .half-top{height:210px}}@media (prefers-reduced-motion: reduce){.bf-playful .formats .fmt-panel,.bf-playful .formats .frame.tablet,.bf-playful .formats .frame.book,.bf-playful .formats .seam-swap{transition:none}}.bf-playful .coloring{background:#fff}.bf-playful .coloring .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.bf-playful .reveal-wrap{position:relative}.bf-playful .reveal{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lift);border:8px solid #fff;cursor:ew-resize;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bf-playful .reveal img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.bf-playful .reveal .handle{position:absolute;top:0;bottom:0;width:4px;background:#fff;transform:translate(-50%);box-shadow:0 0 0 1px #1a1a2e1a;z-index:3;pointer-events:none}.bf-playful .reveal .knob{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:4;width:54px;height:54px;border-radius:50%;background:var(--coral);border:4px solid #fff;display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px -6px #0006;pointer-events:none}.bf-playful .reveal .knob svg{width:24px;height:24px}.bf-playful .reveal .lbl{position:absolute;bottom:14px;font-family:Bubblegum Sans,cursive;font-size:14px;color:#fff;z-index:3;background:#1a1a2e8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:5px 14px;border-radius:999px;pointer-events:none}.bf-playful .reveal .lbl.l{left:14px}.bf-playful .reveal .lbl.r{right:14px;color:var(--ink);background:#fffc}.bf-playful .coloring-copy .lede{margin-top:20px;max-width:42ch}.bf-playful .swatch-row{display:flex;gap:10px;margin-top:24px}.bf-playful .swatch{width:34px;height:34px;border-radius:10px;border:3px solid #fff;box-shadow:0 4px 10px -3px #00000040;transform:rotate(-6deg)}@media (max-width: 900px){.bf-playful .coloring .grid{grid-template-columns:1fr;gap:34px}.bf-playful .reveal-wrap{max-width:480px;margin:0 auto;width:100%}.bf-playful .coloring .coloring-copy{order:-1}}@media (max-width: 760px){.bf-playful .formats{padding-bottom:36px}.bf-playful .coloring{padding-top:40px}}.bf-playful .pricing .card{position:relative;background:var(--forest);color:#fff;border-radius:var(--r-lg);overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;gap:0;box-shadow:var(--shadow-lift)}.bf-playful .pricing .left{padding:54px 50px}.bf-playful .pricing .eyebrow{background:#ffffff1f;color:var(--butter);border-color:#ffffff2e}.bf-playful .pricing .eyebrow .dot{background:var(--butter)}.bf-playful .pricing h2{font-size:clamp(30px,4vw,48px);margin:18px 0 14px}.bf-playful .pricing p{color:#ffffffd9;max-width:40ch;margin:0 0 26px}.bf-playful .pricing .cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.bf-playful .pricing .note{font-size:13.5px;color:#fff9;margin-top:18px}.bf-playful .pricing .right{position:relative;background:#00000029;display:grid;place-items:center;padding:34px}.bf-playful .wallet-plate{position:relative;z-index:1;text-align:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.18);border-radius:var(--r-md);padding:30px 34px;min-width:200px;box-shadow:0 18px 40px -20px #0000008c}.bf-playful .wallet-plate .wlabel{font-weight:700;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--butter)}.bf-playful .wallet-plate .wcredits{font-family:Bubblegum Sans,cursive;font-size:clamp(40px,6vw,58px);line-height:1;margin:10px 0 6px;color:#fff}.bf-playful .wallet-plate .wcredits.teaser{font-size:clamp(24px,3.4vw,32px);line-height:1.15}.bf-playful .wallet-plate .wsub{font-size:13px;color:#ffffffb3}@media (max-width: 820px){.bf-playful .pricing .card{grid-template-columns:1fr}.bf-playful .pricing .right{order:-1;min-height:180px}.bf-playful .pricing .left{padding:40px 30px}}.bf-playful .final{text-align:center;position:relative;overflow:hidden}.bf-playful .final .inner{position:relative;background:#fff;border-radius:40px;padding:64px 40px 70px;box-shadow:var(--shadow-lift);border:1px solid rgba(26,26,46,.05)}.bf-playful .final h2{font-size:clamp(34px,5.4vw,64px);max-width:16ch;margin:0 auto}.bf-playful .final .lede{margin:18px auto 30px;text-align:center}.bf-playful .final .cta-row{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.bf-playful .final .mini{margin-top:22px;font-size:13.5px;color:var(--ink-soft)}.bf-playful .reveal-up{animation:bfp-rise .7s var(--spring) both}.bf-playful .reveal-up.d1{animation-delay:.06s}.bf-playful .reveal-up.d2{animation-delay:.12s}.bf-playful .reveal-up.d3{animation-delay:.18s}.bf-playful .reveal-up.d4{animation-delay:.24s}@keyframes bfp-rise{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}.bf-playful .center{text-align:center}@media (prefers-reduced-motion: reduce){.bf-playful *,.bf-playful *:before,.bf-playful *:after{animation:none!important;transition:none!important}.bf-playful .reveal-up{opacity:1!important;transform:none!important}.bf-playful .float,.bf-playful .track{animation:none}.bf-playful .marquee{overflow-x:auto}}