.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 4 · THE CONNECTOR Connect Claude to everything. Move Claude out of the chat window and into your actual operation — email, files, calendar, and 9,000+ apps. Work runs while you sleep; you review in the morning. 35-page PDFInstant download$249 one-timeLifetime access What's inside Connectors & MCPPlugged into Gmail, Drive, Calendar and Notion, explained without jargon. Claude Code for non-codersLet it work directly with your files and folders, safely. The 7am morning briefA build you'll actually use every single day. 5 automation recipesInvoice chasing, client reporting, content pipelines, CRM hygiene. Skills & agentsWhen to hand a whole job over, and when not to. GuardrailsWhat to never automate, and the weekly audit that catches drift. Who it's for You're doing the same manual task every week You want Claude working when you're not You run a business on too many browser tabs Set it up once. It runs whether or not you show up. 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