/* Editorial cards and small, intentional interactions for the public homepage. */
.process-card,.support-card,.audience-grid article,.final-grid article,.start-list li,.creator-highlight{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background-color .28s ease}
.process-card:hover,.support-card:hover,.audience-grid article:hover,.final-grid article:hover{transform:translateY(-6px);border-color:#9fc2f6;box-shadow:0 22px 42px #1639671b}
.process-card{overflow:hidden}.process-card:before{content:'';position:absolute;inset:9px auto 9px 0;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(#2f7cff,#75d7cc);opacity:0;transition:opacity .28s}.process-card:hover:before{opacity:1}.process-card:hover .process-number{color:#0a51cf}
.opportunity-card{padding:0;overflow:hidden;box-shadow:0 8px 24px #12325c0c;transition:transform .28s,box-shadow .28s,border-color .28s}.opportunity-card:hover{transform:translateY(-7px);border-color:#a5c8f5;box-shadow:0 22px 42px #12325c23}.opportunity-media{height:132px;overflow:hidden;background:#dfeaf9}.opportunity-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.opportunity-card:hover img{transform:scale(1.07)}.opportunity-content{padding:17px 17px 21px}.opportunity-label{display:block;min-height:0!important;margin:0 0 13px!important;color:#56708d;font-size:.75rem;font-weight:800}.opportunity-card strong{display:block;min-height:51px}.opportunity-card strong span{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#e8f1ff;transition:transform .28s,background .28s}.opportunity-card:hover strong span{transform:translate(2px,-2px);background:#d3e6ff}.opportunity-card p{margin-top:10px}
.start-grid{align-items:center}.start-list{background:linear-gradient(145deg,#fff,#f8fbff);padding:18px 28px}.start-list li{position:relative;padding:12px 11px;border-radius:8px}.start-list li:before{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:10px;border-radius:50%;background:#e2f6ee}.start-list li:hover{transform:translateX(5px);background:#edf6ff;color:#1453ad}
.support-card{position:relative;overflow:hidden}.support-card:after{content:'';position:absolute;inset:auto -35px -60px auto;width:110px;height:110px;border-radius:50%;background:#e5f2ff;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none}.support-card:hover:after{opacity:1;transform:scale(1.3)}.support-card>span,.support-card h3,.support-card p{position:relative;z-index:1}
.earnings-flow{display:grid;gap:18px;padding:21px 24px;background:linear-gradient(145deg,#ffffff12,#ffffff05)}.earnings-flow li{display:flex;align-items:center;min-height:59px;margin:0;padding:13px 16px 13px 62px;border-color:#ffffff24;background:#ffffff0e;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s}.earnings-flow li:hover{transform:translateX(5px);background:#ffffff1b;border-color:#7eb5ff;box-shadow:0 12px 25px #08162935}.earnings-flow li:before{left:14px;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#ffffff12;color:#9bcaff;font-size:.8rem}.earnings-flow li:not(:last-child):after{content:'';position:absolute;left:30px;top:100%;bottom:auto;width:2px;height:19px;background:linear-gradient(#77a9eb,#77a9eb00)}.earnings-flow li:last-child{border-color:#5ad3b55c;background:linear-gradient(100deg,#1e5f6866,#24507755)}.earnings-flow li:last-child:before{color:#91ebcd;background:#31b39124}.earnings-flow li:last-child:hover{transform:translateX(7px);background:linear-gradient(100deg,#177c75aa,#3075a477);border-color:#7de7c3;box-shadow:0 12px 30px #40d7af21}.earnings-flow li:last-child:hover:before{background:#91ebcd35;color:#c5ffe8}
.audience-grid article{position:relative;overflow:hidden}.audience-grid article:before{content:'';display:block;width:27px;height:4px;margin-bottom:17px;border-radius:4px;background:#4c90ee;transition:width .3s}.audience-grid article:nth-child(2):before,.audience-grid article:nth-child(5):before{background:#6656d3}.audience-grid article:hover:before{width:54px}
.creator-section{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 12%,#dcd9ff 0,transparent 38%),#f0efff}.creator-grid{grid-template-columns:1fr 1fr;gap:36px;align-items:stretch}.creator-copy{align-self:center;padding-block:12px}.creator-grid img{height:100%;min-height:470px;object-fit:cover;object-position:61% center;box-shadow:0 24px 48px #342e8530;transition:transform .4s,box-shadow .4s}.creator-grid img:hover{transform:scale(1.018);box-shadow:0 30px 55px #342e8540}.creator-highlight:hover{transform:translateY(-3px);border-color:#af9df9;box-shadow:0 14px 30px #5e50b01a}
.faq-grid .section-heading{position:sticky;top:105px}.faq-help{display:grid;justify-items:start;gap:8px;max-width:430px;margin-top:31px;padding:23px;border:1px solid #d7e5f8;border-radius:15px;background:#f4f8ff;box-shadow:0 12px 28px #1639670d}.faq-help>span{display:grid;place-items:center;width:41px;height:41px;border-radius:11px;background:#dfeeff;color:#2469d2;font-size:1.25rem}.faq-help strong{font-size:1rem}.faq-help p{font-size:.85rem}.faq-help a{margin-top:6px;color:#125dce;font-size:.86rem;font-weight:800}.faq-help a:hover{text-decoration:underline}.faq-list details{transition:border-color .25s,box-shadow .25s}.faq-list details:hover,.faq-list details[open]{border-color:#a9c8f0;box-shadow:0 10px 24px #16396711}
.final-grid article{position:relative;overflow:hidden}.final-grid article:before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#2475ed,#7db5ff);transform:scaleX(.2);transform-origin:left;transition:transform .3s}.final-grid article:last-child:before{background:linear-gradient(90deg,#6955d5,#b79cff)}.final-grid article:hover:before{transform:scaleX(1)}.final-icon{transition:transform .3s,box-shadow .3s}.final-grid article:hover .final-icon{transform:rotate(-7deg) scale(1.08);box-shadow:0 9px 22px #246ceb27}
.hero .eyebrow{position:relative;isolation:isolate;transition:border-color .25s,box-shadow .25s,transform .25s}.hero .eyebrow:hover{border-color:#82b4fb;box-shadow:0 6px 18px #2e72db20;transform:translateY(-2px)}.hero .eyebrow:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 30%,#dbeaff99 50%,transparent 70%);transform:translateX(-110%);transition:transform .6s;z-index:-1}.hero .eyebrow:hover:after{transform:translateX(110%)}
.visual-window{transform:none;transition:box-shadow .32s ease,translate .32s ease,border-color .32s ease}.hero-visual:hover .visual-window{translate:0 -5px;border-color:#234571;box-shadow:0 34px 62px #112f5950}.pipeline-step{transition:background .25s,border-color .25s,translate .25s,box-shadow .25s}.pipeline-step:hover{translate:4px 0;background:#f9fcff;border-color:#a7cbfa;box-shadow:0 9px 18px #17468115}.pipeline-step:hover .pipeline-icon{background:#d4e7ff}.visual-commission{transition:background .25s,border-color .25s,box-shadow .25s}.visual-commission:hover{background:#dcf5ea;border-color:#79d9ad;box-shadow:0 9px 20px #0878561a}.visual-heading strong{font-size:1.34rem}.pipeline-step strong{font-size:.82rem}.pipeline-step small{font-size:.72rem}.pipeline-step b{font-size:.66rem}.visual-commission strong{font-size:.9rem}
@media(max-width:790px){.creator-grid{grid-template-columns:1fr}.creator-grid img{height:340px;min-height:0;max-width:none}.faq-grid .section-heading{position:static}}
@media(max-width:540px){.opportunity-media{height:170px}.opportunity-card strong{min-height:0}.creator-grid img{height:290px;max-height:none}.earnings-flow{padding:15px;gap:16px}.earnings-flow li{padding-left:56px}.start-list{padding:14px 18px}.visual-heading strong{font-size:.9rem}.pipeline-step strong{font-size:.62rem}.pipeline-step small,.pipeline-step b{font-size:.51rem}.visual-commission strong{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.hero .eyebrow:hover,.process-card:hover,.support-card:hover,.audience-grid article:hover,.final-grid article:hover,.opportunity-card:hover,.start-list li:hover,.creator-grid img:hover,.creator-highlight:hover,.earnings-flow li:hover{transform:none}.hero-visual:hover .visual-window,.pipeline-step:hover{translate:none}}