.creator-page{color:#172137;background:#fff}
.creator-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.creator-page .site-header{background:#ffffffd9;backdrop-filter:blur(16px)}
.creator-page .nav-wrap{gap:20px}
.creator-nav-cta,.creator-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;text-align:center;font-weight:650;letter-spacing:-.025em;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.creator-nav-cta{min-height:42px;padding:0 18px;background:#151d2d;color:#fff;font-size:13px;box-shadow:0 4px 12px #17294724}
.creator-nav-cta:hover,.creator-button:hover{transform:translateY(-3px)}
.creator-page .main-nav .mobile-nav-cta{display:none}
.creator-hero{padding:155px 0 115px;overflow:hidden;background:radial-gradient(ellipse 64% 76% at 75% 39%,#dceaff 0%,#edf4ff 58%,#fff 100%)}
.creator-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:45px}
.creator-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#2e69cb;font-size:13px;font-weight:700;letter-spacing:.035em;text-transform:uppercase}
.creator-eyebrow::before{content:"";display:block;width:26px;height:2px;background:#4d8aed}
.creator-hero h1{max-width:650px;margin:21px 0 23px;font-size:clamp(52px,5.1vw,72px);line-height:1.04;letter-spacing:-.065em;font-weight:660}
.creator-hero-copy>p{max-width:590px;margin:0;color:#526077;font-size:18px;line-height:1.65;letter-spacing:-.02em}
.creator-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:31px}
.creator-button{min-height:51px;padding:0 24px;font-size:14px}
.creator-button-primary{background:#162239;color:#fff;box-shadow:0 10px 28px #1d385c34,inset 0 1px #ffffff30}
.creator-button-primary:hover{background:#263d64;box-shadow:0 15px 35px #1d385c42}
.creator-button-secondary{background:#fff;color:#203452;border:1px solid #c9d8ee;box-shadow:0 4px 16px #2341660b}
.creator-hero-note{margin-top:26px;color:#6b7890;font-size:13px;letter-spacing:0}
.creator-visual{position:relative;height:465px;isolation:isolate}
.creator-visual-glow{position:absolute;inset:11% 6%;z-index:-1;border-radius:50%;background:radial-gradient(circle,#9ec8ff8c,#cfe2ff55 48%,transparent 72%);filter:blur(30px)}
.creator-visual-orbit{position:absolute;inset:9% 8%;border:1px solid #9bbce878;border-radius:50%;transform:rotate(-18deg)}
.creator-visual-orbit.orbit-two{inset:19% 1%;transform:rotate(24deg);border-color:#b5cef27d}
.creator-visual-card{position:absolute;z-index:3;border:1px solid #dce5f2;border-radius:18px;background:#fffffff0;box-shadow:0 18px 42px #3159872b,inset 0 1px #fff}
.brief-card{top:62px;left:7px;display:grid;gap:8px;width:215px;padding:18px 19px;transform:rotate(-7deg);animation:creator-float 6s ease-in-out infinite}
.brief-card small{color:#7390bd;font-size:10px;font-weight:750;letter-spacing:.13em}
.brief-card strong{font-size:17px;line-height:1.17;letter-spacing:-.04em}
.brief-card>span{padding:7px 9px;border:1px solid #e6edf7;border-radius:8px;color:#5b6980;font-size:11px;letter-spacing:0}
.creator-visual-phone{position:absolute;top:24px;right:44px;width:232px;height:411px;overflow:hidden;border:8px solid #172137;border-radius:36px;background:#f6f9ff;box-shadow:0 27px 55px #213a5a45;transform:rotate(8deg);animation:creator-float 6s ease-in-out -2s infinite}
.phone-top{height:36px;display:flex;align-items:center;justify-content:center;gap:5px;background:#172137}.phone-top i{width:4px;height:4px;border-radius:50%;background:#9db3d6}.phone-top i:nth-child(2){width:30px;height:5px;border-radius:99px}
.phone-scene{height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:22px;background:linear-gradient(160deg,#aac8e7,#d5c2d6 52%,#8baadc);color:#fff;text-align:center;text-shadow:0 2px 8px #26355457}
.phone-scene span{display:grid;place-items:center;width:65px;height:65px;border:1px solid #ffffffa8;border-radius:20px;background:#ffffff41;box-shadow:inset 0 1px #fff9;font-size:38px}
.phone-scene strong{font-size:24px;line-height:1.13;letter-spacing:-.05em}
.phone-controls{display:flex;align-items:center;justify-content:center;gap:8px;height:49px;background:#172137}.phone-controls span{width:26px;height:5px;border-radius:20px;background:#8795ae}.phone-controls span:first-child{width:15px;height:15px;background:#f6f8ff;color:#18243a;font-size:10px;line-height:15px}
.status-card{left:18px;bottom:54px;display:flex;align-items:center;gap:9px;padding:12px 15px;font-size:12px;font-weight:680;animation:creator-float 6s ease-in-out -3s infinite}.status-card i{width:9px;height:9px;border-radius:50%;background:#4ac48a;box-shadow:0 0 0 4px #4ac48a22}
.creator-visual-chip{position:absolute;z-index:2;padding:7px 11px;border:1px solid #cbdaf1;border-radius:999px;background:#ffffffdb;color:#4d668c;font-size:11px;font-weight:650;box-shadow:0 7px 17px #2c4d7820}.chip-one{top:15px;right:7px}.chip-two{left:0;top:275px}.chip-three{right:10px;bottom:10px}
@keyframes creator-float{50%{translate:0 -9px}}
.creator-benefits,.creator-faq{padding-top:116px;padding-bottom:125px}
.creator-section-heading{max-width:820px;margin:0 auto;text-align:center}.creator-section-heading .creator-eyebrow{justify-content:center}.creator-section-heading h2{margin:17px 0 16px;color:#18243a;font-size:clamp(40px,4.6vw,57px);font-weight:640;line-height:1.08;letter-spacing:-.06em}.creator-section-heading p{margin:0;color:#607087;font-size:17px;line-height:1.6}
.creator-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
.creator-benefit-grid article{min-height:270px;padding:28px;border:1px solid #dce6f3;border-radius:23px;background:linear-gradient(155deg,#fff,#f6f9fe);box-shadow:0 12px 35px #284f8510;transition:transform .3s ease,box-shadow .3s ease}
.creator-benefit-grid article:hover{transform:translateY(-6px);box-shadow:0 20px 45px #284f8522}
.creator-card-number{font-size:50px;font-weight:660;line-height:1;color:#78a4ea;letter-spacing:-.07em}.creator-benefit-grid h3{margin:40px 0 11px;font-size:21px;letter-spacing:-.04em}.creator-benefit-grid p{margin:0;color:#65748a;font-size:15px;line-height:1.6}
.creator-how{padding:116px 0 130px;background:#f4f8ff}
.creator-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-top:54px}.creator-steps article{display:flex;gap:22px;min-height:165px;padding:30px;border:1px solid #dce6f4;border-radius:22px;background:#fff}.creator-steps article>span{color:#3476dc;font-size:25px;font-weight:700;letter-spacing:-.06em}.creator-steps h3{margin:2px 0 10px;font-size:20px;letter-spacing:-.04em}.creator-steps p{margin:0;color:#637287;font-size:15px;line-height:1.6}
.creator-faq-list{max-width:830px;margin:51px auto 0}.creator-faq-list details{border-bottom:1px solid #dfe6f0}.creator-faq-list summary{position:relative;padding:24px 35px 24px 0;list-style:none;cursor:pointer;font-size:18px;font-weight:620;letter-spacing:-.025em}.creator-faq-list summary::-webkit-details-marker{display:none}.creator-faq-list summary::after{content:"+";position:absolute;right:0;top:21px;color:#5586d1;font-size:26px;font-weight:350}.creator-faq-list details[open] summary::after{content:"−"}.creator-faq-list p{max-width:730px;margin:0 0 25px;color:#5e6c81;font-size:15px;line-height:1.65}
.creator-final{padding:115px 24px;background:radial-gradient(ellipse 60% 88% at 50% 50%,#dae8ff,#f3f8ff 70%,#fff);text-align:center}.creator-final-inner{max-width:810px}.creator-final h2{margin:17px 0 15px;font-size:clamp(43px,5vw,64px);line-height:1.08;letter-spacing:-.06em}.creator-final p{margin:0 auto 28px;max-width:650px;color:#53647c;font-size:17px;line-height:1.6}
.creator-footer{padding:66px 0 28px;background:#f5f8fc}.creator-footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:35px}.creator-footer img{width:155px}.creator-footer p{max-width:300px;color:#667488;font-size:14px}.creator-footer nav{display:grid;align-content:start;gap:13px}.creator-footer a:not(.brand){color:#4d5f77;font-size:14px}.creator-social{display:flex;gap:18px;margin-top:18px}.creator-copyright{margin-top:56px;padding-top:22px;border-top:1px solid #dfe6f0;color:#78859a;font-size:12px}
@media(max-width:1000px){.creator-hero-grid{gap:10px}.creator-hero h1{font-size:clamp(46px,5.3vw,62px)}.creator-visual{scale:.86;transform-origin:center right}.creator-page .nav-actions .creator-nav-cta{font-size:12px;padding:0 12px}}
@media(max-width:800px){.creator-page .main-nav .mobile-nav-cta{display:block;margin-top:8px;padding:13px 16px;border-radius:12px;background:#162239;color:#fff;text-align:center}.creator-page .nav-actions{display:flex}.creator-page .nav-actions .creator-nav-cta{min-height:41px}.creator-hero{padding:130px 0 80px}.creator-hero-grid{grid-template-columns:1fr}.creator-hero-copy{text-align:center}.creator-hero h1,.creator-hero-copy>p{margin-left:auto;margin-right:auto}.creator-hero-actions{justify-content:center}.creator-visual{width:min(500px,100%);margin:25px auto 0;scale:1;transform-origin:center}.creator-benefit-grid{grid-template-columns:1fr 1fr}.creator-steps{grid-template-columns:1fr}.creator-footer-grid{grid-template-columns:1fr 1fr}.creator-footer-grid>div:first-child{grid-column:span 2}}
@media(max-width:560px){.creator-shell{width:calc(100% - 36px)}.creator-page .nav-actions{display:none}.creator-page .mobile-toggle{margin-left:auto}.creator-hero{padding:117px 0 68px}.creator-hero h1{font-size:clamp(40px,10.5vw,52px)}.creator-hero-copy>p{font-size:16px}.creator-hero-actions{flex-direction:column}.creator-hero-actions .creator-button{width:100%}.creator-visual{height:390px;margin-top:16px;scale:.82;transform-origin:top center}.creator-benefits,.creator-faq,.creator-how{padding-top:80px;padding-bottom:85px}.creator-section-heading h2{font-size:38px}.creator-section-heading p{font-size:16px}.creator-benefit-grid{grid-template-columns:1fr;margin-top:35px}.creator-benefit-grid article{min-height:225px}.creator-benefit-grid h3{margin-top:27px}.creator-steps{margin-top:36px}.creator-steps article{padding:22px;min-height:0}.creator-faq-list{margin-top:33px}.creator-faq-list summary{font-size:16px}.creator-final{padding:85px 18px}.creator-final h2{font-size:40px}.creator-footer-grid{grid-template-columns:1fr}.creator-footer-grid>div:first-child{grid-column:auto}.creator-copyright{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.creator-visual-card,.creator-visual-phone{animation:none}.creator-button,.creator-benefit-grid article{transition:none}}

.creator-platform-strip{padding:22px 0;border-block:1px solid #e4eaf3;background:#fbfdff}.creator-platform-strip .creator-shell{display:flex;align-items:center;justify-content:space-between;gap:28px}.creator-platform-strip span{color:#718096;font-size:13px;font-weight:620}.creator-platforms{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:11px}.creator-platforms b{padding:10px 16px;border:1px solid #dfe7f3;border-radius:999px;background:#fff;color:#314662;font-size:13px;box-shadow:0 4px 12px #17294709}
.creator-lab{padding-top:118px;padding-bottom:118px}.creator-lab-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:stretch;margin-top:52px}.creator-lab-controls{padding:28px;border:1px solid #dce6f3;border-radius:28px;background:#f5f9ff}.creator-lab-kicker,.creator-preview-tag{font-size:11px;font-weight:750;letter-spacing:.13em;color:#6486ba}.creator-format-tabs{display:grid;gap:12px;margin-top:28px}.creator-format-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;width:100%;padding:19px 21px;border:1px solid #dbe5f1;border-radius:17px;background:#fff;color:#21314a;text-align:left;font:inherit;font-size:18px;font-weight:680;letter-spacing:-.035em;cursor:pointer;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.creator-format-tabs button:hover{transform:translateX(4px);border-color:#8cb4ed}.creator-format-tabs button[aria-selected=true]{background:#1b3762;color:#fff;border-color:#1b3762;box-shadow:0 12px 28px #18386330}.creator-format-tabs small{color:#788ba4;font-size:12px;font-weight:500;letter-spacing:0}.creator-format-tabs button[aria-selected=true] small{color:#c8d9f2}.creator-lab-hint{margin:24px 2px 0;color:#74849a;font-size:12px;line-height:1.5}.creator-format-preview{display:flex;flex-direction:column;min-height:445px;overflow:hidden;border:1px solid #cbdcf1;border-radius:28px;background:radial-gradient(circle at 75% 25%,#b6d1fa 0,#e5f0ff 36%,#f9fbff 78%);box-shadow:0 30px 70px #254d8130;transition:background .5s ease}.creator-preview-top{display:flex;align-items:center;gap:13px;padding:25px 29px}.creator-preview-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;box-shadow:0 7px 20px #3458802a;color:#3977d7;font-size:23px}.creator-preview-dots{display:flex;gap:5px;margin-left:auto}.creator-preview-dots i{width:5px;height:5px;border-radius:50%;background:#7198cd}.creator-preview-copy{display:flex;flex:1;flex-direction:column;justify-content:center;padding:25px 52px}.creator-preview-copy>span,.creator-preview-bottom span{color:#5279ad;font-size:11px;font-weight:750;letter-spacing:.13em}.creator-preview-copy h3{max-width:540px;margin:15px 0;font-size:clamp(35px,3.6vw,53px);line-height:1.08;letter-spacing:-.06em}.creator-preview-copy p{max-width:470px;margin:0;color:#526781;font-size:16px;line-height:1.55}.creator-preview-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 25px 25px;padding:18px 22px;border:1px solid #ffffffbf;border-radius:17px;background:#ffffffb8;backdrop-filter:blur(12px)}.creator-preview-bottom div{display:grid;gap:6px}.creator-preview-bottom strong{font-size:14px;color:#263e60}.creator-format-preview.preview-enter .creator-preview-copy{animation:creator-preview-in .5s cubic-bezier(.2,.8,.2,1) both}@keyframes creator-preview-in{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.creator-experience{padding:115px 0 125px;background:#f4f8ff}.creator-experience-grid{display:grid;gap:20px;margin-top:55px}.creator-experience-card{display:grid;grid-template-columns:1fr 1fr;min-height:340px;overflow:hidden;border:1px solid #dce6f2;border-radius:26px;background:#fff;box-shadow:0 14px 40px #2445760f}.creator-experience-card:nth-child(even) .creator-experience-copy{order:2}.creator-experience-copy{display:flex;flex-direction:column;justify-content:center;padding:48px 55px}.creator-experience-copy>span{color:#3672ce;font-size:12px;font-weight:720;text-transform:uppercase;letter-spacing:.08em}.creator-experience-copy h3{max-width:460px;margin:14px 0;font-size:clamp(31px,3.5vw,45px);line-height:1.1;letter-spacing:-.055em}.creator-experience-copy p{max-width:460px;margin:0;color:#617188;font-size:16px;line-height:1.6}.creator-mini-brief,.creator-mini-story,.creator-mini-flow{display:flex;flex-direction:column;justify-content:center;align-self:stretch;margin:20px;padding:30px;border:1px solid #c9dcf7;border-radius:20px;background:linear-gradient(145deg,#e8f2ff,#f6faff);box-shadow:inset 0 1px #fff}.creator-mini-brief>span{color:#6284b7;font-size:11px;font-weight:750;letter-spacing:.12em}.creator-mini-brief>strong{max-width:420px;margin:23px 0 27px;font-size:30px;line-height:1.18;letter-spacing:-.055em}.creator-mini-brief div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid #cbdcf2;font-size:12px}.creator-mini-brief i{color:#667d9a;font-style:normal}.creator-mini-brief b{max-width:65%;text-align:right;color:#2e4c72}.creator-mini-story{gap:13px;background:linear-gradient(145deg,#dceaff,#f4f8ff)}.creator-mini-story div{display:grid;grid-template-columns:37px 1fr;gap:3px 13px;align-items:center;padding:17px;border:1px solid #d4e2f5;border-radius:13px;background:#fff;box-shadow:0 7px 20px #274c7a0f}.creator-mini-story em{grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8f1ff;color:#3572ce;font-size:12px;font-style:normal;font-weight:750}.creator-mini-story strong{font-size:14px}.creator-mini-story span{color:#72829a;font-size:12px}.creator-mini-flow{gap:12px}.creator-mini-flow div{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #d4e2f5;border-radius:13px;background:#fff}.creator-mini-flow div>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e7f1ff;color:#3979d8}.creator-mini-flow b{font-size:14px}.creator-mini-flow i{margin-left:auto;color:#42856e;font-size:11px;font-style:normal}.creator-faq-list details{counter-increment:faq}.creator-faq-list{counter-reset:faq}.creator-faq-list summary{padding-left:50px}.creator-faq-list summary::before{content:counter(faq,decimal-leading-zero);position:absolute;left:0;top:25px;color:#7094c9;font-size:13px;font-weight:750}
@media(max-width:800px){.creator-lab-layout{grid-template-columns:1fr}.creator-format-preview{min-height:400px}.creator-experience-card{grid-template-columns:1fr}.creator-experience-card:nth-child(even) .creator-experience-copy{order:0}.creator-experience-copy{padding:38px}.creator-mini-brief,.creator-mini-story,.creator-mini-flow{min-height:290px;margin-top:0}.creator-platform-strip .creator-shell{flex-direction:column;text-align:center;gap:14px}.creator-platforms{justify-content:center}}
@media(max-width:560px){.creator-lab,.creator-experience{padding-top:82px;padding-bottom:85px}.creator-lab-layout,.creator-experience-grid{margin-top:36px}.creator-lab-controls{padding:18px}.creator-format-tabs{margin-top:18px}.creator-format-tabs button{padding:15px;font-size:16px}.creator-format-preview{min-height:410px}.creator-preview-copy{padding:24px}.creator-preview-copy h3{font-size:37px}.creator-preview-bottom{margin:0 15px 15px;padding:15px;gap:10px}.creator-preview-bottom strong{font-size:12px}.creator-experience-copy{padding:30px}.creator-mini-brief,.creator-mini-story,.creator-mini-flow{min-height:280px;margin:0 15px 15px;padding:22px}.creator-mini-brief>strong{font-size:26px}.creator-platforms{gap:7px}.creator-platforms b{font-size:11px;padding:8px 11px}}
@media(prefers-reduced-motion:reduce){.creator-format-tabs button,.creator-format-preview{transition:none}.creator-format-preview.preview-enter .creator-preview-copy{animation:none}}

/* Creator presentation: centered opening, moving visual gallery and compact client dock. */
.creator-page .site-header{background:#f7faffd9}
.creator-hero{position:relative;padding:150px 0 95px;background:radial-gradient(ellipse 72% 46% at 50% 23%,#d9e8ff 0%,#eef5ff 58%,#fbfdff 100%)}
.creator-hero-grid{display:block;width:min(1180px,calc(100% - 48px))}
.creator-hero-copy{max-width:920px;margin-inline:auto;text-align:center}
.creator-hero-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid #cbdcf4;border-radius:999px;background:#ffffffc9;color:#42618b;font-size:13px;font-weight:660;box-shadow:0 6px 20px #2d5c9b13}
.creator-live-dot{width:8px;height:8px;border-radius:50%;background:#3073dd;box-shadow:0 0 0 5px #3073dd20,0 0 16px #3073dd8c}
.creator-hero h1{max-width:1050px;margin:25px auto 21px;font-size:clamp(55px,6.7vw,100px);line-height:.98;letter-spacing:-.075em;font-weight:690}
.creator-hero h1 span{display:inline-block;background:linear-gradient(100deg,#204a91,#438cf0 52%,#2455aa);-webkit-background-clip:text;background-clip:text;color:transparent}
.creator-hero-copy>p{max-width:695px;margin-inline:auto;font-size:18px;line-height:1.6}
.creator-hero-actions{justify-content:center;margin-top:28px}
.creator-reel-window{position:relative;width:100%;margin-top:73px;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent)}
.creator-reel-track{display:flex;gap:17px;width:max-content;padding:18px 0 25px;animation:creator-reel-move 55s linear infinite;will-change:transform}
@media(hover:hover) and (pointer:fine){.creator-reel-window:hover .creator-reel-track{animation-play-state:paused}}
.creator-reel{position:relative;flex:0 0 206px;height:272px;overflow:hidden;border:5px solid #ffffffb8;border-radius:24px;box-shadow:0 18px 32px #264b8033,inset 0 1px #fff9;transform:rotate(var(--tilt,0deg));transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease;isolation:isolate}
.creator-reel:hover{transform:translateY(-12px) rotate(0deg) scale(1.04);box-shadow:0 24px 40px #24477b55;z-index:3}
.creator-reel::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff5,transparent 23%,transparent 54%,#0a224e8c);z-index:-1}
.creator-reel>strong{position:absolute;top:14px;left:14px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff8c;border-radius:10px;background:#ffffffb8;color:#1e4277;font-size:12px}
.creator-reel>span{position:absolute;right:14px;bottom:16px;left:14px;color:#fff;font-size:21px;font-weight:710;line-height:1.05;letter-spacing:-.05em;text-shadow:0 2px 12px #122b5c88}
.reel-one{--tilt:-4deg;background:radial-gradient(circle at 60% 40%,#d4e9ff 0,#69a6f5 38%,#244d9d 100%)}
.reel-two{--tilt:2deg;background:linear-gradient(145deg,#2b5bb0,#9cc8ff 55%,#e3f0ff)}
.reel-three{--tilt:-2deg;background:linear-gradient(160deg,#dceaff,#7eaff1 50%,#1b477d)}
.reel-four{--tilt:3deg;background:radial-gradient(circle at 50% 37%,#d6eaff,#6595df 49%,#1c376e)}
.reel-five{--tilt:-3deg;background:linear-gradient(140deg,#193f79,#75b4f1 60%,#d7efff)}
.reel-six{--tilt:2deg;background:radial-gradient(circle at 50% 43%,#d6ebff,#7cacf2 46%,#173d8f)}
.reel-seven{--tilt:-2deg;background:linear-gradient(150deg,#9ac8ff,#3867b9 64%,#153667)}
.reel-orbit{position:absolute;top:60px;left:42px;width:120px;height:120px;border:2px solid #fff9;border-radius:50%;box-shadow:0 0 0 19px #fff2,0 0 0 42px #fff2}.reel-orbit i{position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 0 24px #fff}.reel-orbit i:first-child{top:-11px;left:45px}.reel-orbit i:last-child{right:-11px;bottom:24px;width:12px;height:12px}
.reel-app-grid{position:absolute;top:61px;left:43px;display:grid;grid-template-columns:repeat(2,55px);gap:10px;transform:rotate(-12deg)}.reel-app-grid i{height:55px;border:1px solid #fff9;border-radius:17px;background:#ffffff8c;box-shadow:0 9px 18px #18468647}.reel-app-grid i:nth-child(2){background:#164686}.reel-app-grid i:nth-child(3){background:#dcecff}
.reel-sun{position:absolute;top:55px;left:45px;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#fff,#dcecff);box-shadow:0 0 0 24px #fff3,0 0 0 48px #fff2,0 13px 35px #143e7955}
.reel-wave{position:absolute;top:75px;left:30px;display:flex;align-items:center;gap:8px;height:90px}.reel-wave i{width:19px;height:var(--wave-height);border-radius:20px;background:#ffffffc9;box-shadow:0 0 18px #fff8}.reel-wave i:nth-child(1){--wave-height:43px}.reel-wave i:nth-child(2){--wave-height:78px}.reel-wave i:nth-child(3){--wave-height:56px}.reel-wave i:nth-child(4){--wave-height:91px}.reel-wave i:nth-child(5){--wave-height:39px}
.reel-card-stack{position:absolute;top:77px;left:54px;width:108px;height:94px}.reel-card-stack i{position:absolute;inset:0;border:1px solid #ffffffa3;border-radius:16px;background:#e9f4ff;box-shadow:0 8px 18px #1b4a8755}.reel-card-stack i:nth-child(1){transform:translate(-18px,-15px) rotate(-17deg);background:#cce5ff}.reel-card-stack i:nth-child(2){transform:translate(18px,10px) rotate(13deg);background:#3774cc}.reel-card-stack i:nth-child(3){transform:rotate(-3deg)}
.reel-spotlight{position:absolute;top:58px;left:45px;display:grid;place-items:center;width:120px;height:120px;border:1px solid #fff9;border-radius:31px;background:#ffffff8a;color:#2c66b8;font-size:79px;box-shadow:0 0 0 20px #fff2,0 10px 30px #183d7766}
.reel-circle{position:absolute;top:68px;left:39px;width:125px;height:125px;border:34px solid #ffffffdb;border-radius:50%;box-shadow:0 0 0 17px #fff3,0 16px 28px #0d367962}
@keyframes creator-reel-move{to{transform:translate3d(calc(-50% - 8.5px),0,0)}}
.creator-client-proof{display:grid;justify-items:center;gap:17px;margin:37px auto 0}.creator-client-proof>span{color:#65758d;font-size:13px;font-weight:630}.creator-client-dock{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #d9e4f2;border-radius:29px;background:#fff;box-shadow:0 14px 35px #2645741c}.creator-client-logo{display:grid;place-items:center;width:56px;height:56px;overflow:hidden;border:1px solid #dfe7f2;border-radius:18px;background:#fff;transition:transform .25s ease,box-shadow .25s ease}.creator-client-logo:hover{transform:translateY(-5px);box-shadow:0 10px 20px #29548d2b}.creator-client-logo img{width:100%;height:100%;object-fit:contain}.creator-client-logo:first-child{background:#071b1c}.creator-client-logo:first-child img{object-fit:cover}.creator-client-logo:last-child img{object-fit:cover}
.creator-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.creator-steps article{display:block;min-height:0;padding:13px 13px 30px}.creator-step-visual{position:relative;display:grid;place-items:center;height:235px;overflow:hidden;border-radius:16px;background:radial-gradient(circle at 50% 35%,#d4e7ff,#83b2ee 60%,#3b72bc)}.creator-steps article:nth-child(2) .creator-step-visual{background:radial-gradient(circle at 45% 25%,#e7f3ff,#9fc3f1 57%,#5b8ed0)}.creator-steps article:nth-child(3) .creator-step-visual{background:radial-gradient(circle at 50% 38%,#dceeff,#7cb3f1 55%,#315eac)}.creator-steps article>span{display:block;margin:24px 16px 0;font-size:15px;letter-spacing:0}.creator-steps article>div:last-child{padding:0 16px}.creator-steps h3{margin:10px 0;font-size:23px}.creator-steps p{font-size:14px}.step-profile-card,.step-brief-card,.step-create-card{width:178px;min-height:163px;padding:17px;border:1px solid #ffffffb8;border-radius:19px;background:#ffffffdf;box-shadow:0 17px 30px #28518d54;transform:rotate(-8deg)}.step-profile-card{display:flex;flex-direction:column;gap:10px}.step-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#2c68bf;color:#fff;font-size:27px}.step-profile-card i{width:70%;height:8px;border-radius:9px;background:#b2cbea}.step-profile-card i:nth-of-type(2){width:50%}.step-profile-card b,.step-create-card b{font-size:11px;color:#315278}.step-brief-card{display:grid;gap:8px;transform:rotate(6deg)}.step-brief-card small{font-size:9px;color:#5583bd;font-weight:760}.step-brief-card strong{font-size:18px;line-height:1.1;letter-spacing:-.05em}.step-brief-card span{display:flex;gap:6px;align-items:center;font-size:10px;color:#426185}.step-brief-card span i{width:7px;height:7px;border-radius:50%;background:#4d91e8}.step-create-card{display:grid;justify-items:center;gap:10px;transform:rotate(-4deg)}.step-create-card>span{display:grid;place-items:center;width:68px;height:68px;border-radius:17px;background:#2b68bd;color:#fff;font-size:48px}.step-create-card i{width:72%;height:7px;border-radius:8px;background:#bdd5f3}.step-create-card i:nth-of-type(2){width:50%}
@media(max-width:1000px){.creator-hero h1{font-size:clamp(55px,7vw,82px)}.creator-steps{gap:12px}.creator-steps article{padding:10px 10px 25px}.creator-step-visual{height:195px}}
@media(max-width:800px){.creator-hero{padding-top:135px}.creator-hero h1{font-size:clamp(50px,8vw,72px)}.creator-reel-window{margin-top:55px}.creator-steps{grid-template-columns:1fr 1fr}.creator-steps article:last-child{grid-column:1/-1}.creator-steps article:last-child .creator-step-visual{height:220px}}
@media(max-width:560px){.creator-hero{padding:120px 0 75px}.creator-hero-grid{width:calc(100% - 36px)}.creator-hero-pill{font-size:11px}.creator-hero h1{font-size:clamp(47px,11vw,62px)}.creator-hero-copy>p{font-size:16px}.creator-reel-window{margin-top:44px}.creator-reel{flex-basis:156px;height:222px}.creator-reel>span{font-size:17px}.creator-reel-track{gap:12px}.creator-client-proof{margin-top:28px}.creator-steps{grid-template-columns:1fr}.creator-steps article:last-child{grid-column:auto}.creator-step-visual,.creator-steps article:last-child .creator-step-visual{height:205px}}
@media(prefers-reduced-motion:reduce){.creator-reel-track{animation:none}.creator-reel{transition:none}}
.creator-reel::after{content:"";position:absolute;inset:42% 0 0;z-index:1;background:linear-gradient(180deg,transparent,#0d2a5b88)}
.creator-reel>span,.creator-reel>strong{z-index:2}
.creator-page.motion-ready .creator-steps article,.creator-page.motion-ready .creator-experience-card{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.creator-page.motion-ready .creator-steps article.is-visible,.creator-page.motion-ready .creator-experience-card.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:560px){@keyframes creator-reel-move{to{transform:translate3d(calc(-50% - 6px),0,0)}}}
@media(prefers-reduced-motion:reduce){.creator-page.motion-ready .creator-steps article,.creator-page.motion-ready .creator-experience-card{opacity:1;transform:none;transition:none}}
.creator-client-logo{position:relative;overflow:visible;border:0;background:none;box-shadow:none}.creator-client-art{position:relative;display:block;width:56px;height:56px;overflow:hidden;border:1px solid #dfe7f2;border-radius:18px;background:#fff;box-shadow:0 4px 12px #2645741c}.creator-client-logo:first-child .creator-client-art{background:#000}.creator-client-logo img{display:block;position:absolute;max-width:none;max-height:none}.creator-client-logo:first-child img{left:0;top:0;width:auto;height:100%;object-fit:unset}.creator-client-logo:nth-child(2) img{inset:0;width:100%;height:100%;object-fit:contain}.creator-client-logo:last-child img{left:-360%;top:-205%;width:1125%;height:auto;object-fit:unset}.creator-client-logo::after{content:attr(data-label);position:absolute;bottom:calc(100% + 12px);left:50%;z-index:5;padding:7px 10px;border:1px solid #cbdcf3;border-radius:999px;background:#fff;color:#29466d;font-size:11px;font-weight:680;white-space:nowrap;box-shadow:0 6px 17px #264d8129;opacity:0;transform:translate(-50%,7px);pointer-events:none;transition:opacity .2s ease,transform .25s ease}.creator-client-logo:hover::after{opacity:1;transform:translate(-50%,0)}

/* Keep the mobile reel moving at a readable pace without sticky hover pauses. */
@media(max-width:800px) and (prefers-reduced-motion:no-preference){.creator-page .creator-reel-track{animation-duration:7s}}

/* Keep the mobile headline prominent without four stacked lines. */
@media(max-width:560px){
  .creator-hero h1{width:100%;max-width:none;font-size:clamp(34px,10.5vw,48px);line-height:1.07;letter-spacing:-.065em;text-wrap:balance}
  .creator-hero h1 span{display:block;text-wrap:balance}
}

.creator-hero h1>.creator-headline-start{display:inline;background:none;color:#17233b}
.creator-hero h1 .creator-headline-line{display:inline}
@media(max-width:560px){
  .creator-hero h1{font-size:clamp(30px,9.8vw,48px);line-height:1.07}
  .creator-hero h1>.creator-headline-start,.creator-hero h1>.creator-headline-accent,.creator-hero h1 .creator-headline-line{display:block;white-space:nowrap}
}

/* Center each fixed headline line within the mobile content area. */
@media(max-width:560px){
 .creator-hero h1{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-inline:auto;font-size:clamp(28px,9.8vw,48px);text-align:center}
 .creator-hero h1>.creator-headline-start,.creator-hero h1>.creator-headline-accent{width:max-content;max-width:100%;margin-inline:auto;text-align:center}
 .creator-hero h1 .creator-headline-line{text-align:center}
}

/* Main creator CTA, matching the selected orange pill reference. */
.creator-page :is(.creator-hero-actions,.creator-how-cta,.creator-testimonials-cta) .creator-button-primary{
 min-height:56px;padding:14px 27px;border:0;border-radius:999px;
 background:#4065e7;color:#fff;font-size:18px;line-height:1.2;font-weight:600;letter-spacing:-.015em;
 box-shadow:0 3px 8px #4065e714;gap:19px;
}
.creator-page :is(.creator-hero-actions,.creator-how-cta,.creator-testimonials-cta) .creator-button-primary::after{
 content:"";display:block;width:9px;height:9px;flex:none;border-top:2.5px solid currentColor;border-right:2.5px solid currentColor;transform:rotate(45deg);
}
.creator-page :is(.creator-hero-actions,.creator-how-cta,.creator-testimonials-cta) .creator-button-primary:hover{background:#3459d8;box-shadow:0 5px 12px #4065e724}
@media(max-width:560px){.creator-page :is(.creator-hero-actions,.creator-how-cta,.creator-testimonials-cta) .creator-button-primary{min-height:54px;padding:14px 20px;font-size:18px;gap:17px}}

.creator-how-cta{display:flex;justify-content:center;margin-top:36px}
@media(max-width:560px){.creator-how-cta .creator-button{width:100%}}

.creator-testimonials-cta{display:flex;justify-content:center;margin-top:36px}
@media(max-width:560px){.creator-testimonials-cta .creator-button{width:100%}}