/* Premium Mockup V17 — Creator Assets page */
.pm-creator-page{background:#fff;color:#12213a}
.pm-creator-hero{position:relative;overflow:hidden;padding:76px 24px 72px;background:radial-gradient(circle at 86% 8%,rgba(55,105,230,.12),transparent 27%),linear-gradient(180deg,#fbfdff 0%,#f5f8fd 100%);border-bottom:1px solid #e5ebf4}
.pm-creator-hero:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-250px;bottom:-310px;border:1px solid rgba(47,103,220,.12);box-shadow:0 0 0 70px rgba(47,103,220,.025),0 0 0 140px rgba(47,103,220,.02)}
.pm-creator-hero-inner{position:relative;z-index:1;max-width:1180px;margin:auto;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.78fr);gap:72px;align-items:center}
.pm-creator-eyebrow,.pm-creator-section-kicker{display:inline-flex;align-items:center;gap:9px;color:#2764d8;font-size:9px;font-weight:900;letter-spacing:1.65px;text-transform:uppercase}.pm-creator-eyebrow i{width:8px;height:8px;border-radius:50%;background:#3a73e8;box-shadow:0 0 0 6px rgba(58,115,232,.09)}
.pm-creator-hero-copy h1{max-width:710px;margin:17px 0 17px;color:#0e1c34;font-size:54px;line-height:1.03;letter-spacing:-2.35px}.pm-creator-hero-copy>p{max-width:700px;margin:0;color:#62718a;font-size:14px;line-height:1.82}
.pm-creator-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.pm-creator-primary,.pm-creator-secondary{min-height:49px;display:inline-flex;align-items:center;gap:18px;padding:0 18px;border-radius:12px;font-size:11px;font-weight:900;text-decoration:none;transition:.2s ease}.pm-creator-primary{background:linear-gradient(135deg,#1f63df,#2954c8);color:#fff;box-shadow:0 13px 27px rgba(35,91,210,.22)}.pm-creator-primary:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(35,91,210,.29)}.pm-creator-primary span{font-size:16px}.pm-creator-secondary{border:1px solid #d8e1ef;background:#fff;color:#304762;box-shadow:0 8px 22px rgba(24,46,80,.05)}.pm-creator-secondary:hover{border-color:#b8cdf0;background:#f8fbff;transform:translateY(-1px)}
.pm-creator-trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;color:#63748d;font-size:9.5px;font-weight:750}.pm-creator-trust-row span:first-letter{color:#1f67dc}
.pm-creator-visual{position:relative;padding:22px;border:1px solid #d9e4f3;border-radius:27px;background:rgba(255,255,255,.88);box-shadow:0 25px 70px rgba(27,60,111,.14);backdrop-filter:blur(8px)}.pm-creator-visual:before{content:"";position:absolute;inset:8px;border:1px solid #edf2f8;border-radius:21px;pointer-events:none}.pm-creator-visual-head{position:relative;display:flex;align-items:center;justify-content:space-between;padding:4px 4px 15px}.pm-creator-visual-head span{font-size:8px;font-weight:900;letter-spacing:1.2px;color:#5072a0}.pm-creator-visual-head b{font-size:9px;color:#13233f}
.pm-creator-mini-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px}.pm-creator-mini{min-height:116px;padding:17px;border-radius:18px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;box-shadow:0 12px 24px rgba(34,54,91,.09)}.pm-creator-mini strong{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.17);font-size:11px;letter-spacing:.2px}.pm-creator-mini span{font-size:11px;line-height:1.25;font-weight:800}.pm-mini-youtube{background:linear-gradient(135deg,#d84b57,#9b2741)}.pm-mini-channel{background:linear-gradient(135deg,#355fdb,#203b9e)}.pm-mini-tiktok{background:linear-gradient(135deg,#1c314a,#101a2b)}.pm-mini-instagram{background:linear-gradient(135deg,#7446c9,#d3538d)}
.pm-creator-visual-foot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 5px 3px;color:#7b899d;font-size:8px;font-weight:800}.pm-creator-visual-foot i{height:1px;flex:1;background:#e6ecf4}
.pm-creator-library{max-width:1180px;margin:auto;padding:82px 24px 72px}.pm-creator-section-head{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:28px}.pm-creator-section-head>div:first-child{max-width:760px}.pm-creator-section-head h2,.pm-creator-workflow-copy h2{margin:10px 0 11px;color:#101e35;font-size:34px;line-height:1.12;letter-spacing:-1.15px}.pm-creator-section-head p{margin:0;color:#68778e;font-size:12px;line-height:1.75}.pm-creator-head-note{min-width:126px;padding:15px 18px;border:1px solid #dee6f1;border-radius:16px;background:#f9fbfe;text-align:center}.pm-creator-head-note b{display:block;color:#1f61d5;font-size:26px;line-height:1}.pm-creator-head-note span{display:block;margin-top:5px;color:#7b899d;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.8px}
.pm-creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.pm-creator-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:430px;border:1px solid #dfe6ef;border-radius:22px;background:#fff;color:#17253c;text-decoration:none;box-shadow:0 10px 30px rgba(28,47,78,.055);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.pm-creator-card:hover{transform:translateY(-6px);border-color:#c6d7ed;box-shadow:0 22px 48px rgba(27,55,99,.13)}
.pm-creator-card-media{position:relative;height:218px;overflow:hidden;background:linear-gradient(145deg,#edf4ff,#f8fbff)}.pm-creator-card-media:after{content:"";position:absolute;inset:auto -35px -48px auto;width:120px;height:120px;border-radius:50%;border:22px solid rgba(255,255,255,.17)}.pm-creator-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.pm-creator-card:hover .pm-creator-card-media img{transform:scale(1.025)}.pm-creator-card-placeholder{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;background:linear-gradient(135deg,#eef4ff,#dce8ff)}.pm-creator-card-placeholder strong{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#2b65d8;color:#fff;font-size:18px;box-shadow:0 12px 26px rgba(43,101,216,.22)}.pm-creator-card-placeholder span{margin-top:15px;color:#5c7192;font-size:9px;font-weight:850;letter-spacing:.6px;text-transform:uppercase}
.pm-creator-card-youtube .pm-creator-card-placeholder{background:linear-gradient(145deg,#fff0f1,#f8dadd)}.pm-creator-card-youtube .pm-creator-card-placeholder strong{background:linear-gradient(135deg,#dc5260,#ac3148)}.pm-creator-card-banner .pm-creator-card-placeholder{background:linear-gradient(145deg,#eff3ff,#dbe4ff)}.pm-creator-card-tiktok .pm-creator-card-placeholder{background:linear-gradient(145deg,#eaf1f5,#dce5eb)}.pm-creator-card-tiktok .pm-creator-card-placeholder strong{background:linear-gradient(135deg,#243d55,#111d2b)}.pm-creator-card-instagram .pm-creator-card-placeholder{background:linear-gradient(145deg,#f5edff,#f8e7f2)}.pm-creator-card-instagram .pm-creator-card-placeholder strong{background:linear-gradient(135deg,#7650ca,#c6508e)}.pm-creator-card-podcast .pm-creator-card-placeholder{background:linear-gradient(145deg,#eef9f6,#dff1eb)}.pm-creator-card-podcast .pm-creator-card-placeholder strong{background:linear-gradient(135deg,#258c78,#176b5c)}.pm-creator-card-branding .pm-creator-card-placeholder{background:linear-gradient(145deg,#fff7eb,#f6ead5)}.pm-creator-card-branding .pm-creator-card-placeholder strong{background:linear-gradient(135deg,#ba7a28,#8e5a1a)}
.pm-creator-badge{position:absolute;z-index:2;left:16px;top:16px;display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);color:#265ec4;font-size:7px;font-weight:900;letter-spacing:.8px}.pm-creator-card-number{position:absolute;z-index:2;right:16px;top:16px;color:#fff;font-size:10px;font-weight:900;text-shadow:0 1px 6px rgba(18,33,58,.35)}
.pm-creator-card-body{display:flex;flex:1;flex-direction:column;padding:21px 21px 19px}.pm-creator-card-type{color:#4671ad;font-size:8px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.pm-creator-card h3{margin:8px 0 9px;color:#122038;font-size:18px;line-height:1.25;letter-spacing:-.35px}.pm-creator-card p{margin:0;color:#718096;font-size:10.5px;line-height:1.7}.pm-creator-card-action{margin-top:auto;padding-top:17px;border-top:1px solid #ebeff5;display:flex;align-items:center;justify-content:space-between;color:#245fc9;font-size:9.5px;font-weight:900}.pm-creator-card-action b{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#eef4ff;color:#2c66d4;font-size:14px;transition:.2s}.pm-creator-card:hover .pm-creator-card-action b{transform:translateX(3px);background:#2b65d8;color:#fff}
.pm-creator-value-strip{padding:0 24px 72px}.pm-creator-value-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dde6f2;border-radius:22px;background:#f8fbff;box-shadow:0 10px 34px rgba(26,56,101,.05);overflow:hidden}.pm-creator-value-grid>div{display:flex;gap:14px;padding:24px 25px}.pm-creator-value-grid>div+div{border-left:1px solid #e2e9f3}.pm-value-icon{flex:0 0 38px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e8f1ff;color:#2863ce;font-size:9px;font-weight:900}.pm-creator-value-grid b{display:block;margin:1px 0 5px;color:#15233b;font-size:11px}.pm-creator-value-grid p{margin:0;color:#738198;font-size:9.5px;line-height:1.6}
.pm-creator-workflow{padding:0 24px 88px}.pm-creator-workflow-card{max-width:1180px;margin:auto;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.72fr);border:1px solid #d9e3f0;border-radius:28px;background:#fff;box-shadow:0 26px 70px rgba(25,55,101,.11)}.pm-creator-workflow-copy{position:relative;padding:49px 52px;background:linear-gradient(180deg,#fff,#f9fbff)}.pm-creator-workflow-copy h2{max-width:650px;font-size:32px}.pm-creator-workflow-copy>p{max-width:680px;margin:0;color:#68778e;font-size:11.5px;line-height:1.78}.pm-creator-workflow-points{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.pm-creator-workflow-points span{display:flex;align-items:center;gap:8px;color:#445873;font-size:9.5px;font-weight:800}.pm-creator-workflow-points i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#eaf2ff;color:#2462d3;font-size:9px;font-style:normal}.pm-creator-workflow-side{padding:42px 36px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#102b61,#245bc6);color:#fff}.pm-creator-workflow-side>span{color:#bcd1ff;font-size:8px;font-weight:900;letter-spacing:1.2px}.pm-creator-workflow-side strong{margin-top:11px;color:#fff;font-size:22px;line-height:1.22;letter-spacing:-.45px}.pm-creator-workflow-side p{margin:12px 0 20px;color:#d0ddf7;font-size:10px;line-height:1.65}.pm-creator-workflow-side a{min-height:46px;padding:0 15px;border:1px solid rgba(255,255,255,.25);border-radius:12px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.1);color:#fff;font-size:10px;font-weight:900;text-decoration:none;transition:.2s}.pm-creator-workflow-side a:hover{background:#fff;color:#1f58be;transform:translateY(-1px)}.pm-creator-workflow-side a b{font-size:15px}
@media(max-width:980px){.pm-creator-hero-inner{grid-template-columns:1fr;gap:38px}.pm-creator-visual{max-width:620px}.pm-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-creator-workflow-card{grid-template-columns:1fr}.pm-creator-workflow-side{padding:34px 42px}.pm-creator-value-grid{grid-template-columns:1fr}.pm-creator-value-grid>div+div{border-left:0;border-top:1px solid #e2e9f3}}
@media(max-width:680px){.pm-creator-hero{padding:52px 17px}.pm-creator-hero-copy h1{font-size:38px;letter-spacing:-1.5px}.pm-creator-hero-copy>p{font-size:12px}.pm-creator-hero-actions{display:grid}.pm-creator-primary,.pm-creator-secondary{justify-content:space-between}.pm-creator-trust-row{gap:10px 14px}.pm-creator-mini{min-height:100px;padding:14px}.pm-creator-library{padding:58px 16px 54px}.pm-creator-section-head{align-items:flex-start;flex-direction:column}.pm-creator-section-head h2{font-size:28px}.pm-creator-head-note{display:none}.pm-creator-grid{grid-template-columns:1fr}.pm-creator-card{min-height:0}.pm-creator-card-media{height:205px}.pm-creator-value-strip{padding:0 16px 56px}.pm-creator-workflow{padding:0 16px 68px}.pm-creator-workflow-copy{padding:36px 25px}.pm-creator-workflow-copy h2{font-size:27px}.pm-creator-workflow-points{grid-template-columns:1fr}.pm-creator-workflow-side{padding:31px 25px}}
@media(max-width:420px){.pm-creator-hero-copy h1{font-size:33px}.pm-creator-mini-grid{gap:7px}.pm-creator-mini{min-height:92px}.pm-creator-visual{padding:16px;border-radius:22px}.pm-creator-card-media{height:185px}}