.ccpd{--ink:#0b0813;--pap:#f4f1fa;--acc:#a78bfa;--red:#ff4438; position:relative;background:var(--ink);color:var(--pap);margin:22px 0;border-radius:18px;overflow:hidden; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.6} .ccpd *{box-sizing:border-box} .ccpd .bgw{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.34;mix-blend-mode:screen;overflow:hidden} .ccpd .bgw svg{width:100%;height:100%;display:block} .ccpd .bgw .w-a{animation:ccw-a 46s ease-in-out infinite alternate} .ccpd .bgw .w-b{animation:ccw-b 58s ease-in-out infinite alternate} .ccpd .bgw .w-c{animation:ccw-a 64s ease-in-out infinite alternate-reverse} @keyframes ccw-a{from{transform:translate3d(-30px,12px,0)}to{transform:translate3d(40px,-16px,0)}} @keyframes ccw-b{from{transform:translate3d(30px,-10px,0)}to{transform:translate3d(-44px,14px,0)}} @media (prefers-reduced-motion:reduce){.ccpd .bgw .w-a,.ccpd .bgw .w-b,.ccpd .bgw .w-c{animation:none}} .ccpd .hero{position:relative;z-index:1;padding:38px 26px 34px;text-align:center; background:radial-gradient(90% 70% at 50% 0%,rgba(124,77,255,.30),transparent 64%)} .ccpd .stage{font-size:11px;letter-spacing:.30em;text-transform:uppercase;color:var(--red);margin:0 0 20px} .ccpd h2.hl{font-family:Didot,"Bodoni 72",Georgia,serif;font-weight:400; font-size:clamp(26px,3.4vw,38px);line-height:1.12;margin:0;letter-spacing:-.5px;color:var(--pap)} .ccpd .rule{width:78px;height:2px;background:var(--acc);margin:26px auto} .ccpd .lede{font-size:15.5px;color:#b9b1cf;max-width:620px;margin:0 auto} .ccpd .band{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 34px; padding:18px 24px;background:#141021;border-top:1px solid #241b38;border-bottom:1px solid #241b38; font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#9a91b5} .ccpd .sec{position:relative;z-index:1;padding:34px 26px} .ccpd h3.t{font-family:Didot,"Bodoni 72",Georgia,serif;font-weight:400;font-size:28px; margin:0 0 26px;text-align:center;color:var(--pap)} .ccpd .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px} .ccpd .card{background:#171227;border:1px solid #271d3d;border-radius:11px;padding:16px 18px} .ccpd .card b{display:block;font-size:16px;color:var(--pap);margin-bottom:7px;letter-spacing:.1px} .ccpd .card span{font-size:14px;color:#a79ec4} .ccpd ul.who{list-style:none;padding:0;margin:0;max-width:640px;margin-inline:auto} .ccpd ul.who li{position:relative;padding:11px 0 11px 30px;font-size:16px;color:#cfc7e4; border-bottom:1px solid #221a36} .ccpd ul.who li:before{content:"";position:absolute;left:0;top:19px;width:9px;height:9px; border-radius:50%;background:var(--acc)} .ccpd .close{position:relative;z-index:1;padding:34px 26px 38px;text-align:center;background:rgba(16,12,28,.82)} .ccpd .close p{font-family:Didot,"Bodoni 72",Georgia,serif;font-size:clamp(18px,2.2vw,23px); color:var(--pap);margin:0 auto 22px;max-width:620px;line-height:1.35} .ccpd .close p.meta{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#8c83a8} @media(max-width:600px){.ccpd .hero,.ccpd .sec,.ccpd .close{padding-left:22px;padding-right:22px}} STAGE 3 · THE CONTENT SYSTEM Thirty days of content in one sitting. The content system behind a working agency. Not hacks — a repeatable batch day that fills a month, in your voice, without you staring at a blank caption box. 36-page PDFInstant download$149 one-timeLifetime access What's inside The Brand BrainA Claude Project that learns your voice, offers, and audience once. Hook frameworksThe first three seconds, and how to generate thirty at a time. Script structureHold attention past the hook without sounding like everyone else. The batch dayOne two-hour block, a month of posts. Mapped minute by minute. The comment keyword funnelTurn a viral comment section into a buyer list. A 30-day calendarEvery day mapped, ready to execute. Who it's for You post daily and still can't fill a month Your content works but eats your whole week You run social for clients and need leverage One sitting a month. The rest of your time goes back to the work that pays. TheseFrames · Claude Courses .product-form__submit.button--secondary{border:0;outline:0;--buttons-border-width:0;background:linear-gradient(120deg,#a78bfa 0%,#8b5cf6 45%,#6d28d9 100%);color:#f4f2ff;box-shadow:0 8px 28px rgba(139,92,246,.38);min-height:46px;border-radius:8px}.product-form__submit.button--secondary:hover{box-shadow:0 12px 36px rgba(139,92,246,.5)}.product-form__submit.button--secondary::after,.product-form__submit.button--secondary::before{box-shadow:none!important;border:0!important}.button::after{box-shadow:none!important}.quantity{border:1px solid rgba(167,139,250,.30);border-radius:10px;background:rgba(255,255,255,.03)}.quantity::after,.quantity::before{box-shadow:none!important;border:0!important}.quantity__input,.quantity__button{color:#f4f4f5}.ccpg-waves{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.30;mix-blend-mode:screen}.ccpg-waves svg{width:100%;height:100%;display:block}.ccpg-waves .w-a{animation:ccw-a 46s ease-in-out infinite alternate}.ccpg-waves .w-b{animation:ccw-b 58s ease-in-out infinite alternate}.ccpg-waves .w-c{animation:ccw-a 64s ease-in-out infinite alternate-reverse}@media (prefers-reduced-motion:reduce){.ccpg-waves .w-a,.ccpg-waves .w-b,.ccpg-waves .w-c{animation:none}}
Related
Related
Related
Related